diff --git a/static/assets/css/light-purple-red.css b/static/assets/css/light-purple-red.css new file mode 100644 index 0000000..9bff86a --- /dev/null +++ b/static/assets/css/light-purple-red.css @@ -0,0 +1,16492 @@ +/** + Cryptum - Luxurious Cryptocurrency Material Design Admin Dashboard + -------------------------------------------------------------------------- + Light/Purple-Red skin +**/ +/****************** +[Table of contents] + +1. Cryptum Root Variables +2. Cryptum Skin Classes +3. Font Awesome Icons +4. Google's Material Web Components +5. Cryptum Components +*******************/ +/*------------------------------------------------------------------ +[1. Cryptum Root Variables] +------------------------------------------------------------------*/ +:root { + --mdc-theme-primary-200: #ca90bb; + --mdc-theme-primary-600: #862776; + --mdc-theme-primary-800: #4e1556; + --mdc-theme-secondary-500: #ff5f25; + --mdc-theme-secondary-700: #e7521c; } + +/*------------------------------------------------------------------ +[2. Cryptum Skin Classes] +------------------------------------------------------------------*/ +.crypro-theme-gradient { + background-image: linear-gradient(134deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.05) 100%); } + [dir=rtl] .crypro-theme-gradient { + background-image: linear-gradient(-134deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.05) 100%); } + +.crypto-text-shadow { + text-shadow: 3px 6px 1px rgba(119, 33, 111, 0.05), 0 0 5px rgba(119, 33, 111, 0.05), 1px 1px 3px rgba(119, 33, 111, 0.075), 3px 3px 5px rgba(119, 33, 111, 0.05), 5px 5px 10px rgba(119, 33, 111, 0.075), 8px 10px 10px rgba(119, 33, 111, 0.075), 20px 20px 20px rgba(119, 33, 111, 0.1); } + +.crypto-marquee { + -webkit-box-shadow: inset 0px -6px 12px 0 rgba(0, 0, 0, 0.04) !important; + box-shadow: inset 0px -6px 12px 0 rgba(0, 0, 0, 0.04) !important; } + +.mdc-theme--primary-200-bg { + background: var(--mdc-theme-primary-200); } + +.mdc-theme--primary-600-bg { + background: var(--mdc-theme-primary-600); } + +.mdc-theme--primary-800-bg { + background: var(--mdc-theme-primary-800); } + +.mdc-theme--secondary-700 { + color: var(--mdc-theme-secondary-700); } + +.mdc-theme--secondary-500 { + color: var(--mdc-theme-secondary-500); } + +.mdc-theme--secondary-700-bg { + background: var(--mdc-theme-secondary-700); } + +.mdc-theme--secondary-500-bg { + background: var(--mdc-theme-secondary-500); } + +/*------------------------------------------------------------------ +[3. Font Awesome Icons] +------------------------------------------------------------------*/ +/*! + * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +.fa, +.fas, +.far, +.fal, +.fab { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; } + +.fa-lg { + font-size: 1.33333em; + line-height: 0.75em; + vertical-align: -.0667em; } + +.fa-xs { + font-size: .75em; } + +.fa-sm { + font-size: .875em; } + +.fa-1x { + font-size: 1em; } + +.fa-2x { + font-size: 2em; } + +.fa-3x { + font-size: 3em; } + +.fa-4x { + font-size: 4em; } + +.fa-5x { + font-size: 5em; } + +.fa-6x { + font-size: 6em; } + +.fa-7x { + font-size: 7em; } + +.fa-8x { + font-size: 8em; } + +.fa-9x { + font-size: 9em; } + +.fa-10x { + font-size: 10em; } + +.fa-fw { + text-align: center; + width: 1.25em; } + +.fa-ul { + list-style-type: none; + margin-left: 2.5em; + padding-left: 0; } + .fa-ul > li { + position: relative; } + +.fa-li { + left: -2em; + position: absolute; + text-align: center; + width: 2em; + line-height: inherit; } + +.fa-border { + border: solid 0.08em #eee; + border-radius: .1em; + padding: .2em .25em .15em; } + +.fa-pull-left { + float: left; } + +.fa-pull-right { + float: right; } + +.fa.fa-pull-left, +.fas.fa-pull-left, +.far.fa-pull-left, +.fal.fa-pull-left, +.fab.fa-pull-left { + margin-right: .3em; } + +.fa.fa-pull-right, +.fas.fa-pull-right, +.far.fa-pull-right, +.fal.fa-pull-right, +.fab.fa-pull-right { + margin-left: .3em; } + +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; } + +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); } + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); } + +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); } + +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + transform: scale(1, -1); } + +.fa-flip-horizontal.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(-1, -1); + transform: scale(-1, -1); } + +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + -webkit-filter: none; + filter: none; } + +.fa-stack { + display: inline-block; + height: 2em; + line-height: 2em; + position: relative; + vertical-align: middle; + width: 2em; } + +.fa-stack-1x, +.fa-stack-2x { + left: 0; + position: absolute; + text-align: center; + width: 100%; } + +.fa-stack-1x { + line-height: inherit; } + +.fa-stack-2x { + font-size: 2em; } + +.fa-inverse { + color: #fff; } + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen +readers do not read off random characters that represent icons */ +.fa-500px:before { + content: "\f26e"; } + +.fa-accessible-icon:before { + content: "\f368"; } + +.fa-accusoft:before { + content: "\f369"; } + +.fa-ad:before { + content: "\f641"; } + +.fa-address-book:before { + content: "\f2b9"; } + +.fa-address-card:before { + content: "\f2bb"; } + +.fa-adjust:before { + content: "\f042"; } + +.fa-adn:before { + content: "\f170"; } + +.fa-adversal:before { + content: "\f36a"; } + +.fa-affiliatetheme:before { + content: "\f36b"; } + +.fa-air-freshener:before { + content: "\f5d0"; } + +.fa-algolia:before { + content: "\f36c"; } + +.fa-align-center:before { + content: "\f037"; } + +.fa-align-justify:before { + content: "\f039"; } + +.fa-align-left:before { + content: "\f036"; } + +.fa-align-right:before { + content: "\f038"; } + +.fa-alipay:before { + content: "\f642"; } + +.fa-allergies:before { + content: "\f461"; } + +.fa-amazon:before { + content: "\f270"; } + +.fa-amazon-pay:before { + content: "\f42c"; } + +.fa-ambulance:before { + content: "\f0f9"; } + +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; } + +.fa-amilia:before { + content: "\f36d"; } + +.fa-anchor:before { + content: "\f13d"; } + +.fa-android:before { + content: "\f17b"; } + +.fa-angellist:before { + content: "\f209"; } + +.fa-angle-double-down:before { + content: "\f103"; } + +.fa-angle-double-left:before { + content: "\f100"; } + +.fa-angle-double-right:before { + content: "\f101"; } + +.fa-angle-double-up:before { + content: "\f102"; } + +.fa-angle-down:before { + content: "\f107"; } + +.fa-angle-left:before { + content: "\f104"; } + +.fa-angle-right:before { + content: "\f105"; } + +.fa-angle-up:before { + content: "\f106"; } + +.fa-angry:before { + content: "\f556"; } + +.fa-angrycreative:before { + content: "\f36e"; } + +.fa-angular:before { + content: "\f420"; } + +.fa-ankh:before { + content: "\f644"; } + +.fa-app-store:before { + content: "\f36f"; } + +.fa-app-store-ios:before { + content: "\f370"; } + +.fa-apper:before { + content: "\f371"; } + +.fa-apple:before { + content: "\f179"; } + +.fa-apple-alt:before { + content: "\f5d1"; } + +.fa-apple-pay:before { + content: "\f415"; } + +.fa-archive:before { + content: "\f187"; } + +.fa-archway:before { + content: "\f557"; } + +.fa-arrow-alt-circle-down:before { + content: "\f358"; } + +.fa-arrow-alt-circle-left:before { + content: "\f359"; } + +.fa-arrow-alt-circle-right:before { + content: "\f35a"; } + +.fa-arrow-alt-circle-up:before { + content: "\f35b"; } + +.fa-arrow-circle-down:before { + content: "\f0ab"; } + +.fa-arrow-circle-left:before { + content: "\f0a8"; } + +.fa-arrow-circle-right:before { + content: "\f0a9"; } + +.fa-arrow-circle-up:before { + content: "\f0aa"; } + +.fa-arrow-down:before { + content: "\f063"; } + +.fa-arrow-left:before { + content: "\f060"; } + +.fa-arrow-right:before { + content: "\f061"; } + +.fa-arrow-up:before { + content: "\f062"; } + +.fa-arrows-alt:before { + content: "\f0b2"; } + +.fa-arrows-alt-h:before { + content: "\f337"; } + +.fa-arrows-alt-v:before { + content: "\f338"; } + +.fa-assistive-listening-systems:before { + content: "\f2a2"; } + +.fa-asterisk:before { + content: "\f069"; } + +.fa-asymmetrik:before { + content: "\f372"; } + +.fa-at:before { + content: "\f1fa"; } + +.fa-atlas:before { + content: "\f558"; } + +.fa-atom:before { + content: "\f5d2"; } + +.fa-audible:before { + content: "\f373"; } + +.fa-audio-description:before { + content: "\f29e"; } + +.fa-autoprefixer:before { + content: "\f41c"; } + +.fa-avianex:before { + content: "\f374"; } + +.fa-aviato:before { + content: "\f421"; } + +.fa-award:before { + content: "\f559"; } + +.fa-aws:before { + content: "\f375"; } + +.fa-backspace:before { + content: "\f55a"; } + +.fa-backward:before { + content: "\f04a"; } + +.fa-balance-scale:before { + content: "\f24e"; } + +.fa-ban:before { + content: "\f05e"; } + +.fa-band-aid:before { + content: "\f462"; } + +.fa-bandcamp:before { + content: "\f2d5"; } + +.fa-barcode:before { + content: "\f02a"; } + +.fa-bars:before { + content: "\f0c9"; } + +.fa-baseball-ball:before { + content: "\f433"; } + +.fa-basketball-ball:before { + content: "\f434"; } + +.fa-bath:before { + content: "\f2cd"; } + +.fa-battery-empty:before { + content: "\f244"; } + +.fa-battery-full:before { + content: "\f240"; } + +.fa-battery-half:before { + content: "\f242"; } + +.fa-battery-quarter:before { + content: "\f243"; } + +.fa-battery-three-quarters:before { + content: "\f241"; } + +.fa-bed:before { + content: "\f236"; } + +.fa-beer:before { + content: "\f0fc"; } + +.fa-behance:before { + content: "\f1b4"; } + +.fa-behance-square:before { + content: "\f1b5"; } + +.fa-bell:before { + content: "\f0f3"; } + +.fa-bell-slash:before { + content: "\f1f6"; } + +.fa-bezier-curve:before { + content: "\f55b"; } + +.fa-bible:before { + content: "\f647"; } + +.fa-bicycle:before { + content: "\f206"; } + +.fa-bimobject:before { + content: "\f378"; } + +.fa-binoculars:before { + content: "\f1e5"; } + +.fa-birthday-cake:before { + content: "\f1fd"; } + +.fa-bitbucket:before { + content: "\f171"; } + +.fa-bitcoin:before { + content: "\f379"; } + +.fa-bity:before { + content: "\f37a"; } + +.fa-black-tie:before { + content: "\f27e"; } + +.fa-blackberry:before { + content: "\f37b"; } + +.fa-blender:before { + content: "\f517"; } + +.fa-blind:before { + content: "\f29d"; } + +.fa-blogger:before { + content: "\f37c"; } + +.fa-blogger-b:before { + content: "\f37d"; } + +.fa-bluetooth:before { + content: "\f293"; } + +.fa-bluetooth-b:before { + content: "\f294"; } + +.fa-bold:before { + content: "\f032"; } + +.fa-bolt:before { + content: "\f0e7"; } + +.fa-bomb:before { + content: "\f1e2"; } + +.fa-bone:before { + content: "\f5d7"; } + +.fa-bong:before { + content: "\f55c"; } + +.fa-book:before { + content: "\f02d"; } + +.fa-book-open:before { + content: "\f518"; } + +.fa-book-reader:before { + content: "\f5da"; } + +.fa-bookmark:before { + content: "\f02e"; } + +.fa-bowling-ball:before { + content: "\f436"; } + +.fa-box:before { + content: "\f466"; } + +.fa-box-open:before { + content: "\f49e"; } + +.fa-boxes:before { + content: "\f468"; } + +.fa-braille:before { + content: "\f2a1"; } + +.fa-brain:before { + content: "\f5dc"; } + +.fa-briefcase:before { + content: "\f0b1"; } + +.fa-briefcase-medical:before { + content: "\f469"; } + +.fa-broadcast-tower:before { + content: "\f519"; } + +.fa-broom:before { + content: "\f51a"; } + +.fa-brush:before { + content: "\f55d"; } + +.fa-btc:before { + content: "\f15a"; } + +.fa-bug:before { + content: "\f188"; } + +.fa-building:before { + content: "\f1ad"; } + +.fa-bullhorn:before { + content: "\f0a1"; } + +.fa-bullseye:before { + content: "\f140"; } + +.fa-burn:before { + content: "\f46a"; } + +.fa-buromobelexperte:before { + content: "\f37f"; } + +.fa-bus:before { + content: "\f207"; } + +.fa-bus-alt:before { + content: "\f55e"; } + +.fa-business-time:before { + content: "\f64a"; } + +.fa-buysellads:before { + content: "\f20d"; } + +.fa-calculator:before { + content: "\f1ec"; } + +.fa-calendar:before { + content: "\f133"; } + +.fa-calendar-alt:before { + content: "\f073"; } + +.fa-calendar-check:before { + content: "\f274"; } + +.fa-calendar-minus:before { + content: "\f272"; } + +.fa-calendar-plus:before { + content: "\f271"; } + +.fa-calendar-times:before { + content: "\f273"; } + +.fa-camera:before { + content: "\f030"; } + +.fa-camera-retro:before { + content: "\f083"; } + +.fa-cannabis:before { + content: "\f55f"; } + +.fa-capsules:before { + content: "\f46b"; } + +.fa-car:before { + content: "\f1b9"; } + +.fa-car-alt:before { + content: "\f5de"; } + +.fa-car-battery:before { + content: "\f5df"; } + +.fa-car-crash:before { + content: "\f5e1"; } + +.fa-car-side:before { + content: "\f5e4"; } + +.fa-caret-down:before { + content: "\f0d7"; } + +.fa-caret-left:before { + content: "\f0d9"; } + +.fa-caret-right:before { + content: "\f0da"; } + +.fa-caret-square-down:before { + content: "\f150"; } + +.fa-caret-square-left:before { + content: "\f191"; } + +.fa-caret-square-right:before { + content: "\f152"; } + +.fa-caret-square-up:before { + content: "\f151"; } + +.fa-caret-up:before { + content: "\f0d8"; } + +.fa-cart-arrow-down:before { + content: "\f218"; } + +.fa-cart-plus:before { + content: "\f217"; } + +.fa-cc-amazon-pay:before { + content: "\f42d"; } + +.fa-cc-amex:before { + content: "\f1f3"; } + +.fa-cc-apple-pay:before { + content: "\f416"; } + +.fa-cc-diners-club:before { + content: "\f24c"; } + +.fa-cc-discover:before { + content: "\f1f2"; } + +.fa-cc-jcb:before { + content: "\f24b"; } + +.fa-cc-mastercard:before { + content: "\f1f1"; } + +.fa-cc-paypal:before { + content: "\f1f4"; } + +.fa-cc-stripe:before { + content: "\f1f5"; } + +.fa-cc-visa:before { + content: "\f1f0"; } + +.fa-centercode:before { + content: "\f380"; } + +.fa-certificate:before { + content: "\f0a3"; } + +.fa-chalkboard:before { + content: "\f51b"; } + +.fa-chalkboard-teacher:before { + content: "\f51c"; } + +.fa-charging-station:before { + content: "\f5e7"; } + +.fa-chart-area:before { + content: "\f1fe"; } + +.fa-chart-bar:before { + content: "\f080"; } + +.fa-chart-line:before { + content: "\f201"; } + +.fa-chart-pie:before { + content: "\f200"; } + +.fa-check:before { + content: "\f00c"; } + +.fa-check-circle:before { + content: "\f058"; } + +.fa-check-double:before { + content: "\f560"; } + +.fa-check-square:before { + content: "\f14a"; } + +.fa-chess:before { + content: "\f439"; } + +.fa-chess-bishop:before { + content: "\f43a"; } + +.fa-chess-board:before { + content: "\f43c"; } + +.fa-chess-king:before { + content: "\f43f"; } + +.fa-chess-knight:before { + content: "\f441"; } + +.fa-chess-pawn:before { + content: "\f443"; } + +.fa-chess-queen:before { + content: "\f445"; } + +.fa-chess-rook:before { + content: "\f447"; } + +.fa-chevron-circle-down:before { + content: "\f13a"; } + +.fa-chevron-circle-left:before { + content: "\f137"; } + +.fa-chevron-circle-right:before { + content: "\f138"; } + +.fa-chevron-circle-up:before { + content: "\f139"; } + +.fa-chevron-down:before { + content: "\f078"; } + +.fa-chevron-left:before { + content: "\f053"; } + +.fa-chevron-right:before { + content: "\f054"; } + +.fa-chevron-up:before { + content: "\f077"; } + +.fa-child:before { + content: "\f1ae"; } + +.fa-chrome:before { + content: "\f268"; } + +.fa-church:before { + content: "\f51d"; } + +.fa-circle:before { + content: "\f111"; } + +.fa-circle-notch:before { + content: "\f1ce"; } + +.fa-city:before { + content: "\f64f"; } + +.fa-clipboard:before { + content: "\f328"; } + +.fa-clipboard-check:before { + content: "\f46c"; } + +.fa-clipboard-list:before { + content: "\f46d"; } + +.fa-clock:before { + content: "\f017"; } + +.fa-clone:before { + content: "\f24d"; } + +.fa-closed-captioning:before { + content: "\f20a"; } + +.fa-cloud:before { + content: "\f0c2"; } + +.fa-cloud-download-alt:before { + content: "\f381"; } + +.fa-cloud-upload-alt:before { + content: "\f382"; } + +.fa-cloudscale:before { + content: "\f383"; } + +.fa-cloudsmith:before { + content: "\f384"; } + +.fa-cloudversify:before { + content: "\f385"; } + +.fa-cocktail:before { + content: "\f561"; } + +.fa-code:before { + content: "\f121"; } + +.fa-code-branch:before { + content: "\f126"; } + +.fa-codepen:before { + content: "\f1cb"; } + +.fa-codiepie:before { + content: "\f284"; } + +.fa-coffee:before { + content: "\f0f4"; } + +.fa-cog:before { + content: "\f013"; } + +.fa-cogs:before { + content: "\f085"; } + +.fa-coins:before { + content: "\f51e"; } + +.fa-columns:before { + content: "\f0db"; } + +.fa-comment:before { + content: "\f075"; } + +.fa-comment-alt:before { + content: "\f27a"; } + +.fa-comment-dollar:before { + content: "\f651"; } + +.fa-comment-dots:before { + content: "\f4ad"; } + +.fa-comment-slash:before { + content: "\f4b3"; } + +.fa-comments:before { + content: "\f086"; } + +.fa-comments-dollar:before { + content: "\f653"; } + +.fa-compact-disc:before { + content: "\f51f"; } + +.fa-compass:before { + content: "\f14e"; } + +.fa-compress:before { + content: "\f066"; } + +.fa-concierge-bell:before { + content: "\f562"; } + +.fa-connectdevelop:before { + content: "\f20e"; } + +.fa-contao:before { + content: "\f26d"; } + +.fa-cookie:before { + content: "\f563"; } + +.fa-cookie-bite:before { + content: "\f564"; } + +.fa-copy:before { + content: "\f0c5"; } + +.fa-copyright:before { + content: "\f1f9"; } + +.fa-couch:before { + content: "\f4b8"; } + +.fa-cpanel:before { + content: "\f388"; } + +.fa-creative-commons:before { + content: "\f25e"; } + +.fa-creative-commons-by:before { + content: "\f4e7"; } + +.fa-creative-commons-nc:before { + content: "\f4e8"; } + +.fa-creative-commons-nc-eu:before { + content: "\f4e9"; } + +.fa-creative-commons-nc-jp:before { + content: "\f4ea"; } + +.fa-creative-commons-nd:before { + content: "\f4eb"; } + +.fa-creative-commons-pd:before { + content: "\f4ec"; } + +.fa-creative-commons-pd-alt:before { + content: "\f4ed"; } + +.fa-creative-commons-remix:before { + content: "\f4ee"; } + +.fa-creative-commons-sa:before { + content: "\f4ef"; } + +.fa-creative-commons-sampling:before { + content: "\f4f0"; } + +.fa-creative-commons-sampling-plus:before { + content: "\f4f1"; } + +.fa-creative-commons-share:before { + content: "\f4f2"; } + +.fa-credit-card:before { + content: "\f09d"; } + +.fa-crop:before { + content: "\f125"; } + +.fa-crop-alt:before { + content: "\f565"; } + +.fa-cross:before { + content: "\f654"; } + +.fa-crosshairs:before { + content: "\f05b"; } + +.fa-crow:before { + content: "\f520"; } + +.fa-crown:before { + content: "\f521"; } + +.fa-css3:before { + content: "\f13c"; } + +.fa-css3-alt:before { + content: "\f38b"; } + +.fa-cube:before { + content: "\f1b2"; } + +.fa-cubes:before { + content: "\f1b3"; } + +.fa-cut:before { + content: "\f0c4"; } + +.fa-cuttlefish:before { + content: "\f38c"; } + +.fa-d-and-d:before { + content: "\f38d"; } + +.fa-dashcube:before { + content: "\f210"; } + +.fa-database:before { + content: "\f1c0"; } + +.fa-deaf:before { + content: "\f2a4"; } + +.fa-delicious:before { + content: "\f1a5"; } + +.fa-deploydog:before { + content: "\f38e"; } + +.fa-deskpro:before { + content: "\f38f"; } + +.fa-desktop:before { + content: "\f108"; } + +.fa-deviantart:before { + content: "\f1bd"; } + +.fa-dharmachakra:before { + content: "\f655"; } + +.fa-diagnoses:before { + content: "\f470"; } + +.fa-dice:before { + content: "\f522"; } + +.fa-dice-five:before { + content: "\f523"; } + +.fa-dice-four:before { + content: "\f524"; } + +.fa-dice-one:before { + content: "\f525"; } + +.fa-dice-six:before { + content: "\f526"; } + +.fa-dice-three:before { + content: "\f527"; } + +.fa-dice-two:before { + content: "\f528"; } + +.fa-digg:before { + content: "\f1a6"; } + +.fa-digital-ocean:before { + content: "\f391"; } + +.fa-digital-tachograph:before { + content: "\f566"; } + +.fa-directions:before { + content: "\f5eb"; } + +.fa-discord:before { + content: "\f392"; } + +.fa-discourse:before { + content: "\f393"; } + +.fa-divide:before { + content: "\f529"; } + +.fa-dizzy:before { + content: "\f567"; } + +.fa-dna:before { + content: "\f471"; } + +.fa-dochub:before { + content: "\f394"; } + +.fa-docker:before { + content: "\f395"; } + +.fa-dollar-sign:before { + content: "\f155"; } + +.fa-dolly:before { + content: "\f472"; } + +.fa-dolly-flatbed:before { + content: "\f474"; } + +.fa-donate:before { + content: "\f4b9"; } + +.fa-door-closed:before { + content: "\f52a"; } + +.fa-door-open:before { + content: "\f52b"; } + +.fa-dot-circle:before { + content: "\f192"; } + +.fa-dove:before { + content: "\f4ba"; } + +.fa-download:before { + content: "\f019"; } + +.fa-draft2digital:before { + content: "\f396"; } + +.fa-drafting-compass:before { + content: "\f568"; } + +.fa-draw-polygon:before { + content: "\f5ee"; } + +.fa-dribbble:before { + content: "\f17d"; } + +.fa-dribbble-square:before { + content: "\f397"; } + +.fa-dropbox:before { + content: "\f16b"; } + +.fa-drum:before { + content: "\f569"; } + +.fa-drum-steelpan:before { + content: "\f56a"; } + +.fa-drupal:before { + content: "\f1a9"; } + +.fa-dumbbell:before { + content: "\f44b"; } + +.fa-dyalog:before { + content: "\f399"; } + +.fa-earlybirds:before { + content: "\f39a"; } + +.fa-ebay:before { + content: "\f4f4"; } + +.fa-edge:before { + content: "\f282"; } + +.fa-edit:before { + content: "\f044"; } + +.fa-eject:before { + content: "\f052"; } + +.fa-elementor:before { + content: "\f430"; } + +.fa-ellipsis-h:before { + content: "\f141"; } + +.fa-ellipsis-v:before { + content: "\f142"; } + +.fa-ello:before { + content: "\f5f1"; } + +.fa-ember:before { + content: "\f423"; } + +.fa-empire:before { + content: "\f1d1"; } + +.fa-envelope:before { + content: "\f0e0"; } + +.fa-envelope-open:before { + content: "\f2b6"; } + +.fa-envelope-open-text:before { + content: "\f658"; } + +.fa-envelope-square:before { + content: "\f199"; } + +.fa-envira:before { + content: "\f299"; } + +.fa-equals:before { + content: "\f52c"; } + +.fa-eraser:before { + content: "\f12d"; } + +.fa-erlang:before { + content: "\f39d"; } + +.fa-ethereum:before { + content: "\f42e"; } + +.fa-etsy:before { + content: "\f2d7"; } + +.fa-euro-sign:before { + content: "\f153"; } + +.fa-exchange-alt:before { + content: "\f362"; } + +.fa-exclamation:before { + content: "\f12a"; } + +.fa-exclamation-circle:before { + content: "\f06a"; } + +.fa-exclamation-triangle:before { + content: "\f071"; } + +.fa-expand:before { + content: "\f065"; } + +.fa-expand-arrows-alt:before { + content: "\f31e"; } + +.fa-expeditedssl:before { + content: "\f23e"; } + +.fa-external-link-alt:before { + content: "\f35d"; } + +.fa-external-link-square-alt:before { + content: "\f360"; } + +.fa-eye:before { + content: "\f06e"; } + +.fa-eye-dropper:before { + content: "\f1fb"; } + +.fa-eye-slash:before { + content: "\f070"; } + +.fa-facebook:before { + content: "\f09a"; } + +.fa-facebook-f:before { + content: "\f39e"; } + +.fa-facebook-messenger:before { + content: "\f39f"; } + +.fa-facebook-square:before { + content: "\f082"; } + +.fa-fast-backward:before { + content: "\f049"; } + +.fa-fast-forward:before { + content: "\f050"; } + +.fa-fax:before { + content: "\f1ac"; } + +.fa-feather:before { + content: "\f52d"; } + +.fa-feather-alt:before { + content: "\f56b"; } + +.fa-female:before { + content: "\f182"; } + +.fa-fighter-jet:before { + content: "\f0fb"; } + +.fa-file:before { + content: "\f15b"; } + +.fa-file-alt:before { + content: "\f15c"; } + +.fa-file-archive:before { + content: "\f1c6"; } + +.fa-file-audio:before { + content: "\f1c7"; } + +.fa-file-code:before { + content: "\f1c9"; } + +.fa-file-contract:before { + content: "\f56c"; } + +.fa-file-download:before { + content: "\f56d"; } + +.fa-file-excel:before { + content: "\f1c3"; } + +.fa-file-export:before { + content: "\f56e"; } + +.fa-file-image:before { + content: "\f1c5"; } + +.fa-file-import:before { + content: "\f56f"; } + +.fa-file-invoice:before { + content: "\f570"; } + +.fa-file-invoice-dollar:before { + content: "\f571"; } + +.fa-file-medical:before { + content: "\f477"; } + +.fa-file-medical-alt:before { + content: "\f478"; } + +.fa-file-pdf:before { + content: "\f1c1"; } + +.fa-file-powerpoint:before { + content: "\f1c4"; } + +.fa-file-prescription:before { + content: "\f572"; } + +.fa-file-signature:before { + content: "\f573"; } + +.fa-file-upload:before { + content: "\f574"; } + +.fa-file-video:before { + content: "\f1c8"; } + +.fa-file-word:before { + content: "\f1c2"; } + +.fa-fill:before { + content: "\f575"; } + +.fa-fill-drip:before { + content: "\f576"; } + +.fa-film:before { + content: "\f008"; } + +.fa-filter:before { + content: "\f0b0"; } + +.fa-fingerprint:before { + content: "\f577"; } + +.fa-fire:before { + content: "\f06d"; } + +.fa-fire-extinguisher:before { + content: "\f134"; } + +.fa-firefox:before { + content: "\f269"; } + +.fa-first-aid:before { + content: "\f479"; } + +.fa-first-order:before { + content: "\f2b0"; } + +.fa-first-order-alt:before { + content: "\f50a"; } + +.fa-firstdraft:before { + content: "\f3a1"; } + +.fa-fish:before { + content: "\f578"; } + +.fa-flag:before { + content: "\f024"; } + +.fa-flag-checkered:before { + content: "\f11e"; } + +.fa-flask:before { + content: "\f0c3"; } + +.fa-flickr:before { + content: "\f16e"; } + +.fa-flipboard:before { + content: "\f44d"; } + +.fa-flushed:before { + content: "\f579"; } + +.fa-fly:before { + content: "\f417"; } + +.fa-folder:before { + content: "\f07b"; } + +.fa-folder-minus:before { + content: "\f65d"; } + +.fa-folder-open:before { + content: "\f07c"; } + +.fa-folder-plus:before { + content: "\f65e"; } + +.fa-font:before { + content: "\f031"; } + +.fa-font-awesome:before { + content: "\f2b4"; } + +.fa-font-awesome-alt:before { + content: "\f35c"; } + +.fa-font-awesome-flag:before { + content: "\f425"; } + +.fa-font-awesome-logo-full:before { + content: "\f4e6"; } + +.fa-fonticons:before { + content: "\f280"; } + +.fa-fonticons-fi:before { + content: "\f3a2"; } + +.fa-football-ball:before { + content: "\f44e"; } + +.fa-fort-awesome:before { + content: "\f286"; } + +.fa-fort-awesome-alt:before { + content: "\f3a3"; } + +.fa-forumbee:before { + content: "\f211"; } + +.fa-forward:before { + content: "\f04e"; } + +.fa-foursquare:before { + content: "\f180"; } + +.fa-free-code-camp:before { + content: "\f2c5"; } + +.fa-freebsd:before { + content: "\f3a4"; } + +.fa-frog:before { + content: "\f52e"; } + +.fa-frown:before { + content: "\f119"; } + +.fa-frown-open:before { + content: "\f57a"; } + +.fa-fulcrum:before { + content: "\f50b"; } + +.fa-funnel-dollar:before { + content: "\f662"; } + +.fa-futbol:before { + content: "\f1e3"; } + +.fa-galactic-republic:before { + content: "\f50c"; } + +.fa-galactic-senate:before { + content: "\f50d"; } + +.fa-gamepad:before { + content: "\f11b"; } + +.fa-gas-pump:before { + content: "\f52f"; } + +.fa-gavel:before { + content: "\f0e3"; } + +.fa-gem:before { + content: "\f3a5"; } + +.fa-genderless:before { + content: "\f22d"; } + +.fa-get-pocket:before { + content: "\f265"; } + +.fa-gg:before { + content: "\f260"; } + +.fa-gg-circle:before { + content: "\f261"; } + +.fa-gift:before { + content: "\f06b"; } + +.fa-git:before { + content: "\f1d3"; } + +.fa-git-square:before { + content: "\f1d2"; } + +.fa-github:before { + content: "\f09b"; } + +.fa-github-alt:before { + content: "\f113"; } + +.fa-github-square:before { + content: "\f092"; } + +.fa-gitkraken:before { + content: "\f3a6"; } + +.fa-gitlab:before { + content: "\f296"; } + +.fa-gitter:before { + content: "\f426"; } + +.fa-glass-martini:before { + content: "\f000"; } + +.fa-glass-martini-alt:before { + content: "\f57b"; } + +.fa-glasses:before { + content: "\f530"; } + +.fa-glide:before { + content: "\f2a5"; } + +.fa-glide-g:before { + content: "\f2a6"; } + +.fa-globe:before { + content: "\f0ac"; } + +.fa-globe-africa:before { + content: "\f57c"; } + +.fa-globe-americas:before { + content: "\f57d"; } + +.fa-globe-asia:before { + content: "\f57e"; } + +.fa-gofore:before { + content: "\f3a7"; } + +.fa-golf-ball:before { + content: "\f450"; } + +.fa-goodreads:before { + content: "\f3a8"; } + +.fa-goodreads-g:before { + content: "\f3a9"; } + +.fa-google:before { + content: "\f1a0"; } + +.fa-google-drive:before { + content: "\f3aa"; } + +.fa-google-play:before { + content: "\f3ab"; } + +.fa-google-plus:before { + content: "\f2b3"; } + +.fa-google-plus-g:before { + content: "\f0d5"; } + +.fa-google-plus-square:before { + content: "\f0d4"; } + +.fa-google-wallet:before { + content: "\f1ee"; } + +.fa-gopuram:before { + content: "\f664"; } + +.fa-graduation-cap:before { + content: "\f19d"; } + +.fa-gratipay:before { + content: "\f184"; } + +.fa-grav:before { + content: "\f2d6"; } + +.fa-greater-than:before { + content: "\f531"; } + +.fa-greater-than-equal:before { + content: "\f532"; } + +.fa-grimace:before { + content: "\f57f"; } + +.fa-grin:before { + content: "\f580"; } + +.fa-grin-alt:before { + content: "\f581"; } + +.fa-grin-beam:before { + content: "\f582"; } + +.fa-grin-beam-sweat:before { + content: "\f583"; } + +.fa-grin-hearts:before { + content: "\f584"; } + +.fa-grin-squint:before { + content: "\f585"; } + +.fa-grin-squint-tears:before { + content: "\f586"; } + +.fa-grin-stars:before { + content: "\f587"; } + +.fa-grin-tears:before { + content: "\f588"; } + +.fa-grin-tongue:before { + content: "\f589"; } + +.fa-grin-tongue-squint:before { + content: "\f58a"; } + +.fa-grin-tongue-wink:before { + content: "\f58b"; } + +.fa-grin-wink:before { + content: "\f58c"; } + +.fa-grip-horizontal:before { + content: "\f58d"; } + +.fa-grip-vertical:before { + content: "\f58e"; } + +.fa-gripfire:before { + content: "\f3ac"; } + +.fa-grunt:before { + content: "\f3ad"; } + +.fa-gulp:before { + content: "\f3ae"; } + +.fa-h-square:before { + content: "\f0fd"; } + +.fa-hacker-news:before { + content: "\f1d4"; } + +.fa-hacker-news-square:before { + content: "\f3af"; } + +.fa-hackerrank:before { + content: "\f5f7"; } + +.fa-hamsa:before { + content: "\f665"; } + +.fa-hand-holding:before { + content: "\f4bd"; } + +.fa-hand-holding-heart:before { + content: "\f4be"; } + +.fa-hand-holding-usd:before { + content: "\f4c0"; } + +.fa-hand-lizard:before { + content: "\f258"; } + +.fa-hand-paper:before { + content: "\f256"; } + +.fa-hand-peace:before { + content: "\f25b"; } + +.fa-hand-point-down:before { + content: "\f0a7"; } + +.fa-hand-point-left:before { + content: "\f0a5"; } + +.fa-hand-point-right:before { + content: "\f0a4"; } + +.fa-hand-point-up:before { + content: "\f0a6"; } + +.fa-hand-pointer:before { + content: "\f25a"; } + +.fa-hand-rock:before { + content: "\f255"; } + +.fa-hand-scissors:before { + content: "\f257"; } + +.fa-hand-spock:before { + content: "\f259"; } + +.fa-hands:before { + content: "\f4c2"; } + +.fa-hands-helping:before { + content: "\f4c4"; } + +.fa-handshake:before { + content: "\f2b5"; } + +.fa-hashtag:before { + content: "\f292"; } + +.fa-haykal:before { + content: "\f666"; } + +.fa-hdd:before { + content: "\f0a0"; } + +.fa-heading:before { + content: "\f1dc"; } + +.fa-headphones:before { + content: "\f025"; } + +.fa-headphones-alt:before { + content: "\f58f"; } + +.fa-headset:before { + content: "\f590"; } + +.fa-heart:before { + content: "\f004"; } + +.fa-heartbeat:before { + content: "\f21e"; } + +.fa-helicopter:before { + content: "\f533"; } + +.fa-highlighter:before { + content: "\f591"; } + +.fa-hips:before { + content: "\f452"; } + +.fa-hire-a-helper:before { + content: "\f3b0"; } + +.fa-history:before { + content: "\f1da"; } + +.fa-hockey-puck:before { + content: "\f453"; } + +.fa-home:before { + content: "\f015"; } + +.fa-hooli:before { + content: "\f427"; } + +.fa-hornbill:before { + content: "\f592"; } + +.fa-hospital:before { + content: "\f0f8"; } + +.fa-hospital-alt:before { + content: "\f47d"; } + +.fa-hospital-symbol:before { + content: "\f47e"; } + +.fa-hot-tub:before { + content: "\f593"; } + +.fa-hotel:before { + content: "\f594"; } + +.fa-hotjar:before { + content: "\f3b1"; } + +.fa-hourglass:before { + content: "\f254"; } + +.fa-hourglass-end:before { + content: "\f253"; } + +.fa-hourglass-half:before { + content: "\f252"; } + +.fa-hourglass-start:before { + content: "\f251"; } + +.fa-houzz:before { + content: "\f27c"; } + +.fa-html5:before { + content: "\f13b"; } + +.fa-hubspot:before { + content: "\f3b2"; } + +.fa-i-cursor:before { + content: "\f246"; } + +.fa-id-badge:before { + content: "\f2c1"; } + +.fa-id-card:before { + content: "\f2c2"; } + +.fa-id-card-alt:before { + content: "\f47f"; } + +.fa-image:before { + content: "\f03e"; } + +.fa-images:before { + content: "\f302"; } + +.fa-imdb:before { + content: "\f2d8"; } + +.fa-inbox:before { + content: "\f01c"; } + +.fa-indent:before { + content: "\f03c"; } + +.fa-industry:before { + content: "\f275"; } + +.fa-infinity:before { + content: "\f534"; } + +.fa-info:before { + content: "\f129"; } + +.fa-info-circle:before { + content: "\f05a"; } + +.fa-instagram:before { + content: "\f16d"; } + +.fa-internet-explorer:before { + content: "\f26b"; } + +.fa-ioxhost:before { + content: "\f208"; } + +.fa-italic:before { + content: "\f033"; } + +.fa-itunes:before { + content: "\f3b4"; } + +.fa-itunes-note:before { + content: "\f3b5"; } + +.fa-java:before { + content: "\f4e4"; } + +.fa-jedi:before { + content: "\f669"; } + +.fa-jedi-order:before { + content: "\f50e"; } + +.fa-jenkins:before { + content: "\f3b6"; } + +.fa-joget:before { + content: "\f3b7"; } + +.fa-joint:before { + content: "\f595"; } + +.fa-joomla:before { + content: "\f1aa"; } + +.fa-journal-whills:before { + content: "\f66a"; } + +.fa-js:before { + content: "\f3b8"; } + +.fa-js-square:before { + content: "\f3b9"; } + +.fa-jsfiddle:before { + content: "\f1cc"; } + +.fa-kaaba:before { + content: "\f66b"; } + +.fa-kaggle:before { + content: "\f5fa"; } + +.fa-key:before { + content: "\f084"; } + +.fa-keybase:before { + content: "\f4f5"; } + +.fa-keyboard:before { + content: "\f11c"; } + +.fa-keycdn:before { + content: "\f3ba"; } + +.fa-khanda:before { + content: "\f66d"; } + +.fa-kickstarter:before { + content: "\f3bb"; } + +.fa-kickstarter-k:before { + content: "\f3bc"; } + +.fa-kiss:before { + content: "\f596"; } + +.fa-kiss-beam:before { + content: "\f597"; } + +.fa-kiss-wink-heart:before { + content: "\f598"; } + +.fa-kiwi-bird:before { + content: "\f535"; } + +.fa-korvue:before { + content: "\f42f"; } + +.fa-landmark:before { + content: "\f66f"; } + +.fa-language:before { + content: "\f1ab"; } + +.fa-laptop:before { + content: "\f109"; } + +.fa-laptop-code:before { + content: "\f5fc"; } + +.fa-laravel:before { + content: "\f3bd"; } + +.fa-lastfm:before { + content: "\f202"; } + +.fa-lastfm-square:before { + content: "\f203"; } + +.fa-laugh:before { + content: "\f599"; } + +.fa-laugh-beam:before { + content: "\f59a"; } + +.fa-laugh-squint:before { + content: "\f59b"; } + +.fa-laugh-wink:before { + content: "\f59c"; } + +.fa-layer-group:before { + content: "\f5fd"; } + +.fa-leaf:before { + content: "\f06c"; } + +.fa-leanpub:before { + content: "\f212"; } + +.fa-lemon:before { + content: "\f094"; } + +.fa-less:before { + content: "\f41d"; } + +.fa-less-than:before { + content: "\f536"; } + +.fa-less-than-equal:before { + content: "\f537"; } + +.fa-level-down-alt:before { + content: "\f3be"; } + +.fa-level-up-alt:before { + content: "\f3bf"; } + +.fa-life-ring:before { + content: "\f1cd"; } + +.fa-lightbulb:before { + content: "\f0eb"; } + +.fa-line:before { + content: "\f3c0"; } + +.fa-link:before { + content: "\f0c1"; } + +.fa-linkedin:before { + content: "\f08c"; } + +.fa-linkedin-in:before { + content: "\f0e1"; } + +.fa-linode:before { + content: "\f2b8"; } + +.fa-linux:before { + content: "\f17c"; } + +.fa-lira-sign:before { + content: "\f195"; } + +.fa-list:before { + content: "\f03a"; } + +.fa-list-alt:before { + content: "\f022"; } + +.fa-list-ol:before { + content: "\f0cb"; } + +.fa-list-ul:before { + content: "\f0ca"; } + +.fa-location-arrow:before { + content: "\f124"; } + +.fa-lock:before { + content: "\f023"; } + +.fa-lock-open:before { + content: "\f3c1"; } + +.fa-long-arrow-alt-down:before { + content: "\f309"; } + +.fa-long-arrow-alt-left:before { + content: "\f30a"; } + +.fa-long-arrow-alt-right:before { + content: "\f30b"; } + +.fa-long-arrow-alt-up:before { + content: "\f30c"; } + +.fa-low-vision:before { + content: "\f2a8"; } + +.fa-luggage-cart:before { + content: "\f59d"; } + +.fa-lyft:before { + content: "\f3c3"; } + +.fa-magento:before { + content: "\f3c4"; } + +.fa-magic:before { + content: "\f0d0"; } + +.fa-magnet:before { + content: "\f076"; } + +.fa-mail-bulk:before { + content: "\f674"; } + +.fa-mailchimp:before { + content: "\f59e"; } + +.fa-male:before { + content: "\f183"; } + +.fa-mandalorian:before { + content: "\f50f"; } + +.fa-map:before { + content: "\f279"; } + +.fa-map-marked:before { + content: "\f59f"; } + +.fa-map-marked-alt:before { + content: "\f5a0"; } + +.fa-map-marker:before { + content: "\f041"; } + +.fa-map-marker-alt:before { + content: "\f3c5"; } + +.fa-map-pin:before { + content: "\f276"; } + +.fa-map-signs:before { + content: "\f277"; } + +.fa-markdown:before { + content: "\f60f"; } + +.fa-marker:before { + content: "\f5a1"; } + +.fa-mars:before { + content: "\f222"; } + +.fa-mars-double:before { + content: "\f227"; } + +.fa-mars-stroke:before { + content: "\f229"; } + +.fa-mars-stroke-h:before { + content: "\f22b"; } + +.fa-mars-stroke-v:before { + content: "\f22a"; } + +.fa-mastodon:before { + content: "\f4f6"; } + +.fa-maxcdn:before { + content: "\f136"; } + +.fa-medal:before { + content: "\f5a2"; } + +.fa-medapps:before { + content: "\f3c6"; } + +.fa-medium:before { + content: "\f23a"; } + +.fa-medium-m:before { + content: "\f3c7"; } + +.fa-medkit:before { + content: "\f0fa"; } + +.fa-medrt:before { + content: "\f3c8"; } + +.fa-meetup:before { + content: "\f2e0"; } + +.fa-megaport:before { + content: "\f5a3"; } + +.fa-meh:before { + content: "\f11a"; } + +.fa-meh-blank:before { + content: "\f5a4"; } + +.fa-meh-rolling-eyes:before { + content: "\f5a5"; } + +.fa-memory:before { + content: "\f538"; } + +.fa-menorah:before { + content: "\f676"; } + +.fa-mercury:before { + content: "\f223"; } + +.fa-microchip:before { + content: "\f2db"; } + +.fa-microphone:before { + content: "\f130"; } + +.fa-microphone-alt:before { + content: "\f3c9"; } + +.fa-microphone-alt-slash:before { + content: "\f539"; } + +.fa-microphone-slash:before { + content: "\f131"; } + +.fa-microscope:before { + content: "\f610"; } + +.fa-microsoft:before { + content: "\f3ca"; } + +.fa-minus:before { + content: "\f068"; } + +.fa-minus-circle:before { + content: "\f056"; } + +.fa-minus-square:before { + content: "\f146"; } + +.fa-mix:before { + content: "\f3cb"; } + +.fa-mixcloud:before { + content: "\f289"; } + +.fa-mizuni:before { + content: "\f3cc"; } + +.fa-mobile:before { + content: "\f10b"; } + +.fa-mobile-alt:before { + content: "\f3cd"; } + +.fa-modx:before { + content: "\f285"; } + +.fa-monero:before { + content: "\f3d0"; } + +.fa-money-bill:before { + content: "\f0d6"; } + +.fa-money-bill-alt:before { + content: "\f3d1"; } + +.fa-money-bill-wave:before { + content: "\f53a"; } + +.fa-money-bill-wave-alt:before { + content: "\f53b"; } + +.fa-money-check:before { + content: "\f53c"; } + +.fa-money-check-alt:before { + content: "\f53d"; } + +.fa-monument:before { + content: "\f5a6"; } + +.fa-moon:before { + content: "\f186"; } + +.fa-mortar-pestle:before { + content: "\f5a7"; } + +.fa-mosque:before { + content: "\f678"; } + +.fa-motorcycle:before { + content: "\f21c"; } + +.fa-mouse-pointer:before { + content: "\f245"; } + +.fa-music:before { + content: "\f001"; } + +.fa-napster:before { + content: "\f3d2"; } + +.fa-neos:before { + content: "\f612"; } + +.fa-neuter:before { + content: "\f22c"; } + +.fa-newspaper:before { + content: "\f1ea"; } + +.fa-nimblr:before { + content: "\f5a8"; } + +.fa-nintendo-switch:before { + content: "\f418"; } + +.fa-node:before { + content: "\f419"; } + +.fa-node-js:before { + content: "\f3d3"; } + +.fa-not-equal:before { + content: "\f53e"; } + +.fa-notes-medical:before { + content: "\f481"; } + +.fa-npm:before { + content: "\f3d4"; } + +.fa-ns8:before { + content: "\f3d5"; } + +.fa-nutritionix:before { + content: "\f3d6"; } + +.fa-object-group:before { + content: "\f247"; } + +.fa-object-ungroup:before { + content: "\f248"; } + +.fa-odnoklassniki:before { + content: "\f263"; } + +.fa-odnoklassniki-square:before { + content: "\f264"; } + +.fa-oil-can:before { + content: "\f613"; } + +.fa-old-republic:before { + content: "\f510"; } + +.fa-om:before { + content: "\f679"; } + +.fa-opencart:before { + content: "\f23d"; } + +.fa-openid:before { + content: "\f19b"; } + +.fa-opera:before { + content: "\f26a"; } + +.fa-optin-monster:before { + content: "\f23c"; } + +.fa-osi:before { + content: "\f41a"; } + +.fa-outdent:before { + content: "\f03b"; } + +.fa-page4:before { + content: "\f3d7"; } + +.fa-pagelines:before { + content: "\f18c"; } + +.fa-paint-brush:before { + content: "\f1fc"; } + +.fa-paint-roller:before { + content: "\f5aa"; } + +.fa-palette:before { + content: "\f53f"; } + +.fa-palfed:before { + content: "\f3d8"; } + +.fa-pallet:before { + content: "\f482"; } + +.fa-paper-plane:before { + content: "\f1d8"; } + +.fa-paperclip:before { + content: "\f0c6"; } + +.fa-parachute-box:before { + content: "\f4cd"; } + +.fa-paragraph:before { + content: "\f1dd"; } + +.fa-parking:before { + content: "\f540"; } + +.fa-passport:before { + content: "\f5ab"; } + +.fa-pastafarianism:before { + content: "\f67b"; } + +.fa-paste:before { + content: "\f0ea"; } + +.fa-patreon:before { + content: "\f3d9"; } + +.fa-pause:before { + content: "\f04c"; } + +.fa-pause-circle:before { + content: "\f28b"; } + +.fa-paw:before { + content: "\f1b0"; } + +.fa-paypal:before { + content: "\f1ed"; } + +.fa-peace:before { + content: "\f67c"; } + +.fa-pen:before { + content: "\f304"; } + +.fa-pen-alt:before { + content: "\f305"; } + +.fa-pen-fancy:before { + content: "\f5ac"; } + +.fa-pen-nib:before { + content: "\f5ad"; } + +.fa-pen-square:before { + content: "\f14b"; } + +.fa-pencil-alt:before { + content: "\f303"; } + +.fa-pencil-ruler:before { + content: "\f5ae"; } + +.fa-people-carry:before { + content: "\f4ce"; } + +.fa-percent:before { + content: "\f295"; } + +.fa-percentage:before { + content: "\f541"; } + +.fa-periscope:before { + content: "\f3da"; } + +.fa-phabricator:before { + content: "\f3db"; } + +.fa-phoenix-framework:before { + content: "\f3dc"; } + +.fa-phoenix-squadron:before { + content: "\f511"; } + +.fa-phone:before { + content: "\f095"; } + +.fa-phone-slash:before { + content: "\f3dd"; } + +.fa-phone-square:before { + content: "\f098"; } + +.fa-phone-volume:before { + content: "\f2a0"; } + +.fa-php:before { + content: "\f457"; } + +.fa-pied-piper:before { + content: "\f2ae"; } + +.fa-pied-piper-alt:before { + content: "\f1a8"; } + +.fa-pied-piper-hat:before { + content: "\f4e5"; } + +.fa-pied-piper-pp:before { + content: "\f1a7"; } + +.fa-piggy-bank:before { + content: "\f4d3"; } + +.fa-pills:before { + content: "\f484"; } + +.fa-pinterest:before { + content: "\f0d2"; } + +.fa-pinterest-p:before { + content: "\f231"; } + +.fa-pinterest-square:before { + content: "\f0d3"; } + +.fa-place-of-worship:before { + content: "\f67f"; } + +.fa-plane:before { + content: "\f072"; } + +.fa-plane-arrival:before { + content: "\f5af"; } + +.fa-plane-departure:before { + content: "\f5b0"; } + +.fa-play:before { + content: "\f04b"; } + +.fa-play-circle:before { + content: "\f144"; } + +.fa-playstation:before { + content: "\f3df"; } + +.fa-plug:before { + content: "\f1e6"; } + +.fa-plus:before { + content: "\f067"; } + +.fa-plus-circle:before { + content: "\f055"; } + +.fa-plus-square:before { + content: "\f0fe"; } + +.fa-podcast:before { + content: "\f2ce"; } + +.fa-poll:before { + content: "\f681"; } + +.fa-poll-h:before { + content: "\f682"; } + +.fa-poo:before { + content: "\f2fe"; } + +.fa-poop:before { + content: "\f619"; } + +.fa-portrait:before { + content: "\f3e0"; } + +.fa-pound-sign:before { + content: "\f154"; } + +.fa-power-off:before { + content: "\f011"; } + +.fa-pray:before { + content: "\f683"; } + +.fa-praying-hands:before { + content: "\f684"; } + +.fa-prescription:before { + content: "\f5b1"; } + +.fa-prescription-bottle:before { + content: "\f485"; } + +.fa-prescription-bottle-alt:before { + content: "\f486"; } + +.fa-print:before { + content: "\f02f"; } + +.fa-procedures:before { + content: "\f487"; } + +.fa-product-hunt:before { + content: "\f288"; } + +.fa-project-diagram:before { + content: "\f542"; } + +.fa-pushed:before { + content: "\f3e1"; } + +.fa-puzzle-piece:before { + content: "\f12e"; } + +.fa-python:before { + content: "\f3e2"; } + +.fa-qq:before { + content: "\f1d6"; } + +.fa-qrcode:before { + content: "\f029"; } + +.fa-question:before { + content: "\f128"; } + +.fa-question-circle:before { + content: "\f059"; } + +.fa-quidditch:before { + content: "\f458"; } + +.fa-quinscape:before { + content: "\f459"; } + +.fa-quora:before { + content: "\f2c4"; } + +.fa-quote-left:before { + content: "\f10d"; } + +.fa-quote-right:before { + content: "\f10e"; } + +.fa-quran:before { + content: "\f687"; } + +.fa-r-project:before { + content: "\f4f7"; } + +.fa-random:before { + content: "\f074"; } + +.fa-ravelry:before { + content: "\f2d9"; } + +.fa-react:before { + content: "\f41b"; } + +.fa-readme:before { + content: "\f4d5"; } + +.fa-rebel:before { + content: "\f1d0"; } + +.fa-receipt:before { + content: "\f543"; } + +.fa-recycle:before { + content: "\f1b8"; } + +.fa-red-river:before { + content: "\f3e3"; } + +.fa-reddit:before { + content: "\f1a1"; } + +.fa-reddit-alien:before { + content: "\f281"; } + +.fa-reddit-square:before { + content: "\f1a2"; } + +.fa-redo:before { + content: "\f01e"; } + +.fa-redo-alt:before { + content: "\f2f9"; } + +.fa-registered:before { + content: "\f25d"; } + +.fa-rendact:before { + content: "\f3e4"; } + +.fa-renren:before { + content: "\f18b"; } + +.fa-reply:before { + content: "\f3e5"; } + +.fa-reply-all:before { + content: "\f122"; } + +.fa-replyd:before { + content: "\f3e6"; } + +.fa-researchgate:before { + content: "\f4f8"; } + +.fa-resolving:before { + content: "\f3e7"; } + +.fa-retweet:before { + content: "\f079"; } + +.fa-rev:before { + content: "\f5b2"; } + +.fa-ribbon:before { + content: "\f4d6"; } + +.fa-road:before { + content: "\f018"; } + +.fa-robot:before { + content: "\f544"; } + +.fa-rocket:before { + content: "\f135"; } + +.fa-rocketchat:before { + content: "\f3e8"; } + +.fa-rockrms:before { + content: "\f3e9"; } + +.fa-route:before { + content: "\f4d7"; } + +.fa-rss:before { + content: "\f09e"; } + +.fa-rss-square:before { + content: "\f143"; } + +.fa-ruble-sign:before { + content: "\f158"; } + +.fa-ruler:before { + content: "\f545"; } + +.fa-ruler-combined:before { + content: "\f546"; } + +.fa-ruler-horizontal:before { + content: "\f547"; } + +.fa-ruler-vertical:before { + content: "\f548"; } + +.fa-rupee-sign:before { + content: "\f156"; } + +.fa-sad-cry:before { + content: "\f5b3"; } + +.fa-sad-tear:before { + content: "\f5b4"; } + +.fa-safari:before { + content: "\f267"; } + +.fa-sass:before { + content: "\f41e"; } + +.fa-save:before { + content: "\f0c7"; } + +.fa-schlix:before { + content: "\f3ea"; } + +.fa-school:before { + content: "\f549"; } + +.fa-screwdriver:before { + content: "\f54a"; } + +.fa-scribd:before { + content: "\f28a"; } + +.fa-search:before { + content: "\f002"; } + +.fa-search-dollar:before { + content: "\f688"; } + +.fa-search-location:before { + content: "\f689"; } + +.fa-search-minus:before { + content: "\f010"; } + +.fa-search-plus:before { + content: "\f00e"; } + +.fa-searchengin:before { + content: "\f3eb"; } + +.fa-seedling:before { + content: "\f4d8"; } + +.fa-sellcast:before { + content: "\f2da"; } + +.fa-sellsy:before { + content: "\f213"; } + +.fa-server:before { + content: "\f233"; } + +.fa-servicestack:before { + content: "\f3ec"; } + +.fa-shapes:before { + content: "\f61f"; } + +.fa-share:before { + content: "\f064"; } + +.fa-share-alt:before { + content: "\f1e0"; } + +.fa-share-alt-square:before { + content: "\f1e1"; } + +.fa-share-square:before { + content: "\f14d"; } + +.fa-shekel-sign:before { + content: "\f20b"; } + +.fa-shield-alt:before { + content: "\f3ed"; } + +.fa-ship:before { + content: "\f21a"; } + +.fa-shipping-fast:before { + content: "\f48b"; } + +.fa-shirtsinbulk:before { + content: "\f214"; } + +.fa-shoe-prints:before { + content: "\f54b"; } + +.fa-shopping-bag:before { + content: "\f290"; } + +.fa-shopping-basket:before { + content: "\f291"; } + +.fa-shopping-cart:before { + content: "\f07a"; } + +.fa-shopware:before { + content: "\f5b5"; } + +.fa-shower:before { + content: "\f2cc"; } + +.fa-shuttle-van:before { + content: "\f5b6"; } + +.fa-sign:before { + content: "\f4d9"; } + +.fa-sign-in-alt:before { + content: "\f2f6"; } + +.fa-sign-language:before { + content: "\f2a7"; } + +.fa-sign-out-alt:before { + content: "\f2f5"; } + +.fa-signal:before { + content: "\f012"; } + +.fa-signature:before { + content: "\f5b7"; } + +.fa-simplybuilt:before { + content: "\f215"; } + +.fa-sistrix:before { + content: "\f3ee"; } + +.fa-sitemap:before { + content: "\f0e8"; } + +.fa-sith:before { + content: "\f512"; } + +.fa-skull:before { + content: "\f54c"; } + +.fa-skyatlas:before { + content: "\f216"; } + +.fa-skype:before { + content: "\f17e"; } + +.fa-slack:before { + content: "\f198"; } + +.fa-slack-hash:before { + content: "\f3ef"; } + +.fa-sliders-h:before { + content: "\f1de"; } + +.fa-slideshare:before { + content: "\f1e7"; } + +.fa-smile:before { + content: "\f118"; } + +.fa-smile-beam:before { + content: "\f5b8"; } + +.fa-smile-wink:before { + content: "\f4da"; } + +.fa-smoking:before { + content: "\f48d"; } + +.fa-smoking-ban:before { + content: "\f54d"; } + +.fa-snapchat:before { + content: "\f2ab"; } + +.fa-snapchat-ghost:before { + content: "\f2ac"; } + +.fa-snapchat-square:before { + content: "\f2ad"; } + +.fa-snowflake:before { + content: "\f2dc"; } + +.fa-socks:before { + content: "\f696"; } + +.fa-solar-panel:before { + content: "\f5ba"; } + +.fa-sort:before { + content: "\f0dc"; } + +.fa-sort-alpha-down:before { + content: "\f15d"; } + +.fa-sort-alpha-up:before { + content: "\f15e"; } + +.fa-sort-amount-down:before { + content: "\f160"; } + +.fa-sort-amount-up:before { + content: "\f161"; } + +.fa-sort-down:before { + content: "\f0dd"; } + +.fa-sort-numeric-down:before { + content: "\f162"; } + +.fa-sort-numeric-up:before { + content: "\f163"; } + +.fa-sort-up:before { + content: "\f0de"; } + +.fa-soundcloud:before { + content: "\f1be"; } + +.fa-spa:before { + content: "\f5bb"; } + +.fa-space-shuttle:before { + content: "\f197"; } + +.fa-speakap:before { + content: "\f3f3"; } + +.fa-spinner:before { + content: "\f110"; } + +.fa-splotch:before { + content: "\f5bc"; } + +.fa-spotify:before { + content: "\f1bc"; } + +.fa-spray-can:before { + content: "\f5bd"; } + +.fa-square:before { + content: "\f0c8"; } + +.fa-square-full:before { + content: "\f45c"; } + +.fa-square-root-alt:before { + content: "\f698"; } + +.fa-squarespace:before { + content: "\f5be"; } + +.fa-stack-exchange:before { + content: "\f18d"; } + +.fa-stack-overflow:before { + content: "\f16c"; } + +.fa-stamp:before { + content: "\f5bf"; } + +.fa-star:before { + content: "\f005"; } + +.fa-star-and-crescent:before { + content: "\f699"; } + +.fa-star-half:before { + content: "\f089"; } + +.fa-star-half-alt:before { + content: "\f5c0"; } + +.fa-star-of-david:before { + content: "\f69a"; } + +.fa-star-of-life:before { + content: "\f621"; } + +.fa-staylinked:before { + content: "\f3f5"; } + +.fa-steam:before { + content: "\f1b6"; } + +.fa-steam-square:before { + content: "\f1b7"; } + +.fa-steam-symbol:before { + content: "\f3f6"; } + +.fa-step-backward:before { + content: "\f048"; } + +.fa-step-forward:before { + content: "\f051"; } + +.fa-stethoscope:before { + content: "\f0f1"; } + +.fa-sticker-mule:before { + content: "\f3f7"; } + +.fa-sticky-note:before { + content: "\f249"; } + +.fa-stop:before { + content: "\f04d"; } + +.fa-stop-circle:before { + content: "\f28d"; } + +.fa-stopwatch:before { + content: "\f2f2"; } + +.fa-store:before { + content: "\f54e"; } + +.fa-store-alt:before { + content: "\f54f"; } + +.fa-strava:before { + content: "\f428"; } + +.fa-stream:before { + content: "\f550"; } + +.fa-street-view:before { + content: "\f21d"; } + +.fa-strikethrough:before { + content: "\f0cc"; } + +.fa-stripe:before { + content: "\f429"; } + +.fa-stripe-s:before { + content: "\f42a"; } + +.fa-stroopwafel:before { + content: "\f551"; } + +.fa-studiovinari:before { + content: "\f3f8"; } + +.fa-stumbleupon:before { + content: "\f1a4"; } + +.fa-stumbleupon-circle:before { + content: "\f1a3"; } + +.fa-subscript:before { + content: "\f12c"; } + +.fa-subway:before { + content: "\f239"; } + +.fa-suitcase:before { + content: "\f0f2"; } + +.fa-suitcase-rolling:before { + content: "\f5c1"; } + +.fa-sun:before { + content: "\f185"; } + +.fa-superpowers:before { + content: "\f2dd"; } + +.fa-superscript:before { + content: "\f12b"; } + +.fa-supple:before { + content: "\f3f9"; } + +.fa-surprise:before { + content: "\f5c2"; } + +.fa-swatchbook:before { + content: "\f5c3"; } + +.fa-swimmer:before { + content: "\f5c4"; } + +.fa-swimming-pool:before { + content: "\f5c5"; } + +.fa-synagogue:before { + content: "\f69b"; } + +.fa-sync:before { + content: "\f021"; } + +.fa-sync-alt:before { + content: "\f2f1"; } + +.fa-syringe:before { + content: "\f48e"; } + +.fa-table:before { + content: "\f0ce"; } + +.fa-table-tennis:before { + content: "\f45d"; } + +.fa-tablet:before { + content: "\f10a"; } + +.fa-tablet-alt:before { + content: "\f3fa"; } + +.fa-tablets:before { + content: "\f490"; } + +.fa-tachometer-alt:before { + content: "\f3fd"; } + +.fa-tag:before { + content: "\f02b"; } + +.fa-tags:before { + content: "\f02c"; } + +.fa-tape:before { + content: "\f4db"; } + +.fa-tasks:before { + content: "\f0ae"; } + +.fa-taxi:before { + content: "\f1ba"; } + +.fa-teamspeak:before { + content: "\f4f9"; } + +.fa-teeth:before { + content: "\f62e"; } + +.fa-teeth-open:before { + content: "\f62f"; } + +.fa-telegram:before { + content: "\f2c6"; } + +.fa-telegram-plane:before { + content: "\f3fe"; } + +.fa-tencent-weibo:before { + content: "\f1d5"; } + +.fa-terminal:before { + content: "\f120"; } + +.fa-text-height:before { + content: "\f034"; } + +.fa-text-width:before { + content: "\f035"; } + +.fa-th:before { + content: "\f00a"; } + +.fa-th-large:before { + content: "\f009"; } + +.fa-th-list:before { + content: "\f00b"; } + +.fa-the-red-yeti:before { + content: "\f69d"; } + +.fa-theater-masks:before { + content: "\f630"; } + +.fa-themeco:before { + content: "\f5c6"; } + +.fa-themeisle:before { + content: "\f2b2"; } + +.fa-thermometer:before { + content: "\f491"; } + +.fa-thermometer-empty:before { + content: "\f2cb"; } + +.fa-thermometer-full:before { + content: "\f2c7"; } + +.fa-thermometer-half:before { + content: "\f2c9"; } + +.fa-thermometer-quarter:before { + content: "\f2ca"; } + +.fa-thermometer-three-quarters:before { + content: "\f2c8"; } + +.fa-thumbs-down:before { + content: "\f165"; } + +.fa-thumbs-up:before { + content: "\f164"; } + +.fa-thumbtack:before { + content: "\f08d"; } + +.fa-ticket-alt:before { + content: "\f3ff"; } + +.fa-times:before { + content: "\f00d"; } + +.fa-times-circle:before { + content: "\f057"; } + +.fa-tint:before { + content: "\f043"; } + +.fa-tint-slash:before { + content: "\f5c7"; } + +.fa-tired:before { + content: "\f5c8"; } + +.fa-toggle-off:before { + content: "\f204"; } + +.fa-toggle-on:before { + content: "\f205"; } + +.fa-toolbox:before { + content: "\f552"; } + +.fa-tooth:before { + content: "\f5c9"; } + +.fa-torah:before { + content: "\f6a0"; } + +.fa-torii-gate:before { + content: "\f6a1"; } + +.fa-trade-federation:before { + content: "\f513"; } + +.fa-trademark:before { + content: "\f25c"; } + +.fa-traffic-light:before { + content: "\f637"; } + +.fa-train:before { + content: "\f238"; } + +.fa-transgender:before { + content: "\f224"; } + +.fa-transgender-alt:before { + content: "\f225"; } + +.fa-trash:before { + content: "\f1f8"; } + +.fa-trash-alt:before { + content: "\f2ed"; } + +.fa-tree:before { + content: "\f1bb"; } + +.fa-trello:before { + content: "\f181"; } + +.fa-tripadvisor:before { + content: "\f262"; } + +.fa-trophy:before { + content: "\f091"; } + +.fa-truck:before { + content: "\f0d1"; } + +.fa-truck-loading:before { + content: "\f4de"; } + +.fa-truck-monster:before { + content: "\f63b"; } + +.fa-truck-moving:before { + content: "\f4df"; } + +.fa-truck-pickup:before { + content: "\f63c"; } + +.fa-tshirt:before { + content: "\f553"; } + +.fa-tty:before { + content: "\f1e4"; } + +.fa-tumblr:before { + content: "\f173"; } + +.fa-tumblr-square:before { + content: "\f174"; } + +.fa-tv:before { + content: "\f26c"; } + +.fa-twitch:before { + content: "\f1e8"; } + +.fa-twitter:before { + content: "\f099"; } + +.fa-twitter-square:before { + content: "\f081"; } + +.fa-typo3:before { + content: "\f42b"; } + +.fa-uber:before { + content: "\f402"; } + +.fa-uikit:before { + content: "\f403"; } + +.fa-umbrella:before { + content: "\f0e9"; } + +.fa-umbrella-beach:before { + content: "\f5ca"; } + +.fa-underline:before { + content: "\f0cd"; } + +.fa-undo:before { + content: "\f0e2"; } + +.fa-undo-alt:before { + content: "\f2ea"; } + +.fa-uniregistry:before { + content: "\f404"; } + +.fa-universal-access:before { + content: "\f29a"; } + +.fa-university:before { + content: "\f19c"; } + +.fa-unlink:before { + content: "\f127"; } + +.fa-unlock:before { + content: "\f09c"; } + +.fa-unlock-alt:before { + content: "\f13e"; } + +.fa-untappd:before { + content: "\f405"; } + +.fa-upload:before { + content: "\f093"; } + +.fa-usb:before { + content: "\f287"; } + +.fa-user:before { + content: "\f007"; } + +.fa-user-alt:before { + content: "\f406"; } + +.fa-user-alt-slash:before { + content: "\f4fa"; } + +.fa-user-astronaut:before { + content: "\f4fb"; } + +.fa-user-check:before { + content: "\f4fc"; } + +.fa-user-circle:before { + content: "\f2bd"; } + +.fa-user-clock:before { + content: "\f4fd"; } + +.fa-user-cog:before { + content: "\f4fe"; } + +.fa-user-edit:before { + content: "\f4ff"; } + +.fa-user-friends:before { + content: "\f500"; } + +.fa-user-graduate:before { + content: "\f501"; } + +.fa-user-lock:before { + content: "\f502"; } + +.fa-user-md:before { + content: "\f0f0"; } + +.fa-user-minus:before { + content: "\f503"; } + +.fa-user-ninja:before { + content: "\f504"; } + +.fa-user-plus:before { + content: "\f234"; } + +.fa-user-secret:before { + content: "\f21b"; } + +.fa-user-shield:before { + content: "\f505"; } + +.fa-user-slash:before { + content: "\f506"; } + +.fa-user-tag:before { + content: "\f507"; } + +.fa-user-tie:before { + content: "\f508"; } + +.fa-user-times:before { + content: "\f235"; } + +.fa-users:before { + content: "\f0c0"; } + +.fa-users-cog:before { + content: "\f509"; } + +.fa-ussunnah:before { + content: "\f407"; } + +.fa-utensil-spoon:before { + content: "\f2e5"; } + +.fa-utensils:before { + content: "\f2e7"; } + +.fa-vaadin:before { + content: "\f408"; } + +.fa-vector-square:before { + content: "\f5cb"; } + +.fa-venus:before { + content: "\f221"; } + +.fa-venus-double:before { + content: "\f226"; } + +.fa-venus-mars:before { + content: "\f228"; } + +.fa-viacoin:before { + content: "\f237"; } + +.fa-viadeo:before { + content: "\f2a9"; } + +.fa-viadeo-square:before { + content: "\f2aa"; } + +.fa-vial:before { + content: "\f492"; } + +.fa-vials:before { + content: "\f493"; } + +.fa-viber:before { + content: "\f409"; } + +.fa-video:before { + content: "\f03d"; } + +.fa-video-slash:before { + content: "\f4e2"; } + +.fa-vihara:before { + content: "\f6a7"; } + +.fa-vimeo:before { + content: "\f40a"; } + +.fa-vimeo-square:before { + content: "\f194"; } + +.fa-vimeo-v:before { + content: "\f27d"; } + +.fa-vine:before { + content: "\f1ca"; } + +.fa-vk:before { + content: "\f189"; } + +.fa-vnv:before { + content: "\f40b"; } + +.fa-volleyball-ball:before { + content: "\f45f"; } + +.fa-volume-down:before { + content: "\f027"; } + +.fa-volume-off:before { + content: "\f026"; } + +.fa-volume-up:before { + content: "\f028"; } + +.fa-vuejs:before { + content: "\f41f"; } + +.fa-walking:before { + content: "\f554"; } + +.fa-wallet:before { + content: "\f555"; } + +.fa-warehouse:before { + content: "\f494"; } + +.fa-weebly:before { + content: "\f5cc"; } + +.fa-weibo:before { + content: "\f18a"; } + +.fa-weight:before { + content: "\f496"; } + +.fa-weight-hanging:before { + content: "\f5cd"; } + +.fa-weixin:before { + content: "\f1d7"; } + +.fa-whatsapp:before { + content: "\f232"; } + +.fa-whatsapp-square:before { + content: "\f40c"; } + +.fa-wheelchair:before { + content: "\f193"; } + +.fa-whmcs:before { + content: "\f40d"; } + +.fa-wifi:before { + content: "\f1eb"; } + +.fa-wikipedia-w:before { + content: "\f266"; } + +.fa-window-close:before { + content: "\f410"; } + +.fa-window-maximize:before { + content: "\f2d0"; } + +.fa-window-minimize:before { + content: "\f2d1"; } + +.fa-window-restore:before { + content: "\f2d2"; } + +.fa-windows:before { + content: "\f17a"; } + +.fa-wine-glass:before { + content: "\f4e3"; } + +.fa-wine-glass-alt:before { + content: "\f5ce"; } + +.fa-wix:before { + content: "\f5cf"; } + +.fa-wolf-pack-battalion:before { + content: "\f514"; } + +.fa-won-sign:before { + content: "\f159"; } + +.fa-wordpress:before { + content: "\f19a"; } + +.fa-wordpress-simple:before { + content: "\f411"; } + +.fa-wpbeginner:before { + content: "\f297"; } + +.fa-wpexplorer:before { + content: "\f2de"; } + +.fa-wpforms:before { + content: "\f298"; } + +.fa-wrench:before { + content: "\f0ad"; } + +.fa-x-ray:before { + content: "\f497"; } + +.fa-xbox:before { + content: "\f412"; } + +.fa-xing:before { + content: "\f168"; } + +.fa-xing-square:before { + content: "\f169"; } + +.fa-y-combinator:before { + content: "\f23b"; } + +.fa-yahoo:before { + content: "\f19e"; } + +.fa-yandex:before { + content: "\f413"; } + +.fa-yandex-international:before { + content: "\f414"; } + +.fa-yelp:before { + content: "\f1e9"; } + +.fa-yen-sign:before { + content: "\f157"; } + +.fa-yin-yang:before { + content: "\f6ad"; } + +.fa-yoast:before { + content: "\f2b1"; } + +.fa-youtube:before { + content: "\f167"; } + +.fa-youtube-square:before { + content: "\f431"; } + +.fa-zhihu:before { + content: "\f63f"; } + +.sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } + +/*! + * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +@font-face { + font-family: 'Font Awesome 5 Brands'; + font-style: normal; + font-weight: normal; + src: url("../webfonts/fa-brands-400.eot"); + src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); } + +.fab { + font-family: 'Font Awesome 5 Brands'; } + +/*! + * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +@font-face { + font-family: 'Font Awesome 5 Free'; + font-style: normal; + font-weight: 400; + src: url("../webfonts/fa-regular-400.eot"); + src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } + +.far { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +/*! + * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +@font-face { + font-family: 'Font Awesome 5 Free'; + font-style: normal; + font-weight: 900; + src: url("../webfonts/fa-solid-900.eot"); + src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } + +.fa, +.fas { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; } + +/*! + * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +.fa.fa-glass:before { + content: "\f000"; } + +.fa.fa-meetup { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-star-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-star-o:before { + content: "\f005"; } + +.fa.fa-remove:before { + content: "\f00d"; } + +.fa.fa-close:before { + content: "\f00d"; } + +.fa.fa-gear:before { + content: "\f013"; } + +.fa.fa-trash-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-trash-o:before { + content: "\f2ed"; } + +.fa.fa-file-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-o:before { + content: "\f15b"; } + +.fa.fa-clock-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-clock-o:before { + content: "\f017"; } + +.fa.fa-arrow-circle-o-down { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-arrow-circle-o-down:before { + content: "\f358"; } + +.fa.fa-arrow-circle-o-up { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-arrow-circle-o-up:before { + content: "\f35b"; } + +.fa.fa-play-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-play-circle-o:before { + content: "\f144"; } + +.fa.fa-repeat:before { + content: "\f01e"; } + +.fa.fa-rotate-right:before { + content: "\f01e"; } + +.fa.fa-refresh:before { + content: "\f021"; } + +.fa.fa-list-alt { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-dedent:before { + content: "\f03b"; } + +.fa.fa-video-camera:before { + content: "\f03d"; } + +.fa.fa-picture-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-picture-o:before { + content: "\f03e"; } + +.fa.fa-photo { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-photo:before { + content: "\f03e"; } + +.fa.fa-image { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-image:before { + content: "\f03e"; } + +.fa.fa-pencil:before { + content: "\f303"; } + +.fa.fa-map-marker:before { + content: "\f3c5"; } + +.fa.fa-pencil-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-pencil-square-o:before { + content: "\f044"; } + +.fa.fa-share-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-share-square-o:before { + content: "\f14d"; } + +.fa.fa-check-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-check-square-o:before { + content: "\f14a"; } + +.fa.fa-arrows:before { + content: "\f0b2"; } + +.fa.fa-times-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-times-circle-o:before { + content: "\f057"; } + +.fa.fa-check-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-check-circle-o:before { + content: "\f058"; } + +.fa.fa-mail-forward:before { + content: "\f064"; } + +.fa.fa-eye { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-eye-slash { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-warning:before { + content: "\f071"; } + +.fa.fa-calendar:before { + content: "\f073"; } + +.fa.fa-arrows-v:before { + content: "\f338"; } + +.fa.fa-arrows-h:before { + content: "\f337"; } + +.fa.fa-bar-chart { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-bar-chart:before { + content: "\f080"; } + +.fa.fa-bar-chart-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-bar-chart-o:before { + content: "\f080"; } + +.fa.fa-twitter-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-facebook-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gears:before { + content: "\f085"; } + +.fa.fa-thumbs-o-up { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-thumbs-o-up:before { + content: "\f164"; } + +.fa.fa-thumbs-o-down { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-thumbs-o-down:before { + content: "\f165"; } + +.fa.fa-heart-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-heart-o:before { + content: "\f004"; } + +.fa.fa-sign-out:before { + content: "\f2f5"; } + +.fa.fa-linkedin-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-linkedin-square:before { + content: "\f08c"; } + +.fa.fa-thumb-tack:before { + content: "\f08d"; } + +.fa.fa-external-link:before { + content: "\f35d"; } + +.fa.fa-sign-in:before { + content: "\f2f6"; } + +.fa.fa-github-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-lemon-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-lemon-o:before { + content: "\f094"; } + +.fa.fa-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-square-o:before { + content: "\f0c8"; } + +.fa.fa-bookmark-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-bookmark-o:before { + content: "\f02e"; } + +.fa.fa-twitter { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-facebook { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-facebook:before { + content: "\f39e"; } + +.fa.fa-facebook-f { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-facebook-f:before { + content: "\f39e"; } + +.fa.fa-github { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-credit-card { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-feed:before { + content: "\f09e"; } + +.fa.fa-hdd-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hdd-o:before { + content: "\f0a0"; } + +.fa.fa-hand-o-right { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-o-right:before { + content: "\f0a4"; } + +.fa.fa-hand-o-left { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-o-left:before { + content: "\f0a5"; } + +.fa.fa-hand-o-up { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-o-up:before { + content: "\f0a6"; } + +.fa.fa-hand-o-down { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-o-down:before { + content: "\f0a7"; } + +.fa.fa-arrows-alt:before { + content: "\f31e"; } + +.fa.fa-group:before { + content: "\f0c0"; } + +.fa.fa-chain:before { + content: "\f0c1"; } + +.fa.fa-scissors:before { + content: "\f0c4"; } + +.fa.fa-files-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-files-o:before { + content: "\f0c5"; } + +.fa.fa-floppy-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-floppy-o:before { + content: "\f0c7"; } + +.fa.fa-navicon:before { + content: "\f0c9"; } + +.fa.fa-reorder:before { + content: "\f0c9"; } + +.fa.fa-pinterest { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pinterest-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus:before { + content: "\f0d5"; } + +.fa.fa-money { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-money:before { + content: "\f3d1"; } + +.fa.fa-unsorted:before { + content: "\f0dc"; } + +.fa.fa-sort-desc:before { + content: "\f0dd"; } + +.fa.fa-sort-asc:before { + content: "\f0de"; } + +.fa.fa-linkedin { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-linkedin:before { + content: "\f0e1"; } + +.fa.fa-rotate-left:before { + content: "\f0e2"; } + +.fa.fa-legal:before { + content: "\f0e3"; } + +.fa.fa-tachometer:before { + content: "\f3fd"; } + +.fa.fa-dashboard:before { + content: "\f3fd"; } + +.fa.fa-comment-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-comment-o:before { + content: "\f075"; } + +.fa.fa-comments-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-comments-o:before { + content: "\f086"; } + +.fa.fa-flash:before { + content: "\f0e7"; } + +.fa.fa-clipboard { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-paste { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-paste:before { + content: "\f328"; } + +.fa.fa-lightbulb-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-lightbulb-o:before { + content: "\f0eb"; } + +.fa.fa-exchange:before { + content: "\f362"; } + +.fa.fa-cloud-download:before { + content: "\f381"; } + +.fa.fa-cloud-upload:before { + content: "\f382"; } + +.fa.fa-bell-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-bell-o:before { + content: "\f0f3"; } + +.fa.fa-cutlery:before { + content: "\f2e7"; } + +.fa.fa-file-text-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-text-o:before { + content: "\f15c"; } + +.fa.fa-building-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-building-o:before { + content: "\f1ad"; } + +.fa.fa-hospital-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hospital-o:before { + content: "\f0f8"; } + +.fa.fa-tablet:before { + content: "\f3fa"; } + +.fa.fa-mobile:before { + content: "\f3cd"; } + +.fa.fa-mobile-phone:before { + content: "\f3cd"; } + +.fa.fa-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-circle-o:before { + content: "\f111"; } + +.fa.fa-mail-reply:before { + content: "\f3e5"; } + +.fa.fa-github-alt { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-folder-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-folder-o:before { + content: "\f07b"; } + +.fa.fa-folder-open-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-folder-open-o:before { + content: "\f07c"; } + +.fa.fa-smile-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-smile-o:before { + content: "\f118"; } + +.fa.fa-frown-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-frown-o:before { + content: "\f119"; } + +.fa.fa-meh-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-meh-o:before { + content: "\f11a"; } + +.fa.fa-keyboard-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-keyboard-o:before { + content: "\f11c"; } + +.fa.fa-flag-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-flag-o:before { + content: "\f024"; } + +.fa.fa-mail-reply-all:before { + content: "\f122"; } + +.fa.fa-star-half-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-star-half-o:before { + content: "\f089"; } + +.fa.fa-star-half-empty { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-star-half-empty:before { + content: "\f089"; } + +.fa.fa-star-half-full { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-star-half-full:before { + content: "\f089"; } + +.fa.fa-code-fork:before { + content: "\f126"; } + +.fa.fa-chain-broken:before { + content: "\f127"; } + +.fa.fa-shield:before { + content: "\f3ed"; } + +.fa.fa-calendar-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-calendar-o:before { + content: "\f133"; } + +.fa.fa-maxcdn { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-html5 { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-css3 { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ticket:before { + content: "\f3ff"; } + +.fa.fa-minus-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-minus-square-o:before { + content: "\f146"; } + +.fa.fa-level-up:before { + content: "\f3bf"; } + +.fa.fa-level-down:before { + content: "\f3be"; } + +.fa.fa-pencil-square:before { + content: "\f14b"; } + +.fa.fa-external-link-square:before { + content: "\f360"; } + +.fa.fa-compass { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-caret-square-o-down { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-caret-square-o-down:before { + content: "\f150"; } + +.fa.fa-toggle-down { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-toggle-down:before { + content: "\f150"; } + +.fa.fa-caret-square-o-up { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-caret-square-o-up:before { + content: "\f151"; } + +.fa.fa-toggle-up { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-toggle-up:before { + content: "\f151"; } + +.fa.fa-caret-square-o-right { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-caret-square-o-right:before { + content: "\f152"; } + +.fa.fa-toggle-right { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-toggle-right:before { + content: "\f152"; } + +.fa.fa-eur:before { + content: "\f153"; } + +.fa.fa-euro:before { + content: "\f153"; } + +.fa.fa-gbp:before { + content: "\f154"; } + +.fa.fa-usd:before { + content: "\f155"; } + +.fa.fa-dollar:before { + content: "\f155"; } + +.fa.fa-inr:before { + content: "\f156"; } + +.fa.fa-rupee:before { + content: "\f156"; } + +.fa.fa-jpy:before { + content: "\f157"; } + +.fa.fa-cny:before { + content: "\f157"; } + +.fa.fa-rmb:before { + content: "\f157"; } + +.fa.fa-yen:before { + content: "\f157"; } + +.fa.fa-rub:before { + content: "\f158"; } + +.fa.fa-ruble:before { + content: "\f158"; } + +.fa.fa-rouble:before { + content: "\f158"; } + +.fa.fa-krw:before { + content: "\f159"; } + +.fa.fa-won:before { + content: "\f159"; } + +.fa.fa-btc { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bitcoin { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bitcoin:before { + content: "\f15a"; } + +.fa.fa-file-text:before { + content: "\f15c"; } + +.fa.fa-sort-alpha-asc:before { + content: "\f15d"; } + +.fa.fa-sort-alpha-desc:before { + content: "\f15e"; } + +.fa.fa-sort-amount-asc:before { + content: "\f160"; } + +.fa.fa-sort-amount-desc:before { + content: "\f161"; } + +.fa.fa-sort-numeric-asc:before { + content: "\f162"; } + +.fa.fa-sort-numeric-desc:before { + content: "\f163"; } + +.fa.fa-youtube-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-youtube { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-xing { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-xing-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-youtube-play { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-youtube-play:before { + content: "\f167"; } + +.fa.fa-dropbox { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-stack-overflow { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-instagram { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-flickr { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-adn { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bitbucket { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bitbucket-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bitbucket-square:before { + content: "\f171"; } + +.fa.fa-tumblr { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-tumblr-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-long-arrow-down:before { + content: "\f309"; } + +.fa.fa-long-arrow-up:before { + content: "\f30c"; } + +.fa.fa-long-arrow-left:before { + content: "\f30a"; } + +.fa.fa-long-arrow-right:before { + content: "\f30b"; } + +.fa.fa-apple { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-windows { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-android { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-linux { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-dribbble { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-skype { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-foursquare { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-trello { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gratipay { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gittip { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gittip:before { + content: "\f184"; } + +.fa.fa-sun-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-sun-o:before { + content: "\f185"; } + +.fa.fa-moon-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-moon-o:before { + content: "\f186"; } + +.fa.fa-vk { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-weibo { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-renren { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pagelines { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-stack-exchange { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-arrow-circle-o-right { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-arrow-circle-o-right:before { + content: "\f35a"; } + +.fa.fa-arrow-circle-o-left { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-arrow-circle-o-left:before { + content: "\f359"; } + +.fa.fa-caret-square-o-left { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-caret-square-o-left:before { + content: "\f191"; } + +.fa.fa-toggle-left { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-toggle-left:before { + content: "\f191"; } + +.fa.fa-dot-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-dot-circle-o:before { + content: "\f192"; } + +.fa.fa-vimeo-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-try:before { + content: "\f195"; } + +.fa.fa-turkish-lira:before { + content: "\f195"; } + +.fa.fa-plus-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-plus-square-o:before { + content: "\f0fe"; } + +.fa.fa-slack { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wordpress { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-openid { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-institution:before { + content: "\f19c"; } + +.fa.fa-bank:before { + content: "\f19c"; } + +.fa.fa-mortar-board:before { + content: "\f19d"; } + +.fa.fa-yahoo { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-reddit { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-reddit-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-stumbleupon-circle { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-stumbleupon { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-delicious { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-digg { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pied-piper-pp { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pied-piper-alt { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-drupal { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-joomla { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-spoon:before { + content: "\f2e5"; } + +.fa.fa-behance { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-behance-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-steam { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-steam-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-automobile:before { + content: "\f1b9"; } + +.fa.fa-cab:before { + content: "\f1ba"; } + +.fa.fa-envelope-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-envelope-o:before { + content: "\f0e0"; } + +.fa.fa-deviantart { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-soundcloud { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-file-pdf-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-pdf-o:before { + content: "\f1c1"; } + +.fa.fa-file-word-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-word-o:before { + content: "\f1c2"; } + +.fa.fa-file-excel-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-excel-o:before { + content: "\f1c3"; } + +.fa.fa-file-powerpoint-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-powerpoint-o:before { + content: "\f1c4"; } + +.fa.fa-file-image-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-image-o:before { + content: "\f1c5"; } + +.fa.fa-file-photo-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-photo-o:before { + content: "\f1c5"; } + +.fa.fa-file-picture-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-picture-o:before { + content: "\f1c5"; } + +.fa.fa-file-archive-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-archive-o:before { + content: "\f1c6"; } + +.fa.fa-file-zip-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-zip-o:before { + content: "\f1c6"; } + +.fa.fa-file-audio-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-audio-o:before { + content: "\f1c7"; } + +.fa.fa-file-sound-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-sound-o:before { + content: "\f1c7"; } + +.fa.fa-file-video-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-video-o:before { + content: "\f1c8"; } + +.fa.fa-file-movie-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-movie-o:before { + content: "\f1c8"; } + +.fa.fa-file-code-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-code-o:before { + content: "\f1c9"; } + +.fa.fa-vine { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-codepen { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-jsfiddle { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-life-ring { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-life-bouy { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-life-bouy:before { + content: "\f1cd"; } + +.fa.fa-life-buoy { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-life-buoy:before { + content: "\f1cd"; } + +.fa.fa-life-saver { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-life-saver:before { + content: "\f1cd"; } + +.fa.fa-support { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-support:before { + content: "\f1cd"; } + +.fa.fa-circle-o-notch:before { + content: "\f1ce"; } + +.fa.fa-rebel { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ra { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ra:before { + content: "\f1d0"; } + +.fa.fa-resistance { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-resistance:before { + content: "\f1d0"; } + +.fa.fa-empire { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ge { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ge:before { + content: "\f1d1"; } + +.fa.fa-git-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-git { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-hacker-news { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-y-combinator-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-y-combinator-square:before { + content: "\f1d4"; } + +.fa.fa-yc-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-yc-square:before { + content: "\f1d4"; } + +.fa.fa-tencent-weibo { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-qq { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-weixin { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wechat { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wechat:before { + content: "\f1d7"; } + +.fa.fa-send:before { + content: "\f1d8"; } + +.fa.fa-paper-plane-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-paper-plane-o:before { + content: "\f1d8"; } + +.fa.fa-send-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-send-o:before { + content: "\f1d8"; } + +.fa.fa-circle-thin { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-circle-thin:before { + content: "\f111"; } + +.fa.fa-header:before { + content: "\f1dc"; } + +.fa.fa-sliders:before { + content: "\f1de"; } + +.fa.fa-futbol-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-futbol-o:before { + content: "\f1e3"; } + +.fa.fa-soccer-ball-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-soccer-ball-o:before { + content: "\f1e3"; } + +.fa.fa-slideshare { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-twitch { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-yelp { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-newspaper-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-newspaper-o:before { + content: "\f1ea"; } + +.fa.fa-paypal { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-wallet { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-visa { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-mastercard { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-discover { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-amex { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-paypal { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-stripe { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bell-slash-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-bell-slash-o:before { + content: "\f1f6"; } + +.fa.fa-trash:before { + content: "\f2ed"; } + +.fa.fa-copyright { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-eyedropper:before { + content: "\f1fb"; } + +.fa.fa-area-chart:before { + content: "\f1fe"; } + +.fa.fa-pie-chart:before { + content: "\f200"; } + +.fa.fa-line-chart:before { + content: "\f201"; } + +.fa.fa-lastfm { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-lastfm-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ioxhost { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-angellist { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-cc:before { + content: "\f20a"; } + +.fa.fa-ils:before { + content: "\f20b"; } + +.fa.fa-shekel:before { + content: "\f20b"; } + +.fa.fa-sheqel:before { + content: "\f20b"; } + +.fa.fa-meanpath { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-meanpath:before { + content: "\f2b4"; } + +.fa.fa-buysellads { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-connectdevelop { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-dashcube { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-forumbee { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-leanpub { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-sellsy { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-shirtsinbulk { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-simplybuilt { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-skyatlas { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-diamond { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-diamond:before { + content: "\f3a5"; } + +.fa.fa-intersex:before { + content: "\f224"; } + +.fa.fa-facebook-official { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-facebook-official:before { + content: "\f09a"; } + +.fa.fa-pinterest-p { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-whatsapp { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-hotel:before { + content: "\f236"; } + +.fa.fa-viacoin { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-medium { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-y-combinator { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-yc { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-yc:before { + content: "\f23b"; } + +.fa.fa-optin-monster { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-opencart { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-expeditedssl { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-battery-4:before { + content: "\f240"; } + +.fa.fa-battery:before { + content: "\f240"; } + +.fa.fa-battery-3:before { + content: "\f241"; } + +.fa.fa-battery-2:before { + content: "\f242"; } + +.fa.fa-battery-1:before { + content: "\f243"; } + +.fa.fa-battery-0:before { + content: "\f244"; } + +.fa.fa-object-group { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-object-ungroup { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-sticky-note-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-sticky-note-o:before { + content: "\f249"; } + +.fa.fa-cc-jcb { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-diners-club { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-clone { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hourglass-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hourglass-o:before { + content: "\f254"; } + +.fa.fa-hourglass-1:before { + content: "\f251"; } + +.fa.fa-hourglass-2:before { + content: "\f252"; } + +.fa.fa-hourglass-3:before { + content: "\f253"; } + +.fa.fa-hand-rock-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-rock-o:before { + content: "\f255"; } + +.fa.fa-hand-grab-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-grab-o:before { + content: "\f255"; } + +.fa.fa-hand-paper-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-paper-o:before { + content: "\f256"; } + +.fa.fa-hand-stop-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-stop-o:before { + content: "\f256"; } + +.fa.fa-hand-scissors-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-scissors-o:before { + content: "\f257"; } + +.fa.fa-hand-lizard-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-lizard-o:before { + content: "\f258"; } + +.fa.fa-hand-spock-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-spock-o:before { + content: "\f259"; } + +.fa.fa-hand-pointer-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-pointer-o:before { + content: "\f25a"; } + +.fa.fa-hand-peace-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-peace-o:before { + content: "\f25b"; } + +.fa.fa-registered { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-creative-commons { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gg { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gg-circle { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-tripadvisor { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-odnoklassniki { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-odnoklassniki-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-get-pocket { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wikipedia-w { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-safari { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-chrome { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-firefox { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-opera { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-internet-explorer { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-television:before { + content: "\f26c"; } + +.fa.fa-contao { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-500px { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-amazon { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-calendar-plus-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-calendar-plus-o:before { + content: "\f271"; } + +.fa.fa-calendar-minus-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-calendar-minus-o:before { + content: "\f272"; } + +.fa.fa-calendar-times-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-calendar-times-o:before { + content: "\f273"; } + +.fa.fa-calendar-check-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-calendar-check-o:before { + content: "\f274"; } + +.fa.fa-map-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-map-o:before { + content: "\f279"; } + +.fa.fa-commenting { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-commenting:before { + content: "\f4ad"; } + +.fa.fa-commenting-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-commenting-o:before { + content: "\f4ad"; } + +.fa.fa-houzz { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-vimeo { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-vimeo:before { + content: "\f27d"; } + +.fa.fa-black-tie { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-fonticons { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-reddit-alien { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-edge { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-credit-card-alt:before { + content: "\f09d"; } + +.fa.fa-codiepie { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-modx { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-fort-awesome { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-usb { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-product-hunt { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-mixcloud { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-scribd { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pause-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-pause-circle-o:before { + content: "\f28b"; } + +.fa.fa-stop-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-stop-circle-o:before { + content: "\f28d"; } + +.fa.fa-bluetooth { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bluetooth-b { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gitlab { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wpbeginner { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wpforms { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-envira { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wheelchair-alt { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wheelchair-alt:before { + content: "\f368"; } + +.fa.fa-question-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-question-circle-o:before { + content: "\f059"; } + +.fa.fa-volume-control-phone:before { + content: "\f2a0"; } + +.fa.fa-asl-interpreting:before { + content: "\f2a3"; } + +.fa.fa-deafness:before { + content: "\f2a4"; } + +.fa.fa-hard-of-hearing:before { + content: "\f2a4"; } + +.fa.fa-glide { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-glide-g { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-signing:before { + content: "\f2a7"; } + +.fa.fa-viadeo { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-viadeo-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-snapchat { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-snapchat-ghost { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-snapchat-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pied-piper { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-first-order { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-yoast { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-themeisle { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus-official { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus-official:before { + content: "\f2b3"; } + +.fa.fa-google-plus-circle { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus-circle:before { + content: "\f2b3"; } + +.fa.fa-font-awesome { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-fa { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-fa:before { + content: "\f2b4"; } + +.fa.fa-handshake-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-handshake-o:before { + content: "\f2b5"; } + +.fa.fa-envelope-open-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-envelope-open-o:before { + content: "\f2b6"; } + +.fa.fa-linode { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-address-book-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-address-book-o:before { + content: "\f2b9"; } + +.fa.fa-vcard:before { + content: "\f2bb"; } + +.fa.fa-address-card-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-address-card-o:before { + content: "\f2bb"; } + +.fa.fa-vcard-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-vcard-o:before { + content: "\f2bb"; } + +.fa.fa-user-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-user-circle-o:before { + content: "\f2bd"; } + +.fa.fa-user-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-user-o:before { + content: "\f007"; } + +.fa.fa-id-badge { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-drivers-license:before { + content: "\f2c2"; } + +.fa.fa-id-card-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-id-card-o:before { + content: "\f2c2"; } + +.fa.fa-drivers-license-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-drivers-license-o:before { + content: "\f2c2"; } + +.fa.fa-quora { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-free-code-camp { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-telegram { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-thermometer-4:before { + content: "\f2c7"; } + +.fa.fa-thermometer:before { + content: "\f2c7"; } + +.fa.fa-thermometer-3:before { + content: "\f2c8"; } + +.fa.fa-thermometer-2:before { + content: "\f2c9"; } + +.fa.fa-thermometer-1:before { + content: "\f2ca"; } + +.fa.fa-thermometer-0:before { + content: "\f2cb"; } + +.fa.fa-bathtub:before { + content: "\f2cd"; } + +.fa.fa-s15:before { + content: "\f2cd"; } + +.fa.fa-window-maximize { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-window-restore { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-times-rectangle:before { + content: "\f410"; } + +.fa.fa-window-close-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-window-close-o:before { + content: "\f410"; } + +.fa.fa-times-rectangle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-times-rectangle-o:before { + content: "\f410"; } + +.fa.fa-bandcamp { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-grav { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-etsy { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-imdb { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ravelry { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-eercast { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-eercast:before { + content: "\f2da"; } + +.fa.fa-snowflake-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-snowflake-o:before { + content: "\f2dc"; } + +.fa.fa-superpowers { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wpexplorer { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-spotify { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +/*------------------------------------------------------------------ +[4. Google's Material Web Components] +------------------------------------------------------------------*/ +@-webkit-keyframes mdc-ripple-fg-radius-in { + from { + -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); + transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); } + to { + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } } +@keyframes mdc-ripple-fg-radius-in { + from { + -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); + transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); } + to { + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } } + +@-webkit-keyframes mdc-ripple-fg-opacity-in { + from { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + opacity: 0; } + to { + opacity: var(--mdc-ripple-fg-opacity, 0); } } + +@keyframes mdc-ripple-fg-opacity-in { + from { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + opacity: 0; } + to { + opacity: var(--mdc-ripple-fg-opacity, 0); } } + +@-webkit-keyframes mdc-ripple-fg-opacity-out { + from { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + opacity: var(--mdc-ripple-fg-opacity, 0); } + to { + opacity: 0; } } + +@keyframes mdc-ripple-fg-opacity-out { + from { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + opacity: var(--mdc-ripple-fg-opacity, 0); } + to { + opacity: 0; } } + +.mdc-ripple-surface--test-edge-var-bug { + --mdc-ripple-surface-test-edge-var: 1px solid #000; + visibility: hidden; } + .mdc-ripple-surface--test-edge-var-bug::before { + border: var(--mdc-ripple-surface-test-edge-var); } + +.mdc-button { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 2.25rem; + font-weight: 500; + letter-spacing: 0.08929em; + text-decoration: none; + text-transform: uppercase; + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + padding: 0 8px 0 8px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 64px; + height: 36px; + border: none; + outline: none; + /* @alternate */ + line-height: inherit; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-appearance: none; + overflow: hidden; + vertical-align: middle; + border-radius: 2px; } + .mdc-button::before, .mdc-button::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-button::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-button.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-button.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-button.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-button.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-button.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-button::before, .mdc-button::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-button.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-button::-moz-focus-inner { + padding: 0; + border: 0; } + .mdc-button:active { + outline: none; } + .mdc-button:hover { + cursor: pointer; } + .mdc-button:disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.37); + cursor: default; + pointer-events: none; } + .mdc-button:not(:disabled) { + background-color: transparent; } + .mdc-button:not(:disabled) { + color: #77216F; + /* @alternate */ + color: var(--mdc-theme-primary, #77216F); } + .mdc-button::before, .mdc-button::after { + background-color: #77216F; } + @supports not (-ms-ime-align: auto) { + .mdc-button::before, .mdc-button::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } } + .mdc-button:hover::before { + opacity: 0.04; } + .mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-button:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-button:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + .mdc-button .mdc-button__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + display: inline-block; + width: 18px; + height: 18px; + font-size: 18px; + vertical-align: top; } + [dir="rtl"] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir="rtl"] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; } + .mdc-button svg.mdc-button__icon { + fill: currentColor; } + +.mdc-button--raised .mdc-button__icon, +.mdc-button--unelevated .mdc-button__icon, +.mdc-button--outlined .mdc-button__icon { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; } + [dir="rtl"] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir="rtl"], [dir="rtl"] + .mdc-button--unelevated .mdc-button__icon, + .mdc-button--unelevated .mdc-button__icon[dir="rtl"], [dir="rtl"] + .mdc-button--outlined .mdc-button__icon, + .mdc-button--outlined .mdc-button__icon[dir="rtl"] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; } + +.mdc-button--raised, +.mdc-button--unelevated { + padding: 0 16px 0 16px; } + .mdc-button--raised:disabled, + .mdc-button--unelevated:disabled { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.37); } + .mdc-button--raised:not(:disabled), + .mdc-button--unelevated:not(:disabled) { + background-color: #77216F; } + @supports not (-ms-ime-align: auto) { + .mdc-button--raised:not(:disabled), + .mdc-button--unelevated:not(:disabled) { + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } } + .mdc-button--raised:not(:disabled), + .mdc-button--unelevated:not(:disabled) { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); } + .mdc-button--raised::before, .mdc-button--raised::after, + .mdc-button--unelevated::before, + .mdc-button--unelevated::after { + background-color: #fff; } + @supports not (-ms-ime-align: auto) { + .mdc-button--raised::before, .mdc-button--raised::after, + .mdc-button--unelevated::before, + .mdc-button--unelevated::after { + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); } } + .mdc-button--raised:hover::before, + .mdc-button--unelevated:hover::before { + opacity: 0.08; } + .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before, + .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before, + .mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-button--raised:not(.mdc-ripple-upgraded)::after, + .mdc-button--unelevated:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-button--raised:not(.mdc-ripple-upgraded):active::after, + .mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-button--raised.mdc-ripple-upgraded, + .mdc-button--unelevated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + +.mdc-button--raised { + -webkit-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); + 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); + -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } + .mdc-button--raised:hover, .mdc-button--raised:focus { + -webkit-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); + 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); } + .mdc-button--raised:active { + -webkit-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); + 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); } + .mdc-button--raised:disabled { + -webkit-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); + 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); } + +.mdc-button--outlined { + border-style: solid; + padding: 0 14px 0 14px; + border-width: 2px; } + .mdc-button--outlined:disabled { + border-color: rgba(0, 0, 0, 0.37); } + .mdc-button--outlined:not(:disabled) { + border-color: #77216F; + /* @alternate */ + border-color: var(--mdc-theme-primary, #77216F); } + +.mdc-button--dense { + height: 32px; + font-size: .8125rem; } + +.mdc-card { + background-color: #f9f6f8; + /* @alternate */ + background-color: var(--mdc-theme-surface, #f9f6f8); + border-radius: 2px; + -webkit-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); + 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); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.mdc-card--outlined { + -webkit-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); + 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); + border: 1px solid rgba(234, 231, 233, 0.958); } + +.mdc-card__media { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-repeat: no-repeat; + background-position: center; + background-size: cover; } + .mdc-card__media::before { + display: block; + content: ""; } + +.mdc-card__media:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; } + +.mdc-card__media:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; } + +.mdc-card__media--square::before { + margin-top: 100%; } + +.mdc-card__media--16-9::before { + margin-top: 56.25%; } + +.mdc-card__media-content { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.mdc-card__primary-action { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + outline: none; + color: inherit; + text-decoration: none; + cursor: pointer; + overflow: hidden; } + .mdc-card__primary-action::before, .mdc-card__primary-action::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-card__primary-action::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-card__primary-action.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-card__primary-action.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-card__primary-action::before, .mdc-card__primary-action::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-card__primary-action.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-card__primary-action::before, .mdc-card__primary-action::after { + background-color: black; } + .mdc-card__primary-action:hover::before { + opacity: 0.04; } + .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-card__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + +.mdc-card__primary-action:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; } + +.mdc-card__primary-action:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; } + +.mdc-card__actions { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-height: 52px; + padding: 8px; } + +.mdc-card__actions--full-bleed { + padding: 0; } + +.mdc-card__action-buttons, +.mdc-card__action-icons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.mdc-card__action-icons { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + +.mdc-card__action-buttons + .mdc-card__action-icons { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; } + +.mdc-card__action { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .mdc-card__action:focus { + outline: none; } + +.mdc-card__action--button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + padding: 0 8px; } + [dir="rtl"] .mdc-card__action--button, .mdc-card__action--button[dir="rtl"] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; } + .mdc-card__action--button:last-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + +.mdc-card__actions--full-bleed .mdc-card__action--button { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + height: auto; + max-height: none; + margin: 0; + padding: 8px 16px; + text-align: left; } + [dir="rtl"] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir="rtl"] { + text-align: right; } + +.mdc-card__action--icon { + margin: -6px 0; + padding: 12px; } + +.mdc-card__action--icon:not(:disabled) { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); } + +@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path { + 0%, + 50% { + stroke-dashoffset: 29.78334; } + 50% { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } + 100% { + stroke-dashoffset: 0; } } + +@keyframes mdc-checkbox-unchecked-checked-checkmark-path { + 0%, + 50% { + stroke-dashoffset: 29.78334; } + 50% { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } + 100% { + stroke-dashoffset: 0; } } + +@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { + 0%, + 68.2% { + -webkit-transform: scaleX(0); + transform: scaleX(0); } + 68.2% { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); + animation-timing-function: cubic-bezier(0, 0, 0, 1); } + 100% { + -webkit-transform: scaleX(1); + transform: scaleX(1); } } + +@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { + 0%, + 68.2% { + -webkit-transform: scaleX(0); + transform: scaleX(0); } + 68.2% { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); + animation-timing-function: cubic-bezier(0, 0, 0, 1); } + 100% { + -webkit-transform: scaleX(1); + transform: scaleX(1); } } + +@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path { + from { + -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + opacity: 1; + stroke-dashoffset: 0; } + to { + opacity: 0; + stroke-dashoffset: -29.78334; } } + +@keyframes mdc-checkbox-checked-unchecked-checkmark-path { + from { + -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + opacity: 1; + stroke-dashoffset: 0; } + to { + opacity: 0; + stroke-dashoffset: -29.78334; } } + +@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark { + from { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } + to { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; } } + +@keyframes mdc-checkbox-checked-indeterminate-checkmark { + from { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } + to { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; } } + +@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark { + from { + -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + opacity: 1; } } + +@keyframes mdc-checkbox-indeterminate-checked-checkmark { + from { + -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + opacity: 1; } } + +@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark { + from { + -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; + animation-timing-function: mdc-animation-deceleration-curve-timing-function; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0; } + to { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } } + +@keyframes mdc-checkbox-checked-indeterminate-mixedmark { + from { + -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; + animation-timing-function: mdc-animation-deceleration-curve-timing-function; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0; } + to { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } } + +@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark { + from { + -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } + to { + -webkit-transform: rotate(315deg); + transform: rotate(315deg); + opacity: 0; } } + +@keyframes mdc-checkbox-indeterminate-checked-mixedmark { + from { + -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } + to { + -webkit-transform: rotate(315deg); + transform: rotate(315deg); + opacity: 0; } } + +@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { + 0% { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-transform: scaleX(1); + transform: scaleX(1); + opacity: 1; } + 32.8%, + 100% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + opacity: 0; } } + +@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { + 0% { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-transform: scaleX(1); + transform: scaleX(1); + opacity: 1; } + 32.8%, + 100% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + opacity: 0; } } + +.mdc-checkbox { + display: inline-block; + position: relative; + -webkit-box-flex: 0; + -ms-flex: 0 0 18px; + flex: 0 0 18px; + -webkit-box-sizing: content-box; + box-sizing: content-box; + width: 18px; + height: 18px; + padding: 11px; + line-height: 0; + white-space: nowrap; + cursor: pointer; + vertical-align: bottom; + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; } + .mdc-checkbox::before, .mdc-checkbox::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-checkbox::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-checkbox.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-checkbox.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-checkbox.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-checkbox::before, .mdc-checkbox::after { + background-color: #FF8F68; } + @supports not (-ms-ime-align: auto) { + .mdc-checkbox::before, .mdc-checkbox::after { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } } + .mdc-checkbox:hover::before { + opacity: 0.08; } + .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-checkbox:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-checkbox:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-checkbox.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + .mdc-checkbox::before, .mdc-checkbox::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-checkbox.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + +.mdc-checkbox__checkmark { + color: #fff; } + +.mdc-checkbox__mixedmark { + border-color: #fff; } + +.mdc-checkbox__background::before { + background-color: #FF8F68; } + @supports not (-ms-ime-align: auto) { + .mdc-checkbox__background::before { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } } + +.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.54); + background-color: transparent; } + +.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { + border-color: #FF8F68; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #FF8F68); + background-color: #FF8F68; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } + +@-webkit-keyframes mdc-checkbox-fade-in-background-0 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + background-color: transparent; } + 50% { + border-color: #FF8F68; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #FF8F68); + background-color: #FF8F68; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } } + +@keyframes mdc-checkbox-fade-in-background-0 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + background-color: transparent; } + 50% { + border-color: #FF8F68; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #FF8F68); + background-color: #FF8F68; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } } + +@-webkit-keyframes mdc-checkbox-fade-out-background-0 { + 0%, 80% { + border-color: #FF8F68; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #FF8F68); + background-color: #FF8F68; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } + 100% { + border-color: rgba(0, 0, 0, 0.54); + background-color: transparent; } } + +@keyframes mdc-checkbox-fade-out-background-0 { + 0%, 80% { + border-color: #FF8F68; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #FF8F68); + background-color: #FF8F68; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } + 100% { + border-color: rgba(0, 0, 0, 0.54); + background-color: transparent; } } + +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + -webkit-animation-name: mdc-checkbox-fade-in-background-0; + animation-name: mdc-checkbox-fade-in-background-0; } + +.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + -webkit-animation-name: mdc-checkbox-fade-out-background-0; + animation-name: mdc-checkbox-fade-out-background-0; } + +.mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.26); } + +.mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.26); } + +@media screen and (-ms-high-contrast: active) { + .mdc-checkbox__mixedmark { + margin: 0 1px; } } + +.mdc-checkbox--disabled { + cursor: default; + pointer-events: none; } + +.mdc-checkbox__background { + /* @noflip */ + left: 11px; + /* @noflip */ + right: initial; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: absolute; + top: 11px; + bottom: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 45%; + height: 45%; + -webkit-transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border: 2px solid currentColor; + border-radius: 2px; + background-color: transparent; + pointer-events: none; + will-change: background-color, border-color; } + .mdc-checkbox[dir="rtl"] .mdc-checkbox__background, + [dir="rtl"] .mdc-checkbox .mdc-checkbox__background { + /* @noflip */ + left: initial; + /* @noflip */ + right: 11px; } + +.mdc-checkbox__checkmark { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + -webkit-transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + opacity: 0; } + .mdc-checkbox--upgraded .mdc-checkbox__checkmark { + opacity: 1; } + +.mdc-checkbox__checkmark-path { + -webkit-transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + stroke: currentColor; + stroke-width: 3.12px; + stroke-dashoffset: 29.78334; + stroke-dasharray: 29.78334; } + +.mdc-checkbox__mixedmark { + width: 100%; + height: 0; + -webkit-transform: scaleX(0) rotate(0deg); + transform: scaleX(0) rotate(0deg); + -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border-width: 1px; + border-style: solid; + opacity: 0; } + +.mdc-checkbox--upgraded .mdc-checkbox__background, +.mdc-checkbox--upgraded .mdc-checkbox__checkmark, +.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, +.mdc-checkbox--upgraded .mdc-checkbox__mixedmark { + -webkit-transition: none !important; + transition: none !important; } + +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { + -webkit-animation-duration: 180ms; + animation-duration: 180ms; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; } + +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { + -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; + animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { + -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; + animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { + -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; + animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { + -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; + animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { + -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; + animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { + -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; + animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { + -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; + animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { + -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; + animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { + -webkit-transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); } + .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, + .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { + stroke-dashoffset: 0; } + +.mdc-checkbox__background::before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; + will-change: opacity, transform; } + +.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before { + content: none; } + +.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { + -webkit-transform: scale(2.75, 2.75); + transform: scale(2.75, 2.75); + -webkit-transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); + opacity: 0.12; } + +.mdc-checkbox__native-control { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; } + .mdc-checkbox__native-control:disabled { + cursor: default; + pointer-events: none; } + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + opacity: 1; } + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + -webkit-transform: scaleX(1) rotate(-45deg); + transform: scaleX(1) rotate(-45deg); } + +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + opacity: 0; } + +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + -webkit-transform: scaleX(1) rotate(0deg); + transform: scaleX(1) rotate(0deg); + opacity: 1; } + +.mdc-chip { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + border-radius: 16px; + background-color: rgba(234, 231, 233, 0.958); + color: rgba(0, 0, 0, 0.87); + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + height: 32px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 7px 12px; + outline: none; + cursor: pointer; + overflow: hidden; } + .mdc-chip::before, .mdc-chip::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-chip::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-chip.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-chip.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-chip.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-chip.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-chip.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-chip::before, .mdc-chip::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-chip.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-chip::before, .mdc-chip::after { + background-color: rgba(0, 0, 0, 0.87); } + .mdc-chip:hover::before { + opacity: 0.04; } + .mdc-chip:not(.mdc-ripple-upgraded):focus::before, .mdc-chip.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-chip:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-chip:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-chip.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + .mdc-chip:hover { + color: rgba(0, 0, 0, 0.87); } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--leading { + color: rgba(0, 0, 0, 0.54); } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing { + color: rgba(0, 0, 0, 0.54); } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing:hover { + color: rgba(0, 0, 0, 0.62); } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing:focus { + color: rgba(0, 0, 0, 0.87); } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + width: 20px; + height: 20px; + font-size: 20px; } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing { + width: 18px; + height: 18px; + font-size: 18px; } + .mdc-chip:hover { + color: rgba(0, 0, 0, 0.65); + /* @alternate */ + color: var(--mdc-theme-on-surface, rgba(0, 0, 0, 0.65)); } + +.mdc-chip--exit { + -webkit-transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear; + transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear; + opacity: 0; } + +.mdc-chip__text { + white-space: nowrap; } + +.mdc-chip__icon { + border-radius: 50%; + outline: none; + vertical-align: middle; } + +.mdc-chip__icon--trailing { + margin: 0 -4px 0 4px; } + +.mdc-chip__checkmark, +.mdc-chip__icon--leading { + height: 20px; + margin: -4px 4px -4px -4px; } + +.mdc-chip__checkmark-path { + -webkit-transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1); + transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1); + stroke-width: 2px; + stroke-dashoffset: 29.78334; + stroke-dasharray: 29.78334; } + +.mdc-chip--selected .mdc-chip__checkmark-path { + stroke-dashoffset: 0; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before { + opacity: 0.08; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after { + background-color: #77216F; } + @supports not (-ms-ime-align: auto) { + .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover::before { + opacity: 0.12; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.2; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected { + color: #77216F; + /* @alternate */ + color: var(--mdc-theme-primary, #77216F); } + .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon.mdc-chip__icon--leading { + color: rgba(119, 33, 111, 0.54); } + .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover { + color: #77216F; + /* @alternate */ + color: var(--mdc-theme-primary, #77216F); } + +.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path { + stroke: #77216F; + /* @alternate */ + stroke: var(--mdc-theme-primary, #77216F); } + +.mdc-chip-set--choice .mdc-chip--selected { + background-color: #f9f6f8; + /* @alternate */ + background-color: var(--mdc-theme-surface, #f9f6f8); } + +.mdc-chip__checkmark-svg { + width: 0; + height: 20px; + -webkit-transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); } + +.mdc-chip--selected .mdc-chip__checkmark-svg { + width: 20px; } + +.mdc-chip-set--filter .mdc-chip__icon--leading { + -webkit-transition: opacity 75ms linear; + transition: opacity 75ms linear; + -webkit-transition-delay: -50ms; + transition-delay: -50ms; + opacity: 1; } + .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark { + -webkit-transition: opacity 75ms linear; + transition: opacity 75ms linear; + -webkit-transition-delay: 80ms; + transition-delay: 80ms; + opacity: 0; } + .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg { + -webkit-transition: width 0ms; + transition: width 0ms; } + +.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading { + opacity: 0; } + .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 0; + opacity: 1; } + +.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading { + width: 0; + opacity: 0; } + .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 20px; } + +@-webkit-keyframes mdc-chip-entry { + from { + -webkit-transform: scale(0.8); + transform: scale(0.8); + opacity: .4; } + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; } } + +@keyframes mdc-chip-entry { + from { + -webkit-transform: scale(0.8); + transform: scale(0.8); + opacity: .4; } + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; } } + +.mdc-chip-set { + padding: 4px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + .mdc-chip-set .mdc-chip { + margin: 4px; } + +.mdc-chip-set--input .mdc-chip { + -webkit-animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); + animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); } + +.mdc-dialog { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: fixed; + top: 0; + left: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; + visibility: hidden; + z-index: 5; } + +.mdc-dialog__backdrop { + background-color: rgba(0, 0, 0, 0.87); + /* @alternate */ + background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); + position: fixed; + top: 0; + left: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; + opacity: 0; + z-index: -1; } + +.mdc-dialog__surface { + -webkit-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); + 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); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-background, #fff); + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + width: calc(100% - 30px); + min-width: 640px; + max-width: 865px; + -webkit-transform: translateY(150px) scale(0.8); + transform: translateY(150px) scale(0.8); + border-radius: 2px; + opacity: 0; } + .mdc-dialog[dir="rtl"] .mdc-dialog__surface, + [dir="rtl"] .mdc-dialog .mdc-dialog__surface { + text-align: right; } + +.mdc-dialog__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 24px 24px 0; } + .mdc-dialog[dir="rtl"] .mdc-dialog__header, + [dir="rtl"] .mdc-dialog .mdc-dialog__header { + text-align: right; } + +.mdc-dialog__header__empty { + padding: 0; } + +.mdc-dialog__header__title { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; } + +.mdc-dialog__body { + color: rgba(0, 0, 0, 0.54); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)); + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.5rem; + font-weight: 400; + letter-spacing: 0.03125em; + text-decoration: inherit; + text-transform: inherit; + margin-top: 20px; + padding: 0 24px 24px; } + +.mdc-dialog__body--scrollable { + max-height: 195px; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + overflow-x: auto; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; } + +.mdc-dialog__footer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 8px; } + +.mdc-dialog__footer__button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; } + [dir="rtl"] .mdc-dialog__footer__button, .mdc-dialog__footer__button[dir="rtl"] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; } + .mdc-dialog__footer__button:last-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-dialog__footer__button:last-child, .mdc-dialog__footer__button:last-child[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + +.mdc-dialog__action:not(:disabled) { + color: #FF8F68; + /* @alternate */ + color: var(--mdc-theme-secondary, #FF8F68); } + +@media (max-width: 640px) { + .mdc-dialog { + min-width: 280px; } + .mdc-dialog__surface { + min-width: 280px; } + .mdc-dialog__body { + line-height: 24px; } } + +.mdc-dialog--animating { + visibility: visible; } + .mdc-dialog--animating .mdc-dialog__backdrop { + -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + .mdc-dialog--animating .mdc-dialog__surface { + -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + +.mdc-dialog--open { + visibility: visible; } + .mdc-dialog--open .mdc-dialog__backdrop { + opacity: .3; } + .mdc-dialog--open .mdc-dialog__surface { + -webkit-transform: translateY(0) scale(1); + transform: translateY(0) scale(1); + opacity: 1; } + +.mdc-dialog-scroll-lock { + overflow: hidden; } + +.mdc-drawer { + border-color: rgba(0, 0, 0, 0.12); + background-color: #f9f6f8; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 256px; + max-width: 256px; + height: 100%; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + border-right-width: 1px; + border-right-style: solid; + overflow: hidden; + z-index: 6; } + .mdc-drawer .mdc-drawer__title { + color: rgba(0, 0, 0, 0.87); } + .mdc-drawer .mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.6); } + .mdc-drawer .mdc-drawer__subtitle { + color: rgba(0, 0, 0, 0.6); } + .mdc-drawer .mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.6); } + .mdc-drawer .mdc-list-item { + color: rgba(0, 0, 0, 0.87); } + .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic { + color: #77216f; } + .mdc-drawer .mdc-list-item--activated { + color: rgba(119, 33, 111, 0.87); } + .mdc-drawer .mdc-list-item { + border-radius: 4px; } + [dir="rtl"] .mdc-drawer, .mdc-drawer[dir="rtl"] { + border-right-width: 0; + border-left-width: 1px; + border-right-style: none; + border-left-style: solid; } + .mdc-drawer .mdc-list-item { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.375rem; + font-weight: 500; + letter-spacing: 0.00714em; + text-decoration: inherit; + text-transform: inherit; + height: calc(48px - 2 * 4px); + margin: 8px 8px; + padding: 0 8px; } + .mdc-drawer .mdc-list-item:nth-child(1) { + margin-top: 2px; } + .mdc-drawer .mdc-list-item:nth-last-child(1) { + margin-bottom: 0; } + .mdc-drawer .mdc-list-group__subheader { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + display: block; + margin-top: 0; + line-height: normal; + margin: 0; + padding: 0 16px; } + .mdc-drawer .mdc-list-group__subheader::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; } + .mdc-drawer .mdc-list-divider { + margin: 3px 0 4px 0; } + .mdc-drawer .mdc-list-item__text, + .mdc-drawer .mdc-list-item__graphic { + pointer-events: none; } + +.mdc-drawer--open { + -webkit-transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1); } + +.mdc-drawer--animate { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); } + [dir="rtl"] .mdc-drawer--animate, .mdc-drawer--animate[dir="rtl"] { + -webkit-transform: translateX(100%); + transform: translateX(100%); } + +.mdc-drawer--opening { + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-transition-duration: 250ms; + transition-duration: 250ms; } + [dir="rtl"] .mdc-drawer--opening, .mdc-drawer--opening[dir="rtl"] { + -webkit-transform: translateX(0); + transform: translateX(0); } + +.mdc-drawer--closing { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + -webkit-transition-duration: 200ms; + transition-duration: 200ms; } + [dir="rtl"] .mdc-drawer--closing, .mdc-drawer--closing[dir="rtl"] { + -webkit-transform: translateX(100%); + transform: translateX(100%); } + +.mdc-drawer__header { + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-height: 64px; + padding: 0 16px 4px; } + +.mdc-drawer__title { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; + display: block; + margin-top: 0; + line-height: normal; + margin-bottom: -20px; } + .mdc-drawer__title::before { + display: inline-block; + width: 0; + height: 36px; + content: ""; + vertical-align: 0; } + .mdc-drawer__title::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; } + +.mdc-drawer__subtitle { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + display: block; + margin-top: 0; + line-height: normal; + margin-bottom: 0; } + .mdc-drawer__subtitle::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; } + +.mdc-drawer__content { + height: 100%; + overflow-y: auto; } + +.mdc-drawer--dismissible { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: absolute; + top: 0; } + [dir="rtl"] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; } + .mdc-drawer--dismissible.mdc-drawer--open { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + +.mdc-drawer-app-content { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; + position: relative; } + [dir="rtl"] .mdc-drawer-app-content, .mdc-drawer-app-content[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + .mdc-drawer--open + .mdc-drawer-app-content { + /* @noflip */ + margin-left: 256px; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-drawer--open + .mdc-drawer-app-content, .mdc-drawer--open + .mdc-drawer-app-content[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 256px; } + .mdc-drawer--closing + .mdc-drawer-app-content { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-drawer--closing + .mdc-drawer-app-content, .mdc-drawer--closing + .mdc-drawer-app-content[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + +.mdc-drawer--modal { + -webkit-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); + 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); + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: fixed; } + .mdc-drawer--modal + .mdc-drawer-scrim { + background-color: rgba(0, 0, 0, 0.32); } + [dir="rtl"] .mdc-drawer--modal, .mdc-drawer--modal[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; } + .mdc-drawer--modal.mdc-drawer--open { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + +.mdc-drawer-scrim { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transition-property: opacity; + transition-property: opacity; + -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + z-index: 5; } + .mdc-drawer--open + .mdc-drawer-scrim { + display: block; } + .mdc-drawer--animate + .mdc-drawer-scrim { + opacity: 0; } + .mdc-drawer--opening + .mdc-drawer-scrim { + -webkit-transition-duration: 250ms; + transition-duration: 250ms; + opacity: 1; } + .mdc-drawer--closing + .mdc-drawer-scrim { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + opacity: 0; } + +.mdc-elevation--z0 { + -webkit-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); + 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); } + +.mdc-elevation--z1 { + -webkit-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); + 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); } + +.mdc-elevation--z2 { + -webkit-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); + 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); } + +.mdc-elevation--z3 { + -webkit-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); + 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); } + +.mdc-elevation--z4 { + -webkit-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); + 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); } + +.mdc-elevation--z5 { + -webkit-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); + 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); } + +.mdc-elevation--z6 { + -webkit-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); + 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); } + +.mdc-elevation--z7 { + -webkit-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); + 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); } + +.mdc-elevation--z8 { + -webkit-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); + 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); } + +.mdc-elevation--z9 { + -webkit-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); + 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); } + +.mdc-elevation--z10 { + -webkit-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); + 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); } + +.mdc-elevation--z11 { + -webkit-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); + 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); } + +.mdc-elevation--z12 { + -webkit-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); + 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); } + +.mdc-elevation--z13 { + -webkit-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); + 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); } + +.mdc-elevation--z14 { + -webkit-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); + 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); } + +.mdc-elevation--z15 { + -webkit-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); + 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); } + +.mdc-elevation--z16 { + -webkit-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); + 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); } + +.mdc-elevation--z17 { + -webkit-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); + 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); } + +.mdc-elevation--z18 { + -webkit-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); + 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); } + +.mdc-elevation--z19 { + -webkit-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); + 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); } + +.mdc-elevation--z20 { + -webkit-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); + 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); } + +.mdc-elevation--z21 { + -webkit-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); + 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); } + +.mdc-elevation--z22 { + -webkit-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); + 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); } + +.mdc-elevation--z23 { + -webkit-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); + 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); } + +.mdc-elevation--z24 { + -webkit-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); + 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); } + +.mdc-elevation-transition { + -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow; } + +.mdc-fab { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + -webkit-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); + 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); + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 56px; + height: 56px; + padding: 0; + -webkit-transition: opacity 15ms linear 30ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 15ms linear 30ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + border: none; + border-radius: 50%; + fill: currentColor; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + overflow: hidden; + background-color: #FF8F68; + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #000); } + .mdc-fab::before, .mdc-fab::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-fab::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-fab.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-fab.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-fab.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-fab.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-fab.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-fab::before, .mdc-fab::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-fab.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-fab::-moz-focus-inner { + padding: 0; + border: 0; } + .mdc-fab:hover, .mdc-fab:focus { + -webkit-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); + 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); } + .mdc-fab:active { + -webkit-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); + 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); } + .mdc-fab:active, .mdc-fab:focus { + outline: none; } + .mdc-fab:hover { + cursor: pointer; } + .mdc-fab > svg { + width: 100%; } + @supports not (-ms-ime-align: auto) { + .mdc-fab { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } } + .mdc-fab .mdc-fab__icon { + width: 24px; + height: 24px; + font-size: 24px; } + .mdc-fab::before, .mdc-fab::after { + background-color: #000; } + @supports not (-ms-ime-align: auto) { + .mdc-fab::before, .mdc-fab::after { + /* @alternate */ + background-color: var(--mdc-theme-on-secondary, #000); } } + .mdc-fab:hover::before { + opacity: 0.04; } + .mdc-fab:not(.mdc-ripple-upgraded):focus::before, .mdc-fab.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-fab:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-fab:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-fab.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + +.mdc-fab--mini { + width: 40px; + height: 40px; } + +.mdc-fab--extended { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 2.25rem; + font-weight: 500; + letter-spacing: 0.08929em; + text-decoration: none; + text-transform: uppercase; + padding: 0 20px; + width: auto; + max-width: 100%; + height: 48px; + border-radius: 24px; } + .mdc-fab--extended .mdc-fab__icon { + /* @noflip */ + margin-left: -8px; + /* @noflip */ + margin-right: 12px; } + [dir="rtl"] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir="rtl"] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: -8px; } + .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: -8px; } + [dir="rtl"] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir="rtl"] { + /* @noflip */ + margin-left: -8px; + /* @noflip */ + margin-right: 12px; } + +.mdc-fab__label { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + +.mdc-fab__icon { + -webkit-transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + fill: currentColor; + will-change: transform; } + +.mdc-fab .mdc-fab__icon { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + +.mdc-fab--exited { + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); + opacity: 0; } + .mdc-fab--exited .mdc-fab__icon { + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); } + +.mdc-floating-label { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + position: absolute; + bottom: 8px; + left: 0; + -webkit-transform-origin: left top; + transform-origin: left top; + -webkit-transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); + line-height: 1.15rem; + text-overflow: ellipsis; + white-space: nowrap; + cursor: text; + overflow: hidden; + will-change: transform; } + [dir="rtl"] .mdc-floating-label, .mdc-floating-label[dir="rtl"] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; + /* @noflip */ + -webkit-transform-origin: right top; + transform-origin: right top; } + +.mdc-floating-label--float-above { + cursor: auto; } + +.mdc-floating-label--float-above { + -webkit-transform: translateY(-100%) scale(0.75); + transform: translateY(-100%) scale(0.75); } + +.mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1; + animation: mdc-floating-label-shake-float-above-standard 250ms 1; } + +@-webkit-keyframes mdc-floating-label-shake-float-above-standard { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } } + +@keyframes mdc-floating-label-shake-float-above-standard { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } } + +.mdc-form-field { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + vertical-align: middle; } + .mdc-form-field > label { + -webkit-box-ordinal-group: 1; + -ms-flex-order: 0; + order: 0; + margin-right: auto; + padding-left: 4px; } + [dir="rtl"] .mdc-form-field > label, .mdc-form-field[dir="rtl"] > label { + margin-left: auto; + padding-right: 4px; } + +.mdc-form-field--align-end > label { + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + margin-left: auto; + padding-right: 4px; } + +[dir="rtl"] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir="rtl"] > label { + margin-right: auto; + padding-left: 4px; } + +.mdc-grid-tile__primary { + padding-bottom: calc(100% / 1); } + +.mdc-grid-tile { + margin: 2px 0; + padding: 0 2px; } + +.mdc-grid-tile__secondary { + left: 2px; + width: calc(100% - 4px); } + +.mdc-grid-list__tiles { + margin: 2px auto; } + +.mdc-grid-list__tiles { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + padding: 0; } + +.mdc-grid-list--tile-gutter-1 .mdc-grid-tile { + margin: 0.5px 0; + padding: 0 0.5px; } + +.mdc-grid-list--tile-gutter-1 .mdc-grid-tile__secondary { + left: 0.5px; + width: calc(100% - 1px); } + +.mdc-grid-list--tile-gutter-1 .mdc-grid-list__tiles { + margin: 0.5px auto; } + +.mdc-grid-list--tile-aspect-16x9 .mdc-grid-tile__primary { + padding-bottom: calc(100% / 1.77778); } + +.mdc-grid-list--tile-aspect-3x2 .mdc-grid-tile__primary { + padding-bottom: calc(100% / 1.5); } + +.mdc-grid-list--tile-aspect-2x3 .mdc-grid-tile__primary { + padding-bottom: calc(100% / 0.66667); } + +.mdc-grid-list--tile-aspect-4x3 .mdc-grid-tile__primary { + padding-bottom: calc(100% / 1.33333); } + +.mdc-grid-list--tile-aspect-3x4 .mdc-grid-tile__primary { + padding-bottom: calc(100% / 0.75); } + +.mdc-grid-tile { + display: block; + position: relative; + /* @alternate */ + width: 200px; + width: var(--mdc-grid-list-tile-width, 200px); } + +.mdc-grid-tile__primary { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-background, #fff); + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + position: relative; + height: 0; } + +.mdc-grid-tile__primary-content { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + background-repeat: no-repeat; + background-position: center; + background-size: cover; } + +.mdc-grid-tile__secondary { + background-color: #77216F; + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); + position: absolute; + bottom: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 48px; + padding: 16px; } + +.mdc-grid-tile__title { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin: 0; + padding: 0; + font-size: 1rem; + font-weight: 500; + line-height: 1rem; } + +.mdc-grid-tile__support-text { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin: 0; + margin-top: 4px; + padding: 0; } + +.mdc-grid-tile__icon { + position: absolute; + top: calc(50% - 24px / 2); + font-size: 0; } + +.mdc-grid-list--twoline-caption .mdc-grid-tile__secondary { + height: 68px; } + +.mdc-grid-list--header-caption .mdc-grid-tile__secondary { + top: 0; + bottom: auto; } + +.mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary { + /* @noflip */ + padding-left: 56px; + /* @noflip */ + padding-right: 8px; } + .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary, + [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 56px; } + +.mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + font-size: 24px; } + .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon, + [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + +.mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 56px; } + .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary, + [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary { + /* @noflip */ + padding-left: 56px; + /* @noflip */ + padding-right: 16px; } + +.mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; + font-size: 24px; } + .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon, + [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; } + +.mdc-icon-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + width: 48px; + height: 48px; + padding: 12px; + font-size: 24px; + display: inline-block; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: none; + outline: none; + background-color: transparent; + fill: currentColor; + color: inherit; + text-decoration: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .mdc-icon-button::before, .mdc-icon-button::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-icon-button::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-icon-button.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-icon-button.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-icon-button.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-icon-button::before, .mdc-icon-button::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-icon-button.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-icon-button svg, + .mdc-icon-button img { + width: 24px; + height: 24px; } + .mdc-icon-button:disabled { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); + cursor: default; + pointer-events: none; } + .mdc-icon-button::before, .mdc-icon-button::after { + background-color: black; } + .mdc-icon-button:hover::before { + opacity: 0.04; } + .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-button.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-icon-button:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-icon-button:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + +.mdc-icon-button__icon { + display: inline-block; } + .mdc-icon-button__icon.mdc-icon-button__icon--on { + display: none; } + +.mdc-icon-button--on .mdc-icon-button__icon { + display: none; } + .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on { + display: inline-block; } + +.mdc-icon-toggle { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 48px; + height: 48px; + padding: 12px; + outline: none; + font-size: 1.5rem; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + /* @alternate */ + will-change: initial; } + .mdc-icon-toggle::before, .mdc-icon-toggle::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-icon-toggle::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-icon-toggle.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-icon-toggle.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-icon-toggle.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-icon-toggle.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-icon-toggle::before, .mdc-icon-toggle::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-icon-toggle.mdc-ripple-upgraded::before, .mdc-icon-toggle.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-icon-toggle.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-icon-toggle::before, .mdc-icon-toggle::after { + background-color: black; } + .mdc-icon-toggle:hover::before { + opacity: 0.04; } + .mdc-icon-toggle:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-toggle.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-icon-toggle:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-icon-toggle:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-icon-toggle.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + .mdc-icon-toggle::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + +.mdc-icon-toggle--disabled { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); + pointer-events: none; } + +.mdc-image-list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 auto; + padding: 0; } + +.mdc-image-list__item, +.mdc-image-list__image-aspect-container { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.mdc-image-list__item { + list-style-type: none; } + +.mdc-image-list__image { + width: 100%; } + +.mdc-image-list__image-aspect-container .mdc-image-list__image { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + background-repeat: no-repeat; + background-position: center; + background-size: cover; } + +.mdc-image-list__image-aspect-container { + padding-bottom: calc(100% / 1); } + +.mdc-image-list__supporting { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 8px 0; + line-height: 24px; } + +.mdc-image-list__label { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + +.mdc-image-list--with-text-protection .mdc-image-list__supporting { + position: absolute; + bottom: 0; + width: 100%; + height: 48px; + padding: 0 16px; + background: rgba(0, 0, 0, 0.6); + color: #fff; } + +.mdc-image-list--masonry { + display: block; } + .mdc-image-list--masonry .mdc-image-list__item { + -webkit-column-break-inside: avoid; + break-inside: avoid-column; } + .mdc-image-list--masonry .mdc-image-list__image { + display: block; + height: auto; } + +:root { + --mdc-layout-grid-margin-desktop: 24px; + --mdc-layout-grid-gutter-desktop: 48px; + --mdc-layout-grid-column-width-desktop: 72px; + --mdc-layout-grid-margin-tablet: 16px; + --mdc-layout-grid-gutter-tablet: 32px; + --mdc-layout-grid-column-width-tablet: 72px; + --mdc-layout-grid-margin-phone: 16px; + --mdc-layout-grid-gutter-phone: 16px; + --mdc-layout-grid-column-width-phone: 72px; } + +@media (min-width: 1280px) { + .mdc-layout-grid { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0 auto; + padding: 24px; + padding: var(--mdc-layout-grid-margin-desktop, 24px); } } + +@media (min-width: 480px) and (max-width: 1279px) { + .mdc-layout-grid { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-tablet, 16px); } } + +@media (max-width: 479px) { + .mdc-layout-grid { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-phone, 16px); } } + +@media (min-width: 1280px) { + .mdc-layout-grid__inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + margin: -24px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 48px) / 2 * -1); } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 48px; + grid-gap: var(--mdc-layout-grid-gutter-desktop, 48px); + grid-template-columns: repeat(12, minmax(0, 1fr)); } } } + +@media (min-width: 480px) and (max-width: 1279px) { + .mdc-layout-grid__inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + margin: -16px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 32px) / 2 * -1); } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 32px; + grid-gap: var(--mdc-layout-grid-gutter-tablet, 32px); + grid-template-columns: repeat(8, minmax(0, 1fr)); } } } + +@media (max-width: 479px) { + .mdc-layout-grid__inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); + grid-template-columns: repeat(4, minmax(0, 1fr)); } } } + +@media (min-width: 1280px) { + .mdc-layout-grid__cell { + width: calc(33.33333% - 48px); + width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 48px)); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 24px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 48px) / 2); } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; } } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; } } + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-desktop { + width: calc(8.33333% - 48px); + width: calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-desktop { + width: auto; + grid-column-end: span 1; } } + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-desktop { + width: calc(16.66667% - 48px); + width: calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-desktop { + width: auto; + grid-column-end: span 2; } } + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-desktop { + width: calc(25% - 48px); + width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-desktop { + width: auto; + grid-column-end: span 3; } } + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-desktop { + width: calc(33.33333% - 48px); + width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-desktop { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-desktop { + width: calc(41.66667% - 48px); + width: calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-desktop { + width: auto; + grid-column-end: span 5; } } + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-desktop { + width: calc(50% - 48px); + width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-desktop { + width: auto; + grid-column-end: span 6; } } + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-desktop { + width: calc(58.33333% - 48px); + width: calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-desktop { + width: auto; + grid-column-end: span 7; } } + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-desktop { + width: calc(66.66667% - 48px); + width: calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-desktop { + width: auto; + grid-column-end: span 8; } } + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-desktop { + width: calc(75% - 48px); + width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-desktop { + width: auto; + grid-column-end: span 9; } } + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-desktop { + width: calc(83.33333% - 48px); + width: calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-desktop { + width: auto; + grid-column-end: span 10; } } + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-desktop { + width: calc(91.66667% - 48px); + width: calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-desktop { + width: auto; + grid-column-end: span 11; } } + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-desktop { + width: calc(100% - 48px); + width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 48px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-desktop { + width: auto; + grid-column-end: span 12; } } } + +@media (min-width: 480px) and (max-width: 1279px) { + .mdc-layout-grid__cell { + width: calc(50% - 32px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 32px)); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 16px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 32px) / 2); } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; } } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; } } + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-tablet { + width: calc(12.5% - 32px); + width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-tablet { + width: auto; + grid-column-end: span 1; } } + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-tablet { + width: calc(25% - 32px); + width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-tablet { + width: auto; + grid-column-end: span 2; } } + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-tablet { + width: calc(37.5% - 32px); + width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-tablet { + width: auto; + grid-column-end: span 3; } } + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-tablet { + width: calc(50% - 32px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-tablet { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-tablet { + width: calc(62.5% - 32px); + width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-tablet { + width: auto; + grid-column-end: span 5; } } + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-tablet { + width: calc(75% - 32px); + width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-tablet { + width: auto; + grid-column-end: span 6; } } + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-tablet { + width: calc(87.5% - 32px); + width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-tablet { + width: auto; + grid-column-end: span 7; } } + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-tablet { + width: calc(100% - 32px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-tablet { + width: auto; + grid-column-end: span 8; } } + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-tablet { + width: calc(100% - 32px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-tablet { + width: auto; + grid-column-end: span 8; } } + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-tablet { + width: calc(100% - 32px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-tablet { + width: auto; + grid-column-end: span 8; } } + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-tablet { + width: calc(100% - 32px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-tablet { + width: auto; + grid-column-end: span 8; } } + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-tablet { + width: calc(100% - 32px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 32px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-tablet { + width: auto; + grid-column-end: span 8; } } } + +@media (max-width: 479px) { + .mdc-layout-grid__cell { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; } } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; } } + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-phone { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-phone { + width: auto; + grid-column-end: span 1; } } + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-phone { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-phone { + width: auto; + grid-column-end: span 2; } } + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-phone { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-phone { + width: auto; + grid-column-end: span 3; } } + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-phone { + width: auto; + grid-column-end: span 4; } } } + +.mdc-layout-grid__cell--order-1 { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + +.mdc-layout-grid__cell--order-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + +.mdc-layout-grid__cell--order-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } + +.mdc-layout-grid__cell--order-4 { + -webkit-box-ordinal-group: 5; + -ms-flex-order: 4; + order: 4; } + +.mdc-layout-grid__cell--order-5 { + -webkit-box-ordinal-group: 6; + -ms-flex-order: 5; + order: 5; } + +.mdc-layout-grid__cell--order-6 { + -webkit-box-ordinal-group: 7; + -ms-flex-order: 6; + order: 6; } + +.mdc-layout-grid__cell--order-7 { + -webkit-box-ordinal-group: 8; + -ms-flex-order: 7; + order: 7; } + +.mdc-layout-grid__cell--order-8 { + -webkit-box-ordinal-group: 9; + -ms-flex-order: 8; + order: 8; } + +.mdc-layout-grid__cell--order-9 { + -webkit-box-ordinal-group: 10; + -ms-flex-order: 9; + order: 9; } + +.mdc-layout-grid__cell--order-10 { + -webkit-box-ordinal-group: 11; + -ms-flex-order: 10; + order: 10; } + +.mdc-layout-grid__cell--order-11 { + -webkit-box-ordinal-group: 12; + -ms-flex-order: 11; + order: 11; } + +.mdc-layout-grid__cell--order-12 { + -webkit-box-ordinal-group: 13; + -ms-flex-order: 12; + order: 12; } + +.mdc-layout-grid__cell--align-top { + -ms-flex-item-align: start; + align-self: flex-start; } + @supports (display: grid) { + .mdc-layout-grid__cell--align-top { + -ms-flex-item-align: start; + align-self: start; } } + +.mdc-layout-grid__cell--align-middle { + -ms-flex-item-align: center; + align-self: center; } + +.mdc-layout-grid__cell--align-bottom { + -ms-flex-item-align: end; + align-self: flex-end; } + @supports (display: grid) { + .mdc-layout-grid__cell--align-bottom { + -ms-flex-item-align: end; + align-self: end; } } + +@media (min-width: 1280px) { + .mdc-layout-grid--fixed-column-width { + width: 1440px; + width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 48px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2); } } + +@media (min-width: 480px) and (max-width: 1279px) { + .mdc-layout-grid--fixed-column-width { + width: 832px; + width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 32px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2); } } + +@media (max-width: 479px) { + .mdc-layout-grid--fixed-column-width { + width: 368px; + width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2); } } + +.mdc-layout-grid--align-left { + margin-right: auto; + margin-left: 0; } + +.mdc-layout-grid--align-right { + margin-right: 0; + margin-left: auto; } + +.mdc-line-ripple { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 2px; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + z-index: 2; } + +.mdc-line-ripple--active { + -webkit-transform: scaleX(1); + transform: scaleX(1); + opacity: 1; } + +.mdc-line-ripple--deactivating { + opacity: 0; } + +@-webkit-keyframes primary-indeterminate-translate { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(0); + transform: translateX(0); } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(83.67142%); + transform: translateX(83.67142%); } + 100% { + -webkit-transform: translateX(200.61106%); + transform: translateX(200.61106%); } } + +@keyframes primary-indeterminate-translate { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(0); + transform: translateX(0); } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(83.67142%); + transform: translateX(83.67142%); } + 100% { + -webkit-transform: translateX(200.61106%); + transform: translateX(200.61106%); } } + +@-webkit-keyframes primary-indeterminate-scale { + 0% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 36.65% { + -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); + animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 69.15% { + -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + -webkit-transform: scaleX(0.66148); + transform: scaleX(0.66148); } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } } + +@keyframes primary-indeterminate-scale { + 0% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 36.65% { + -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); + animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 69.15% { + -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + -webkit-transform: scaleX(0.66148); + transform: scaleX(0.66148); } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } } + +@-webkit-keyframes secondary-indeterminate-translate { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + -webkit-transform: translateX(0); + transform: translateX(0); } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + -webkit-transform: translateX(37.65191%); + transform: translateX(37.65191%); } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + -webkit-transform: translateX(84.38617%); + transform: translateX(84.38617%); } + 100% { + -webkit-transform: translateX(160.27778%); + transform: translateX(160.27778%); } } + +@keyframes secondary-indeterminate-translate { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + -webkit-transform: translateX(0); + transform: translateX(0); } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + -webkit-transform: translateX(37.65191%); + transform: translateX(37.65191%); } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + -webkit-transform: translateX(84.38617%); + transform: translateX(84.38617%); } + 100% { + -webkit-transform: translateX(160.27778%); + transform: translateX(160.27778%); } } + +@-webkit-keyframes secondary-indeterminate-scale { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); + animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 19.15% { + -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); + animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); + -webkit-transform: scaleX(0.4571); + transform: scaleX(0.4571); } + 44.15% { + -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); + animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); + -webkit-transform: scaleX(0.72796); + transform: scaleX(0.72796); } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } } + +@keyframes secondary-indeterminate-scale { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); + animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 19.15% { + -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); + animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); + -webkit-transform: scaleX(0.4571); + transform: scaleX(0.4571); } + 44.15% { + -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); + animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); + -webkit-transform: scaleX(0.72796); + transform: scaleX(0.72796); } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } } + +@-webkit-keyframes buffering { + to { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); } } + +@keyframes buffering { + to { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); } } + +@-webkit-keyframes primary-indeterminate-translate-reverse { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(0); + transform: translateX(0); } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(-83.67142%); + transform: translateX(-83.67142%); } + 100% { + -webkit-transform: translateX(-200.61106%); + transform: translateX(-200.61106%); } } + +@keyframes primary-indeterminate-translate-reverse { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(0); + transform: translateX(0); } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(-83.67142%); + transform: translateX(-83.67142%); } + 100% { + -webkit-transform: translateX(-200.61106%); + transform: translateX(-200.61106%); } } + +@-webkit-keyframes secondary-indeterminate-translate-reverse { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + -webkit-transform: translateX(0); + transform: translateX(0); } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + -webkit-transform: translateX(-37.65191%); + transform: translateX(-37.65191%); } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + -webkit-transform: translateX(-84.38617%); + transform: translateX(-84.38617%); } + 100% { + -webkit-transform: translateX(-160.27778%); + transform: translateX(-160.27778%); } } + +@keyframes secondary-indeterminate-translate-reverse { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + -webkit-transform: translateX(0); + transform: translateX(0); } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + -webkit-transform: translateX(-37.65191%); + transform: translateX(-37.65191%); } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + -webkit-transform: translateX(-84.38617%); + transform: translateX(-84.38617%); } + 100% { + -webkit-transform: translateX(-160.27778%); + transform: translateX(-160.27778%); } } + +@-webkit-keyframes buffering-reverse { + to { + -webkit-transform: translateX(10px); + transform: translateX(10px); } } + +@keyframes buffering-reverse { + to { + -webkit-transform: translateX(10px); + transform: translateX(10px); } } + +.mdc-linear-progress { + position: relative; + width: 100%; + height: 4px; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + overflow: hidden; } + .mdc-linear-progress__bar { + position: absolute; + width: 100%; + height: 100%; + -webkit-animation: none; + animation: none; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } + .mdc-linear-progress__bar-inner { + display: inline-block; + position: absolute; + width: 100%; + height: 100%; + -webkit-animation: none; + animation: none; } + .mdc-linear-progress__buffering-dots { + position: absolute; + width: 100%; + height: 100%; + -webkit-animation: buffering 250ms infinite linear; + animation: buffering 250ms infinite linear; + background-repeat: repeat-x; + background-size: 10px 4px; } + .mdc-linear-progress__buffer { + position: absolute; + width: 100%; + height: 100%; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } + .mdc-linear-progress__primary-bar { + -webkit-transform: scaleX(0); + transform: scaleX(0); } + .mdc-linear-progress__secondary-bar { + visibility: hidden; } + .mdc-linear-progress--indeterminate .mdc-linear-progress__bar { + -webkit-transition: none; + transition: none; } + .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar { + left: -145.166611%; + -webkit-animation: primary-indeterminate-translate 2s infinite linear; + animation: primary-indeterminate-translate 2s infinite linear; } + .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner { + -webkit-animation: primary-indeterminate-scale 2s infinite linear; + animation: primary-indeterminate-scale 2s infinite linear; } + .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar { + left: -54.888891%; + -webkit-animation: secondary-indeterminate-translate 2s infinite linear; + animation: secondary-indeterminate-translate 2s infinite linear; + visibility: visible; } + .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner { + -webkit-animation: secondary-indeterminate-scale 2s infinite linear; + animation: secondary-indeterminate-scale 2s infinite linear; } + .mdc-linear-progress--reversed .mdc-linear-progress__bar, + .mdc-linear-progress--reversed .mdc-linear-progress__buffer { + right: 0; + -webkit-transform-origin: center right; + transform-origin: center right; } + .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { + -webkit-animation-name: primary-indeterminate-translate-reverse; + animation-name: primary-indeterminate-translate-reverse; } + .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { + -webkit-animation-name: secondary-indeterminate-translate-reverse; + animation-name: secondary-indeterminate-translate-reverse; } + .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots { + -webkit-animation: buffering-reverse 250ms infinite linear; + animation: buffering-reverse 250ms infinite linear; } + .mdc-linear-progress--closed { + opacity: 0; } + +.mdc-linear-progress__bar-inner { + background-color: #77216F; + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } + +.mdc-linear-progress__buffering-dots { + 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='%23e6e6e6'/%3E%3C/svg%3E"); } + +.mdc-linear-progress__buffer { + background-color: #e6e6e6; } + +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { + right: -145.166611%; + left: auto; } + +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { + right: -54.888891%; + left: auto; } + +.mdc-list { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); + margin: 0; + padding: 8px 0; + /* @alternate */ + line-height: 1.5rem; + list-style-type: none; } + +.mdc-list-item__secondary-text { + color: rgba(0, 0, 0, 0.54); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); } + +.mdc-list-item__graphic { + background-color: transparent; } + +.mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); } + +.mdc-list-item__meta { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); } + +.mdc-list--dense { + padding-top: 4px; + padding-bottom: 4px; + font-size: .812rem; } + +.mdc-list-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + height: 48px; + padding: 0 16px; + overflow: hidden; } + .mdc-list-item:focus { + outline: none; } + +.mdc-list-item--selected, +.mdc-list-item--activated { + color: #77216F; + /* @alternate */ + color: var(--mdc-theme-primary, #77216F); } + .mdc-list-item--selected .mdc-list-item__graphic, + .mdc-list-item--activated .mdc-list-item__graphic { + color: #77216F; + /* @alternate */ + color: var(--mdc-theme-primary, #77216F); } + +.mdc-list-item--disabled { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); } + +.mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + fill: currentColor; } + .mdc-list-item[dir="rtl"] .mdc-list-item__graphic, + [dir="rtl"] .mdc-list-item .mdc-list-item__graphic { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; } + +.mdc-list-item__meta { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; } + .mdc-list-item[dir="rtl"] .mdc-list-item__meta, + [dir="rtl"] .mdc-list-item .mdc-list-item__meta { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; } + +.mdc-list-item__text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + +.mdc-list-item__primary-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + line-height: normal; + margin-bottom: -20px; + display: block; } + .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; } + .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; } + .mdc-list--dense .mdc-list-item__primary-text { + display: block; + margin-top: 0; + line-height: normal; + margin-bottom: -20px; } + .mdc-list--dense .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; } + .mdc-list--dense .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; } + +.mdc-list-item__secondary-text { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + line-height: normal; + display: block; } + .mdc-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; } + .mdc-list--dense .mdc-list-item__secondary-text { + display: block; + margin-top: 0; + line-height: normal; + font-size: inherit; } + .mdc-list--dense .mdc-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; } + +.mdc-list--dense .mdc-list-item { + height: 40px; } + +.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 36px; + width: 20px; + height: 20px; } + .mdc-list-item[dir="rtl"] .mdc-list--dense .mdc-list-item__graphic, + [dir="rtl"] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 36px; + /* @noflip */ + margin-right: 0; } + +.mdc-list--avatar-list .mdc-list-item { + height: 56px; } + +.mdc-list--avatar-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; + border-radius: 50%; } + .mdc-list-item[dir="rtl"] .mdc-list--avatar-list .mdc-list-item__graphic, + [dir="rtl"] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; } + +.mdc-list--two-line .mdc-list-item__text { + -ms-flex-item-align: start; + align-self: flex-start; } + +.mdc-list--two-line .mdc-list-item { + height: 72px; } + +.mdc-list--two-line.mdc-list--dense .mdc-list-item { + height: 60px; } + +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item { + height: 60px; } + +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 20px; + width: 36px; + height: 36px; } + .mdc-list-item[dir="rtl"] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, + [dir="rtl"] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 20px; + /* @noflip */ + margin-right: 0; } + +:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after { + background-color: black; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before { + opacity: 0.04; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before { + opacity: 0.12; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after { + background-color: #77216F; } + @supports not (-ms-ime-align: auto) { + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before { + opacity: 0.16; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.28; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.28; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before { + opacity: 0.08; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after { + background-color: #77216F; } + @supports not (-ms-ime-align: auto) { + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before { + opacity: 0.12; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.2; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.24; } + +a.mdc-list-item { + color: inherit; + text-decoration: none; } + +.mdc-list-divider { + height: 0; + margin: 0; + border: none; + border-bottom-width: 1px; + border-bottom-style: solid; } + +.mdc-list-divider { + border-bottom-color: rgba(0, 0, 0, 0.12); } + +.mdc-list-divider--padded { + margin: 0 16px; } + +.mdc-list-divider--inset { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); } + .mdc-list-group[dir="rtl"] .mdc-list-divider--inset, + [dir="rtl"] .mdc-list-group .mdc-list-divider--inset { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; } + +.mdc-list-divider--inset.mdc-list-divider--padded { + width: calc(100% - 72px - 16px); } + +.mdc-list-group .mdc-list { + padding: 0; } + +.mdc-list-group__subheader { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + margin: 0.75rem 16px; } + +.mdc-list-group__subheader { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } + +.mdc-menu { + min-width: 112px; + max-width: 336px; } + .mdc-menu .mdc-list-item__meta { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } + .mdc-menu .mdc-list-item__graphic { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } + .mdc-menu .mdc-list-divider { + margin: 8px 0; } + .mdc-menu .mdc-list-item { + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .mdc-menu .mdc-list-item--disabled { + cursor: auto; } + +.mdc-menu__selection-group { + padding: 0; + fill: currentColor; } + .mdc-menu__selection-group .mdc-list-item { + /* @noflip */ + padding-left: 56px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 56px; } + +.mdc-menu__selection-group-icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + display: none; + position: absolute; } + [dir="rtl"] .mdc-menu__selection-group-icon, .mdc-menu__selection-group-icon[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + +.mdc-menu-item--selected .mdc-menu__selection-group-icon { + display: inline; } + +.mdc-menu-surface { + -webkit-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); + 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); + background-color: #f9f6f8; + /* @alternate */ + background-color: var(--mdc-theme-surface, #f9f6f8); + color: rgba(0, 0, 0, 0.65); + /* @alternate */ + color: var(--mdc-theme-on-surface, rgba(0, 0, 0, 0.65)); + /* @noflip */ + transform-origin-left: top left; + /* @noflip */ + transform-origin-right: top right; + border-radius: 4px; + display: none; + position: absolute; + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-width: calc(100vw - 32px); + max-height: calc(100vh - 32px); + margin: 0; + padding: 0; + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: top left; + transform-origin: top left; + opacity: 0; + overflow: auto; + will-change: transform, opacity; + z-index: 4; } + [dir="rtl"] .mdc-menu-surface, .mdc-menu-surface[dir="rtl"] { + /* @noflip */ + transform-origin-left: top right; + /* @noflip */ + transform-origin-right: top left; } + .mdc-menu-surface:focus { + outline: none; } + .mdc-menu-surface--animating-open { + display: inline-block; + -webkit-transform: scale(0.8); + transform: scale(0.8); + -webkit-transition: opacity 0.03s linear, -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: opacity 0.03s linear, -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1); + opacity: 0; } + .mdc-menu-surface--open { + display: inline-block; + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; } + .mdc-menu-surface--animating-closed { + display: inline-block; + -webkit-transition: opacity 0.075s linear; + transition: opacity 0.075s linear; + opacity: 0; } + +.mdc-menu-surface--anchor { + position: relative; + overflow: visible; } + +.mdc-menu-surface--fixed { + position: fixed; } + +.mdc-notched-outline, +.mdc-notched-outline__idle { + position: absolute; + top: 0; + left: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; } + +.mdc-notched-outline { + -webkit-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + text-align: left; + overflow: hidden; } + [dir="rtl"] .mdc-notched-outline, .mdc-notched-outline[dir="rtl"] { + text-align: right; } + .mdc-notched-outline svg { + position: absolute; + width: 100%; + height: 100%; } + +.mdc-notched-outline__idle { + -webkit-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1); + border: 1px solid; + opacity: 1; } + +.mdc-notched-outline__path { + stroke-width: 1px; + -webkit-transition: stroke 150ms cubic-bezier(0.4, 0, 0.2, 1), stroke-width 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: stroke 150ms cubic-bezier(0.4, 0, 0.2, 1), stroke-width 150ms cubic-bezier(0.4, 0, 0.2, 1); + fill: transparent; } + +.mdc-notched-outline--notched { + opacity: 1; } + +.mdc-notched-outline--notched ~ .mdc-notched-outline__idle { + opacity: 0; } + +.mdc-radio { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + display: inline-block; + position: relative; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 40px; + height: 40px; + padding: 10px; + cursor: pointer; + /* @alternate */ + will-change: opacity, transform, border-color, color; } + .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.54); } + .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: #FF8F68; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #FF8F68); } + .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: #FF8F68; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #FF8F68); } + .mdc-radio .mdc-radio__background::before { + background-color: #FF8F68; } + @supports not (-ms-ime-align: auto) { + .mdc-radio .mdc-radio__background::before { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } } + .mdc-radio::before, .mdc-radio::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-radio::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-radio.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-radio.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-radio.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-radio.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-radio::before, .mdc-radio::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-radio.mdc-ripple-upgraded::before, .mdc-radio.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-radio.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-radio::before, .mdc-radio::after { + background-color: #FF8F68; } + @supports not (-ms-ime-align: auto) { + .mdc-radio::before, .mdc-radio::after { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } } + .mdc-radio:hover::before { + opacity: 0.08; } + .mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-radio:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-radio:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-radio.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + .mdc-radio__background { + display: inline-block; + position: absolute; + left: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 50%; + height: 50%; } + .mdc-radio__background::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-radio__outer-circle { + position: absolute; + top: 0; + left: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + -webkit-transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border-width: 2px; + border-style: solid; + border-radius: 50%; } + .mdc-radio__inner-circle { + position: absolute; + top: 0; + left: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border-width: 10px; + border-style: solid; + border-radius: 50%; } + .mdc-radio__native-control { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; + z-index: 1; } + .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before { + content: none; } + +.mdc-radio__native-control:checked + .mdc-radio__background, +.mdc-radio__native-control:disabled + .mdc-radio__background { + -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, + .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle { + -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, + .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + +.mdc-radio--disabled { + cursor: default; + pointer-events: none; } + +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle { + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + +.mdc-radio__native-control:disabled + .mdc-radio__background, +[aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background { + cursor: default; } + .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle, + [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.26); } + .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle, + [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle { + border-color: rgba(0, 0, 0, 0.26); } + +.mdc-radio__native-control:focus + .mdc-radio__background::before { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); + -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + opacity: 0.12; } + +.mdc-ripple-surface { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: relative; + outline: none; + overflow: hidden; } + .mdc-ripple-surface::before, .mdc-ripple-surface::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-ripple-surface::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-ripple-surface.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-ripple-surface.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-ripple-surface::before, .mdc-ripple-surface::after { + background-color: black; } + .mdc-ripple-surface:hover::before { + opacity: 0.04; } + .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-ripple-surface:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-ripple-surface.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + .mdc-ripple-surface::before, .mdc-ripple-surface::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-ripple-surface.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-ripple-surface[data-mdc-ripple-is-unbounded] { + overflow: visible; } + .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after { + background-color: #77216F; } + @supports not (-ms-ime-align: auto) { + .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } } + .mdc-ripple-surface--primary:hover::before { + opacity: 0.04; } + .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-ripple-surface--primary.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after { + background-color: #FF8F68; } + @supports not (-ms-ime-align: auto) { + .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } } + .mdc-ripple-surface--accent:hover::before { + opacity: 0.08; } + .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-ripple-surface--accent.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + +@-webkit-keyframes mdc-select-float-native-control { + 0% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + opacity: 0; } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; } } + +@keyframes mdc-select-float-native-control { + 0% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + opacity: 0; } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; } } + +.mdc-select { + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E"); + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 52px; + background-repeat: no-repeat; + background-position: right 8px bottom 12px; } + .mdc-select:not(.mdc-select--disabled) { + background-color: transparent; } + .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control { + color: rgba(0, 0, 0, 0.87); } + .mdc-select:not(.mdc-select--disabled) .mdc-floating-label { + color: rgba(0, 0, 0, 0.6); } + .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control { + border-bottom-color: rgba(0, 0, 0, 0.42); } + .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-line-ripple { + background-color: #77216F; + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } + .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-floating-label { + color: rgba(119, 33, 111, 0.87); } + .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover { + border-bottom-color: rgba(0, 0, 0, 0.87); } + [dir="rtl"] .mdc-select, .mdc-select[dir="rtl"] { + background-position: left 8px bottom 12px; } + .mdc-select__native-control { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 26px; + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + width: 100%; + padding-top: 20px; + padding-bottom: 4px; + border: none; + border-bottom: 1px solid; + border-radius: 0; + outline: none; + background-color: transparent; + color: inherit; + white-space: nowrap; + cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + [dir="rtl"] .mdc-select__native-control, .mdc-select__native-control[dir="rtl"] { + /* @noflip */ + padding-left: 26px; + /* @noflip */ + padding-right: 0; } + .mdc-select__native-control::-ms-expand { + display: none; } + .mdc-select__native-control::-ms-value { + background-color: transparent; + color: inherit; } + +@-moz-document url-prefix("") { + .mdc-select__native-control { + text-indent: -2px; } } + .mdc-select__native-control > option { + color: inherit; } + .mdc-select .mdc-floating-label { + pointer-events: none; } + .mdc-select .mdc-select__native-control:focus ~ .mdc-line-ripple::after { + -webkit-transform: scale(1, 2); + transform: scale(1, 2); + opacity: 1; } + +.mdc-select--box { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + height: 56px; + border-radius: 4px 4px 0 0; + background-position: right 10px center; + overflow: hidden; } + .mdc-select--box:not(.mdc-select--disabled) { + background-color: rgba(244, 241, 243, 0.986); } + .mdc-select--box::before, .mdc-select--box::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-select--box::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-select--box.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-select--box.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-select--box.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-select--box.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-select--box.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-select--box::before, .mdc-select--box::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-select--box.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-select--box::before, .mdc-select--box::after { + background-color: rgba(0, 0, 0, 0.87); } + .mdc-select--box:hover::before { + opacity: 0.04; } + .mdc-select--box:not(.mdc-ripple-upgraded):focus::before, .mdc-select--box.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + [dir="rtl"] .mdc-select--box, .mdc-select--box[dir="rtl"] { + background-position: left 10px center; } + .mdc-select--box .mdc-select__native-control { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 26px; + height: 56px; + border-radius: 4px 4px 0 0; } + [dir="rtl"] .mdc-select--box .mdc-select__native-control, .mdc-select--box .mdc-select__native-control[dir="rtl"] { + /* @noflip */ + padding-left: 26px; + /* @noflip */ + padding-right: 16px; } + .mdc-select--box .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + bottom: 12px; + line-height: 1.75rem; } + [dir="rtl"] .mdc-select--box .mdc-floating-label, .mdc-select--box .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + .mdc-select--box .mdc-floating-label--float-above { + -webkit-transform: translateY(-40%) scale(0.75, 0.75); + transform: translateY(-40%) scale(0.75, 0.75); } + +.mdc-select--outlined { + height: 56px; + border: none; + background-position: right 10px center; } + .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__idle { + border-color: rgba(0, 0, 0, 0.24); } + .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__path { + stroke: rgba(0, 0, 0, 0.24); } + .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select__native-control:focus) .mdc-select__native-control:hover ~ .mdc-notched-outline__idle { + border-color: rgba(0, 0, 0, 0.87); } + .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select__native-control:focus) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__path { + stroke: rgba(0, 0, 0, 0.87); } + .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-notched-outline .mdc-notched-outline__path { + stroke-width: 2px; } + .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-notched-outline .mdc-notched-outline__path { + stroke: #77216F; + /* @alternate */ + stroke: var(--mdc-theme-primary, #77216F); } + .mdc-select--outlined .mdc-floating-label--float-above { + -webkit-transform: translateY(-130%) scale(0.75); + transform: translateY(-130%) scale(0.75); } + .mdc-select--outlined .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } + .mdc-select--outlined .mdc-notched-outline { + border-radius: 4px; } + .mdc-select--outlined .mdc-notched-outline__idle { + border-radius: 4px; } + [dir="rtl"] .mdc-select--outlined, .mdc-select--outlined[dir="rtl"] { + background-position: left 10px center; } + .mdc-select--outlined .mdc-select__native-control { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 26px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-top: 12px; + padding-bottom: 12px; + border: none; + background-color: transparent; + z-index: 1; } + [dir="rtl"] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir="rtl"] { + /* @noflip */ + padding-left: 26px; + /* @noflip */ + padding-right: 16px; } + .mdc-select--outlined .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + position: absolute; + bottom: 20px; } + [dir="rtl"] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + +.mdc-select--disabled { + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23rgba(0, 0, 0, 0.65)%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E"); + cursor: default; + pointer-events: none; } + .mdc-select--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.37); } + .mdc-select--disabled .mdc-line-ripple { + display: none; } + .mdc-select--disabled .mdc-select__native-control { + border-bottom-style: dotted; + color: rgba(0, 0, 0, 0.37); } + .mdc-select--disabled.mdc-select--box { + background-color: rgba(247, 244, 246, 0.993); } + .mdc-select--disabled.mdc-select--outlined .mdc-select__native-control { + border-bottom-style: none; } + .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__idle { + border-color: rgba(0, 0, 0, 0.16); } + .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__path { + stroke: rgba(0, 0, 0, 0.16); } + +.mdc-shape-container { + display: inline-block; + position: relative; + overflow: hidden; } + +.mdc-shape-container__corner { + position: absolute; + z-index: 1; } + +.mdc-shape-container__corner::before, +.mdc-shape-container__corner::after { + position: absolute; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + content: ""; } + +.mdc-shape-container__corner--top-left { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } + +.mdc-shape-container__corner--top-right { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } + +.mdc-shape-container__corner--bottom-right { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); } + +.mdc-shape-container__corner--bottom-left { + -webkit-transform: rotate(-135deg); + transform: rotate(-135deg); } + +@-webkit-keyframes mdc-slider-emphasize { + 0% { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 50% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-transform: scale(0.85); + transform: scale(0.85); } + 100% { + -webkit-transform: scale(0.571); + transform: scale(0.571); } } + +@keyframes mdc-slider-emphasize { + 0% { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 50% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-transform: scale(0.85); + transform: scale(0.85); } + 100% { + -webkit-transform: scale(0.571); + transform: scale(0.571); } } + +.mdc-slider { + position: relative; + width: 100%; + height: 48px; + cursor: pointer; + -ms-touch-action: pan-x; + touch-action: pan-x; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track { + background-color: #FF8F68; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container { + background-color: rgba(255, 143, 104, 0.26); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after, + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after { + background-color: #FF8F68; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb { + fill: #FF8F68; + /* @alternate */ + fill: var(--mdc-theme-secondary, #FF8F68); + stroke: #FF8F68; + /* @alternate */ + stroke: var(--mdc-theme-secondary, #FF8F68); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring { + background-color: #FF8F68; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin { + background-color: #FF8F68; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } + .mdc-slider--disabled { + cursor: auto; } + .mdc-slider--disabled .mdc-slider__track { + background-color: #9a9a9a; } + .mdc-slider--disabled .mdc-slider__track-container { + background-color: rgba(154, 154, 154, 0.26); } + .mdc-slider--disabled .mdc-slider__track-marker::after, + .mdc-slider--disabled .mdc-slider__track-marker-container::after { + background-color: #9a9a9a; } + .mdc-slider--disabled .mdc-slider__thumb { + fill: #9a9a9a; + stroke: #9a9a9a; } + .mdc-slider--disabled .mdc-slider__thumb { + /* @alternate */ + stroke: white; + stroke: var(--mdc-slider-bg-color-behind-component, white); } + .mdc-slider:focus { + outline: none; } + .mdc-slider__track-container { + position: absolute; + top: 50%; + width: 100%; + height: 2px; + overflow: hidden; } + .mdc-slider__track { + position: absolute; + width: 100%; + height: 100%; + -webkit-transform-origin: left top; + transform-origin: left top; + will-change: transform; } + .mdc-slider[dir="rtl"] .mdc-slider__track, + [dir="rtl"] .mdc-slider .mdc-slider__track { + -webkit-transform-origin: right top; + transform-origin: right top; } + .mdc-slider__track-marker-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-right: 0; + margin-left: -1px; + visibility: hidden; } + .mdc-slider[dir="rtl"] .mdc-slider__track-marker-container, + [dir="rtl"] .mdc-slider .mdc-slider__track-marker-container { + margin-right: -1px; + margin-left: 0; } + .mdc-slider__track-marker-container::after { + display: block; + width: 2px; + height: 2px; + content: ""; } + .mdc-slider__track-marker { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .mdc-slider__track-marker::after { + display: block; + width: 2px; + height: 2px; + content: ""; } + .mdc-slider__track-marker:first-child::after { + width: 3px; } + .mdc-slider__thumb-container { + position: absolute; + top: 15px; + left: 0; + width: 21px; + height: 100%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + will-change: transform; } + .mdc-slider__thumb { + position: absolute; + top: 0; + left: 0; + -webkit-transform: scale(0.571); + transform: scale(0.571); + -webkit-transition: fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out; + transition: fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out; + transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out; + transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out; + stroke-width: 3.5; } + .mdc-slider__focus-ring { + width: 21px; + height: 21px; + -webkit-transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out; + transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out; + transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out; + transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out; + border-radius: 50%; + opacity: 0; } + .mdc-slider__pin { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + top: 0; + left: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 26px; + height: 26px; + margin-top: -2px; + margin-left: -2px; + -webkit-transform: rotate(-45deg) scale(0) translate(0, 0); + transform: rotate(-45deg) scale(0) translate(0, 0); + -webkit-transition: -webkit-transform 100ms ease-out; + transition: -webkit-transform 100ms ease-out; + transition: transform 100ms ease-out; + transition: transform 100ms ease-out, -webkit-transform 100ms ease-out; + border-radius: 50% 50% 50% 0%; + z-index: 1; } + .mdc-slider__pin-value-marker { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } + +.mdc-slider--active .mdc-slider__thumb { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + +.mdc-slider--focus .mdc-slider__thumb { + -webkit-animation: mdc-slider-emphasize 266.67ms linear; + animation: mdc-slider-emphasize 266.67ms linear; } + +.mdc-slider--focus .mdc-slider__focus-ring { + -webkit-transform: scale3d(1.55, 1.55, 1.55); + transform: scale3d(1.55, 1.55, 1.55); + opacity: .25; } + +.mdc-slider--in-transit .mdc-slider__thumb { + -webkit-transition-delay: 140ms; + transition-delay: 140ms; } + +.mdc-slider--in-transit .mdc-slider__thumb-container, +.mdc-slider--in-transit .mdc-slider__track, +.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container, +.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track { + -webkit-transition: -webkit-transform 80ms ease; + transition: -webkit-transform 80ms ease; + transition: transform 80ms ease; + transition: transform 80ms ease, -webkit-transform 80ms ease; } + +.mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb { + -webkit-transform: scale(calc(12 / 21)); + transform: scale(calc(12 / 21)); } + +.mdc-slider--discrete.mdc-slider--active .mdc-slider__pin { + -webkit-transform: rotate(-45deg) scale(1) translate(19px, -20px); + transform: rotate(-45deg) scale(1) translate(19px, -20px); } + +.mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb { + -webkit-animation: none; + animation: none; } + +.mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container { + visibility: visible; } + +.mdc-snackbar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: fixed; + bottom: 0; + left: 50%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-right: 24px; + padding-left: 24px; + -webkit-transform: translate(-50%, 100%); + transform: translate(-50%, 100%); + -webkit-transition: -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1); + background-color: #ffecfd; + pointer-events: none; + will-change: transform; } + @media (max-width: 599px) { + .mdc-snackbar { + left: 0; + width: 100%; + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); } } + @media (min-width: 600px) { + .mdc-snackbar { + min-width: 288px; + max-width: 568px; + border-radius: 2px; } } + +@media (min-width: 600px) { + .mdc-snackbar--align-start { + /* @noflip */ + left: 24px; + /* @noflip */ + right: initial; + bottom: 24px; + -webkit-transform: translate(0, 200%); + transform: translate(0, 200%); } + [dir="rtl"] .mdc-snackbar--align-start, .mdc-snackbar--align-start[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 24px; } } + +@media (max-width: 599px) { + .mdc-snackbar--align-start { + bottom: 0; + left: 0; + width: 100%; + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); } } + +.mdc-snackbar--active { + -webkit-transform: translate(0); + transform: translate(0); + -webkit-transition: -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1); + transition: -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1); + pointer-events: auto; } + .mdc-snackbar--active:not(.mdc-snackbar--align-start) { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); } + @media (max-width: 599px) { + .mdc-snackbar--active:not(.mdc-snackbar--align-start) { + bottom: 0; + left: 0; + width: 100%; + -webkit-transform: translate(0); + transform: translate(0); } } + +.mdc-snackbar__action-wrapper { + /* @noflip */ + padding-left: 24px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-snackbar__action-wrapper, .mdc-snackbar__action-wrapper[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 24px; } + +.mdc-snackbar--action-on-bottom { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.mdc-snackbar__text { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.5rem; + font-weight: 400; + letter-spacing: 0.03125em; + text-decoration: inherit; + text-transform: inherit; + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 48px; + -webkit-transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + opacity: 0; + color: white; } + .mdc-snackbar[dir="rtl"] .mdc-snackbar__text, + [dir="rtl"] .mdc-snackbar .mdc-snackbar__text { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; } + @media (min-width: 600px) { + .mdc-snackbar__text { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 24px; } + [dir="rtl"] .mdc-snackbar__text, .mdc-snackbar__text[dir="rtl"] { + /* @noflip */ + padding-left: 24px; + /* @noflip */ + padding-right: 0; } } + +.mdc-snackbar--action-on-bottom .mdc-snackbar__text { + margin-right: inherit; } + +.mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + margin-top: -12px; + margin-bottom: 8px; } + [dir="rtl"] .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper, .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; } + +.mdc-snackbar--multiline .mdc-snackbar__text { + height: 80px; } + +.mdc-snackbar__action-button { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 2.25rem; + font-weight: 500; + letter-spacing: 0.08929em; + text-decoration: none; + text-transform: uppercase; + color: #FF8F68; + /* @alternate */ + color: var(--mdc-theme-secondary, #FF8F68); + padding: 0; + -webkit-transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + border: none; + outline: none; + background-color: transparent; + opacity: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-appearance: none; + visibility: hidden; } + .mdc-snackbar__action-button::-moz-focus-inner { + border: 0; } + .mdc-snackbar__action-button:hover { + cursor: pointer; } + .mdc-snackbar__action-button:not([aria-hidden]) { + visibility: inherit; } + +.mdc-snackbar--active .mdc-snackbar__text, +.mdc-snackbar--active .mdc-snackbar__action-button:not([aria-hidden]) { + -webkit-transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + opacity: 1; } + +.mdc-snackbar--multiline.mdc-snackbar--action-on-bottom .mdc-snackbar__text { + margin: 0; } + +.mdc-switch { + display: inline-block; + position: relative; + outline: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .mdc-switch.mdc-switch--checked .mdc-switch__track { + background-color: #FF8F68; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); + border-color: #FF8F68; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #FF8F68); } + .mdc-switch.mdc-switch--checked .mdc-switch__thumb { + background-color: #FF8F68; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); + border-color: #FF8F68; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #FF8F68); } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.65); } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { + background-color: #f9f6f8; + border-color: #f9f6f8; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { + background-color: #9e9e9e; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { + opacity: 0.08; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + +.mdc-switch__native-control { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + position: absolute; + top: 0; + width: 68px; + height: 48px; + margin: 0; + opacity: 0; + cursor: pointer; + pointer-events: auto; } + [dir="rtl"] .mdc-switch__native-control, .mdc-switch__native-control[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; } + +.mdc-switch__track { + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 32px; + height: 14px; + -webkit-transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); + border: 1px solid; + border-radius: 7px; + opacity: .38; } + +.mdc-switch__thumb-underlay { + /* @noflip */ + left: -18px; + /* @noflip */ + right: initial; + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + top: -17px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 48px; + height: 48px; + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); + transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); } + [dir="rtl"] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: -18px; } + .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-switch__thumb-underlay::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + background-color: #FF8F68; } + @supports not (-ms-ime-align: auto) { + .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68); } } + .mdc-switch__thumb-underlay:hover::before { + opacity: 0.08; } + .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + +.mdc-switch__thumb { + -webkit-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); + 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); + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 20px; + height: 20px; + border: 10px solid; + border-radius: 50%; + pointer-events: none; + z-index: 1; } + +.mdc-switch--checked .mdc-switch__track { + opacity: .54; } + +.mdc-switch--checked .mdc-switch__thumb-underlay { + -webkit-transform: translateX(20px); + transform: translateX(20px); } + [dir="rtl"] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir="rtl"] { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); } + +.mdc-switch--checked .mdc-switch__native-control { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); } + [dir="rtl"] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir="rtl"] { + -webkit-transform: translateX(20px); + transform: translateX(20px); } + +.mdc-switch--disabled { + opacity: .38; + pointer-events: none; } + .mdc-switch--disabled .mdc-switch__thumb { + border-width: 1px; } + .mdc-switch--disabled .mdc-switch__native-control { + cursor: default; + pointer-events: none; } + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab { + position: relative; + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 2.25rem; + font-weight: 500; + letter-spacing: 0.08929em; + text-decoration: none; + text-transform: uppercase; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 48px; + padding: 0 24px; + border: none; + outline: none; + background: none; + text-align: center; + text-decoration: none; + text-transform: uppercase; + white-space: nowrap; + cursor: pointer; + -webkit-appearance: none; + z-index: 1; } + .mdc-tab .mdc-tab__text-label { + color: rgba(0, 0, 0, 0.65); + /* @alternate */ + color: var(--mdc-theme-on-surface, rgba(0, 0, 0, 0.65)); } + .mdc-tab .mdc-tab__icon { + color: rgba(0, 0, 0, 0.65); + /* @alternate */ + color: var(--mdc-theme-on-surface, rgba(0, 0, 0, 0.65)); } + +.mdc-tab--min-width { + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; } + +.mdc-tab__ripple { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; } + .mdc-tab__ripple::before, .mdc-tab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-tab__ripple::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-tab__ripple.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-tab__ripple.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-tab__ripple::before, .mdc-tab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-tab__ripple.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-tab__ripple::before, .mdc-tab__ripple::after { + background-color: #77216F; } + @supports not (-ms-ime-align: auto) { + .mdc-tab__ripple::before, .mdc-tab__ripple::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } } + .mdc-tab__ripple:hover::before { + opacity: 0.04; } + .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-tab__ripple.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + +.mdc-tab__content { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: inherit; + pointer-events: none; } + +.mdc-tab__text-label, +.mdc-tab__icon { + -webkit-transition: 150ms color linear, 150ms opacity linear; + transition: 150ms color linear, 150ms opacity linear; + z-index: 2; } + +.mdc-tab__text-label { + display: inline-block; + opacity: 0.6; + line-height: 1; } + +.mdc-tab__icon { + width: 24px; + height: 24px; + opacity: 0.54; } + +.mdc-tab--stacked { + height: 72px; } + +.mdc-tab--stacked .mdc-tab__content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + +.mdc-tab--stacked .mdc-tab__icon { + padding-top: 12px; } + +.mdc-tab--stacked .mdc-tab__text-label { + padding-bottom: 16px; } + +.mdc-tab--active .mdc-tab__text-label { + color: #77216F; + /* @alternate */ + color: var(--mdc-theme-primary, #77216F); } + +.mdc-tab--active .mdc-tab__icon { + color: #77216F; + /* @alternate */ + color: var(--mdc-theme-primary, #77216F); } + +.mdc-tab--active .mdc-tab__text-label, +.mdc-tab--active .mdc-tab__icon { + -webkit-transition-delay: 100ms; + transition-delay: 100ms; + opacity: 1; } + +.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; } + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-bar { + width: 100%; } + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-indicator { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 1; } + .mdc-tab-indicator > .mdc-tab-indicator__content--underline { + background-color: #77216F; + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } + .mdc-tab-indicator > .mdc-tab-indicator__content--underline { + height: 2px; } + .mdc-tab-indicator > .mdc-tab-indicator__content--icon { + color: #FF8F68; + /* @alternate */ + color: var(--mdc-theme-secondary, #FF8F68); } + .mdc-tab-indicator > .mdc-tab-indicator__content--icon { + height: 34px; + font-size: 34px; } + +.mdc-tab-indicator__content { + -webkit-transform-origin: left; + transform-origin: left; + opacity: 0; } + +.mdc-tab-indicator__content--underline { + -ms-flex-item-align: end; + align-self: flex-end; + width: 100%; } + +.mdc-tab-indicator__content--icon { + -ms-flex-item-align: center; + align-self: center; + margin: 0 auto; } + +.mdc-tab-indicator--active > .mdc-tab-indicator__content { + opacity: 1; } + +.mdc-tab-indicator > .mdc-tab-indicator__content { + -webkit-transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); } + +.mdc-tab-indicator--no-transition > .mdc-tab-indicator__content { + -webkit-transition: none; + transition: none; } + +.mdc-tab-indicator--fade > .mdc-tab-indicator__content { + -webkit-transition: 150ms opacity linear; + transition: 150ms opacity linear; } + +.mdc-tab-indicator--active.mdc-tab-indicator--fade > .mdc-tab-indicator__content { + -webkit-transition-delay: 100ms; + transition-delay: 100ms; } + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-scroller { + overflow-y: hidden; } + +.mdc-tab-scroller__test { + position: absolute; + top: -9999px; + width: 100px; + height: 100px; + overflow-x: scroll; } + +.mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: touch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + overflow-x: hidden; } + +.mdc-tab-scroller__scroll-area::-webkit-scrollbar, +.mdc-tab-scroller__test::-webkit-scrollbar { + display: none; } + +.mdc-tab-scroller__scroll-area--scroll { + overflow-x: scroll; } + +.mdc-tab-scroller__scroll-content { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-transform: none; + transform: none; + will-change: transform; } + +.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } + +.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + +.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + +.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: auto; } + +.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content { + -webkit-transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); } + +.mdc-text-field-helper-text { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.75rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.03333em; + text-decoration: inherit; + text-transform: inherit; + display: block; + margin-top: 0; + line-height: normal; + margin: 0; + -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + will-change: opacity; } + .mdc-text-field-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; } + +.mdc-text-field-helper-text--persistent { + -webkit-transition: none; + transition: none; + opacity: 1; + will-change: initial; } + +.mdc-text-field--with-leading-icon .mdc-text-field__icon, +.mdc-text-field--with-trailing-icon .mdc-text-field__icon { + position: absolute; + bottom: 16px; + cursor: pointer; } + +.mdc-text-field__icon:not([tabindex]), +.mdc-text-field__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; } + +.mdc-text-field { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + border-radius: 4px 4px 0 0; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 56px; + overflow: hidden; + will-change: opacity, transform, color; } + .mdc-text-field::before, .mdc-text-field::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-text-field::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-text-field.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-text-field.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-text-field.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-text-field.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-text-field::before, .mdc-text-field::after { + background-color: rgba(0, 0, 0, 0.87); } + .mdc-text-field:hover::before { + opacity: 0.04; } + .mdc-text-field:not(.mdc-ripple-upgraded):focus::before, .mdc-text-field.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-text-field::before, .mdc-text-field::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-text-field.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(0, 0, 0, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { + color: rgba(0, 0, 0, 0.87); } + .mdc-text-field .mdc-text-field__input { + caret-color: #77216F; + /* @alternate */ + caret-color: var(--mdc-theme-primary, #77216F); } + .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { + border-bottom-color: rgba(0, 0, 0, 0.42); } + .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { + border-bottom-color: rgba(0, 0, 0, 0.87); } + .mdc-text-field .mdc-line-ripple { + background-color: #77216F; + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } + .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { + border-bottom-color: rgba(0, 0, 0, 0.12); } + .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { + color: rgba(0, 0, 0, 0.54); } + .mdc-text-field:not(.mdc-text-field--disabled) { + background-color: rgba(244, 241, 243, 0.986); } + .mdc-text-field .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + bottom: 20px; } + [dir="rtl"] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-floating-label { + max-width: calc(100% - 48px); } + .mdc-text-field .mdc-floating-label--float-above { + -webkit-transform: translateY(-50%) scale(0.75); + transform: translateY(-50%) scale(0.75); } + .mdc-text-field .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1; } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-box { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-box { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } } + .mdc-text-field .mdc-floating-label { + /* @noflip */ + left: 12px; + /* @noflip */ + right: initial; + pointer-events: none; } + [dir="rtl"] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 12px; } + +.mdc-text-field__input { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + padding: 20px 12px 6px; + -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); + border: none; + border-bottom: 1px solid; + border-radius: 0; + background: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + .mdc-text-field__input::-webkit-input-placeholder { + -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; } + .mdc-text-field__input:-ms-input-placeholder { + -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; } + .mdc-text-field__input::-ms-input-placeholder { + -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; } + .mdc-text-field__input::placeholder { + -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; } + .mdc-text-field__input:focus { + outline: none; } + .mdc-text-field__input:invalid { + -webkit-box-shadow: none; + box-shadow: none; } + +.mdc-text-field__input:-webkit-autofill + .mdc-floating-label { + -webkit-transform: translateY(-50%) scale(0.75); + transform: translateY(-50%) scale(0.75); + cursor: auto; } + +.mdc-text-field--outlined { + border: none; + overflow: visible; } + .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__idle { + border-color: rgba(0, 0, 0, 0.24); } + .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__path { + stroke: rgba(0, 0, 0, 0.24); } + .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle, + .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle { + border-color: rgba(0, 0, 0, 0.87); } + .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__path, + .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__path { + stroke: rgba(0, 0, 0, 0.87); } + .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path { + stroke: #77216F; + /* @alternate */ + stroke: var(--mdc-theme-primary, #77216F); } + .mdc-text-field--outlined .mdc-floating-label--float-above { + -webkit-transform: translateY(-130%) scale(0.75); + transform: translateY(-130%) scale(0.75); } + .mdc-text-field--outlined .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } + .mdc-text-field--outlined .mdc-notched-outline { + border-radius: 4px; } + .mdc-text-field--outlined .mdc-notched-outline__idle { + border-radius: 4px; } + .mdc-text-field--outlined::before, .mdc-text-field--outlined::after { + background-color: transparent; } + .mdc-text-field--outlined:not(.mdc-text-field--disabled) { + background-color: transparent; } + .mdc-text-field--outlined .mdc-text-field__input { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 12px 16px 14px; + border: none !important; + background-color: transparent; + z-index: 1; } + .mdc-text-field--outlined .mdc-text-field__icon { + z-index: 2; } + .mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + width: auto; } + [dir="rtl"] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + +.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__path { + stroke-width: 2px; } + +.mdc-text-field--outlined.mdc-text-field--disabled { + background-color: transparent; } + .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { + color: rgba(0, 0, 0, 0.6); } + .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__idle { + border-color: rgba(0, 0, 0, 0.06); } + .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__path { + stroke: rgba(0, 0, 0, 0.06); } + .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { + border-bottom: none; } + +.mdc-text-field--outlined.mdc-text-field--dense { + height: 48px; } + .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { + -webkit-transform: translateY(-110%) scale(0.923); + transform: translateY(-110%) scale(0.923); } + .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; } + .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input { + padding: 12px 12px 7px; } + .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { + bottom: 16px; } + .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon { + top: 12px; } + +.mdc-text-field--with-leading-icon .mdc-text-field__icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; } + [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + +.mdc-text-field--with-leading-icon .mdc-text-field__input { + /* @noflip */ + padding-left: 48px; + /* @noflip */ + padding-right: 16px; } + [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir="rtl"] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 48px; } + +.mdc-text-field--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; } + [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; } + +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75); + transform: translateY(-130%) translateX(-32px) scale(0.75); } + [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir="rtl"] { + -webkit-transform: translateY(-130%) translateX(32px) scale(0.75); + transform: translateY(-130%) translateX(32px) scale(0.75); } + +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; } + +[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir="rtl"] .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; } + +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { + -webkit-transform: translateY(-110%) translateX(-21px) scale(0.923); + transform: translateY(-110%) translateX(-21px) scale(0.923); } + [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir="rtl"] { + -webkit-transform: translateY(-110%) translateX(21px) scale(0.923); + transform: translateY(-110%) translateX(21px) scale(0.923); } + +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; } + +[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir="rtl"] .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; } + +.mdc-text-field--with-trailing-icon .mdc-text-field__icon { + /* @noflip */ + left: initial; + /* @noflip */ + right: 12px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] { + /* @noflip */ + left: 12px; + /* @noflip */ + right: initial; } + +.mdc-text-field--with-trailing-icon .mdc-text-field__input { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 48px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] { + /* @noflip */ + padding-left: 48px; + /* @noflip */ + padding-right: 12px; } + +.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir="rtl"] { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; } + +.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 48px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir="rtl"] { + /* @noflip */ + padding-left: 48px; + /* @noflip */ + padding-right: 16px; } + +.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, +.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { + bottom: 16px; + -webkit-transform: scale(0.8); + transform: scale(0.8); } + +.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon { + /* @noflip */ + left: 12px; + /* @noflip */ + right: initial; } + [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 12px; } + +.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input { + /* @noflip */ + padding-left: 38px; + /* @noflip */ + padding-right: 12px; } + [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 38px; } + +.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label { + /* @noflip */ + left: 38px; + /* @noflip */ + right: initial; } + [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 38px; } + +.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { + /* @noflip */ + left: initial; + /* @noflip */ + right: 12px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] { + /* @noflip */ + left: 12px; + /* @noflip */ + right: initial; } + +.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 38px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] { + /* @noflip */ + padding-left: 38px; + /* @noflip */ + padding-right: 12px; } + +.mdc-text-field--dense .mdc-floating-label--float-above { + -webkit-transform: translateY(-70%) scale(0.923); + transform: translateY(-70%) scale(0.923); } + +.mdc-text-field--dense .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; } + +.mdc-text-field--dense .mdc-text-field__input { + padding: 12px 12px 0; } + +.mdc-text-field--dense .mdc-floating-label { + font-size: .813rem; } + +.mdc-text-field__input:required + .mdc-floating-label::after { + margin-left: 1px; + content: "*"; } + +.mdc-text-field--textarea { + border-radius: 4px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: auto; + height: auto; + -webkit-transition: none; + transition: none; + border: 1px solid; + overflow: hidden; } + .mdc-text-field--textarea .mdc-floating-label { + border-radius: 4px 4px 0 0; } + .mdc-text-field--textarea .mdc-text-field__input { + border-radius: 2px; } + .mdc-text-field--textarea:not(.mdc-text-field--disabled) { + border-color: rgba(0, 0, 0, 0.73); } + .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { + border-color: rgba(0, 0, 0, 0.73); } + .mdc-text-field--textarea .mdc-floating-label--float-above { + -webkit-transform: translateY(-50%) scale(0.923); + transform: translateY(-50%) scale(0.923); } + .mdc-text-field--textarea .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-textarea 250ms 1; + animation: mdc-floating-label-shake-float-above-textarea 250ms 1; } + .mdc-text-field--textarea::before, .mdc-text-field--textarea::after { + background-color: transparent; } + .mdc-text-field--textarea:not(.mdc-text-field--disabled) { + background-color: transparent; } + .mdc-text-field--textarea .mdc-text-field__input { + -ms-flex-item-align: auto; + align-self: auto; + -webkit-box-sizing: content-box; + box-sizing: content-box; + height: auto; + margin: 0; + padding: 16px; + padding-top: 32px; + border: 1px solid transparent; } + .mdc-text-field--textarea .mdc-floating-label { + background-color: #f9f6f8; + /* @noflip */ + left: 1px; + /* @noflip */ + right: 0; + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; + top: 18px; + bottom: auto; + width: auto; + margin-top: 2px; + padding: 12px 8px 8px 8px; + line-height: 1.15; + pointer-events: none; } + [dir="rtl"] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: 0; + /* @noflip */ + right: 1px; } + [dir="rtl"] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; } + +.mdc-text-field--fullwidth { + width: 100%; } + .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) { + display: block; } + .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after { + background-color: transparent; } + .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) { + background-color: transparent; } + .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input { + padding: 0; } + +.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { + border-bottom-color: #b00020; } + +.mdc-text-field--dense + .mdc-text-field-helper-text { + margin-bottom: 4px; } + +.mdc-text-field + .mdc-text-field-helper-text { + margin-right: 12px; + margin-left: 12px; } + +.mdc-text-field--outlined + .mdc-text-field-helper-text { + margin-right: 16px; + margin-left: 16px; } + +.mdc-form-field > .mdc-text-field + label { + -ms-flex-item-align: start; + align-self: flex-start; } + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(119, 33, 111, 0.87); } + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { + color: rgba(119, 33, 111, 0.87); } + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: rgba(119, 33, 111, 0.87); } + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { + color: rgba(119, 33, 111, 0.87); } + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { + color: rgba(119, 33, 111, 0.87); } + +.mdc-text-field--focused .mdc-text-field__input:required + .mdc-floating-label::after { + color: #b00020; } + +.mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { + opacity: 1; } + +.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) { + border-color: #77216F; + /* @alternate */ + border-color: var(--mdc-theme-primary, #77216F); } + .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { + border-color: #77216F; + /* @alternate */ + border-color: var(--mdc-theme-primary, #77216F); } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { + border-bottom-color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { + border-bottom-color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple { + background-color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { + color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { + color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { + color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { + color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg { + color: #b00020; } + +.mdc-text-field--invalid .mdc-text-field__input { + caret-color: #b00020; } + +.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon { + color: #b00020; } + +.mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg { + opacity: 1; } + +.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) { + border-color: #b00020; } + .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { + border-color: #b00020; } + +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__idle { + border-color: #b00020; } + +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__path { + stroke: #b00020; } + +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle, +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle { + border-color: #b00020; } + +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__path, +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__path { + stroke: #b00020; } + +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path { + stroke: #b00020; } + +.mdc-text-field--disabled { + background-color: rgba(247, 244, 246, 0.993); + border-bottom: none; + pointer-events: none; } + .mdc-text-field--disabled .mdc-text-field__input { + border-bottom-color: rgba(0, 0, 0, 0.06); } + .mdc-text-field--disabled .mdc-text-field__input { + color: rgba(0, 0, 0, 0.37); } + .mdc-text-field--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.37); } + .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.37); } + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.37); } + .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.37); } + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.37); } + .mdc-text-field--disabled + .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.37); } + .mdc-text-field--disabled .mdc-text-field__icon { + color: rgba(0, 0, 0, 0.3); } + .mdc-text-field--disabled:not(.mdc-text-field--textarea) { + border-bottom-color: rgba(0, 0, 0, 0.12); } + .mdc-text-field--disabled .mdc-floating-label { + cursor: default; } + +.mdc-text-field--textarea.mdc-text-field--disabled { + border-color: rgba(0, 0, 0, 0.26); + background-color: #f9f9f9; + border-bottom-width: 1px; + border-style: solid; } + .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input:focus { + border-color: rgba(0, 0, 0, 0.26); } + .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input { + border: 1px solid transparent; } + .mdc-text-field--textarea.mdc-text-field--disabled .mdc-floating-label { + background-color: #f9f9f9; } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-dense { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { + 0% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { + 0% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense { + 0% { + -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense { + 0% { + -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-textarea { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } } + +@keyframes mdc-floating-label-shake-float-above-textarea { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } } + +:root { + --mdc-theme-primary: #77216F; + --mdc-theme-secondary: #FF8F68; + --mdc-theme-background: #fff; + --mdc-theme-surface: #f9f6f8; + --mdc-theme-on-primary: #fff; + --mdc-theme-on-secondary: #000; + --mdc-theme-on-surface: rgba(0, 0, 0, 0.65); + --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87); + --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54); + --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38); + --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87); + --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54); + --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-primary-on-dark: white; + --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7); + --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); } + +.mdc-theme--primary { + color: #77216F !important; + /* @alternate */ + color: var(--mdc-theme-primary, #77216F) !important; } + +.mdc-theme--secondary { + color: #FF8F68 !important; + /* @alternate */ + color: var(--mdc-theme-secondary, #FF8F68) !important; } + +.mdc-theme--background { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-background, #fff); } + +.mdc-theme--surface { + background-color: #f9f6f8; + /* @alternate */ + background-color: var(--mdc-theme-surface, #f9f6f8); } + +.mdc-theme--on-primary { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff) !important; } + +.mdc-theme--on-secondary { + color: #000 !important; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #000) !important; } + +.mdc-theme--on-surface { + color: rgba(0, 0, 0, 0.65) !important; + /* @alternate */ + color: var(--mdc-theme-on-surface, rgba(0, 0, 0, 0.65)) !important; } + +.mdc-theme--text-primary-on-background { + color: rgba(0, 0, 0, 0.87) !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important; } + +.mdc-theme--text-secondary-on-background { + color: rgba(0, 0, 0, 0.54) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important; } + +.mdc-theme--text-hint-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important; } + +.mdc-theme--text-disabled-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important; } + +.mdc-theme--text-icon-on-background { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important; } + +.mdc-theme--text-primary-on-light { + color: rgba(0, 0, 0, 0.87) !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important; } + +.mdc-theme--text-secondary-on-light { + color: rgba(0, 0, 0, 0.54) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important; } + +.mdc-theme--text-hint-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important; } + +.mdc-theme--text-disabled-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important; } + +.mdc-theme--text-icon-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important; } + +.mdc-theme--text-primary-on-dark { + color: white !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white) !important; } + +.mdc-theme--text-secondary-on-dark { + color: rgba(255, 255, 255, 0.7) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important; } + +.mdc-theme--text-hint-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important; } + +.mdc-theme--text-disabled-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important; } + +.mdc-theme--text-icon-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important; } + +.mdc-theme--primary-bg { + background-color: #77216F !important; + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F) !important; } + +.mdc-theme--secondary-bg { + background-color: #FF8F68 !important; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #FF8F68) !important; } + +.mdc-toolbar { + background-color: #77216F; + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); + color: white; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; } + .mdc-toolbar .mdc-toolbar__icon { + color: white; } + .mdc-toolbar .mdc-toolbar__icon::before, .mdc-toolbar .mdc-toolbar__icon::after { + background-color: white; } + .mdc-toolbar .mdc-toolbar__icon:hover::before { + opacity: 0.08; } + .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):focus::before, .mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + .mdc-toolbar__row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: auto; + min-height: 64px; } + @media (max-width: 959px) and (orientation: landscape) { + .mdc-toolbar__row { + min-height: 48px; } } + @media (max-width: 599px) { + .mdc-toolbar__row { + min-height: 56px; } } + .mdc-toolbar__section { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 0; + height: 100%; + padding: 8px; + z-index: 1; } + @media (max-width: 959px) and (orientation: landscape) { + .mdc-toolbar__section { + padding: 0; } } + @media (max-width: 599px) { + .mdc-toolbar__section { + padding: 4px 0; } } + .mdc-toolbar__section--align-start { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; } + [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; } + @media (max-width: 959px) and (orientation: landscape) { + .mdc-toolbar__section--align-start { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; } } + @media (max-width: 599px) { + .mdc-toolbar__section--align-start { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; } } + .mdc-toolbar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; } + @media (max-width: 959px) and (orientation: landscape) { + .mdc-toolbar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; } + [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; } } + @media (max-width: 599px) { + .mdc-toolbar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; } + [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; } } + .mdc-toolbar__title { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 0; + -ms-flex-item-align: center; + align-self: center; + padding: 12px 0; + line-height: 1.5rem; + z-index: 1; } + [dir="rtl"] .mdc-toolbar__title, .mdc-toolbar__title[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 24px; } + .mdc-toolbar__icon, .mdc-toolbar__menu-icon { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 48px; + height: 48px; + padding: 12px; + border: none; + outline: none; + background-color: transparent; + fill: currentColor; + color: inherit; + text-decoration: none; + cursor: pointer; } + .mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-toolbar__icon::before, .mdc-toolbar__menu-icon::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-toolbar__icon.mdc-ripple-upgraded::before, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-toolbar__icon.mdc-ripple-upgraded--unbounded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-toolbar__icon.mdc-ripple-upgraded--foreground-activation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-toolbar__icon.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-toolbar__icon.mdc-ripple-upgraded::before, .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::before, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + +.mdc-toolbar__menu-icon + .mdc-toolbar__title { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-toolbar__menu-icon + .mdc-toolbar__title, .mdc-toolbar__menu-icon + .mdc-toolbar__title[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; } + +@media (max-width: 599px) { + .mdc-toolbar__title { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-toolbar__title, .mdc-toolbar__title[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; } } + +.mdc-toolbar--fixed { + -webkit-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); + 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); + position: fixed; + top: 0; + left: 0; + z-index: 4; } + +.mdc-toolbar--flexible { + --mdc-toolbar-ratio-to-extend-flexible: 4; } + .mdc-toolbar--flexible .mdc-toolbar__row:first-child { + height: 256px; + height: calc(64px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); } + @media (max-width: 599px) { + .mdc-toolbar--flexible .mdc-toolbar__row:first-child { + height: 224px; + height: calc(56px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); } } + .mdc-toolbar--flexible .mdc-toolbar__row:first-child::after { + position: absolute; + content: ""; } + .mdc-toolbar--flexible-default-behavior .mdc-toolbar__title { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; + -ms-flex-item-align: end; + align-self: flex-end; + line-height: 1.5rem; } + .mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child::after { + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transition: opacity .2s ease; + transition: opacity .2s ease; + opacity: 1; } + .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child::after { + opacity: 0; } + .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title { + font-weight: 500; } + +.mdc-toolbar--waterfall.mdc-toolbar--fixed { + -webkit-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); + 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); + -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow; } + .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized { + -webkit-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); + 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); } + .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized { + -webkit-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); + 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); } + .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row { + -webkit-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); + 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); } + +.mdc-toolbar-fixed-adjust { + padding-top: 64px; } + @media (max-width: 959px) and (max-height: 599px) { + .mdc-toolbar-fixed-adjust { + padding-top: 48px; } } + @media (max-width: 599px) { + .mdc-toolbar-fixed-adjust { + padding-top: 56px; } } + +.mdc-toolbar__section--shrink-to-fit { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } + +.mdc-top-app-bar { + background-color: #77216F; + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); + color: white; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: fixed; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + z-index: 4; } + .mdc-top-app-bar .mdc-top-app-bar__action-item, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); } + .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + background-color: #fff; } + @supports not (-ms-ime-align: auto) { + .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); } } + .mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before { + opacity: 0.08; } + .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + .mdc-top-app-bar__row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 64px; } + .mdc-top-app-bar__section { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-width: 0; + padding: 8px 12px; + z-index: 1; } + .mdc-top-app-bar__section--align-start { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; } + .mdc-top-app-bar__section--align-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + .mdc-top-app-bar__title { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + z-index: 1; } + [dir="rtl"] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; } + .mdc-top-app-bar__action-item, .mdc-top-app-bar__navigation-icon { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 48px; + height: 48px; + padding: 12px; + border: none; + outline: none; + background-color: transparent; + fill: currentColor; + color: inherit; + text-decoration: none; + cursor: pointer; } + .mdc-top-app-bar__action-item::before, .mdc-top-app-bar__action-item::after, .mdc-top-app-bar__navigation-icon::before, .mdc-top-app-bar__navigation-icon::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-top-app-bar__action-item::before, .mdc-top-app-bar__navigation-icon::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded::before, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded--unbounded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-activation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-top-app-bar__action-item::before, .mdc-top-app-bar__action-item::after, .mdc-top-app-bar__navigation-icon::before, .mdc-top-app-bar__navigation-icon::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded::before, .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + +.mdc-top-app-bar--short { + top: 0; + right: auto; + left: 0; + width: 100%; + -webkit-transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); } + [dir="rtl"] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir="rtl"] { + right: 0; + left: auto; } + .mdc-top-app-bar--short .mdc-top-app-bar__row { + height: 56px; } + .mdc-top-app-bar--short .mdc-top-app-bar__section { + padding: 4px; } + .mdc-top-app-bar--short .mdc-top-app-bar__title { + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; } + +.mdc-top-app-bar--short-collapsed { + /* @noflip */ + border-bottom-left-radius: 0; + /* @noflip */ + border-bottom-right-radius: 4px; + -webkit-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); + 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); + width: 56px; + -webkit-transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); + transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); } + [dir="rtl"] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir="rtl"] { + /* @noflip */ + border-bottom-left-radius: 4px; + /* @noflip */ + border-bottom-right-radius: 0; } + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { + display: none; } + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { + -webkit-transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); } + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { + width: 112px; } + .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; } + [dir="rtl"] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir="rtl"] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; } + +.mdc-top-app-bar--dense .mdc-top-app-bar__row { + height: 48px; } + +.mdc-top-app-bar--dense .mdc-top-app-bar__section { + padding: 0 4px; } + +.mdc-top-app-bar--dense .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; } + +.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 128px; } + +.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + -ms-flex-item-align: end; + align-self: flex-end; + padding-bottom: 2px; } + +.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, +.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { + -ms-flex-item-align: start; + align-self: flex-start; } + +.mdc-top-app-bar--fixed { + -webkit-transition: -webkit-box-shadow 200ms linear; + transition: -webkit-box-shadow 200ms linear; + transition: box-shadow 200ms linear; + transition: box-shadow 200ms linear, -webkit-box-shadow 200ms linear; } + +.mdc-top-app-bar--fixed-scrolled { + -webkit-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); + 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); + -webkit-transition: -webkit-box-shadow 200ms linear; + transition: -webkit-box-shadow 200ms linear; + transition: box-shadow 200ms linear; + transition: box-shadow 200ms linear, -webkit-box-shadow 200ms linear; } + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 96px; } + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { + padding: 0 12px; } + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + padding-bottom: 9px; } + [dir="rtl"] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; } + +.mdc-top-app-bar--fixed-adjust { + padding-top: 64px; } + +.mdc-top-app-bar--dense-fixed-adjust { + padding-top: 48px; } + +.mdc-top-app-bar--short-fixed-adjust { + padding-top: 56px; } + +.mdc-top-app-bar--prominent-fixed-adjust { + padding-top: 128px; } + +.mdc-top-app-bar--dense-prominent-fixed-adjust { + padding-top: 96px; } + +@media (max-width: 599px) { + .mdc-top-app-bar__row { + height: 56px; } + .mdc-top-app-bar__section { + padding: 4px; } + .mdc-top-app-bar--short { + -webkit-transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); + transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); } + .mdc-top-app-bar--short-collapsed { + -webkit-transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); } + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; } + [dir="rtl"] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir="rtl"] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; } + .mdc-top-app-bar--prominent .mdc-top-app-bar__title { + padding-bottom: 6px; } + .mdc-top-app-bar--fixed-adjust { + padding-top: 56px; } } + +.mdc-typography { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; } + +.mdc-typography--headline1 { + font-family: "Playfair Display"; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 6rem; + line-height: 6rem; + font-weight: 300; + letter-spacing: -0.01562em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--headline2 { + font-family: "Playfair Display"; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 3.75rem; + line-height: 3.75rem; + font-weight: 300; + letter-spacing: -0.00833em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--headline3 { + font-family: "Playfair Display"; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 3rem; + line-height: 3.125rem; + font-weight: 400; + letter-spacing: normal; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--headline4 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 2.125rem; + line-height: 2.5rem; + font-weight: 400; + letter-spacing: 0.00735em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--headline5 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.5rem; + line-height: 2rem; + font-weight: 400; + letter-spacing: normal; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--headline6 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--subtitle1 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--subtitle2 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.375rem; + font-weight: 500; + letter-spacing: 0.00714em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--body1 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.5rem; + font-weight: 400; + letter-spacing: 0.03125em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--body2 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--caption { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.75rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.03333em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--button { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 2.25rem; + font-weight: 500; + letter-spacing: 0.08929em; + text-decoration: none; + text-transform: uppercase; } + +.mdc-typography--overline { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.75rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.16667em; + text-decoration: none; + text-transform: uppercase; } + +/*------------------------------------------------------------------ +[5. Cryptum Components] +------------------------------------------------------------------*/ +/** + * Crypto Global Styles + */ +.crypto-social-circle-icon { + font-size: 12px; + line-height: 24px; + width: 24px; + height: 24px; + text-align: center; + padding: 0; + margin-right: 8px; + color: #ffffff; + border-radius: 50%; + -ms-flex-negative: 0; + flex-shrink: 0; } + .crypto-social-circle-icon--message { + background: #00a2ec; } + .crypto-social-circle-icon--facebook { + background: #395a93; } + .crypto-social-circle-icon--slack { + background: #e51160; } + .crypto-social-circle-icon--twitter { + background: #00a3ec; } + .crypto-social-circle-icon--spotify { + background: #00b962; } + +.crypto-badge { + min-width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + border-radius: 50%; + font-size: 10px; + font-weight: 500; + display: block; } + .crypto-badge--primary { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); + background: #77216F; + /* @alternate */ + background: var(--mdc-theme-primary, #77216F); } + .crypto-badge--secondary { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #000); + background: #FF8F68; + /* @alternate */ + background: var(--mdc-theme-secondary, #FF8F68); } + .crypto-badge--mini { + min-width: 16px; + height: 16px; + line-height: 16px; } + +.crypto-dashboard { + background-color: #fafafa; + min-height: 100%; } + .crypto-marquee + .crypto-dashboard { + min-height: calc(100% - 112px); } + +.crypto-widget { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 72px; } + .crypto-widget--fullheight { + height: 100%; } + .crypto-widget--fullheight .crypto-widget__card { + height: 100%; } + .crypto-widget--margin-bottom { + margin-bottom: 144px; } + +.crypto-widget__heading { + text-transform: uppercase; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 0 0 24px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + max-width: 480px; } + .crypto-widget__heading--nomargin { + margin-bottom: 0; } + .crypto-widget__heading--fullwidth { + max-width: 100%; } + +.crypto-widget__heading-border { + height: 1px; + background: #77216F; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin-left: 16px; } + [dir="rtl"] .crypto-widget__heading-border, .crypto-widget__heading-border[dir="rtl"] { + margin-left: 0; + margin-right: 16px; } + +.crypto-widget__card { + -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); + -webkit-transition: -webkit-box-shadow .3s; + transition: -webkit-box-shadow .3s; + transition: box-shadow .3s; + transition: box-shadow .3s, -webkit-box-shadow .3s; } + .crypto-widget__card:hover { + -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); + box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); } + .crypto-widget__card--rounded { + border-radius: 4px; } + +.crypto-widget__card-content { + padding: 16px; } + .crypto-widget__card-content--extra { + padding: 24px; } + +.crypto-widget__card--minigraphs { + display: grid; + grid-template-columns: auto 1fr; + white-space: nowrap; + overflow: hidden; + height: 100%; } + .crypto-widget__card--minigraphs .crypto-widget__card-content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; } + .crypto-widget__card--minigraphs .material-icons { + font-size: 1rem; + width: 1.5rem; + text-align: center; } + +.crypto-widget__canvas { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + .crypto-widget__canvas canvas { + max-width: 100%; + min-height: 100%; } + +.crypto-widget__menu-icon { + color: inherit; } + +.crypto-widget-primary .mdc-card { + background-color: #77216F; + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); } + +.crypto-widget__card-icons-dots { + font-size: 21px; } + +.crypto-widget__card-icons-dots__icon { + position: relative; } + .crypto-widget__card-icons-dots__icon span { + width: 10px; + height: 10px; + display: block; + position: absolute; + top: 0; + left: 51%; + border-radius: 50%; + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-animation-duration: 4s; + animation-duration: 4s; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + background: #FF8F68; + /* @alternate */ + background: var(--mdc-theme-secondary, #FF8F68); } + [dir="rtl"] .crypto-widget__card-icons-dots__icon span, .crypto-widget__card-icons-dots__icon span[dir="rtl"] { + left: auto; + right: 51%; } + +.crypto-widget__card-icons-dots > div:nth-child(1) span { + -webkit-animation-delay: 0s; + animation-delay: 0s; } + +.crypto-widget__card-icons-dots > div:nth-child(2) span { + -webkit-animation-delay: .3s; + animation-delay: .3s; + background: #ffa282; } + +.crypto-widget__card-icons-dots > div:nth-child(3) span { + -webkit-animation-delay: .6s; + animation-delay: .6s; + background: #ffb59b; } + +@-webkit-keyframes bounce { + 0%, 20% { + -webkit-transform: translateY(0px); + transform: translateY(0px); } + 10% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + opacity: 0.65; } } + +@keyframes bounce { + 0%, 20% { + -webkit-transform: translateY(0px); + transform: translateY(0px); } + 10% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + opacity: 0.65; } } + +.mdc-card__crypto-counter { + font-weight: lighter !important; + margin-bottom: 64px; + margin-top: 0; } + +.mdc-card__crypto-divider { + height: 1px; + background-color: rgba(255, 255, 255, 0.2); } + +.mdc-tab-bar--crypto-border-bottom { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + height: auto; } + +/* mdc-tab-bar is by default display:table which + makes the tab nav overlap with the content */ +.mdc-tab-bar--crypto-display-block { + display: block; + -ms-flex-negative: 0; + flex-shrink: 0; + margin: 0; + height: initial; } + +.mdc-tab__crypto-stat-tab { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: 86px; } + +.mdc-tab__crypto-stat-caption { + margin-left: 0; + /* To do rtl */ } + [dir="rtl"] .mdc-tab__crypto-stat-caption, .mdc-tab__crypto-stat-caption[dir="rtl"] { + margin-right: 0; } + +.mdc-tab__crypto-stat-icon { + font-size: .85em; + width: 1.5em; + height: 1em; + line-height: 1em; } + +.mdc-tab__crypto-stat-caption--trend-up { + color: #4caf50; } + +.mdc-tab__crypto-stat-caption--trend-down { + color: #f44336; } + +.mdc-tab--crypto-link { + padding: 0 24px; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + opacity: .6; + min-width: 160px; + text-align: center; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + white-space: nowrap; + vertical-align: top; + text-decoration: none; + text-transform: capitalize; + position: relative; + overflow: hidden; } + +.crypto-analytics-panel { + padding: 24px; + height: 300px; } + +.crypto-table-widget { + max-width: 100%; + overflow: auto; } + +.crypto-table-widget--thumbnail { + width: 24px; + border-radius: 4px; } + +.crypto-tab-sessions-chart { + padding: 24px; + position: relative; + height: 200px; } + +.crypto-sessions-flex { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + max-height: 100%; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +.crypto-widget__actions { + justify-self: end; } + +.crypto-sessions-flex__item { + -webkit-box-flex: 1; + -ms-flex: 1 1 100%; + flex: 1 1 100%; } + +.crypto-table-tab-panel.crypto-table-tab-panel--active { + display: table; } + +.crypto-table-tab-panel { + display: none; } + +.crypto-map { + position: absolute; + width: 100%; + height: 100%; + top: 0; } + @media (max-width: 479px) { + .crypto-map { + position: relative; + margin-top: -160px; } } + .crypto-map .mdc-list { + padding: 0; } + .crypto-map .mdc-card { + margin-bottom: 24px; + position: relative; } + .crypto-map .crypto-card__pin .crypto-card__content { + padding: 120px 30px 30px; } + +.crypto-maps-contact-detail-card__pin { + background: #fff; + width: 24px; + height: 24px; + border-radius: 50% 50% 50% 0; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + left: 50%; + top: 55px; + margin: -12px 0 0 -12px; + -webkit-animation-name: crypto-maps-contact-detail-card__pin; + animation-name: crypto-maps-contact-detail-card__pin; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-duration: 1s; + animation-duration: 1s; + background: #fff; + /* @alternate */ + background: var(--mdc-theme-background, #fff); + z-index: 2; } + .crypto-maps-contact-detail-card__pin:after { + content: ''; + width: 8px; + height: 8px; + margin: 8px 0 0 8px; + position: absolute; + left: 0; + border-radius: 50%; + background: #FF8F68; + /* @alternate */ + background: var(--mdc-theme-secondary, #FF8F68); } + +.crypto-maps-contact-detail-card__pulse { + border-radius: 50%; + height: 14px; + width: 14px; + position: absolute; + left: 50%; + top: 55px; + margin: 11px 0px 0px -7px; + -webkit-transform: rotateX(55deg); + transform: rotateX(55deg); + z-index: 1; + background: #ff6935; } + .crypto-maps-contact-detail-card__pulse:after { + content: ""; + border-radius: 50%; + height: 40px; + width: 40px; + position: absolute; + margin: -13px 0 0 -13px; + -webkit-animation: crypto-maps-contact-detail-card__pulse 1s ease-out; + animation: crypto-maps-contact-detail-card__pulse 1s ease-out; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + opacity: 0; + -webkit-animation-delay: 1.1s; + animation-delay: 1.1s; + -webkit-box-shadow: 0 0 1px 2px #FF8F68; + box-shadow: 0 0 1px 2px #FF8F68; + left: 0; } + +@-webkit-keyframes crypto-maps-contact-detail-card { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } } + +@keyframes crypto-maps-contact-detail-card { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } } + +@-webkit-keyframes crypto-maps-contact-detail-card__pulse { + 0% { + -webkit-transform: scale(0.1, 0.1); + transform: scale(0.1, 0.1); + opacity: 0.0; } + 50% { + opacity: 1.0; } + 100% { + -webkit-transform: scale(1.2, 1.2); + transform: scale(1.2, 1.2); + opacity: 0; } } + +@keyframes crypto-maps-contact-detail-card__pulse { + 0% { + -webkit-transform: scale(0.1, 0.1); + transform: scale(0.1, 0.1); + opacity: 0.0; } + 50% { + opacity: 1.0; } + 100% { + -webkit-transform: scale(1.2, 1.2); + transform: scale(1.2, 1.2); + opacity: 0; } } + +@-webkit-keyframes crypto-maps-contact-detail-card__pin { + 0% { + opacity: 0; + -webkit-transform: translateY(-1000px) rotate(-45deg); + transform: translateY(-1000px) rotate(-45deg); } + 60% { + opacity: 1; + -webkit-transform: translateY(30px) rotate(-45deg); + transform: translateY(30px) rotate(-45deg); } + 80% { + -webkit-transform: translateY(-10px) rotate(-45deg); + transform: translateY(-10px) rotate(-45deg); } + 100% { + -webkit-transform: translateY(0) rotate(-45deg); + transform: translateY(0) rotate(-45deg); } } + +@keyframes crypto-maps-contact-detail-card__pin { + 0% { + opacity: 0; + -webkit-transform: translateY(-1000px) rotate(-45deg); + transform: translateY(-1000px) rotate(-45deg); } + 60% { + opacity: 1; + -webkit-transform: translateY(30px) rotate(-45deg); + transform: translateY(30px) rotate(-45deg); } + 80% { + -webkit-transform: translateY(-10px) rotate(-45deg); + transform: translateY(-10px) rotate(-45deg); } + 100% { + -webkit-transform: translateY(0) rotate(-45deg); + transform: translateY(0) rotate(-45deg); } } + +.pace-on { + opacity: 0; } + .pace-on.pace-running, .pace-on.pace-done { + opacity: 1; } + +.pace { + position: fixed; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 100%; + height: 100%; + opacity: 1; + -webkit-transition: opacity .75s 0s, height 0s .75s; + transition: opacity .75s 0s, height 0s .75s; + z-index: 100; + background: #f9f6f8; } + .pace.pace-inactive { + height: 0; + opacity: 0; } + +.pace-progress { + background: #fff; + /* @alternate */ + background: var(--mdc-theme-background, #fff); + position: fixed; + z-index: 101; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; } + +.pace-progress-inner { + width: 100px; + height: 100px; + position: absolute; } + +.crypto-loader { + position: absolute; + top: calc(50% - 50px); + left: calc(50% - 50px); + z-index: 102; } + .pace-done .crypto-loader { + display: none; } + +.crypto-loader, .crypto-loader:before, .crypto-loader:after { + position: absolute; + border: 3px solid transparent; + border-top: 3px solid #77216F; + border-radius: 50%; + -webkit-animation: rotate linear infinite; + animation: rotate linear infinite; + content: ''; } + +.crypto-loader { + height: 100px; + width: 100px; + -webkit-animation-duration: 1.05s; + animation-duration: 1.05s; } + +.crypto-loader:before { + height: 75px; + width: 75px; + top: 10px; + left: 10px; + -webkit-animation-duration: 10s; + animation-duration: 10s; + border-top: 3px solid #FF8F68; } + +.crypto-loader:after { + height: 50px; + width: 50px; + top: 22px; + left: 22px; + -webkit-animation-duration: 4s; + animation-duration: 4s; + border-top: 3px solid var(--mdc-theme-secondary-500); } + +@-webkit-keyframes rotate { + from { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); } + to { + -webkit-transform: rotateZ(0deg); + transform: rotateZ(0deg); } } + +@keyframes rotate { + from { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); } + to { + -webkit-transform: rotateZ(0deg); + transform: rotateZ(0deg); } } + +.crypto-wallet-overview { + display: grid; + grid-template-columns: 1fr auto; } + +.crypto-wallet-overview__balance { + min-height: 60px; } + +.crypto-wallet-overview__value { + grid-row: 1/3; } + +.crypto-wallet-overview__stats, +.crypto-wallet-overview__market-value { + justify-self: end; + opacity: 0.65; } + +.crypto-wallet-overview__market-value { + -ms-flex-item-align: end; + align-self: end; } + +.crypto-wallet-overview__stats--up { + color: #539a0a; } + +.crypto-wallet-overview__stats--down { + color: #d23f0b; } + +.crypto-wallet-form-panel { + padding: 48px 0 0; } + +.crypto-wallet-form-panel--actions { + margin-top: 48px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + +.crypto-wallet a { + display: grid !important; + grid-template-columns: 1fr 60px; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.crypto-wallet--new a { + border: 1px dashed rgba(0, 0, 0, 0.1); + padding: 16px; + border-radius: 2px; } + +.crypto-wallet__name { + margin: 0; + opacity: 0.65; } + +.crypto-wallet__value { + margin: 0; + grid-column-start: 1; + grid-row: 2/4; + opacity: 0.85; } + +.crypto-wallet__stats { + grid-row: 2/3; + opacity: 0.65; + justify-self: end; } + .crypto-wallet__stats--up { + color: #539a0a; } + .crypto-wallet__stats--down { + color: #d23f0b; } + +.crypto-wallet__market { + grid-row: 3/4; + -ms-flex-item-align: end; + align-self: end; + justify-self: end; + opacity: 0.65; } + +.crypto-wallet__border { + height: 100%; + width: 2px; + position: absolute; + left: 0; + top: 0; } + +.crypto-marquee__wrapper { + position: relative; + width: 100%; + height: 136px; + overflow: hidden; + margin-top: -36px; + -webkit-transform: none !important; + transform: none !important; } + @media (max-width: 479px) { + .crypto-marquee__wrapper { + margin-top: 0; } } + +.crypto-marquee { + position: absolute; + z-index: 1; + -webkit-box-shadow: inset 0px -24px 26px 0 rgba(0, 0, 0, 0.05); + box-shadow: inset 0px -24px 26px 0 rgba(0, 0, 0, 0.05); + background: rgba(255, 255, 255, 0.2); + height: 136px; + overflow: hidden; + left: 0; + top: 0; } + +.crypto-marquee__item { + min-width: 240px; + padding: 36px 24px; + display: inline-grid !important; + grid-template-columns: auto 1fr; + grid-template-rows: 1fr 1fr; + grid-gap: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 1rem; + line-height: 1rem; + margin: 0; + font-weight: 500; + border-left: 1px solid rgba(0, 0, 0, 0.075); } + +.crypto-marquee__item-logo { + font-size: 1rem; + line-height: 1rem; + margin: 0; + font-weight: 500; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .crypto-marquee__item-logo span { + padding: 0 6px; + opacity: 0.45; } + +.crypto-marquee__item-logo-img { + fill: #77216F; } + +.crypto-marquee__item-percentage { + justify-self: end; + opacity: 0.85; } + .crypto-marquee__item-percentage .material-icons { + font-size: 1rem; + line-height: 1rem; } + +.crypto-marquee__item-value { + font-size: 1.6875rem; + line-height: 1.05; + opacity: 0.85; } + .crypto-marquee__item-value small { + opacity: .5; + font-size: 1.25rem; } + +.crypto-marquee__item-difference { + -ms-flex-item-align: end; + align-self: end; + justify-self: end; + opacity: 0.85; } + +.crypto-transactions-list { + list-style-type: none; + padding: 0; + margin: 0; } + +.crypto-transactions-list__labels, +.crypto-transactions-list__item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; } + .crypto-transactions-list__labels th, .crypto-transactions-list__labels td, + .crypto-transactions-list__item th, + .crypto-transactions-list__item td { + text-transform: uppercase; + opacity: 0.65; + padding: 16px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + .crypto-transactions-list__labels a, + .crypto-transactions-list__item a { + width: 48px; } + @media (max-width: 479px) { + .crypto-transactions-list__labels a, + .crypto-transactions-list__item a { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 0; } } + .crypto-transactions-list__labels a .material-icons, + .crypto-transactions-list__item a .material-icons { + -webkit-transition: all linear .4s; + transition: all linear .4s; } + [dir="rtl"] .crypto-transactions-list__labels a .material-icons, .crypto-transactions-list__labels a .material-icons[dir="rtl"], [dir="rtl"] + .crypto-transactions-list__item a .material-icons, + .crypto-transactions-list__item a .material-icons[dir="rtl"] { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + .crypto-transactions-list__labels a.rotated .material-icons, + .crypto-transactions-list__item a.rotated .material-icons { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + @media (max-width: 479px) { + .crypto-transactions-list__labels, + .crypto-transactions-list__item { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; } } + +.crypto-transactions-list__item--details td { + padding: 0 !important; + overflow: hidden; + white-space: normal; + text-align: center !important; } + +.crypto-transactions-list__item--details .mdc-layout-grid { + height: 0; + opacity: 0; + padding: 0; + -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); + transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } + +.crypto-transactions-list__item--details.expanded .mdc-layout-grid { + height: 150px; + opacity: 1; } + +.crypto-transactions-list__labels span:last-child, .crypto-transactions-list__labels th:last-child { + width: 48px; } + +@media (max-width: 479px) { + .crypto-transactions-list__labels { + display: none; } } + +.crypto-transactions-list__item { + border-top: 1px solid rgba(0, 0, 0, 0.04); + margin-bottom: 6px; + -webkit-transition: all .4s; + transition: all .4s; } + .crypto-transactions-list__item span, + .crypto-transactions-list__item a, .crypto-transactions-list__item td { + opacity: 1; } + +tbody.crypto-transactions-list__separator { + background: transparent !important; } + tbody.crypto-transactions-list__separator td { + padding: 0; + height: 8px !important; } + +.crypto-transactions-list__status--confirmed, +.crypto-transactions-list__status--pending, +.crypto-transactions-list__status--rejected { + opacity: 0.65 !important; } + +.crypto-transactions-list__status--confirmed { + color: #539a0a; } + +.crypto-transactions-list__status--pending { + color: #77216F; } + +.crypto-transactions-list__status--rejected { + color: #d23f0b; } + +.mdc-layout-grid__cell { + padding: 16px; } + +.crypto-price-list { + list-style-type: none; + margin: 0; + padding: 0; } + +.crypto-price-list__coin { + display: grid; + grid-template-columns: 1fr auto; + margin-bottom: 16px; + position: relative; + border-radius: 4px; + overflow: hidden; + padding-left: 16px; } + [dir="rtl"] .crypto-price-list__coin, .crypto-price-list__coin[dir="rtl"] { + padding-left: 0; + padding-right: 16px; } + +.crypto-price-list__coin-value { + margin: 0; + grid-column: 1; } + +.crypto-price-list__coin-name { + opacity: 0.65; } + +.crypto-price-list__coin-performance { + -ms-flex-item-align: end; + align-self: end; + justify-self: end; + opacity: 0.65; } + .crypto-price-list__coin-performance--up { + color: #539a0a; } + .crypto-price-list__coin-performance--down { + color: #d23f0b; } + +.crypto-price-list__border { + width: 2px; + height: 100%; + position: absolute; + left: 0; + top: 0; } + [dir="rtl"] .crypto-price-list__border, .crypto-price-list__border[dir="rtl"] { + left: auto; + right: 0; } + +.crypto-coin { + display: grid !important; + grid-column-gap: 16px; + grid-template-columns: 1fr auto 140px; } + +.crypto-coin__name { + margin: 0; + opacity: 0.65; + margin-top: 16px; } + +.crypto-coin__value { + grid-row: 2/4; + -ms-flex-item-align: end; + align-self: end; + white-space: nowrap; + margin: 0; + margin-bottom: 16px; } + +.crypto-coin__market { + opacity: 0.65; + grid-row: 2; + -ms-flex-item-align: end; + align-self: end; + justify-self: end; + line-height: 1; } + +.crypto-coin__stats { + grid-row: 3; + grid-column: 2; + -ms-flex-item-align: end; + align-self: end; + justify-self: end; + opacity: 0.65; + margin-bottom: 16px; + line-height: 1; } + .crypto-coin__stats--up { + color: #539a0a; } + .crypto-coin__stats--down { + color: #d23f0b; } + +.crypto-coin__chart { + grid-column: 3; + grid-row: 1/4; + opacity: .5; } + +.crypto-coin__border { + position: absolute; + width: 2px; + height: 100%; + left: 0; + top: 0; } + [dir="rtl"] .crypto-coin__border, .crypto-coin__border[dir="rtl"] { + left: auto; + right: 0; } + +.crypto-coin-select { + min-width: 60px; + margin-left: 16px; } + +.crypto-profile { + display: grid; + grid-template-columns: 60px 60px 1fr; + grid-column-gap: 16px; } + +.crypto-profile__image { + grid-row: 1/3; + border-radius: 50%; + -webkit-box-shadow: 0px 0px 0px 2px #77216F; + box-shadow: 0px 0px 0px 2px #77216F; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -ms-flex-item-align: center; + align-self: center; } + .crypto-profile__image img { + max-width: 100%; + border-radius: 50%; + display: block; } + +.settings-form-panels { + width: 100%; + position: relative; } + +.crypto-settings-form-panel { + -webkit-transition: all .5s; + transition: all .5s; + -webkit-transform: translateX(20px); + transform: translateX(20px); + opacity: 0; + position: relative; + z-index: 1; } + .crypto-settings-form-panel:not(:first-child) { + position: absolute; + width: 100%; + top: 0; + left: 0; } + .crypto-settings-form-panel--active { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + z-index: 2; } + +.crypro-login-container { + display: grid; + grid-template-columns: 400px 1fr; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-image: url(../images/login-bg.jpg); + background-size: cover; } + @media (min-width: 480px) and (max-width: 1279px) { + .crypro-login-container { + grid-template-columns: 320px 1fr; } } + @media (max-width: 479px) { + .crypro-login-container { + grid-template-columns: 1fr; } } + +.crypro-login-container__box { + -webkit-box-shadow: inset -24px 0 26px 0 rgba(0, 0, 0, 0.05); + box-shadow: inset -24px 0 26px 0 rgba(0, 0, 0, 0.05); + height: 100%; + background: white; + padding: 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + +/** + * Crypto MDC modifications + */ +.mdc-card--crypto-fullheight { + height: 100%; } + +.mdc-card--space-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + +.mdc-card--crypto-space-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; } + +.crypto-card--horizontal .mdc-layout-grid { + padding: 0; } + +.crypto-card--horizontal .mdc-layout-grid__inner { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + grid-gap: 16px; } + @media (min-width: 480px) and (max-width: 1279px) { + .crypto-card--horizontal .mdc-layout-grid__inner { + grid-template-columns: 1fr; } } + +.crypto-card--horizontal .crypto-card__content--column { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + height: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.crypto-card__content--column-actions { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-top: 24px; } + .crypto-card__content--column-actions > * { + -webkit-box-flex: 1; + -ms-flex: 1 1 50%; + flex: 1 1 50%; } + .crypto-card__content--column-actions.crypto-card__content--column-actions-vertical { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .crypto-card__content--column-actions.crypto-card__content--column-actions-vertical > * { + margin-top: 24px; } + +.crypto-card__title { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 24px; } + .crypto-card__title.crypto-card__title--vertical { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.crypto-card__logo { + max-height: 36px; } + .crypto-card__title--vertical .crypto-card__logo { + max-height: none; } + +.crypto-card--headline { + margin: 0; + font-size: 24px; + line-height: 24px; + font-weight: 500; + padding: 0 16px; } + +.crypto-card__16-9-media { + background-image: url("http://via.placeholder.com/300x200"); + background-size: cover; + background-repeat: no-repeat; + height: 12.313rem; } + +.crypto-card__header { + padding: 16px; } + .crypto-card--hero .crypto-card__header { + padding: 48px; } + +.crypto-card__header--title { + font-size: 1.1rem; + line-height: 2rem; + letter-spacing: normal; + font-weight: 500; + margin: 0; } + +.crypto-card__header--subtitle { + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.04em; + margin: 0; } + +.crypto-card__content { + padding: 16px; } + .crypto-card--hero .crypto-card__content { + padding: 48px; } + .crypto-card__header + .crypto-card__content { + padding-top: 0; } + +/* Cards with avatar */ +.crypto-card__header--avatar { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + max-height: 100%; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; } + +.crypto-card__header__avatar { + border-radius: 50%; } + +.crypto-card__header__heading { + padding: 0 16px; } + +.crypto-clients-table { + overflow-x: auto; } + +.mdl-data-table { + position: relative; + width: 100%; + border-collapse: collapse; + white-space: nowrap; + line-height: 1; } + +.mdl-data-table thead { + padding-bottom: 3px; } + +.mdl-data-table tbody { + border-top: 1px solid rgba(0, 0, 0, 0.04); + border-bottom: 1px solid rgba(0, 0, 0, 0.04); + -webkit-box-shadow: 0px 2px 4px -1px rgba(255, 255, 255, 0.2), 0px 4px 5px 0px rgba(255, 255, 255, 0.14), 0px 1px 10px 0px rgba(255, 255, 255, 0.12); + box-shadow: 0px 2px 4px -1px rgba(255, 255, 255, 0.2), 0px 4px 5px 0px rgba(255, 255, 255, 0.14), 0px 1px 10px 0px rgba(255, 255, 255, 0.12); + background: rgba(249, 246, 248, 0.5); + margin-bottom: 6px; + -webkit-transition: all .3s; + transition: all .3s; } + .mdl-data-table tbody:hover { + -webkit-box-shadow: 0px 11px 15px -7px rgba(255, 255, 255, 0.2), 0px 24px 38px 3px rgba(255, 255, 255, 0.14), 0px 9px 46px 8px rgba(255, 255, 255, 0.12); + box-shadow: 0px 11px 15px -7px rgba(255, 255, 255, 0.2), 0px 24px 38px 3px rgba(255, 255, 255, 0.14), 0px 9px 46px 8px rgba(255, 255, 255, 0.12); + background-color: rgba(0, 0, 0, 0.04); } + .mdl-data-table tbody tr { + position: relative; + -webkit-transition-duration: 0.28s; + transition-duration: 0.28s; + -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -webkit-transition-property: background-color; + transition-property: background-color; } + +.mdl-data-table td, .mdl-data-table th { + padding: 0 18px 12px 18px; + text-align: right; } + +.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { + padding-left: 24px; } + +.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type { + padding-right: 24px; } + +.mdl-data-table td { + position: relative; + vertical-align: middle; + padding-top: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + .mdl-data-table td i { + color: #FF8F68; } + .mdl-data-table td a i { + color: #77216F; } + +.mdl-data-table th { + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-size: 14px; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 48px; + font-size: 12px; + padding-bottom: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric { + text-align: left; } + +.mdl-data-table__cell--icon.mdl-data-table__cell--icon { + text-align: center; } + +.crypto-table-footer { + font-size: 12px; } + [dir="rtl"] .crypto-table-footer .crypto-table-footer--icon-left, .crypto-table-footer .crypto-table-footer--icon-left[dir="rtl"], [dir="rtl"] .crypto-table-footer .crypto-table-footer--icon-right, .crypto-table-footer .crypto-table-footer--icon-right[dir="rtl"] { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +.mdc-list--crypto-weather .mdc-list-item__graphic { + width: 48px; + height: 48px; } + +.mdc-list--crypto-weather .mdc-list-item__meta { + font-size: 32px; + font-weight: 300; } + +.mdc-list-item__text { + overflow: hidden; } + +.mdc-list-item__secondary-text { + overflow: hidden; + text-overflow: ellipsis; } + +.mdc-list--crypto-schedule .mdc-list-item__secondary-text i { + font-size: 12px; + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } + +.mdc-toolbar--crypto-no-shrink { + -ms-flex-negative: 0; + flex-shrink: 0; + z-index: 5; } + .mdc-toolbar--crypto-no-shrink + .mdc-toolbar--crypto-no-shrink { + z-index: 4; } + +.mdc-toolbar .mdc-toolbar__icon { + position: relative; + color: inherit; } + .mdc-toolbar .mdc-toolbar__icon:focus { + outline: none; } + +.mdc-toolbar small { + line-height: 24px; } + +.mdc-toolbar__logo { + height: 64px; } + +.mdc-toolbar__logo + .mdc-toolbar__title { + margin-left: 6px; } + [dir="rtl"] .mdc-toolbar__logo + .mdc-toolbar__title, .mdc-toolbar__logo + .mdc-toolbar__title[dir="rtl"] { + margin-left: auto; + margin-right: 6px; } + +.mdc-toolbar__row { + min-height: 64px !important; } + +.mdc-toolbar__section--align-start { + padding-left: 4px !important; } + +.mdc-text-field--transparent:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { + background: transparent; } + +.crypto-sidenav { + height: 100%; + background: #fdfcfd; + overflow-x: hidden; + overflow-y: auto; + width: 160px; + -ms-flex-negative: 0; + flex-shrink: 0; } + @media (max-width: 479px) { + .crypto-sidenav { + width: 100%; + -ms-flex-negative: initial; + flex-shrink: initial; + height: 64px; } } + +.crypto-navigation { + -webkit-box-shadow: inset -24px 0 26px 0 rgba(0, 0, 0, 0.05); + box-shadow: inset -24px 0 26px 0 rgba(0, 0, 0, 0.05); + height: 100%; + background: #fdfcfd; } + [dir="rtl"] .crypto-navigation, .crypto-navigation[dir="rtl"] { + -webkit-box-shadow: inset 24px 0 26px 0 rgba(0, 0, 0, 0.05); + box-shadow: inset 24px 0 26px 0 rgba(0, 0, 0, 0.05); } + @media (max-width: 479px) { + .crypto-navigation { + height: 64px; + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 1; + -webkit-box-shadow: inset 0 -12px 26px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0 -12px 26px 0 rgba(0, 0, 0, 0.1); } + [dir="rtl"] .crypto-navigation, .crypto-navigation[dir="rtl"] { + left: auto; + right: 0; } } + +.crypto-navigation__logo { + display: block; + text-align: center; + padding: 60px 0; } + @media (max-width: 479px) { + .crypto-navigation__logo { + display: none; } } + +.crypto-navigation__logo-image { + max-width: 160px; } + +.crypto-navigation__list { + list-style-type: none; + padding: 0; + margin: 0; + width: 160px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + @media (max-width: 479px) { + .crypto-navigation__list { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: distribute; + justify-content: space-around; + width: 100%; + height: 64px; } } + +.crypto-navigation__list-item { + text-align: center; } + .crypto-navigation__list-item a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 24px 16px; + height: 72px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: height .4s; + transition: height .4s; + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; } + .crypto-navigation__list-item a::before, .crypto-navigation__list-item a::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .crypto-navigation__list-item a::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .crypto-navigation__list-item a.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .crypto-navigation__list-item a.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .crypto-navigation__list-item a.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .crypto-navigation__list-item a.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .crypto-navigation__list-item a.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .crypto-navigation__list-item a::before, .crypto-navigation__list-item a::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .crypto-navigation__list-item a.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .crypto-navigation__list-item a::before, .crypto-navigation__list-item a::after { + background-color: #f9f6f8; } + .crypto-navigation__list-item a:hover::before { + opacity: 0.1; } + .crypto-navigation__list-item a:not(.mdc-ripple-upgraded):focus::before, .crypto-navigation__list-item a.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.2; } + .crypto-navigation__list-item a:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .crypto-navigation__list-item a:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.4; } + .crypto-navigation__list-item a.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.4; } + @media (max-width: 479px) { + .crypto-navigation__list-item a { + padding: 20px 8px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 64px; + width: 40px; + -webkit-transition: none; + transition: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } } + .crypto-navigation__list-item.crypto-navigation__list-item--active a, + .crypto-navigation__list-item a:hover { + height: 112px; } + @media (max-width: 479px) { + .crypto-navigation__list-item.crypto-navigation__list-item--active a, + .crypto-navigation__list-item a:hover { + height: 64px; + width: auto; } } + +.crypto-navigation__list-item__label { + opacity: 0; + -webkit-transform: translateY(12px); + transform: translateY(12px); + -webkit-transition: all .4s; + transition: all .4s; + padding-top: 8px; } + .crypto-navigation__list-item--active .crypto-navigation__list-item__label, + .crypto-navigation__list-item:hover .crypto-navigation__list-item__label { + opacity: 1; + -webkit-transform: translateY(0px); + transform: translateY(0px); } + @media (max-width: 479px) { + .crypto-navigation__list-item__label { + padding-top: 0; + width: 0; + overflow: hidden; + -webkit-transition: none; + transition: none; } + .crypto-navigation__list-item--active .crypto-navigation__list-item__label { + width: auto; + padding-left: 8px; } } + +.crypto-navigation__list-item__icon { + color: rgba(0, 0, 0, 0.65); + -webkit-transition: color .4s, opacity .5s; + transition: color .4s, opacity .5s; + opacity: 0.3; } + .crypto-navigation__list-item--active .crypto-navigation__list-item__icon, + .crypto-navigation__list-item:hover .crypto-navigation__list-item__icon { + color: #77216F; + opacity: 1; } + +.crypto-navigation__list-item__badge { + display: block; + position: absolute; + min-width: 16px; + height: 16px; + border-radius: 50%; + background: #77216F; + color: #fff; + font-weight: bold; + text-align: center; + font-size: .7rem; + line-height: 16px; + left: 55%; + top: 16px; } + [dir="rtl"] .crypto-navigation__list-item__badge, .crypto-navigation__list-item__badge[dir="rtl"] { + left: auto; + right: 55%; } + @media (max-width: 479px) { + .crypto-navigation__list-item__badge { + left: 24px; } + [dir="rtl"] .crypto-navigation__list-item__badge, .crypto-navigation__list-item__badge[dir="rtl"] { + left: auto; + right: 24px; } } + +/** + * Crypto Layouts + */ +@media (max-width: 960px) { + .crypto-wrapper__sidenav { + display: none; } } + +@media (min-width: 961px) { + .crypto-toolbar { + display: none; } } + +.crypto-burger-menu-icon--compact { + display: none; } + +.crypto-menu-button.mdc-button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + width: 100%; + height: 96px; + padding: 16px; + position: relative; + color: inherit; + line-height: 1; + font-weight: 400; + text-transform: none; } + +.crypto-menu-button__icon { + font-size: 16px; + width: 24px; + height: 24px; + line-height: 24px; + margin-bottom: 8px; } + +.crypto-menu-button__badge { + min-width: 16px; + height: 16px; + line-height: 16px; + position: absolute; + left: 52%; + top: 16px; } + [dir="rtl"] .crypto-menu-button__badge, .crypto-menu-button__badge[dir="rtl"] { + left: auto; + right: 52%; } + +.crypto-wallet-form-panel.crypto-wallet-form-panel--active { + display: block; } + +.crypto-wallet-form-panel { + display: none; } + +.crypto-widget--login { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .crypto-widget--login .crypto-widget__content { + width: 400px; } + .crypto-widget--login .crypto-widget__content .crypto-login-form { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 20px; } + .crypto-widget--login .crypto-login-form { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .crypto-widget--login .mdc-form-field { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 10px 0; } + .crypto-widget--login .mdc-form-field .material-icons { + font-size: 14px; } + +.mdc-theme--secondary-bg-gradient { + background: linear-gradient(125deg, #FF8F68, #ff6935); } + +.crypto-card--error { + -webkit-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -webkit-animation: crypto-card--error 1s forwards 1; + animation: crypto-card--error 1s forwards 1; + -webkit-animation-delay: 0.6s; + animation-delay: 0.6s; + z-index: 1; + position: relative; } + .crypto-card--error:before { + display: block; + position: absolute; + font-size: 50vw; + line-height: 1; + color: #fff; + -webkit-transform: translate3d(-50%, -80px, 0); + transform: translate3d(-50%, -80px, 0); + left: 50%; + z-index: -1; + bottom: 30%; + font-weight: 300; + opacity: 0; + -webkit-animation: crypto-card--error-text 1s forwards 1; + animation: crypto-card--error-text 1s forwards 1; + -webkit-animation-delay: 1.2s; + animation-delay: 1.2s; } + .crypto-card--error.crypto-card--error-404:before { + content: "404"; } + .crypto-card--error.crypto-card--error-500:before { + content: "500"; } + +@-webkit-keyframes crypto-card--error-text { + 0% { + -webkit-transform: translate3d(-50%, -80px, 0); + transform: translate3d(-50%, -80px, 0); + opacity: 0; } + 100% { + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + opacity: 0.1; } } + +@keyframes crypto-card--error-text { + 0% { + -webkit-transform: translate3d(-50%, -80px, 0); + transform: translate3d(-50%, -80px, 0); + opacity: 0; } + 100% { + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + opacity: 0.1; } } + +@-webkit-keyframes crypto-card--error { + 0% { + -webkit-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + opacity: 1; } } + +@keyframes crypto-card--error { + 0% { + -webkit-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + opacity: 1; } } + +/** + * Crypto Elements Demo + */ +.mdc-layout-grid--demo { + /* Buttons */ + /* Linear Progress */ + /* Cards */ + /* Tabs */ + /* Checkbox */ + /* Textfields */ + /* Radio */ } + .mdc-layout-grid--demo .mdc-button { + margin-top: 16px; + margin-bottom: 16px; } + .mdc-layout-grid--demo fieldset { + border: 1px solid rgba(255, 255, 255, 0.5); + -webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.04); + box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.04); + margin-top: 24px; } + .mdc-layout-grid--demo fieldset > div { + padding: 24px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + text-align: center; } + .mdc-layout-grid--demo .mdc-button--outlined.mdc-theme--secondary { + border-color: var(--mdc-theme--secondary); } + .mdc-layout-grid--demo .crypto-linear-progress-demo { + margin-left: auto; + margin-right: auto; + width: 100%; } + .mdc-layout-grid--demo figcaption { + font-size: .7em; + margin-bottom: 48px; + opacity: .7; } + .mdc-layout-grid--demo .demo-linear-progress--custom .mdc-linear-progress__bar-inner { + background-color: #f44336; } + .mdc-layout-grid--demo .crypto-card--demo { + max-width: 360px; + margin: 48px auto; } + .mdc-layout-grid--demo .crypto-card--demo .mdc-card__media { + height: 200px; } + .mdc-layout-grid--demo .crypto-example-tabs { + margin-top: 0; + margin-bottom: 150px; } + .mdc-layout-grid--demo .crypto-example-panels { + text-align: center; + padding: 8px; + border-radius: 4px; + margin-top: 8px; } + .mdc-layout-grid--demo .crypto-checkbox--custom-all::before, .mdc-layout-grid--demo .crypto-checkbox--custom-all::after { + background-color: #f44336; } + .mdc-layout-grid--demo .crypto-checkbox--custom-all .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { + border-color: #f44336; + background-color: rgba(244, 67, 54, 0.25); } + .mdc-layout-grid--demo .crypto-checkbox--custom-all .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-layout-grid--demo .crypto-checkbox--custom-all .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { + border-color: #f44336; + background-color: #f44336; } + .mdc-layout-grid--demo .crypto-checkbox--custom-stroke-and-fill .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { + border-color: #2196f3; + background-color: transparent; } + .mdc-layout-grid--demo .crypto-checkbox--custom-stroke-and-fill .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-layout-grid--demo .crypto-checkbox--custom-stroke-and-fill .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { + border-color: #9c27b0; + background-color: #9c27b0; } + .mdc-layout-grid--demo .mdc-text-field--textarea:not(.mdc-text-field--disabled) textarea { + height: 190px; } + .mdc-layout-grid--demo .mdc-text-field, .mdc-layout-grid--demo .mdc-text-field input { + width: 100%; } + .mdc-layout-grid--demo .mdc-text-field--textarea .mdc-floating-label { + background-color: transparent; } + .mdc-layout-grid--demo .crypto-mdc-text-fields { + height: 150px; } + .mdc-layout-grid--demo .mdc-radio.crypto-radio-custom .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: #f44336; } + .mdc-layout-grid--demo .mdc-radio.crypto-radio-custom .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: #f44336; } + .mdc-layout-grid--demo .mdc-radio.crypto-radio-custom .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { + background-color: #ff9800; } + .mdc-layout-grid--demo .crypto-form-field { + width: 100%; } + +/** + * Crypto Switcher + */ +.crypto-menu-switches { + padding: 36px; + position: fixed; + z-index: 101; + top: 50%; + right: 0; + background: -webkit-gradient(linear, left top, right top, from(#77216F), color-stop(200%, #FF8F68)); + background: linear-gradient(to right, #77216F, #FF8F68 200%); + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-box-shadow: 0px 11px 15px -7px rgba(255, 255, 255, 0.2), 0px 24px 38px 3px rgba(255, 255, 255, 0.14), 0px 9px 46px 8px rgba(255, 255, 255, 0.12); + box-shadow: 0px 11px 15px -7px rgba(255, 255, 255, 0.2), 0px 24px 38px 3px rgba(255, 255, 255, 0.14), 0px 9px 46px 8px rgba(255, 255, 255, 0.12); + -webkit-transition: all .2s; + transition: all .2s; + -webkit-transform: translate3d(100%, -50%, 0); + transform: translate3d(100%, -50%, 0); } + [dir="rtl"] .crypto-menu-switches, .crypto-menu-switches[dir="rtl"] { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + right: auto; + -webkit-transform: translate3d(-100%, -50%, 0); + transform: translate3d(-100%, -50%, 0); + left: 0; + background: -webkit-gradient(linear, right top, left top, from(#77216F), color-stop(200%, #FF8F68)); + background: linear-gradient(to left, #77216F, #FF8F68 200%); } + .crypto-menu-switches.shown { + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); } + .crypto-menu-switches label { + margin-left: 8px; } + +.crypto-menu-switches--handle { + position: absolute; + top: 50%; + right: 100%; + width: 36px; + height: 36px; + background: #77216F; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + text-align: center; + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + cursor: pointer; } + [dir="rtl"] .crypto-menu-switches--handle, .crypto-menu-switches--handle[dir="rtl"] { + right: auto; + left: 100%; + border-top-left-radius: 0%; + border-bottom-left-radius: 0%; + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; } + .crypto-menu-switches--handle i { + display: inline-block; + line-height: 36px; + color: #f9f6f8; + -webkit-transition: all 1s; + transition: all 1s; + font-size: 16px; } + .crypto-menu-switches.shown .crypto-menu-switches--handle i { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + opacity: .75; } + +.switch-wrapper + .switch-wrapper { + margin-top: 24px; } + +/** + * Basic Styling + */ +html, body { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + -webkit-text-size-adjust: 100%; + -webkit-font-kerning: auto; + font-kerning: auto; } + +a { + text-decoration: none; + color: #77216F; } + +.crypto-list { + list-style-type: none; + padding: 0; } + .crypto-list li { + text-indent: 24px; + margin-bottom: 12px; } + .crypto-list li:before { + content: "\E876 "; + font-family: "Material Icons"; + position: relative; + font-size: 12px; + line-height: 21px; + color: #FF8F68; + left: -12px; } + [dir="rtl"] .crypto-list li:before, .crypto-list li:before[dir="rtl"] { + left: auto; + right: -12px; } + .crypto-list.crypto-list--columns-2 { + -webkit-column-count: 2; + column-count: 2; } + +.crypto-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + width: 100%; } + @media (max-width: 479px) { + .crypto-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } } + .crypto-wrapper__sidenav { + z-index: 6; } + .crypto-wrapper__sidenav .mdc-drawer, .crypto-wrapper__sidenav .mdc-drawer.mdc-drawer--open { + height: 100%; } + .crypto-wrapper__sidenav .mdc-drawer--closed { + -webkit-box-shadow: none; + box-shadow: none; } + +.mdc-layout-grid--fullheight { + height: 100%; + width: 100%; } + .mdc-layout-grid--fullheight > .mdc-layout-grid__inner { + height: 100%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +.crypto-main { + -webkit-box-flex: 1; + -ms-flex: 1 1 100%; + flex: 1 1 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-width: 100%; } + .crypto-main__content { + -webkit-box-flex: 1; + -ms-flex: 1 1 100%; + flex: 1 1 100%; + overflow-y: auto; + position: relative; + padding-top: 36px; } + @media (max-width: 479px) { + .crypto-main__content { + padding-top: 0px; } } + +.crypto-hide-scrollbars { + -ms-overflow-style: none; } + .crypto-hide-scrollbars::-webkit-scrollbar { + width: 0; } + +.mdc-tab-bar__indicator { + background-color: #77216F; + /* @alternate */ + background-color: var(--mdc-theme-primary, #77216F); } + +.crypto-tab-panel.crypto-tab-panel--active { + display: block; } + +.crypto-tab-panel { + display: none; } + +.crypto-border-list { + list-style-type: none; + margin: 0; + padding: 0; } + +.crypto-border-list__item { + padding: 16px; + position: relative; + margin-bottom: 16px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 2px; + overflow: hidden; + background: rgba(255, 255, 255, 0.2); + -webkit-box-shadow: 0px 2px 4px -1px rgba(255, 255, 255, 0.2), 0px 4px 5px 0px rgba(255, 255, 255, 0.14), 0px 1px 10px 0px rgba(255, 255, 255, 0.12); + box-shadow: 0px 2px 4px -1px rgba(255, 255, 255, 0.2), 0px 4px 5px 0px rgba(255, 255, 255, 0.14), 0px 1px 10px 0px rgba(255, 255, 255, 0.12); + -webkit-transition: all .3s; + transition: all .3s; } + .crypto-border-list__item--active, .crypto-border-list__item:hover { + background: white; + -webkit-box-shadow: 0px 8px 10px -5px rgba(255, 255, 255, 0.2), 0px 16px 24px 2px rgba(255, 255, 255, 0.14), 0px 6px 30px 5px rgba(255, 255, 255, 0.12); + box-shadow: 0px 8px 10px -5px rgba(255, 255, 255, 0.2), 0px 16px 24px 2px rgba(255, 255, 255, 0.14), 0px 6px 30px 5px rgba(255, 255, 255, 0.12); } + .crypto-border-list__item--dense { + padding: 0 0 0 16px; } + [dir="rtl"] .crypto-border-list__item--dense, .crypto-border-list__item--dense[dir="rtl"] { + padding: 0 16px 0 0px; } + .crypto-border-list__item--large { + padding: 24px; } + +.crypto-border-list__border, +.crypto-border-list__border-hover { + position: absolute; + display: block; + top: 0; + left: 0; + width: 2px; + height: 100%; + -webkit-transition: all .3s; + transition: all .3s; } + [dir="rtl"] .crypto-border-list__border, .crypto-border-list__border[dir="rtl"], [dir="rtl"] + .crypto-border-list__border-hover, + .crypto-border-list__border-hover[dir="rtl"] { + left: auto; + right: 0; } + .crypto-border-list__item:hover .crypto-border-list__border, + .crypto-border-list__item--active .crypto-border-list__border, .crypto-border-list__item:hover + .crypto-border-list__border-hover, + .crypto-border-list__item--active + .crypto-border-list__border-hover { + top: 0; } + +.crypto-border-list__border-hover { + top: 100%; } + +.crypto-border-list__text, +.crypto-border-list__action { + opacity: .45; + -webkit-transition: all .3s; + transition: all .3s; } + .crypto-border-list__item:hover .crypto-border-list__text, + .crypto-border-list__item--active .crypto-border-list__text, .crypto-border-list__item:hover + .crypto-border-list__action, + .crypto-border-list__item--active + .crypto-border-list__action { + opacity: 1; } + [dir="rtl"] .crypto-border-list__text .material-icons, .crypto-border-list__text[dir="rtl"] .material-icons, [dir="rtl"] + .crypto-border-list__action .material-icons, + .crypto-border-list__action[dir="rtl"] .material-icons { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +p { + margin: 0 0 12px; + line-height: 24px; } + +h1 { + line-height: 32px; } + +.crypto-font-weight-light { + font-weight: lighter !important; } + +.crypto-text-align-center { + text-align: center; } + +.crypto-font-size-big { + font-size: 1.75em; } + +.crypto-font-size-small { + font-size: 0.75em; } + +.crypto-text-center { + text-align: center; } + +.crypto-text-light { + font-weight: lighter; } + +.crypto-text-bold { + font-weight: bolder; } + +.crypto-text-medium { + font-weight: 500; } + +.crypto-text-normal { + font-weight: normal; } + +.crypto-margin-top-none { + margin-top: 0; } + +.crypto-margin-bottom-none { + margin-bottom: 0; } + +.crypto-margin-bottom-small { + margin-bottom: 8px; } + +.crypto-margin-bottom-normal { + margin-bottom: 16px; } + +.crypto-margin-bottom-big { + margin-bottom: 24px; } + +.crypto-margin-right-big { + margin-right: 24px; } + +.crypto-margin-none { + margin: 0; } + +.crypto-w-100 { + width: 100%; } + +.crypto-display-flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .crypto-display-flex--column { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .crypto-display-flex__flexed { + -webkit-box-flex: 1; + -ms-flex: 1 1 100%; + flex: 1 1 100%; } + .crypto-display-flex--end { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; } + .crypto-display-flex--start { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; } + .crypto-display-flex--space-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + +@media (min-width: 1280px) { + .crypto-hide-desktop { + display: none; } } + +@media (min-width: 480px) and (max-width: 1279px) { + .crypto-hide-tablet { + display: none; } } + +@media (max-width: 479px) { + .crypto-hide-phone { + display: none; } } + +.crypto-overflow-x-auto { + overflow-x: auto; } + +.apexcharts-tooltip.light { + background-color: #77216F !important; } + +.mdc-snackbar__text { + color: #77216F; + margin-left: auto; + margin-right: auto; + padding-right: 0; } + +.mdc-snackbar__action-wrapper { + padding-left: 0; } diff --git a/static/assets/css/night-gold-orange.css b/static/assets/css/night-gold-orange.css new file mode 100644 index 0000000..c033e9c --- /dev/null +++ b/static/assets/css/night-gold-orange.css @@ -0,0 +1,16488 @@ +/** + Cryptum - Luxurious Cryptocurrency Material Design Admin Dashboard + -------------------------------------------------------------------------- + Dark/Gold-Orange-Red skin +**/ +/****************** +[Table of contents] + +1. Cryptum Root Variables +2. Cryptum Skin Classes +3. Font Awesome Icons +4. Google's Material Web Components +5. Cryptum Components +*******************/ +/*------------------------------------------------------------------ +[1. Cryptum Root Variables] +------------------------------------------------------------------*/ +:root { + --mdc-theme-primary-200: #FFDEA3; + --mdc-theme-primary-600: #FDB25B; + --mdc-theme-primary-800: #FA9351; + --mdc-theme-secondary-700: #f99a32; + --mdc-theme-secondary-500: #fdb937; } + +/*------------------------------------------------------------------ +[2. Cryptum Skin Classes] +------------------------------------------------------------------*/ +.crypro-theme-gradient { + background-image: linear-gradient(134deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.3) 100%); } + [dir=rtl] .crypro-theme-gradient { + background-image: linear-gradient(-134deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.3) 100%); } + +.crypto-text-shadow { + text-shadow: 3px 6px 1px rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.05), 1px 1px 3px rgba(0, 0, 0, 0.075), 3px 3px 5px rgba(0, 0, 0, 0.05), 5px 5px 10px rgba(0, 0, 0, 0.075), 8px 10px 10px rgba(0, 0, 0, 0.075), 20px 20px 20px rgba(0, 0, 0, 0.1); } + +.mdc-theme--primary-200-bg { + background: var(--mdc-theme-primary-200); } + +.mdc-theme--primary-600-bg { + background: var(--mdc-theme-primary-600); } + +.mdc-theme--primary-800-bg { + background: var(--mdc-theme-primary-800); } + +.mdc-theme--secondary-700 { + color: var(--mdc-theme-secondary-700); } + +.mdc-theme--secondary-500 { + color: var(--mdc-theme-secondary-500); } + +.mdc-theme--secondary-700-bg { + background: var(--mdc-theme-secondary-700); } + +.mdc-theme--secondary-500-bg { + background: var(--mdc-theme-secondary-500); } + +/*------------------------------------------------------------------ +[3. Font Awesome Icons] +------------------------------------------------------------------*/ +/*! + * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +.fa, +.fas, +.far, +.fal, +.fab { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; } + +.fa-lg { + font-size: 1.33333em; + line-height: 0.75em; + vertical-align: -.0667em; } + +.fa-xs { + font-size: .75em; } + +.fa-sm { + font-size: .875em; } + +.fa-1x { + font-size: 1em; } + +.fa-2x { + font-size: 2em; } + +.fa-3x { + font-size: 3em; } + +.fa-4x { + font-size: 4em; } + +.fa-5x { + font-size: 5em; } + +.fa-6x { + font-size: 6em; } + +.fa-7x { + font-size: 7em; } + +.fa-8x { + font-size: 8em; } + +.fa-9x { + font-size: 9em; } + +.fa-10x { + font-size: 10em; } + +.fa-fw { + text-align: center; + width: 1.25em; } + +.fa-ul { + list-style-type: none; + margin-left: 2.5em; + padding-left: 0; } + .fa-ul > li { + position: relative; } + +.fa-li { + left: -2em; + position: absolute; + text-align: center; + width: 2em; + line-height: inherit; } + +.fa-border { + border: solid 0.08em #eee; + border-radius: .1em; + padding: .2em .25em .15em; } + +.fa-pull-left { + float: left; } + +.fa-pull-right { + float: right; } + +.fa.fa-pull-left, +.fas.fa-pull-left, +.far.fa-pull-left, +.fal.fa-pull-left, +.fab.fa-pull-left { + margin-right: .3em; } + +.fa.fa-pull-right, +.fas.fa-pull-right, +.far.fa-pull-right, +.fal.fa-pull-right, +.fab.fa-pull-right { + margin-left: .3em; } + +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; } + +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); } + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); } + +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); } + +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + transform: scale(1, -1); } + +.fa-flip-horizontal.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(-1, -1); + transform: scale(-1, -1); } + +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + -webkit-filter: none; + filter: none; } + +.fa-stack { + display: inline-block; + height: 2em; + line-height: 2em; + position: relative; + vertical-align: middle; + width: 2em; } + +.fa-stack-1x, +.fa-stack-2x { + left: 0; + position: absolute; + text-align: center; + width: 100%; } + +.fa-stack-1x { + line-height: inherit; } + +.fa-stack-2x { + font-size: 2em; } + +.fa-inverse { + color: #fff; } + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen +readers do not read off random characters that represent icons */ +.fa-500px:before { + content: "\f26e"; } + +.fa-accessible-icon:before { + content: "\f368"; } + +.fa-accusoft:before { + content: "\f369"; } + +.fa-ad:before { + content: "\f641"; } + +.fa-address-book:before { + content: "\f2b9"; } + +.fa-address-card:before { + content: "\f2bb"; } + +.fa-adjust:before { + content: "\f042"; } + +.fa-adn:before { + content: "\f170"; } + +.fa-adversal:before { + content: "\f36a"; } + +.fa-affiliatetheme:before { + content: "\f36b"; } + +.fa-air-freshener:before { + content: "\f5d0"; } + +.fa-algolia:before { + content: "\f36c"; } + +.fa-align-center:before { + content: "\f037"; } + +.fa-align-justify:before { + content: "\f039"; } + +.fa-align-left:before { + content: "\f036"; } + +.fa-align-right:before { + content: "\f038"; } + +.fa-alipay:before { + content: "\f642"; } + +.fa-allergies:before { + content: "\f461"; } + +.fa-amazon:before { + content: "\f270"; } + +.fa-amazon-pay:before { + content: "\f42c"; } + +.fa-ambulance:before { + content: "\f0f9"; } + +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; } + +.fa-amilia:before { + content: "\f36d"; } + +.fa-anchor:before { + content: "\f13d"; } + +.fa-android:before { + content: "\f17b"; } + +.fa-angellist:before { + content: "\f209"; } + +.fa-angle-double-down:before { + content: "\f103"; } + +.fa-angle-double-left:before { + content: "\f100"; } + +.fa-angle-double-right:before { + content: "\f101"; } + +.fa-angle-double-up:before { + content: "\f102"; } + +.fa-angle-down:before { + content: "\f107"; } + +.fa-angle-left:before { + content: "\f104"; } + +.fa-angle-right:before { + content: "\f105"; } + +.fa-angle-up:before { + content: "\f106"; } + +.fa-angry:before { + content: "\f556"; } + +.fa-angrycreative:before { + content: "\f36e"; } + +.fa-angular:before { + content: "\f420"; } + +.fa-ankh:before { + content: "\f644"; } + +.fa-app-store:before { + content: "\f36f"; } + +.fa-app-store-ios:before { + content: "\f370"; } + +.fa-apper:before { + content: "\f371"; } + +.fa-apple:before { + content: "\f179"; } + +.fa-apple-alt:before { + content: "\f5d1"; } + +.fa-apple-pay:before { + content: "\f415"; } + +.fa-archive:before { + content: "\f187"; } + +.fa-archway:before { + content: "\f557"; } + +.fa-arrow-alt-circle-down:before { + content: "\f358"; } + +.fa-arrow-alt-circle-left:before { + content: "\f359"; } + +.fa-arrow-alt-circle-right:before { + content: "\f35a"; } + +.fa-arrow-alt-circle-up:before { + content: "\f35b"; } + +.fa-arrow-circle-down:before { + content: "\f0ab"; } + +.fa-arrow-circle-left:before { + content: "\f0a8"; } + +.fa-arrow-circle-right:before { + content: "\f0a9"; } + +.fa-arrow-circle-up:before { + content: "\f0aa"; } + +.fa-arrow-down:before { + content: "\f063"; } + +.fa-arrow-left:before { + content: "\f060"; } + +.fa-arrow-right:before { + content: "\f061"; } + +.fa-arrow-up:before { + content: "\f062"; } + +.fa-arrows-alt:before { + content: "\f0b2"; } + +.fa-arrows-alt-h:before { + content: "\f337"; } + +.fa-arrows-alt-v:before { + content: "\f338"; } + +.fa-assistive-listening-systems:before { + content: "\f2a2"; } + +.fa-asterisk:before { + content: "\f069"; } + +.fa-asymmetrik:before { + content: "\f372"; } + +.fa-at:before { + content: "\f1fa"; } + +.fa-atlas:before { + content: "\f558"; } + +.fa-atom:before { + content: "\f5d2"; } + +.fa-audible:before { + content: "\f373"; } + +.fa-audio-description:before { + content: "\f29e"; } + +.fa-autoprefixer:before { + content: "\f41c"; } + +.fa-avianex:before { + content: "\f374"; } + +.fa-aviato:before { + content: "\f421"; } + +.fa-award:before { + content: "\f559"; } + +.fa-aws:before { + content: "\f375"; } + +.fa-backspace:before { + content: "\f55a"; } + +.fa-backward:before { + content: "\f04a"; } + +.fa-balance-scale:before { + content: "\f24e"; } + +.fa-ban:before { + content: "\f05e"; } + +.fa-band-aid:before { + content: "\f462"; } + +.fa-bandcamp:before { + content: "\f2d5"; } + +.fa-barcode:before { + content: "\f02a"; } + +.fa-bars:before { + content: "\f0c9"; } + +.fa-baseball-ball:before { + content: "\f433"; } + +.fa-basketball-ball:before { + content: "\f434"; } + +.fa-bath:before { + content: "\f2cd"; } + +.fa-battery-empty:before { + content: "\f244"; } + +.fa-battery-full:before { + content: "\f240"; } + +.fa-battery-half:before { + content: "\f242"; } + +.fa-battery-quarter:before { + content: "\f243"; } + +.fa-battery-three-quarters:before { + content: "\f241"; } + +.fa-bed:before { + content: "\f236"; } + +.fa-beer:before { + content: "\f0fc"; } + +.fa-behance:before { + content: "\f1b4"; } + +.fa-behance-square:before { + content: "\f1b5"; } + +.fa-bell:before { + content: "\f0f3"; } + +.fa-bell-slash:before { + content: "\f1f6"; } + +.fa-bezier-curve:before { + content: "\f55b"; } + +.fa-bible:before { + content: "\f647"; } + +.fa-bicycle:before { + content: "\f206"; } + +.fa-bimobject:before { + content: "\f378"; } + +.fa-binoculars:before { + content: "\f1e5"; } + +.fa-birthday-cake:before { + content: "\f1fd"; } + +.fa-bitbucket:before { + content: "\f171"; } + +.fa-bitcoin:before { + content: "\f379"; } + +.fa-bity:before { + content: "\f37a"; } + +.fa-black-tie:before { + content: "\f27e"; } + +.fa-blackberry:before { + content: "\f37b"; } + +.fa-blender:before { + content: "\f517"; } + +.fa-blind:before { + content: "\f29d"; } + +.fa-blogger:before { + content: "\f37c"; } + +.fa-blogger-b:before { + content: "\f37d"; } + +.fa-bluetooth:before { + content: "\f293"; } + +.fa-bluetooth-b:before { + content: "\f294"; } + +.fa-bold:before { + content: "\f032"; } + +.fa-bolt:before { + content: "\f0e7"; } + +.fa-bomb:before { + content: "\f1e2"; } + +.fa-bone:before { + content: "\f5d7"; } + +.fa-bong:before { + content: "\f55c"; } + +.fa-book:before { + content: "\f02d"; } + +.fa-book-open:before { + content: "\f518"; } + +.fa-book-reader:before { + content: "\f5da"; } + +.fa-bookmark:before { + content: "\f02e"; } + +.fa-bowling-ball:before { + content: "\f436"; } + +.fa-box:before { + content: "\f466"; } + +.fa-box-open:before { + content: "\f49e"; } + +.fa-boxes:before { + content: "\f468"; } + +.fa-braille:before { + content: "\f2a1"; } + +.fa-brain:before { + content: "\f5dc"; } + +.fa-briefcase:before { + content: "\f0b1"; } + +.fa-briefcase-medical:before { + content: "\f469"; } + +.fa-broadcast-tower:before { + content: "\f519"; } + +.fa-broom:before { + content: "\f51a"; } + +.fa-brush:before { + content: "\f55d"; } + +.fa-btc:before { + content: "\f15a"; } + +.fa-bug:before { + content: "\f188"; } + +.fa-building:before { + content: "\f1ad"; } + +.fa-bullhorn:before { + content: "\f0a1"; } + +.fa-bullseye:before { + content: "\f140"; } + +.fa-burn:before { + content: "\f46a"; } + +.fa-buromobelexperte:before { + content: "\f37f"; } + +.fa-bus:before { + content: "\f207"; } + +.fa-bus-alt:before { + content: "\f55e"; } + +.fa-business-time:before { + content: "\f64a"; } + +.fa-buysellads:before { + content: "\f20d"; } + +.fa-calculator:before { + content: "\f1ec"; } + +.fa-calendar:before { + content: "\f133"; } + +.fa-calendar-alt:before { + content: "\f073"; } + +.fa-calendar-check:before { + content: "\f274"; } + +.fa-calendar-minus:before { + content: "\f272"; } + +.fa-calendar-plus:before { + content: "\f271"; } + +.fa-calendar-times:before { + content: "\f273"; } + +.fa-camera:before { + content: "\f030"; } + +.fa-camera-retro:before { + content: "\f083"; } + +.fa-cannabis:before { + content: "\f55f"; } + +.fa-capsules:before { + content: "\f46b"; } + +.fa-car:before { + content: "\f1b9"; } + +.fa-car-alt:before { + content: "\f5de"; } + +.fa-car-battery:before { + content: "\f5df"; } + +.fa-car-crash:before { + content: "\f5e1"; } + +.fa-car-side:before { + content: "\f5e4"; } + +.fa-caret-down:before { + content: "\f0d7"; } + +.fa-caret-left:before { + content: "\f0d9"; } + +.fa-caret-right:before { + content: "\f0da"; } + +.fa-caret-square-down:before { + content: "\f150"; } + +.fa-caret-square-left:before { + content: "\f191"; } + +.fa-caret-square-right:before { + content: "\f152"; } + +.fa-caret-square-up:before { + content: "\f151"; } + +.fa-caret-up:before { + content: "\f0d8"; } + +.fa-cart-arrow-down:before { + content: "\f218"; } + +.fa-cart-plus:before { + content: "\f217"; } + +.fa-cc-amazon-pay:before { + content: "\f42d"; } + +.fa-cc-amex:before { + content: "\f1f3"; } + +.fa-cc-apple-pay:before { + content: "\f416"; } + +.fa-cc-diners-club:before { + content: "\f24c"; } + +.fa-cc-discover:before { + content: "\f1f2"; } + +.fa-cc-jcb:before { + content: "\f24b"; } + +.fa-cc-mastercard:before { + content: "\f1f1"; } + +.fa-cc-paypal:before { + content: "\f1f4"; } + +.fa-cc-stripe:before { + content: "\f1f5"; } + +.fa-cc-visa:before { + content: "\f1f0"; } + +.fa-centercode:before { + content: "\f380"; } + +.fa-certificate:before { + content: "\f0a3"; } + +.fa-chalkboard:before { + content: "\f51b"; } + +.fa-chalkboard-teacher:before { + content: "\f51c"; } + +.fa-charging-station:before { + content: "\f5e7"; } + +.fa-chart-area:before { + content: "\f1fe"; } + +.fa-chart-bar:before { + content: "\f080"; } + +.fa-chart-line:before { + content: "\f201"; } + +.fa-chart-pie:before { + content: "\f200"; } + +.fa-check:before { + content: "\f00c"; } + +.fa-check-circle:before { + content: "\f058"; } + +.fa-check-double:before { + content: "\f560"; } + +.fa-check-square:before { + content: "\f14a"; } + +.fa-chess:before { + content: "\f439"; } + +.fa-chess-bishop:before { + content: "\f43a"; } + +.fa-chess-board:before { + content: "\f43c"; } + +.fa-chess-king:before { + content: "\f43f"; } + +.fa-chess-knight:before { + content: "\f441"; } + +.fa-chess-pawn:before { + content: "\f443"; } + +.fa-chess-queen:before { + content: "\f445"; } + +.fa-chess-rook:before { + content: "\f447"; } + +.fa-chevron-circle-down:before { + content: "\f13a"; } + +.fa-chevron-circle-left:before { + content: "\f137"; } + +.fa-chevron-circle-right:before { + content: "\f138"; } + +.fa-chevron-circle-up:before { + content: "\f139"; } + +.fa-chevron-down:before { + content: "\f078"; } + +.fa-chevron-left:before { + content: "\f053"; } + +.fa-chevron-right:before { + content: "\f054"; } + +.fa-chevron-up:before { + content: "\f077"; } + +.fa-child:before { + content: "\f1ae"; } + +.fa-chrome:before { + content: "\f268"; } + +.fa-church:before { + content: "\f51d"; } + +.fa-circle:before { + content: "\f111"; } + +.fa-circle-notch:before { + content: "\f1ce"; } + +.fa-city:before { + content: "\f64f"; } + +.fa-clipboard:before { + content: "\f328"; } + +.fa-clipboard-check:before { + content: "\f46c"; } + +.fa-clipboard-list:before { + content: "\f46d"; } + +.fa-clock:before { + content: "\f017"; } + +.fa-clone:before { + content: "\f24d"; } + +.fa-closed-captioning:before { + content: "\f20a"; } + +.fa-cloud:before { + content: "\f0c2"; } + +.fa-cloud-download-alt:before { + content: "\f381"; } + +.fa-cloud-upload-alt:before { + content: "\f382"; } + +.fa-cloudscale:before { + content: "\f383"; } + +.fa-cloudsmith:before { + content: "\f384"; } + +.fa-cloudversify:before { + content: "\f385"; } + +.fa-cocktail:before { + content: "\f561"; } + +.fa-code:before { + content: "\f121"; } + +.fa-code-branch:before { + content: "\f126"; } + +.fa-codepen:before { + content: "\f1cb"; } + +.fa-codiepie:before { + content: "\f284"; } + +.fa-coffee:before { + content: "\f0f4"; } + +.fa-cog:before { + content: "\f013"; } + +.fa-cogs:before { + content: "\f085"; } + +.fa-coins:before { + content: "\f51e"; } + +.fa-columns:before { + content: "\f0db"; } + +.fa-comment:before { + content: "\f075"; } + +.fa-comment-alt:before { + content: "\f27a"; } + +.fa-comment-dollar:before { + content: "\f651"; } + +.fa-comment-dots:before { + content: "\f4ad"; } + +.fa-comment-slash:before { + content: "\f4b3"; } + +.fa-comments:before { + content: "\f086"; } + +.fa-comments-dollar:before { + content: "\f653"; } + +.fa-compact-disc:before { + content: "\f51f"; } + +.fa-compass:before { + content: "\f14e"; } + +.fa-compress:before { + content: "\f066"; } + +.fa-concierge-bell:before { + content: "\f562"; } + +.fa-connectdevelop:before { + content: "\f20e"; } + +.fa-contao:before { + content: "\f26d"; } + +.fa-cookie:before { + content: "\f563"; } + +.fa-cookie-bite:before { + content: "\f564"; } + +.fa-copy:before { + content: "\f0c5"; } + +.fa-copyright:before { + content: "\f1f9"; } + +.fa-couch:before { + content: "\f4b8"; } + +.fa-cpanel:before { + content: "\f388"; } + +.fa-creative-commons:before { + content: "\f25e"; } + +.fa-creative-commons-by:before { + content: "\f4e7"; } + +.fa-creative-commons-nc:before { + content: "\f4e8"; } + +.fa-creative-commons-nc-eu:before { + content: "\f4e9"; } + +.fa-creative-commons-nc-jp:before { + content: "\f4ea"; } + +.fa-creative-commons-nd:before { + content: "\f4eb"; } + +.fa-creative-commons-pd:before { + content: "\f4ec"; } + +.fa-creative-commons-pd-alt:before { + content: "\f4ed"; } + +.fa-creative-commons-remix:before { + content: "\f4ee"; } + +.fa-creative-commons-sa:before { + content: "\f4ef"; } + +.fa-creative-commons-sampling:before { + content: "\f4f0"; } + +.fa-creative-commons-sampling-plus:before { + content: "\f4f1"; } + +.fa-creative-commons-share:before { + content: "\f4f2"; } + +.fa-credit-card:before { + content: "\f09d"; } + +.fa-crop:before { + content: "\f125"; } + +.fa-crop-alt:before { + content: "\f565"; } + +.fa-cross:before { + content: "\f654"; } + +.fa-crosshairs:before { + content: "\f05b"; } + +.fa-crow:before { + content: "\f520"; } + +.fa-crown:before { + content: "\f521"; } + +.fa-css3:before { + content: "\f13c"; } + +.fa-css3-alt:before { + content: "\f38b"; } + +.fa-cube:before { + content: "\f1b2"; } + +.fa-cubes:before { + content: "\f1b3"; } + +.fa-cut:before { + content: "\f0c4"; } + +.fa-cuttlefish:before { + content: "\f38c"; } + +.fa-d-and-d:before { + content: "\f38d"; } + +.fa-dashcube:before { + content: "\f210"; } + +.fa-database:before { + content: "\f1c0"; } + +.fa-deaf:before { + content: "\f2a4"; } + +.fa-delicious:before { + content: "\f1a5"; } + +.fa-deploydog:before { + content: "\f38e"; } + +.fa-deskpro:before { + content: "\f38f"; } + +.fa-desktop:before { + content: "\f108"; } + +.fa-deviantart:before { + content: "\f1bd"; } + +.fa-dharmachakra:before { + content: "\f655"; } + +.fa-diagnoses:before { + content: "\f470"; } + +.fa-dice:before { + content: "\f522"; } + +.fa-dice-five:before { + content: "\f523"; } + +.fa-dice-four:before { + content: "\f524"; } + +.fa-dice-one:before { + content: "\f525"; } + +.fa-dice-six:before { + content: "\f526"; } + +.fa-dice-three:before { + content: "\f527"; } + +.fa-dice-two:before { + content: "\f528"; } + +.fa-digg:before { + content: "\f1a6"; } + +.fa-digital-ocean:before { + content: "\f391"; } + +.fa-digital-tachograph:before { + content: "\f566"; } + +.fa-directions:before { + content: "\f5eb"; } + +.fa-discord:before { + content: "\f392"; } + +.fa-discourse:before { + content: "\f393"; } + +.fa-divide:before { + content: "\f529"; } + +.fa-dizzy:before { + content: "\f567"; } + +.fa-dna:before { + content: "\f471"; } + +.fa-dochub:before { + content: "\f394"; } + +.fa-docker:before { + content: "\f395"; } + +.fa-dollar-sign:before { + content: "\f155"; } + +.fa-dolly:before { + content: "\f472"; } + +.fa-dolly-flatbed:before { + content: "\f474"; } + +.fa-donate:before { + content: "\f4b9"; } + +.fa-door-closed:before { + content: "\f52a"; } + +.fa-door-open:before { + content: "\f52b"; } + +.fa-dot-circle:before { + content: "\f192"; } + +.fa-dove:before { + content: "\f4ba"; } + +.fa-download:before { + content: "\f019"; } + +.fa-draft2digital:before { + content: "\f396"; } + +.fa-drafting-compass:before { + content: "\f568"; } + +.fa-draw-polygon:before { + content: "\f5ee"; } + +.fa-dribbble:before { + content: "\f17d"; } + +.fa-dribbble-square:before { + content: "\f397"; } + +.fa-dropbox:before { + content: "\f16b"; } + +.fa-drum:before { + content: "\f569"; } + +.fa-drum-steelpan:before { + content: "\f56a"; } + +.fa-drupal:before { + content: "\f1a9"; } + +.fa-dumbbell:before { + content: "\f44b"; } + +.fa-dyalog:before { + content: "\f399"; } + +.fa-earlybirds:before { + content: "\f39a"; } + +.fa-ebay:before { + content: "\f4f4"; } + +.fa-edge:before { + content: "\f282"; } + +.fa-edit:before { + content: "\f044"; } + +.fa-eject:before { + content: "\f052"; } + +.fa-elementor:before { + content: "\f430"; } + +.fa-ellipsis-h:before { + content: "\f141"; } + +.fa-ellipsis-v:before { + content: "\f142"; } + +.fa-ello:before { + content: "\f5f1"; } + +.fa-ember:before { + content: "\f423"; } + +.fa-empire:before { + content: "\f1d1"; } + +.fa-envelope:before { + content: "\f0e0"; } + +.fa-envelope-open:before { + content: "\f2b6"; } + +.fa-envelope-open-text:before { + content: "\f658"; } + +.fa-envelope-square:before { + content: "\f199"; } + +.fa-envira:before { + content: "\f299"; } + +.fa-equals:before { + content: "\f52c"; } + +.fa-eraser:before { + content: "\f12d"; } + +.fa-erlang:before { + content: "\f39d"; } + +.fa-ethereum:before { + content: "\f42e"; } + +.fa-etsy:before { + content: "\f2d7"; } + +.fa-euro-sign:before { + content: "\f153"; } + +.fa-exchange-alt:before { + content: "\f362"; } + +.fa-exclamation:before { + content: "\f12a"; } + +.fa-exclamation-circle:before { + content: "\f06a"; } + +.fa-exclamation-triangle:before { + content: "\f071"; } + +.fa-expand:before { + content: "\f065"; } + +.fa-expand-arrows-alt:before { + content: "\f31e"; } + +.fa-expeditedssl:before { + content: "\f23e"; } + +.fa-external-link-alt:before { + content: "\f35d"; } + +.fa-external-link-square-alt:before { + content: "\f360"; } + +.fa-eye:before { + content: "\f06e"; } + +.fa-eye-dropper:before { + content: "\f1fb"; } + +.fa-eye-slash:before { + content: "\f070"; } + +.fa-facebook:before { + content: "\f09a"; } + +.fa-facebook-f:before { + content: "\f39e"; } + +.fa-facebook-messenger:before { + content: "\f39f"; } + +.fa-facebook-square:before { + content: "\f082"; } + +.fa-fast-backward:before { + content: "\f049"; } + +.fa-fast-forward:before { + content: "\f050"; } + +.fa-fax:before { + content: "\f1ac"; } + +.fa-feather:before { + content: "\f52d"; } + +.fa-feather-alt:before { + content: "\f56b"; } + +.fa-female:before { + content: "\f182"; } + +.fa-fighter-jet:before { + content: "\f0fb"; } + +.fa-file:before { + content: "\f15b"; } + +.fa-file-alt:before { + content: "\f15c"; } + +.fa-file-archive:before { + content: "\f1c6"; } + +.fa-file-audio:before { + content: "\f1c7"; } + +.fa-file-code:before { + content: "\f1c9"; } + +.fa-file-contract:before { + content: "\f56c"; } + +.fa-file-download:before { + content: "\f56d"; } + +.fa-file-excel:before { + content: "\f1c3"; } + +.fa-file-export:before { + content: "\f56e"; } + +.fa-file-image:before { + content: "\f1c5"; } + +.fa-file-import:before { + content: "\f56f"; } + +.fa-file-invoice:before { + content: "\f570"; } + +.fa-file-invoice-dollar:before { + content: "\f571"; } + +.fa-file-medical:before { + content: "\f477"; } + +.fa-file-medical-alt:before { + content: "\f478"; } + +.fa-file-pdf:before { + content: "\f1c1"; } + +.fa-file-powerpoint:before { + content: "\f1c4"; } + +.fa-file-prescription:before { + content: "\f572"; } + +.fa-file-signature:before { + content: "\f573"; } + +.fa-file-upload:before { + content: "\f574"; } + +.fa-file-video:before { + content: "\f1c8"; } + +.fa-file-word:before { + content: "\f1c2"; } + +.fa-fill:before { + content: "\f575"; } + +.fa-fill-drip:before { + content: "\f576"; } + +.fa-film:before { + content: "\f008"; } + +.fa-filter:before { + content: "\f0b0"; } + +.fa-fingerprint:before { + content: "\f577"; } + +.fa-fire:before { + content: "\f06d"; } + +.fa-fire-extinguisher:before { + content: "\f134"; } + +.fa-firefox:before { + content: "\f269"; } + +.fa-first-aid:before { + content: "\f479"; } + +.fa-first-order:before { + content: "\f2b0"; } + +.fa-first-order-alt:before { + content: "\f50a"; } + +.fa-firstdraft:before { + content: "\f3a1"; } + +.fa-fish:before { + content: "\f578"; } + +.fa-flag:before { + content: "\f024"; } + +.fa-flag-checkered:before { + content: "\f11e"; } + +.fa-flask:before { + content: "\f0c3"; } + +.fa-flickr:before { + content: "\f16e"; } + +.fa-flipboard:before { + content: "\f44d"; } + +.fa-flushed:before { + content: "\f579"; } + +.fa-fly:before { + content: "\f417"; } + +.fa-folder:before { + content: "\f07b"; } + +.fa-folder-minus:before { + content: "\f65d"; } + +.fa-folder-open:before { + content: "\f07c"; } + +.fa-folder-plus:before { + content: "\f65e"; } + +.fa-font:before { + content: "\f031"; } + +.fa-font-awesome:before { + content: "\f2b4"; } + +.fa-font-awesome-alt:before { + content: "\f35c"; } + +.fa-font-awesome-flag:before { + content: "\f425"; } + +.fa-font-awesome-logo-full:before { + content: "\f4e6"; } + +.fa-fonticons:before { + content: "\f280"; } + +.fa-fonticons-fi:before { + content: "\f3a2"; } + +.fa-football-ball:before { + content: "\f44e"; } + +.fa-fort-awesome:before { + content: "\f286"; } + +.fa-fort-awesome-alt:before { + content: "\f3a3"; } + +.fa-forumbee:before { + content: "\f211"; } + +.fa-forward:before { + content: "\f04e"; } + +.fa-foursquare:before { + content: "\f180"; } + +.fa-free-code-camp:before { + content: "\f2c5"; } + +.fa-freebsd:before { + content: "\f3a4"; } + +.fa-frog:before { + content: "\f52e"; } + +.fa-frown:before { + content: "\f119"; } + +.fa-frown-open:before { + content: "\f57a"; } + +.fa-fulcrum:before { + content: "\f50b"; } + +.fa-funnel-dollar:before { + content: "\f662"; } + +.fa-futbol:before { + content: "\f1e3"; } + +.fa-galactic-republic:before { + content: "\f50c"; } + +.fa-galactic-senate:before { + content: "\f50d"; } + +.fa-gamepad:before { + content: "\f11b"; } + +.fa-gas-pump:before { + content: "\f52f"; } + +.fa-gavel:before { + content: "\f0e3"; } + +.fa-gem:before { + content: "\f3a5"; } + +.fa-genderless:before { + content: "\f22d"; } + +.fa-get-pocket:before { + content: "\f265"; } + +.fa-gg:before { + content: "\f260"; } + +.fa-gg-circle:before { + content: "\f261"; } + +.fa-gift:before { + content: "\f06b"; } + +.fa-git:before { + content: "\f1d3"; } + +.fa-git-square:before { + content: "\f1d2"; } + +.fa-github:before { + content: "\f09b"; } + +.fa-github-alt:before { + content: "\f113"; } + +.fa-github-square:before { + content: "\f092"; } + +.fa-gitkraken:before { + content: "\f3a6"; } + +.fa-gitlab:before { + content: "\f296"; } + +.fa-gitter:before { + content: "\f426"; } + +.fa-glass-martini:before { + content: "\f000"; } + +.fa-glass-martini-alt:before { + content: "\f57b"; } + +.fa-glasses:before { + content: "\f530"; } + +.fa-glide:before { + content: "\f2a5"; } + +.fa-glide-g:before { + content: "\f2a6"; } + +.fa-globe:before { + content: "\f0ac"; } + +.fa-globe-africa:before { + content: "\f57c"; } + +.fa-globe-americas:before { + content: "\f57d"; } + +.fa-globe-asia:before { + content: "\f57e"; } + +.fa-gofore:before { + content: "\f3a7"; } + +.fa-golf-ball:before { + content: "\f450"; } + +.fa-goodreads:before { + content: "\f3a8"; } + +.fa-goodreads-g:before { + content: "\f3a9"; } + +.fa-google:before { + content: "\f1a0"; } + +.fa-google-drive:before { + content: "\f3aa"; } + +.fa-google-play:before { + content: "\f3ab"; } + +.fa-google-plus:before { + content: "\f2b3"; } + +.fa-google-plus-g:before { + content: "\f0d5"; } + +.fa-google-plus-square:before { + content: "\f0d4"; } + +.fa-google-wallet:before { + content: "\f1ee"; } + +.fa-gopuram:before { + content: "\f664"; } + +.fa-graduation-cap:before { + content: "\f19d"; } + +.fa-gratipay:before { + content: "\f184"; } + +.fa-grav:before { + content: "\f2d6"; } + +.fa-greater-than:before { + content: "\f531"; } + +.fa-greater-than-equal:before { + content: "\f532"; } + +.fa-grimace:before { + content: "\f57f"; } + +.fa-grin:before { + content: "\f580"; } + +.fa-grin-alt:before { + content: "\f581"; } + +.fa-grin-beam:before { + content: "\f582"; } + +.fa-grin-beam-sweat:before { + content: "\f583"; } + +.fa-grin-hearts:before { + content: "\f584"; } + +.fa-grin-squint:before { + content: "\f585"; } + +.fa-grin-squint-tears:before { + content: "\f586"; } + +.fa-grin-stars:before { + content: "\f587"; } + +.fa-grin-tears:before { + content: "\f588"; } + +.fa-grin-tongue:before { + content: "\f589"; } + +.fa-grin-tongue-squint:before { + content: "\f58a"; } + +.fa-grin-tongue-wink:before { + content: "\f58b"; } + +.fa-grin-wink:before { + content: "\f58c"; } + +.fa-grip-horizontal:before { + content: "\f58d"; } + +.fa-grip-vertical:before { + content: "\f58e"; } + +.fa-gripfire:before { + content: "\f3ac"; } + +.fa-grunt:before { + content: "\f3ad"; } + +.fa-gulp:before { + content: "\f3ae"; } + +.fa-h-square:before { + content: "\f0fd"; } + +.fa-hacker-news:before { + content: "\f1d4"; } + +.fa-hacker-news-square:before { + content: "\f3af"; } + +.fa-hackerrank:before { + content: "\f5f7"; } + +.fa-hamsa:before { + content: "\f665"; } + +.fa-hand-holding:before { + content: "\f4bd"; } + +.fa-hand-holding-heart:before { + content: "\f4be"; } + +.fa-hand-holding-usd:before { + content: "\f4c0"; } + +.fa-hand-lizard:before { + content: "\f258"; } + +.fa-hand-paper:before { + content: "\f256"; } + +.fa-hand-peace:before { + content: "\f25b"; } + +.fa-hand-point-down:before { + content: "\f0a7"; } + +.fa-hand-point-left:before { + content: "\f0a5"; } + +.fa-hand-point-right:before { + content: "\f0a4"; } + +.fa-hand-point-up:before { + content: "\f0a6"; } + +.fa-hand-pointer:before { + content: "\f25a"; } + +.fa-hand-rock:before { + content: "\f255"; } + +.fa-hand-scissors:before { + content: "\f257"; } + +.fa-hand-spock:before { + content: "\f259"; } + +.fa-hands:before { + content: "\f4c2"; } + +.fa-hands-helping:before { + content: "\f4c4"; } + +.fa-handshake:before { + content: "\f2b5"; } + +.fa-hashtag:before { + content: "\f292"; } + +.fa-haykal:before { + content: "\f666"; } + +.fa-hdd:before { + content: "\f0a0"; } + +.fa-heading:before { + content: "\f1dc"; } + +.fa-headphones:before { + content: "\f025"; } + +.fa-headphones-alt:before { + content: "\f58f"; } + +.fa-headset:before { + content: "\f590"; } + +.fa-heart:before { + content: "\f004"; } + +.fa-heartbeat:before { + content: "\f21e"; } + +.fa-helicopter:before { + content: "\f533"; } + +.fa-highlighter:before { + content: "\f591"; } + +.fa-hips:before { + content: "\f452"; } + +.fa-hire-a-helper:before { + content: "\f3b0"; } + +.fa-history:before { + content: "\f1da"; } + +.fa-hockey-puck:before { + content: "\f453"; } + +.fa-home:before { + content: "\f015"; } + +.fa-hooli:before { + content: "\f427"; } + +.fa-hornbill:before { + content: "\f592"; } + +.fa-hospital:before { + content: "\f0f8"; } + +.fa-hospital-alt:before { + content: "\f47d"; } + +.fa-hospital-symbol:before { + content: "\f47e"; } + +.fa-hot-tub:before { + content: "\f593"; } + +.fa-hotel:before { + content: "\f594"; } + +.fa-hotjar:before { + content: "\f3b1"; } + +.fa-hourglass:before { + content: "\f254"; } + +.fa-hourglass-end:before { + content: "\f253"; } + +.fa-hourglass-half:before { + content: "\f252"; } + +.fa-hourglass-start:before { + content: "\f251"; } + +.fa-houzz:before { + content: "\f27c"; } + +.fa-html5:before { + content: "\f13b"; } + +.fa-hubspot:before { + content: "\f3b2"; } + +.fa-i-cursor:before { + content: "\f246"; } + +.fa-id-badge:before { + content: "\f2c1"; } + +.fa-id-card:before { + content: "\f2c2"; } + +.fa-id-card-alt:before { + content: "\f47f"; } + +.fa-image:before { + content: "\f03e"; } + +.fa-images:before { + content: "\f302"; } + +.fa-imdb:before { + content: "\f2d8"; } + +.fa-inbox:before { + content: "\f01c"; } + +.fa-indent:before { + content: "\f03c"; } + +.fa-industry:before { + content: "\f275"; } + +.fa-infinity:before { + content: "\f534"; } + +.fa-info:before { + content: "\f129"; } + +.fa-info-circle:before { + content: "\f05a"; } + +.fa-instagram:before { + content: "\f16d"; } + +.fa-internet-explorer:before { + content: "\f26b"; } + +.fa-ioxhost:before { + content: "\f208"; } + +.fa-italic:before { + content: "\f033"; } + +.fa-itunes:before { + content: "\f3b4"; } + +.fa-itunes-note:before { + content: "\f3b5"; } + +.fa-java:before { + content: "\f4e4"; } + +.fa-jedi:before { + content: "\f669"; } + +.fa-jedi-order:before { + content: "\f50e"; } + +.fa-jenkins:before { + content: "\f3b6"; } + +.fa-joget:before { + content: "\f3b7"; } + +.fa-joint:before { + content: "\f595"; } + +.fa-joomla:before { + content: "\f1aa"; } + +.fa-journal-whills:before { + content: "\f66a"; } + +.fa-js:before { + content: "\f3b8"; } + +.fa-js-square:before { + content: "\f3b9"; } + +.fa-jsfiddle:before { + content: "\f1cc"; } + +.fa-kaaba:before { + content: "\f66b"; } + +.fa-kaggle:before { + content: "\f5fa"; } + +.fa-key:before { + content: "\f084"; } + +.fa-keybase:before { + content: "\f4f5"; } + +.fa-keyboard:before { + content: "\f11c"; } + +.fa-keycdn:before { + content: "\f3ba"; } + +.fa-khanda:before { + content: "\f66d"; } + +.fa-kickstarter:before { + content: "\f3bb"; } + +.fa-kickstarter-k:before { + content: "\f3bc"; } + +.fa-kiss:before { + content: "\f596"; } + +.fa-kiss-beam:before { + content: "\f597"; } + +.fa-kiss-wink-heart:before { + content: "\f598"; } + +.fa-kiwi-bird:before { + content: "\f535"; } + +.fa-korvue:before { + content: "\f42f"; } + +.fa-landmark:before { + content: "\f66f"; } + +.fa-language:before { + content: "\f1ab"; } + +.fa-laptop:before { + content: "\f109"; } + +.fa-laptop-code:before { + content: "\f5fc"; } + +.fa-laravel:before { + content: "\f3bd"; } + +.fa-lastfm:before { + content: "\f202"; } + +.fa-lastfm-square:before { + content: "\f203"; } + +.fa-laugh:before { + content: "\f599"; } + +.fa-laugh-beam:before { + content: "\f59a"; } + +.fa-laugh-squint:before { + content: "\f59b"; } + +.fa-laugh-wink:before { + content: "\f59c"; } + +.fa-layer-group:before { + content: "\f5fd"; } + +.fa-leaf:before { + content: "\f06c"; } + +.fa-leanpub:before { + content: "\f212"; } + +.fa-lemon:before { + content: "\f094"; } + +.fa-less:before { + content: "\f41d"; } + +.fa-less-than:before { + content: "\f536"; } + +.fa-less-than-equal:before { + content: "\f537"; } + +.fa-level-down-alt:before { + content: "\f3be"; } + +.fa-level-up-alt:before { + content: "\f3bf"; } + +.fa-life-ring:before { + content: "\f1cd"; } + +.fa-lightbulb:before { + content: "\f0eb"; } + +.fa-line:before { + content: "\f3c0"; } + +.fa-link:before { + content: "\f0c1"; } + +.fa-linkedin:before { + content: "\f08c"; } + +.fa-linkedin-in:before { + content: "\f0e1"; } + +.fa-linode:before { + content: "\f2b8"; } + +.fa-linux:before { + content: "\f17c"; } + +.fa-lira-sign:before { + content: "\f195"; } + +.fa-list:before { + content: "\f03a"; } + +.fa-list-alt:before { + content: "\f022"; } + +.fa-list-ol:before { + content: "\f0cb"; } + +.fa-list-ul:before { + content: "\f0ca"; } + +.fa-location-arrow:before { + content: "\f124"; } + +.fa-lock:before { + content: "\f023"; } + +.fa-lock-open:before { + content: "\f3c1"; } + +.fa-long-arrow-alt-down:before { + content: "\f309"; } + +.fa-long-arrow-alt-left:before { + content: "\f30a"; } + +.fa-long-arrow-alt-right:before { + content: "\f30b"; } + +.fa-long-arrow-alt-up:before { + content: "\f30c"; } + +.fa-low-vision:before { + content: "\f2a8"; } + +.fa-luggage-cart:before { + content: "\f59d"; } + +.fa-lyft:before { + content: "\f3c3"; } + +.fa-magento:before { + content: "\f3c4"; } + +.fa-magic:before { + content: "\f0d0"; } + +.fa-magnet:before { + content: "\f076"; } + +.fa-mail-bulk:before { + content: "\f674"; } + +.fa-mailchimp:before { + content: "\f59e"; } + +.fa-male:before { + content: "\f183"; } + +.fa-mandalorian:before { + content: "\f50f"; } + +.fa-map:before { + content: "\f279"; } + +.fa-map-marked:before { + content: "\f59f"; } + +.fa-map-marked-alt:before { + content: "\f5a0"; } + +.fa-map-marker:before { + content: "\f041"; } + +.fa-map-marker-alt:before { + content: "\f3c5"; } + +.fa-map-pin:before { + content: "\f276"; } + +.fa-map-signs:before { + content: "\f277"; } + +.fa-markdown:before { + content: "\f60f"; } + +.fa-marker:before { + content: "\f5a1"; } + +.fa-mars:before { + content: "\f222"; } + +.fa-mars-double:before { + content: "\f227"; } + +.fa-mars-stroke:before { + content: "\f229"; } + +.fa-mars-stroke-h:before { + content: "\f22b"; } + +.fa-mars-stroke-v:before { + content: "\f22a"; } + +.fa-mastodon:before { + content: "\f4f6"; } + +.fa-maxcdn:before { + content: "\f136"; } + +.fa-medal:before { + content: "\f5a2"; } + +.fa-medapps:before { + content: "\f3c6"; } + +.fa-medium:before { + content: "\f23a"; } + +.fa-medium-m:before { + content: "\f3c7"; } + +.fa-medkit:before { + content: "\f0fa"; } + +.fa-medrt:before { + content: "\f3c8"; } + +.fa-meetup:before { + content: "\f2e0"; } + +.fa-megaport:before { + content: "\f5a3"; } + +.fa-meh:before { + content: "\f11a"; } + +.fa-meh-blank:before { + content: "\f5a4"; } + +.fa-meh-rolling-eyes:before { + content: "\f5a5"; } + +.fa-memory:before { + content: "\f538"; } + +.fa-menorah:before { + content: "\f676"; } + +.fa-mercury:before { + content: "\f223"; } + +.fa-microchip:before { + content: "\f2db"; } + +.fa-microphone:before { + content: "\f130"; } + +.fa-microphone-alt:before { + content: "\f3c9"; } + +.fa-microphone-alt-slash:before { + content: "\f539"; } + +.fa-microphone-slash:before { + content: "\f131"; } + +.fa-microscope:before { + content: "\f610"; } + +.fa-microsoft:before { + content: "\f3ca"; } + +.fa-minus:before { + content: "\f068"; } + +.fa-minus-circle:before { + content: "\f056"; } + +.fa-minus-square:before { + content: "\f146"; } + +.fa-mix:before { + content: "\f3cb"; } + +.fa-mixcloud:before { + content: "\f289"; } + +.fa-mizuni:before { + content: "\f3cc"; } + +.fa-mobile:before { + content: "\f10b"; } + +.fa-mobile-alt:before { + content: "\f3cd"; } + +.fa-modx:before { + content: "\f285"; } + +.fa-monero:before { + content: "\f3d0"; } + +.fa-money-bill:before { + content: "\f0d6"; } + +.fa-money-bill-alt:before { + content: "\f3d1"; } + +.fa-money-bill-wave:before { + content: "\f53a"; } + +.fa-money-bill-wave-alt:before { + content: "\f53b"; } + +.fa-money-check:before { + content: "\f53c"; } + +.fa-money-check-alt:before { + content: "\f53d"; } + +.fa-monument:before { + content: "\f5a6"; } + +.fa-moon:before { + content: "\f186"; } + +.fa-mortar-pestle:before { + content: "\f5a7"; } + +.fa-mosque:before { + content: "\f678"; } + +.fa-motorcycle:before { + content: "\f21c"; } + +.fa-mouse-pointer:before { + content: "\f245"; } + +.fa-music:before { + content: "\f001"; } + +.fa-napster:before { + content: "\f3d2"; } + +.fa-neos:before { + content: "\f612"; } + +.fa-neuter:before { + content: "\f22c"; } + +.fa-newspaper:before { + content: "\f1ea"; } + +.fa-nimblr:before { + content: "\f5a8"; } + +.fa-nintendo-switch:before { + content: "\f418"; } + +.fa-node:before { + content: "\f419"; } + +.fa-node-js:before { + content: "\f3d3"; } + +.fa-not-equal:before { + content: "\f53e"; } + +.fa-notes-medical:before { + content: "\f481"; } + +.fa-npm:before { + content: "\f3d4"; } + +.fa-ns8:before { + content: "\f3d5"; } + +.fa-nutritionix:before { + content: "\f3d6"; } + +.fa-object-group:before { + content: "\f247"; } + +.fa-object-ungroup:before { + content: "\f248"; } + +.fa-odnoklassniki:before { + content: "\f263"; } + +.fa-odnoklassniki-square:before { + content: "\f264"; } + +.fa-oil-can:before { + content: "\f613"; } + +.fa-old-republic:before { + content: "\f510"; } + +.fa-om:before { + content: "\f679"; } + +.fa-opencart:before { + content: "\f23d"; } + +.fa-openid:before { + content: "\f19b"; } + +.fa-opera:before { + content: "\f26a"; } + +.fa-optin-monster:before { + content: "\f23c"; } + +.fa-osi:before { + content: "\f41a"; } + +.fa-outdent:before { + content: "\f03b"; } + +.fa-page4:before { + content: "\f3d7"; } + +.fa-pagelines:before { + content: "\f18c"; } + +.fa-paint-brush:before { + content: "\f1fc"; } + +.fa-paint-roller:before { + content: "\f5aa"; } + +.fa-palette:before { + content: "\f53f"; } + +.fa-palfed:before { + content: "\f3d8"; } + +.fa-pallet:before { + content: "\f482"; } + +.fa-paper-plane:before { + content: "\f1d8"; } + +.fa-paperclip:before { + content: "\f0c6"; } + +.fa-parachute-box:before { + content: "\f4cd"; } + +.fa-paragraph:before { + content: "\f1dd"; } + +.fa-parking:before { + content: "\f540"; } + +.fa-passport:before { + content: "\f5ab"; } + +.fa-pastafarianism:before { + content: "\f67b"; } + +.fa-paste:before { + content: "\f0ea"; } + +.fa-patreon:before { + content: "\f3d9"; } + +.fa-pause:before { + content: "\f04c"; } + +.fa-pause-circle:before { + content: "\f28b"; } + +.fa-paw:before { + content: "\f1b0"; } + +.fa-paypal:before { + content: "\f1ed"; } + +.fa-peace:before { + content: "\f67c"; } + +.fa-pen:before { + content: "\f304"; } + +.fa-pen-alt:before { + content: "\f305"; } + +.fa-pen-fancy:before { + content: "\f5ac"; } + +.fa-pen-nib:before { + content: "\f5ad"; } + +.fa-pen-square:before { + content: "\f14b"; } + +.fa-pencil-alt:before { + content: "\f303"; } + +.fa-pencil-ruler:before { + content: "\f5ae"; } + +.fa-people-carry:before { + content: "\f4ce"; } + +.fa-percent:before { + content: "\f295"; } + +.fa-percentage:before { + content: "\f541"; } + +.fa-periscope:before { + content: "\f3da"; } + +.fa-phabricator:before { + content: "\f3db"; } + +.fa-phoenix-framework:before { + content: "\f3dc"; } + +.fa-phoenix-squadron:before { + content: "\f511"; } + +.fa-phone:before { + content: "\f095"; } + +.fa-phone-slash:before { + content: "\f3dd"; } + +.fa-phone-square:before { + content: "\f098"; } + +.fa-phone-volume:before { + content: "\f2a0"; } + +.fa-php:before { + content: "\f457"; } + +.fa-pied-piper:before { + content: "\f2ae"; } + +.fa-pied-piper-alt:before { + content: "\f1a8"; } + +.fa-pied-piper-hat:before { + content: "\f4e5"; } + +.fa-pied-piper-pp:before { + content: "\f1a7"; } + +.fa-piggy-bank:before { + content: "\f4d3"; } + +.fa-pills:before { + content: "\f484"; } + +.fa-pinterest:before { + content: "\f0d2"; } + +.fa-pinterest-p:before { + content: "\f231"; } + +.fa-pinterest-square:before { + content: "\f0d3"; } + +.fa-place-of-worship:before { + content: "\f67f"; } + +.fa-plane:before { + content: "\f072"; } + +.fa-plane-arrival:before { + content: "\f5af"; } + +.fa-plane-departure:before { + content: "\f5b0"; } + +.fa-play:before { + content: "\f04b"; } + +.fa-play-circle:before { + content: "\f144"; } + +.fa-playstation:before { + content: "\f3df"; } + +.fa-plug:before { + content: "\f1e6"; } + +.fa-plus:before { + content: "\f067"; } + +.fa-plus-circle:before { + content: "\f055"; } + +.fa-plus-square:before { + content: "\f0fe"; } + +.fa-podcast:before { + content: "\f2ce"; } + +.fa-poll:before { + content: "\f681"; } + +.fa-poll-h:before { + content: "\f682"; } + +.fa-poo:before { + content: "\f2fe"; } + +.fa-poop:before { + content: "\f619"; } + +.fa-portrait:before { + content: "\f3e0"; } + +.fa-pound-sign:before { + content: "\f154"; } + +.fa-power-off:before { + content: "\f011"; } + +.fa-pray:before { + content: "\f683"; } + +.fa-praying-hands:before { + content: "\f684"; } + +.fa-prescription:before { + content: "\f5b1"; } + +.fa-prescription-bottle:before { + content: "\f485"; } + +.fa-prescription-bottle-alt:before { + content: "\f486"; } + +.fa-print:before { + content: "\f02f"; } + +.fa-procedures:before { + content: "\f487"; } + +.fa-product-hunt:before { + content: "\f288"; } + +.fa-project-diagram:before { + content: "\f542"; } + +.fa-pushed:before { + content: "\f3e1"; } + +.fa-puzzle-piece:before { + content: "\f12e"; } + +.fa-python:before { + content: "\f3e2"; } + +.fa-qq:before { + content: "\f1d6"; } + +.fa-qrcode:before { + content: "\f029"; } + +.fa-question:before { + content: "\f128"; } + +.fa-question-circle:before { + content: "\f059"; } + +.fa-quidditch:before { + content: "\f458"; } + +.fa-quinscape:before { + content: "\f459"; } + +.fa-quora:before { + content: "\f2c4"; } + +.fa-quote-left:before { + content: "\f10d"; } + +.fa-quote-right:before { + content: "\f10e"; } + +.fa-quran:before { + content: "\f687"; } + +.fa-r-project:before { + content: "\f4f7"; } + +.fa-random:before { + content: "\f074"; } + +.fa-ravelry:before { + content: "\f2d9"; } + +.fa-react:before { + content: "\f41b"; } + +.fa-readme:before { + content: "\f4d5"; } + +.fa-rebel:before { + content: "\f1d0"; } + +.fa-receipt:before { + content: "\f543"; } + +.fa-recycle:before { + content: "\f1b8"; } + +.fa-red-river:before { + content: "\f3e3"; } + +.fa-reddit:before { + content: "\f1a1"; } + +.fa-reddit-alien:before { + content: "\f281"; } + +.fa-reddit-square:before { + content: "\f1a2"; } + +.fa-redo:before { + content: "\f01e"; } + +.fa-redo-alt:before { + content: "\f2f9"; } + +.fa-registered:before { + content: "\f25d"; } + +.fa-rendact:before { + content: "\f3e4"; } + +.fa-renren:before { + content: "\f18b"; } + +.fa-reply:before { + content: "\f3e5"; } + +.fa-reply-all:before { + content: "\f122"; } + +.fa-replyd:before { + content: "\f3e6"; } + +.fa-researchgate:before { + content: "\f4f8"; } + +.fa-resolving:before { + content: "\f3e7"; } + +.fa-retweet:before { + content: "\f079"; } + +.fa-rev:before { + content: "\f5b2"; } + +.fa-ribbon:before { + content: "\f4d6"; } + +.fa-road:before { + content: "\f018"; } + +.fa-robot:before { + content: "\f544"; } + +.fa-rocket:before { + content: "\f135"; } + +.fa-rocketchat:before { + content: "\f3e8"; } + +.fa-rockrms:before { + content: "\f3e9"; } + +.fa-route:before { + content: "\f4d7"; } + +.fa-rss:before { + content: "\f09e"; } + +.fa-rss-square:before { + content: "\f143"; } + +.fa-ruble-sign:before { + content: "\f158"; } + +.fa-ruler:before { + content: "\f545"; } + +.fa-ruler-combined:before { + content: "\f546"; } + +.fa-ruler-horizontal:before { + content: "\f547"; } + +.fa-ruler-vertical:before { + content: "\f548"; } + +.fa-rupee-sign:before { + content: "\f156"; } + +.fa-sad-cry:before { + content: "\f5b3"; } + +.fa-sad-tear:before { + content: "\f5b4"; } + +.fa-safari:before { + content: "\f267"; } + +.fa-sass:before { + content: "\f41e"; } + +.fa-save:before { + content: "\f0c7"; } + +.fa-schlix:before { + content: "\f3ea"; } + +.fa-school:before { + content: "\f549"; } + +.fa-screwdriver:before { + content: "\f54a"; } + +.fa-scribd:before { + content: "\f28a"; } + +.fa-search:before { + content: "\f002"; } + +.fa-search-dollar:before { + content: "\f688"; } + +.fa-search-location:before { + content: "\f689"; } + +.fa-search-minus:before { + content: "\f010"; } + +.fa-search-plus:before { + content: "\f00e"; } + +.fa-searchengin:before { + content: "\f3eb"; } + +.fa-seedling:before { + content: "\f4d8"; } + +.fa-sellcast:before { + content: "\f2da"; } + +.fa-sellsy:before { + content: "\f213"; } + +.fa-server:before { + content: "\f233"; } + +.fa-servicestack:before { + content: "\f3ec"; } + +.fa-shapes:before { + content: "\f61f"; } + +.fa-share:before { + content: "\f064"; } + +.fa-share-alt:before { + content: "\f1e0"; } + +.fa-share-alt-square:before { + content: "\f1e1"; } + +.fa-share-square:before { + content: "\f14d"; } + +.fa-shekel-sign:before { + content: "\f20b"; } + +.fa-shield-alt:before { + content: "\f3ed"; } + +.fa-ship:before { + content: "\f21a"; } + +.fa-shipping-fast:before { + content: "\f48b"; } + +.fa-shirtsinbulk:before { + content: "\f214"; } + +.fa-shoe-prints:before { + content: "\f54b"; } + +.fa-shopping-bag:before { + content: "\f290"; } + +.fa-shopping-basket:before { + content: "\f291"; } + +.fa-shopping-cart:before { + content: "\f07a"; } + +.fa-shopware:before { + content: "\f5b5"; } + +.fa-shower:before { + content: "\f2cc"; } + +.fa-shuttle-van:before { + content: "\f5b6"; } + +.fa-sign:before { + content: "\f4d9"; } + +.fa-sign-in-alt:before { + content: "\f2f6"; } + +.fa-sign-language:before { + content: "\f2a7"; } + +.fa-sign-out-alt:before { + content: "\f2f5"; } + +.fa-signal:before { + content: "\f012"; } + +.fa-signature:before { + content: "\f5b7"; } + +.fa-simplybuilt:before { + content: "\f215"; } + +.fa-sistrix:before { + content: "\f3ee"; } + +.fa-sitemap:before { + content: "\f0e8"; } + +.fa-sith:before { + content: "\f512"; } + +.fa-skull:before { + content: "\f54c"; } + +.fa-skyatlas:before { + content: "\f216"; } + +.fa-skype:before { + content: "\f17e"; } + +.fa-slack:before { + content: "\f198"; } + +.fa-slack-hash:before { + content: "\f3ef"; } + +.fa-sliders-h:before { + content: "\f1de"; } + +.fa-slideshare:before { + content: "\f1e7"; } + +.fa-smile:before { + content: "\f118"; } + +.fa-smile-beam:before { + content: "\f5b8"; } + +.fa-smile-wink:before { + content: "\f4da"; } + +.fa-smoking:before { + content: "\f48d"; } + +.fa-smoking-ban:before { + content: "\f54d"; } + +.fa-snapchat:before { + content: "\f2ab"; } + +.fa-snapchat-ghost:before { + content: "\f2ac"; } + +.fa-snapchat-square:before { + content: "\f2ad"; } + +.fa-snowflake:before { + content: "\f2dc"; } + +.fa-socks:before { + content: "\f696"; } + +.fa-solar-panel:before { + content: "\f5ba"; } + +.fa-sort:before { + content: "\f0dc"; } + +.fa-sort-alpha-down:before { + content: "\f15d"; } + +.fa-sort-alpha-up:before { + content: "\f15e"; } + +.fa-sort-amount-down:before { + content: "\f160"; } + +.fa-sort-amount-up:before { + content: "\f161"; } + +.fa-sort-down:before { + content: "\f0dd"; } + +.fa-sort-numeric-down:before { + content: "\f162"; } + +.fa-sort-numeric-up:before { + content: "\f163"; } + +.fa-sort-up:before { + content: "\f0de"; } + +.fa-soundcloud:before { + content: "\f1be"; } + +.fa-spa:before { + content: "\f5bb"; } + +.fa-space-shuttle:before { + content: "\f197"; } + +.fa-speakap:before { + content: "\f3f3"; } + +.fa-spinner:before { + content: "\f110"; } + +.fa-splotch:before { + content: "\f5bc"; } + +.fa-spotify:before { + content: "\f1bc"; } + +.fa-spray-can:before { + content: "\f5bd"; } + +.fa-square:before { + content: "\f0c8"; } + +.fa-square-full:before { + content: "\f45c"; } + +.fa-square-root-alt:before { + content: "\f698"; } + +.fa-squarespace:before { + content: "\f5be"; } + +.fa-stack-exchange:before { + content: "\f18d"; } + +.fa-stack-overflow:before { + content: "\f16c"; } + +.fa-stamp:before { + content: "\f5bf"; } + +.fa-star:before { + content: "\f005"; } + +.fa-star-and-crescent:before { + content: "\f699"; } + +.fa-star-half:before { + content: "\f089"; } + +.fa-star-half-alt:before { + content: "\f5c0"; } + +.fa-star-of-david:before { + content: "\f69a"; } + +.fa-star-of-life:before { + content: "\f621"; } + +.fa-staylinked:before { + content: "\f3f5"; } + +.fa-steam:before { + content: "\f1b6"; } + +.fa-steam-square:before { + content: "\f1b7"; } + +.fa-steam-symbol:before { + content: "\f3f6"; } + +.fa-step-backward:before { + content: "\f048"; } + +.fa-step-forward:before { + content: "\f051"; } + +.fa-stethoscope:before { + content: "\f0f1"; } + +.fa-sticker-mule:before { + content: "\f3f7"; } + +.fa-sticky-note:before { + content: "\f249"; } + +.fa-stop:before { + content: "\f04d"; } + +.fa-stop-circle:before { + content: "\f28d"; } + +.fa-stopwatch:before { + content: "\f2f2"; } + +.fa-store:before { + content: "\f54e"; } + +.fa-store-alt:before { + content: "\f54f"; } + +.fa-strava:before { + content: "\f428"; } + +.fa-stream:before { + content: "\f550"; } + +.fa-street-view:before { + content: "\f21d"; } + +.fa-strikethrough:before { + content: "\f0cc"; } + +.fa-stripe:before { + content: "\f429"; } + +.fa-stripe-s:before { + content: "\f42a"; } + +.fa-stroopwafel:before { + content: "\f551"; } + +.fa-studiovinari:before { + content: "\f3f8"; } + +.fa-stumbleupon:before { + content: "\f1a4"; } + +.fa-stumbleupon-circle:before { + content: "\f1a3"; } + +.fa-subscript:before { + content: "\f12c"; } + +.fa-subway:before { + content: "\f239"; } + +.fa-suitcase:before { + content: "\f0f2"; } + +.fa-suitcase-rolling:before { + content: "\f5c1"; } + +.fa-sun:before { + content: "\f185"; } + +.fa-superpowers:before { + content: "\f2dd"; } + +.fa-superscript:before { + content: "\f12b"; } + +.fa-supple:before { + content: "\f3f9"; } + +.fa-surprise:before { + content: "\f5c2"; } + +.fa-swatchbook:before { + content: "\f5c3"; } + +.fa-swimmer:before { + content: "\f5c4"; } + +.fa-swimming-pool:before { + content: "\f5c5"; } + +.fa-synagogue:before { + content: "\f69b"; } + +.fa-sync:before { + content: "\f021"; } + +.fa-sync-alt:before { + content: "\f2f1"; } + +.fa-syringe:before { + content: "\f48e"; } + +.fa-table:before { + content: "\f0ce"; } + +.fa-table-tennis:before { + content: "\f45d"; } + +.fa-tablet:before { + content: "\f10a"; } + +.fa-tablet-alt:before { + content: "\f3fa"; } + +.fa-tablets:before { + content: "\f490"; } + +.fa-tachometer-alt:before { + content: "\f3fd"; } + +.fa-tag:before { + content: "\f02b"; } + +.fa-tags:before { + content: "\f02c"; } + +.fa-tape:before { + content: "\f4db"; } + +.fa-tasks:before { + content: "\f0ae"; } + +.fa-taxi:before { + content: "\f1ba"; } + +.fa-teamspeak:before { + content: "\f4f9"; } + +.fa-teeth:before { + content: "\f62e"; } + +.fa-teeth-open:before { + content: "\f62f"; } + +.fa-telegram:before { + content: "\f2c6"; } + +.fa-telegram-plane:before { + content: "\f3fe"; } + +.fa-tencent-weibo:before { + content: "\f1d5"; } + +.fa-terminal:before { + content: "\f120"; } + +.fa-text-height:before { + content: "\f034"; } + +.fa-text-width:before { + content: "\f035"; } + +.fa-th:before { + content: "\f00a"; } + +.fa-th-large:before { + content: "\f009"; } + +.fa-th-list:before { + content: "\f00b"; } + +.fa-the-red-yeti:before { + content: "\f69d"; } + +.fa-theater-masks:before { + content: "\f630"; } + +.fa-themeco:before { + content: "\f5c6"; } + +.fa-themeisle:before { + content: "\f2b2"; } + +.fa-thermometer:before { + content: "\f491"; } + +.fa-thermometer-empty:before { + content: "\f2cb"; } + +.fa-thermometer-full:before { + content: "\f2c7"; } + +.fa-thermometer-half:before { + content: "\f2c9"; } + +.fa-thermometer-quarter:before { + content: "\f2ca"; } + +.fa-thermometer-three-quarters:before { + content: "\f2c8"; } + +.fa-thumbs-down:before { + content: "\f165"; } + +.fa-thumbs-up:before { + content: "\f164"; } + +.fa-thumbtack:before { + content: "\f08d"; } + +.fa-ticket-alt:before { + content: "\f3ff"; } + +.fa-times:before { + content: "\f00d"; } + +.fa-times-circle:before { + content: "\f057"; } + +.fa-tint:before { + content: "\f043"; } + +.fa-tint-slash:before { + content: "\f5c7"; } + +.fa-tired:before { + content: "\f5c8"; } + +.fa-toggle-off:before { + content: "\f204"; } + +.fa-toggle-on:before { + content: "\f205"; } + +.fa-toolbox:before { + content: "\f552"; } + +.fa-tooth:before { + content: "\f5c9"; } + +.fa-torah:before { + content: "\f6a0"; } + +.fa-torii-gate:before { + content: "\f6a1"; } + +.fa-trade-federation:before { + content: "\f513"; } + +.fa-trademark:before { + content: "\f25c"; } + +.fa-traffic-light:before { + content: "\f637"; } + +.fa-train:before { + content: "\f238"; } + +.fa-transgender:before { + content: "\f224"; } + +.fa-transgender-alt:before { + content: "\f225"; } + +.fa-trash:before { + content: "\f1f8"; } + +.fa-trash-alt:before { + content: "\f2ed"; } + +.fa-tree:before { + content: "\f1bb"; } + +.fa-trello:before { + content: "\f181"; } + +.fa-tripadvisor:before { + content: "\f262"; } + +.fa-trophy:before { + content: "\f091"; } + +.fa-truck:before { + content: "\f0d1"; } + +.fa-truck-loading:before { + content: "\f4de"; } + +.fa-truck-monster:before { + content: "\f63b"; } + +.fa-truck-moving:before { + content: "\f4df"; } + +.fa-truck-pickup:before { + content: "\f63c"; } + +.fa-tshirt:before { + content: "\f553"; } + +.fa-tty:before { + content: "\f1e4"; } + +.fa-tumblr:before { + content: "\f173"; } + +.fa-tumblr-square:before { + content: "\f174"; } + +.fa-tv:before { + content: "\f26c"; } + +.fa-twitch:before { + content: "\f1e8"; } + +.fa-twitter:before { + content: "\f099"; } + +.fa-twitter-square:before { + content: "\f081"; } + +.fa-typo3:before { + content: "\f42b"; } + +.fa-uber:before { + content: "\f402"; } + +.fa-uikit:before { + content: "\f403"; } + +.fa-umbrella:before { + content: "\f0e9"; } + +.fa-umbrella-beach:before { + content: "\f5ca"; } + +.fa-underline:before { + content: "\f0cd"; } + +.fa-undo:before { + content: "\f0e2"; } + +.fa-undo-alt:before { + content: "\f2ea"; } + +.fa-uniregistry:before { + content: "\f404"; } + +.fa-universal-access:before { + content: "\f29a"; } + +.fa-university:before { + content: "\f19c"; } + +.fa-unlink:before { + content: "\f127"; } + +.fa-unlock:before { + content: "\f09c"; } + +.fa-unlock-alt:before { + content: "\f13e"; } + +.fa-untappd:before { + content: "\f405"; } + +.fa-upload:before { + content: "\f093"; } + +.fa-usb:before { + content: "\f287"; } + +.fa-user:before { + content: "\f007"; } + +.fa-user-alt:before { + content: "\f406"; } + +.fa-user-alt-slash:before { + content: "\f4fa"; } + +.fa-user-astronaut:before { + content: "\f4fb"; } + +.fa-user-check:before { + content: "\f4fc"; } + +.fa-user-circle:before { + content: "\f2bd"; } + +.fa-user-clock:before { + content: "\f4fd"; } + +.fa-user-cog:before { + content: "\f4fe"; } + +.fa-user-edit:before { + content: "\f4ff"; } + +.fa-user-friends:before { + content: "\f500"; } + +.fa-user-graduate:before { + content: "\f501"; } + +.fa-user-lock:before { + content: "\f502"; } + +.fa-user-md:before { + content: "\f0f0"; } + +.fa-user-minus:before { + content: "\f503"; } + +.fa-user-ninja:before { + content: "\f504"; } + +.fa-user-plus:before { + content: "\f234"; } + +.fa-user-secret:before { + content: "\f21b"; } + +.fa-user-shield:before { + content: "\f505"; } + +.fa-user-slash:before { + content: "\f506"; } + +.fa-user-tag:before { + content: "\f507"; } + +.fa-user-tie:before { + content: "\f508"; } + +.fa-user-times:before { + content: "\f235"; } + +.fa-users:before { + content: "\f0c0"; } + +.fa-users-cog:before { + content: "\f509"; } + +.fa-ussunnah:before { + content: "\f407"; } + +.fa-utensil-spoon:before { + content: "\f2e5"; } + +.fa-utensils:before { + content: "\f2e7"; } + +.fa-vaadin:before { + content: "\f408"; } + +.fa-vector-square:before { + content: "\f5cb"; } + +.fa-venus:before { + content: "\f221"; } + +.fa-venus-double:before { + content: "\f226"; } + +.fa-venus-mars:before { + content: "\f228"; } + +.fa-viacoin:before { + content: "\f237"; } + +.fa-viadeo:before { + content: "\f2a9"; } + +.fa-viadeo-square:before { + content: "\f2aa"; } + +.fa-vial:before { + content: "\f492"; } + +.fa-vials:before { + content: "\f493"; } + +.fa-viber:before { + content: "\f409"; } + +.fa-video:before { + content: "\f03d"; } + +.fa-video-slash:before { + content: "\f4e2"; } + +.fa-vihara:before { + content: "\f6a7"; } + +.fa-vimeo:before { + content: "\f40a"; } + +.fa-vimeo-square:before { + content: "\f194"; } + +.fa-vimeo-v:before { + content: "\f27d"; } + +.fa-vine:before { + content: "\f1ca"; } + +.fa-vk:before { + content: "\f189"; } + +.fa-vnv:before { + content: "\f40b"; } + +.fa-volleyball-ball:before { + content: "\f45f"; } + +.fa-volume-down:before { + content: "\f027"; } + +.fa-volume-off:before { + content: "\f026"; } + +.fa-volume-up:before { + content: "\f028"; } + +.fa-vuejs:before { + content: "\f41f"; } + +.fa-walking:before { + content: "\f554"; } + +.fa-wallet:before { + content: "\f555"; } + +.fa-warehouse:before { + content: "\f494"; } + +.fa-weebly:before { + content: "\f5cc"; } + +.fa-weibo:before { + content: "\f18a"; } + +.fa-weight:before { + content: "\f496"; } + +.fa-weight-hanging:before { + content: "\f5cd"; } + +.fa-weixin:before { + content: "\f1d7"; } + +.fa-whatsapp:before { + content: "\f232"; } + +.fa-whatsapp-square:before { + content: "\f40c"; } + +.fa-wheelchair:before { + content: "\f193"; } + +.fa-whmcs:before { + content: "\f40d"; } + +.fa-wifi:before { + content: "\f1eb"; } + +.fa-wikipedia-w:before { + content: "\f266"; } + +.fa-window-close:before { + content: "\f410"; } + +.fa-window-maximize:before { + content: "\f2d0"; } + +.fa-window-minimize:before { + content: "\f2d1"; } + +.fa-window-restore:before { + content: "\f2d2"; } + +.fa-windows:before { + content: "\f17a"; } + +.fa-wine-glass:before { + content: "\f4e3"; } + +.fa-wine-glass-alt:before { + content: "\f5ce"; } + +.fa-wix:before { + content: "\f5cf"; } + +.fa-wolf-pack-battalion:before { + content: "\f514"; } + +.fa-won-sign:before { + content: "\f159"; } + +.fa-wordpress:before { + content: "\f19a"; } + +.fa-wordpress-simple:before { + content: "\f411"; } + +.fa-wpbeginner:before { + content: "\f297"; } + +.fa-wpexplorer:before { + content: "\f2de"; } + +.fa-wpforms:before { + content: "\f298"; } + +.fa-wrench:before { + content: "\f0ad"; } + +.fa-x-ray:before { + content: "\f497"; } + +.fa-xbox:before { + content: "\f412"; } + +.fa-xing:before { + content: "\f168"; } + +.fa-xing-square:before { + content: "\f169"; } + +.fa-y-combinator:before { + content: "\f23b"; } + +.fa-yahoo:before { + content: "\f19e"; } + +.fa-yandex:before { + content: "\f413"; } + +.fa-yandex-international:before { + content: "\f414"; } + +.fa-yelp:before { + content: "\f1e9"; } + +.fa-yen-sign:before { + content: "\f157"; } + +.fa-yin-yang:before { + content: "\f6ad"; } + +.fa-yoast:before { + content: "\f2b1"; } + +.fa-youtube:before { + content: "\f167"; } + +.fa-youtube-square:before { + content: "\f431"; } + +.fa-zhihu:before { + content: "\f63f"; } + +.sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } + +/*! + * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +@font-face { + font-family: 'Font Awesome 5 Brands'; + font-style: normal; + font-weight: normal; + src: url("../webfonts/fa-brands-400.eot"); + src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); } + +.fab { + font-family: 'Font Awesome 5 Brands'; } + +/*! + * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +@font-face { + font-family: 'Font Awesome 5 Free'; + font-style: normal; + font-weight: 400; + src: url("../webfonts/fa-regular-400.eot"); + src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } + +.far { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +/*! + * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +@font-face { + font-family: 'Font Awesome 5 Free'; + font-style: normal; + font-weight: 900; + src: url("../webfonts/fa-solid-900.eot"); + src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } + +.fa, +.fas { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; } + +/*! + * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +.fa.fa-glass:before { + content: "\f000"; } + +.fa.fa-meetup { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-star-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-star-o:before { + content: "\f005"; } + +.fa.fa-remove:before { + content: "\f00d"; } + +.fa.fa-close:before { + content: "\f00d"; } + +.fa.fa-gear:before { + content: "\f013"; } + +.fa.fa-trash-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-trash-o:before { + content: "\f2ed"; } + +.fa.fa-file-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-o:before { + content: "\f15b"; } + +.fa.fa-clock-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-clock-o:before { + content: "\f017"; } + +.fa.fa-arrow-circle-o-down { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-arrow-circle-o-down:before { + content: "\f358"; } + +.fa.fa-arrow-circle-o-up { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-arrow-circle-o-up:before { + content: "\f35b"; } + +.fa.fa-play-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-play-circle-o:before { + content: "\f144"; } + +.fa.fa-repeat:before { + content: "\f01e"; } + +.fa.fa-rotate-right:before { + content: "\f01e"; } + +.fa.fa-refresh:before { + content: "\f021"; } + +.fa.fa-list-alt { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-dedent:before { + content: "\f03b"; } + +.fa.fa-video-camera:before { + content: "\f03d"; } + +.fa.fa-picture-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-picture-o:before { + content: "\f03e"; } + +.fa.fa-photo { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-photo:before { + content: "\f03e"; } + +.fa.fa-image { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-image:before { + content: "\f03e"; } + +.fa.fa-pencil:before { + content: "\f303"; } + +.fa.fa-map-marker:before { + content: "\f3c5"; } + +.fa.fa-pencil-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-pencil-square-o:before { + content: "\f044"; } + +.fa.fa-share-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-share-square-o:before { + content: "\f14d"; } + +.fa.fa-check-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-check-square-o:before { + content: "\f14a"; } + +.fa.fa-arrows:before { + content: "\f0b2"; } + +.fa.fa-times-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-times-circle-o:before { + content: "\f057"; } + +.fa.fa-check-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-check-circle-o:before { + content: "\f058"; } + +.fa.fa-mail-forward:before { + content: "\f064"; } + +.fa.fa-eye { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-eye-slash { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-warning:before { + content: "\f071"; } + +.fa.fa-calendar:before { + content: "\f073"; } + +.fa.fa-arrows-v:before { + content: "\f338"; } + +.fa.fa-arrows-h:before { + content: "\f337"; } + +.fa.fa-bar-chart { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-bar-chart:before { + content: "\f080"; } + +.fa.fa-bar-chart-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-bar-chart-o:before { + content: "\f080"; } + +.fa.fa-twitter-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-facebook-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gears:before { + content: "\f085"; } + +.fa.fa-thumbs-o-up { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-thumbs-o-up:before { + content: "\f164"; } + +.fa.fa-thumbs-o-down { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-thumbs-o-down:before { + content: "\f165"; } + +.fa.fa-heart-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-heart-o:before { + content: "\f004"; } + +.fa.fa-sign-out:before { + content: "\f2f5"; } + +.fa.fa-linkedin-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-linkedin-square:before { + content: "\f08c"; } + +.fa.fa-thumb-tack:before { + content: "\f08d"; } + +.fa.fa-external-link:before { + content: "\f35d"; } + +.fa.fa-sign-in:before { + content: "\f2f6"; } + +.fa.fa-github-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-lemon-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-lemon-o:before { + content: "\f094"; } + +.fa.fa-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-square-o:before { + content: "\f0c8"; } + +.fa.fa-bookmark-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-bookmark-o:before { + content: "\f02e"; } + +.fa.fa-twitter { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-facebook { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-facebook:before { + content: "\f39e"; } + +.fa.fa-facebook-f { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-facebook-f:before { + content: "\f39e"; } + +.fa.fa-github { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-credit-card { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-feed:before { + content: "\f09e"; } + +.fa.fa-hdd-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hdd-o:before { + content: "\f0a0"; } + +.fa.fa-hand-o-right { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-o-right:before { + content: "\f0a4"; } + +.fa.fa-hand-o-left { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-o-left:before { + content: "\f0a5"; } + +.fa.fa-hand-o-up { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-o-up:before { + content: "\f0a6"; } + +.fa.fa-hand-o-down { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-o-down:before { + content: "\f0a7"; } + +.fa.fa-arrows-alt:before { + content: "\f31e"; } + +.fa.fa-group:before { + content: "\f0c0"; } + +.fa.fa-chain:before { + content: "\f0c1"; } + +.fa.fa-scissors:before { + content: "\f0c4"; } + +.fa.fa-files-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-files-o:before { + content: "\f0c5"; } + +.fa.fa-floppy-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-floppy-o:before { + content: "\f0c7"; } + +.fa.fa-navicon:before { + content: "\f0c9"; } + +.fa.fa-reorder:before { + content: "\f0c9"; } + +.fa.fa-pinterest { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pinterest-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus:before { + content: "\f0d5"; } + +.fa.fa-money { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-money:before { + content: "\f3d1"; } + +.fa.fa-unsorted:before { + content: "\f0dc"; } + +.fa.fa-sort-desc:before { + content: "\f0dd"; } + +.fa.fa-sort-asc:before { + content: "\f0de"; } + +.fa.fa-linkedin { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-linkedin:before { + content: "\f0e1"; } + +.fa.fa-rotate-left:before { + content: "\f0e2"; } + +.fa.fa-legal:before { + content: "\f0e3"; } + +.fa.fa-tachometer:before { + content: "\f3fd"; } + +.fa.fa-dashboard:before { + content: "\f3fd"; } + +.fa.fa-comment-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-comment-o:before { + content: "\f075"; } + +.fa.fa-comments-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-comments-o:before { + content: "\f086"; } + +.fa.fa-flash:before { + content: "\f0e7"; } + +.fa.fa-clipboard { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-paste { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-paste:before { + content: "\f328"; } + +.fa.fa-lightbulb-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-lightbulb-o:before { + content: "\f0eb"; } + +.fa.fa-exchange:before { + content: "\f362"; } + +.fa.fa-cloud-download:before { + content: "\f381"; } + +.fa.fa-cloud-upload:before { + content: "\f382"; } + +.fa.fa-bell-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-bell-o:before { + content: "\f0f3"; } + +.fa.fa-cutlery:before { + content: "\f2e7"; } + +.fa.fa-file-text-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-text-o:before { + content: "\f15c"; } + +.fa.fa-building-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-building-o:before { + content: "\f1ad"; } + +.fa.fa-hospital-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hospital-o:before { + content: "\f0f8"; } + +.fa.fa-tablet:before { + content: "\f3fa"; } + +.fa.fa-mobile:before { + content: "\f3cd"; } + +.fa.fa-mobile-phone:before { + content: "\f3cd"; } + +.fa.fa-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-circle-o:before { + content: "\f111"; } + +.fa.fa-mail-reply:before { + content: "\f3e5"; } + +.fa.fa-github-alt { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-folder-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-folder-o:before { + content: "\f07b"; } + +.fa.fa-folder-open-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-folder-open-o:before { + content: "\f07c"; } + +.fa.fa-smile-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-smile-o:before { + content: "\f118"; } + +.fa.fa-frown-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-frown-o:before { + content: "\f119"; } + +.fa.fa-meh-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-meh-o:before { + content: "\f11a"; } + +.fa.fa-keyboard-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-keyboard-o:before { + content: "\f11c"; } + +.fa.fa-flag-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-flag-o:before { + content: "\f024"; } + +.fa.fa-mail-reply-all:before { + content: "\f122"; } + +.fa.fa-star-half-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-star-half-o:before { + content: "\f089"; } + +.fa.fa-star-half-empty { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-star-half-empty:before { + content: "\f089"; } + +.fa.fa-star-half-full { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-star-half-full:before { + content: "\f089"; } + +.fa.fa-code-fork:before { + content: "\f126"; } + +.fa.fa-chain-broken:before { + content: "\f127"; } + +.fa.fa-shield:before { + content: "\f3ed"; } + +.fa.fa-calendar-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-calendar-o:before { + content: "\f133"; } + +.fa.fa-maxcdn { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-html5 { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-css3 { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ticket:before { + content: "\f3ff"; } + +.fa.fa-minus-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-minus-square-o:before { + content: "\f146"; } + +.fa.fa-level-up:before { + content: "\f3bf"; } + +.fa.fa-level-down:before { + content: "\f3be"; } + +.fa.fa-pencil-square:before { + content: "\f14b"; } + +.fa.fa-external-link-square:before { + content: "\f360"; } + +.fa.fa-compass { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-caret-square-o-down { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-caret-square-o-down:before { + content: "\f150"; } + +.fa.fa-toggle-down { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-toggle-down:before { + content: "\f150"; } + +.fa.fa-caret-square-o-up { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-caret-square-o-up:before { + content: "\f151"; } + +.fa.fa-toggle-up { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-toggle-up:before { + content: "\f151"; } + +.fa.fa-caret-square-o-right { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-caret-square-o-right:before { + content: "\f152"; } + +.fa.fa-toggle-right { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-toggle-right:before { + content: "\f152"; } + +.fa.fa-eur:before { + content: "\f153"; } + +.fa.fa-euro:before { + content: "\f153"; } + +.fa.fa-gbp:before { + content: "\f154"; } + +.fa.fa-usd:before { + content: "\f155"; } + +.fa.fa-dollar:before { + content: "\f155"; } + +.fa.fa-inr:before { + content: "\f156"; } + +.fa.fa-rupee:before { + content: "\f156"; } + +.fa.fa-jpy:before { + content: "\f157"; } + +.fa.fa-cny:before { + content: "\f157"; } + +.fa.fa-rmb:before { + content: "\f157"; } + +.fa.fa-yen:before { + content: "\f157"; } + +.fa.fa-rub:before { + content: "\f158"; } + +.fa.fa-ruble:before { + content: "\f158"; } + +.fa.fa-rouble:before { + content: "\f158"; } + +.fa.fa-krw:before { + content: "\f159"; } + +.fa.fa-won:before { + content: "\f159"; } + +.fa.fa-btc { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bitcoin { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bitcoin:before { + content: "\f15a"; } + +.fa.fa-file-text:before { + content: "\f15c"; } + +.fa.fa-sort-alpha-asc:before { + content: "\f15d"; } + +.fa.fa-sort-alpha-desc:before { + content: "\f15e"; } + +.fa.fa-sort-amount-asc:before { + content: "\f160"; } + +.fa.fa-sort-amount-desc:before { + content: "\f161"; } + +.fa.fa-sort-numeric-asc:before { + content: "\f162"; } + +.fa.fa-sort-numeric-desc:before { + content: "\f163"; } + +.fa.fa-youtube-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-youtube { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-xing { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-xing-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-youtube-play { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-youtube-play:before { + content: "\f167"; } + +.fa.fa-dropbox { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-stack-overflow { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-instagram { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-flickr { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-adn { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bitbucket { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bitbucket-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bitbucket-square:before { + content: "\f171"; } + +.fa.fa-tumblr { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-tumblr-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-long-arrow-down:before { + content: "\f309"; } + +.fa.fa-long-arrow-up:before { + content: "\f30c"; } + +.fa.fa-long-arrow-left:before { + content: "\f30a"; } + +.fa.fa-long-arrow-right:before { + content: "\f30b"; } + +.fa.fa-apple { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-windows { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-android { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-linux { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-dribbble { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-skype { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-foursquare { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-trello { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gratipay { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gittip { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gittip:before { + content: "\f184"; } + +.fa.fa-sun-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-sun-o:before { + content: "\f185"; } + +.fa.fa-moon-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-moon-o:before { + content: "\f186"; } + +.fa.fa-vk { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-weibo { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-renren { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pagelines { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-stack-exchange { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-arrow-circle-o-right { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-arrow-circle-o-right:before { + content: "\f35a"; } + +.fa.fa-arrow-circle-o-left { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-arrow-circle-o-left:before { + content: "\f359"; } + +.fa.fa-caret-square-o-left { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-caret-square-o-left:before { + content: "\f191"; } + +.fa.fa-toggle-left { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-toggle-left:before { + content: "\f191"; } + +.fa.fa-dot-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-dot-circle-o:before { + content: "\f192"; } + +.fa.fa-vimeo-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-try:before { + content: "\f195"; } + +.fa.fa-turkish-lira:before { + content: "\f195"; } + +.fa.fa-plus-square-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-plus-square-o:before { + content: "\f0fe"; } + +.fa.fa-slack { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wordpress { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-openid { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-institution:before { + content: "\f19c"; } + +.fa.fa-bank:before { + content: "\f19c"; } + +.fa.fa-mortar-board:before { + content: "\f19d"; } + +.fa.fa-yahoo { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-reddit { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-reddit-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-stumbleupon-circle { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-stumbleupon { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-delicious { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-digg { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pied-piper-pp { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pied-piper-alt { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-drupal { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-joomla { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-spoon:before { + content: "\f2e5"; } + +.fa.fa-behance { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-behance-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-steam { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-steam-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-automobile:before { + content: "\f1b9"; } + +.fa.fa-cab:before { + content: "\f1ba"; } + +.fa.fa-envelope-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-envelope-o:before { + content: "\f0e0"; } + +.fa.fa-deviantart { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-soundcloud { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-file-pdf-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-pdf-o:before { + content: "\f1c1"; } + +.fa.fa-file-word-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-word-o:before { + content: "\f1c2"; } + +.fa.fa-file-excel-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-excel-o:before { + content: "\f1c3"; } + +.fa.fa-file-powerpoint-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-powerpoint-o:before { + content: "\f1c4"; } + +.fa.fa-file-image-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-image-o:before { + content: "\f1c5"; } + +.fa.fa-file-photo-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-photo-o:before { + content: "\f1c5"; } + +.fa.fa-file-picture-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-picture-o:before { + content: "\f1c5"; } + +.fa.fa-file-archive-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-archive-o:before { + content: "\f1c6"; } + +.fa.fa-file-zip-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-zip-o:before { + content: "\f1c6"; } + +.fa.fa-file-audio-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-audio-o:before { + content: "\f1c7"; } + +.fa.fa-file-sound-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-sound-o:before { + content: "\f1c7"; } + +.fa.fa-file-video-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-video-o:before { + content: "\f1c8"; } + +.fa.fa-file-movie-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-movie-o:before { + content: "\f1c8"; } + +.fa.fa-file-code-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-file-code-o:before { + content: "\f1c9"; } + +.fa.fa-vine { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-codepen { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-jsfiddle { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-life-ring { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-life-bouy { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-life-bouy:before { + content: "\f1cd"; } + +.fa.fa-life-buoy { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-life-buoy:before { + content: "\f1cd"; } + +.fa.fa-life-saver { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-life-saver:before { + content: "\f1cd"; } + +.fa.fa-support { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-support:before { + content: "\f1cd"; } + +.fa.fa-circle-o-notch:before { + content: "\f1ce"; } + +.fa.fa-rebel { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ra { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ra:before { + content: "\f1d0"; } + +.fa.fa-resistance { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-resistance:before { + content: "\f1d0"; } + +.fa.fa-empire { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ge { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ge:before { + content: "\f1d1"; } + +.fa.fa-git-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-git { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-hacker-news { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-y-combinator-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-y-combinator-square:before { + content: "\f1d4"; } + +.fa.fa-yc-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-yc-square:before { + content: "\f1d4"; } + +.fa.fa-tencent-weibo { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-qq { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-weixin { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wechat { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wechat:before { + content: "\f1d7"; } + +.fa.fa-send:before { + content: "\f1d8"; } + +.fa.fa-paper-plane-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-paper-plane-o:before { + content: "\f1d8"; } + +.fa.fa-send-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-send-o:before { + content: "\f1d8"; } + +.fa.fa-circle-thin { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-circle-thin:before { + content: "\f111"; } + +.fa.fa-header:before { + content: "\f1dc"; } + +.fa.fa-sliders:before { + content: "\f1de"; } + +.fa.fa-futbol-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-futbol-o:before { + content: "\f1e3"; } + +.fa.fa-soccer-ball-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-soccer-ball-o:before { + content: "\f1e3"; } + +.fa.fa-slideshare { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-twitch { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-yelp { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-newspaper-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-newspaper-o:before { + content: "\f1ea"; } + +.fa.fa-paypal { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-wallet { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-visa { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-mastercard { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-discover { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-amex { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-paypal { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-stripe { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bell-slash-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-bell-slash-o:before { + content: "\f1f6"; } + +.fa.fa-trash:before { + content: "\f2ed"; } + +.fa.fa-copyright { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-eyedropper:before { + content: "\f1fb"; } + +.fa.fa-area-chart:before { + content: "\f1fe"; } + +.fa.fa-pie-chart:before { + content: "\f200"; } + +.fa.fa-line-chart:before { + content: "\f201"; } + +.fa.fa-lastfm { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-lastfm-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ioxhost { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-angellist { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-cc:before { + content: "\f20a"; } + +.fa.fa-ils:before { + content: "\f20b"; } + +.fa.fa-shekel:before { + content: "\f20b"; } + +.fa.fa-sheqel:before { + content: "\f20b"; } + +.fa.fa-meanpath { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-meanpath:before { + content: "\f2b4"; } + +.fa.fa-buysellads { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-connectdevelop { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-dashcube { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-forumbee { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-leanpub { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-sellsy { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-shirtsinbulk { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-simplybuilt { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-skyatlas { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-diamond { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-diamond:before { + content: "\f3a5"; } + +.fa.fa-intersex:before { + content: "\f224"; } + +.fa.fa-facebook-official { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-facebook-official:before { + content: "\f09a"; } + +.fa.fa-pinterest-p { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-whatsapp { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-hotel:before { + content: "\f236"; } + +.fa.fa-viacoin { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-medium { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-y-combinator { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-yc { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-yc:before { + content: "\f23b"; } + +.fa.fa-optin-monster { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-opencart { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-expeditedssl { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-battery-4:before { + content: "\f240"; } + +.fa.fa-battery:before { + content: "\f240"; } + +.fa.fa-battery-3:before { + content: "\f241"; } + +.fa.fa-battery-2:before { + content: "\f242"; } + +.fa.fa-battery-1:before { + content: "\f243"; } + +.fa.fa-battery-0:before { + content: "\f244"; } + +.fa.fa-object-group { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-object-ungroup { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-sticky-note-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-sticky-note-o:before { + content: "\f249"; } + +.fa.fa-cc-jcb { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-cc-diners-club { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-clone { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hourglass-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hourglass-o:before { + content: "\f254"; } + +.fa.fa-hourglass-1:before { + content: "\f251"; } + +.fa.fa-hourglass-2:before { + content: "\f252"; } + +.fa.fa-hourglass-3:before { + content: "\f253"; } + +.fa.fa-hand-rock-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-rock-o:before { + content: "\f255"; } + +.fa.fa-hand-grab-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-grab-o:before { + content: "\f255"; } + +.fa.fa-hand-paper-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-paper-o:before { + content: "\f256"; } + +.fa.fa-hand-stop-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-stop-o:before { + content: "\f256"; } + +.fa.fa-hand-scissors-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-scissors-o:before { + content: "\f257"; } + +.fa.fa-hand-lizard-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-lizard-o:before { + content: "\f258"; } + +.fa.fa-hand-spock-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-spock-o:before { + content: "\f259"; } + +.fa.fa-hand-pointer-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-pointer-o:before { + content: "\f25a"; } + +.fa.fa-hand-peace-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-hand-peace-o:before { + content: "\f25b"; } + +.fa.fa-registered { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-creative-commons { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gg { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gg-circle { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-tripadvisor { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-odnoklassniki { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-odnoklassniki-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-get-pocket { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wikipedia-w { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-safari { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-chrome { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-firefox { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-opera { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-internet-explorer { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-television:before { + content: "\f26c"; } + +.fa.fa-contao { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-500px { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-amazon { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-calendar-plus-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-calendar-plus-o:before { + content: "\f271"; } + +.fa.fa-calendar-minus-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-calendar-minus-o:before { + content: "\f272"; } + +.fa.fa-calendar-times-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-calendar-times-o:before { + content: "\f273"; } + +.fa.fa-calendar-check-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-calendar-check-o:before { + content: "\f274"; } + +.fa.fa-map-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-map-o:before { + content: "\f279"; } + +.fa.fa-commenting { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-commenting:before { + content: "\f4ad"; } + +.fa.fa-commenting-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-commenting-o:before { + content: "\f4ad"; } + +.fa.fa-houzz { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-vimeo { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-vimeo:before { + content: "\f27d"; } + +.fa.fa-black-tie { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-fonticons { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-reddit-alien { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-edge { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-credit-card-alt:before { + content: "\f09d"; } + +.fa.fa-codiepie { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-modx { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-fort-awesome { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-usb { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-product-hunt { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-mixcloud { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-scribd { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pause-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-pause-circle-o:before { + content: "\f28b"; } + +.fa.fa-stop-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-stop-circle-o:before { + content: "\f28d"; } + +.fa.fa-bluetooth { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-bluetooth-b { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-gitlab { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wpbeginner { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wpforms { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-envira { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wheelchair-alt { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wheelchair-alt:before { + content: "\f368"; } + +.fa.fa-question-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-question-circle-o:before { + content: "\f059"; } + +.fa.fa-volume-control-phone:before { + content: "\f2a0"; } + +.fa.fa-asl-interpreting:before { + content: "\f2a3"; } + +.fa.fa-deafness:before { + content: "\f2a4"; } + +.fa.fa-hard-of-hearing:before { + content: "\f2a4"; } + +.fa.fa-glide { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-glide-g { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-signing:before { + content: "\f2a7"; } + +.fa.fa-viadeo { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-viadeo-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-snapchat { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-snapchat-ghost { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-snapchat-square { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-pied-piper { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-first-order { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-yoast { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-themeisle { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus-official { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus-official:before { + content: "\f2b3"; } + +.fa.fa-google-plus-circle { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-google-plus-circle:before { + content: "\f2b3"; } + +.fa.fa-font-awesome { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-fa { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-fa:before { + content: "\f2b4"; } + +.fa.fa-handshake-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-handshake-o:before { + content: "\f2b5"; } + +.fa.fa-envelope-open-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-envelope-open-o:before { + content: "\f2b6"; } + +.fa.fa-linode { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-address-book-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-address-book-o:before { + content: "\f2b9"; } + +.fa.fa-vcard:before { + content: "\f2bb"; } + +.fa.fa-address-card-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-address-card-o:before { + content: "\f2bb"; } + +.fa.fa-vcard-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-vcard-o:before { + content: "\f2bb"; } + +.fa.fa-user-circle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-user-circle-o:before { + content: "\f2bd"; } + +.fa.fa-user-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-user-o:before { + content: "\f007"; } + +.fa.fa-id-badge { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-drivers-license:before { + content: "\f2c2"; } + +.fa.fa-id-card-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-id-card-o:before { + content: "\f2c2"; } + +.fa.fa-drivers-license-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-drivers-license-o:before { + content: "\f2c2"; } + +.fa.fa-quora { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-free-code-camp { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-telegram { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-thermometer-4:before { + content: "\f2c7"; } + +.fa.fa-thermometer:before { + content: "\f2c7"; } + +.fa.fa-thermometer-3:before { + content: "\f2c8"; } + +.fa.fa-thermometer-2:before { + content: "\f2c9"; } + +.fa.fa-thermometer-1:before { + content: "\f2ca"; } + +.fa.fa-thermometer-0:before { + content: "\f2cb"; } + +.fa.fa-bathtub:before { + content: "\f2cd"; } + +.fa.fa-s15:before { + content: "\f2cd"; } + +.fa.fa-window-maximize { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-window-restore { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-times-rectangle:before { + content: "\f410"; } + +.fa.fa-window-close-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-window-close-o:before { + content: "\f410"; } + +.fa.fa-times-rectangle-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-times-rectangle-o:before { + content: "\f410"; } + +.fa.fa-bandcamp { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-grav { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-etsy { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-imdb { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-ravelry { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-eercast { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-eercast:before { + content: "\f2da"; } + +.fa.fa-snowflake-o { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +.fa.fa-snowflake-o:before { + content: "\f2dc"; } + +.fa.fa-superpowers { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-wpexplorer { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +.fa.fa-spotify { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; } + +/*------------------------------------------------------------------ +[4. Google's Material Web Components] +------------------------------------------------------------------*/ +@-webkit-keyframes mdc-ripple-fg-radius-in { + from { + -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); + transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); } + to { + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } } +@keyframes mdc-ripple-fg-radius-in { + from { + -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); + transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); } + to { + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } } + +@-webkit-keyframes mdc-ripple-fg-opacity-in { + from { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + opacity: 0; } + to { + opacity: var(--mdc-ripple-fg-opacity, 0); } } + +@keyframes mdc-ripple-fg-opacity-in { + from { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + opacity: 0; } + to { + opacity: var(--mdc-ripple-fg-opacity, 0); } } + +@-webkit-keyframes mdc-ripple-fg-opacity-out { + from { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + opacity: var(--mdc-ripple-fg-opacity, 0); } + to { + opacity: 0; } } + +@keyframes mdc-ripple-fg-opacity-out { + from { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + opacity: var(--mdc-ripple-fg-opacity, 0); } + to { + opacity: 0; } } + +.mdc-ripple-surface--test-edge-var-bug { + --mdc-ripple-surface-test-edge-var: 1px solid #000; + visibility: hidden; } + .mdc-ripple-surface--test-edge-var-bug::before { + border: var(--mdc-ripple-surface-test-edge-var); } + +.mdc-button { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 2.25rem; + font-weight: 500; + letter-spacing: 0.08929em; + text-decoration: none; + text-transform: uppercase; + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + padding: 0 8px 0 8px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 64px; + height: 36px; + border: none; + outline: none; + /* @alternate */ + line-height: inherit; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-appearance: none; + overflow: hidden; + vertical-align: middle; + border-radius: 2px; } + .mdc-button::before, .mdc-button::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-button::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-button.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-button.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-button.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-button.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-button.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-button::before, .mdc-button::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-button.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-button::-moz-focus-inner { + padding: 0; + border: 0; } + .mdc-button:active { + outline: none; } + .mdc-button:hover { + cursor: pointer; } + .mdc-button:disabled { + background-color: transparent; + color: rgba(255, 255, 255, 0.37); + cursor: default; + pointer-events: none; } + .mdc-button:not(:disabled) { + background-color: transparent; } + .mdc-button:not(:disabled) { + color: #ffce61; + /* @alternate */ + color: var(--mdc-theme-primary, #ffce61); } + .mdc-button::before, .mdc-button::after { + background-color: #ffce61; } + @supports not (-ms-ime-align: auto) { + .mdc-button::before, .mdc-button::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } } + .mdc-button:hover::before { + opacity: 0.08; } + .mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-button:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-button:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + .mdc-button .mdc-button__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + display: inline-block; + width: 18px; + height: 18px; + font-size: 18px; + vertical-align: top; } + [dir="rtl"] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir="rtl"] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; } + .mdc-button svg.mdc-button__icon { + fill: currentColor; } + +.mdc-button--raised .mdc-button__icon, +.mdc-button--unelevated .mdc-button__icon, +.mdc-button--outlined .mdc-button__icon { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; } + [dir="rtl"] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir="rtl"], [dir="rtl"] + .mdc-button--unelevated .mdc-button__icon, + .mdc-button--unelevated .mdc-button__icon[dir="rtl"], [dir="rtl"] + .mdc-button--outlined .mdc-button__icon, + .mdc-button--outlined .mdc-button__icon[dir="rtl"] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; } + +.mdc-button--raised, +.mdc-button--unelevated { + padding: 0 16px 0 16px; } + .mdc-button--raised:disabled, + .mdc-button--unelevated:disabled { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.37); } + .mdc-button--raised:not(:disabled), + .mdc-button--unelevated:not(:disabled) { + background-color: #ffce61; } + @supports not (-ms-ime-align: auto) { + .mdc-button--raised:not(:disabled), + .mdc-button--unelevated:not(:disabled) { + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } } + .mdc-button--raised:not(:disabled), + .mdc-button--unelevated:not(:disabled) { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-primary, #000); } + .mdc-button--raised::before, .mdc-button--raised::after, + .mdc-button--unelevated::before, + .mdc-button--unelevated::after { + background-color: #000; } + @supports not (-ms-ime-align: auto) { + .mdc-button--raised::before, .mdc-button--raised::after, + .mdc-button--unelevated::before, + .mdc-button--unelevated::after { + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #000); } } + .mdc-button--raised:hover::before, + .mdc-button--unelevated:hover::before { + opacity: 0.04; } + .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before, + .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before, + .mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-button--raised:not(.mdc-ripple-upgraded)::after, + .mdc-button--unelevated:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-button--raised:not(.mdc-ripple-upgraded):active::after, + .mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-button--raised.mdc-ripple-upgraded, + .mdc-button--unelevated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + +.mdc-button--raised { + -webkit-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); + 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); + -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } + .mdc-button--raised:hover, .mdc-button--raised:focus { + -webkit-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); + 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); } + .mdc-button--raised:active { + -webkit-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); + 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); } + .mdc-button--raised:disabled { + -webkit-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); + 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); } + +.mdc-button--outlined { + border-style: solid; + padding: 0 14px 0 14px; + border-width: 2px; } + .mdc-button--outlined:disabled { + border-color: rgba(255, 255, 255, 0.37); } + .mdc-button--outlined:not(:disabled) { + border-color: #ffce61; + /* @alternate */ + border-color: var(--mdc-theme-primary, #ffce61); } + +.mdc-button--dense { + height: 32px; + font-size: .8125rem; } + +.mdc-card { + background-color: #3D444B; + /* @alternate */ + background-color: var(--mdc-theme-surface, #3D444B); + border-radius: 2px; + -webkit-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); + 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); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.mdc-card--outlined { + -webkit-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); + 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); + border: 1px solid #545a61; } + +.mdc-card__media { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-repeat: no-repeat; + background-position: center; + background-size: cover; } + .mdc-card__media::before { + display: block; + content: ""; } + +.mdc-card__media:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; } + +.mdc-card__media:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; } + +.mdc-card__media--square::before { + margin-top: 100%; } + +.mdc-card__media--16-9::before { + margin-top: 56.25%; } + +.mdc-card__media-content { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.mdc-card__primary-action { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + outline: none; + color: inherit; + text-decoration: none; + cursor: pointer; + overflow: hidden; } + .mdc-card__primary-action::before, .mdc-card__primary-action::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-card__primary-action::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-card__primary-action.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-card__primary-action.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-card__primary-action::before, .mdc-card__primary-action::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-card__primary-action.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-card__primary-action::before, .mdc-card__primary-action::after { + background-color: black; } + .mdc-card__primary-action:hover::before { + opacity: 0.04; } + .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-card__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + +.mdc-card__primary-action:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; } + +.mdc-card__primary-action:last-child { + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit; } + +.mdc-card__actions { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-height: 52px; + padding: 8px; } + +.mdc-card__actions--full-bleed { + padding: 0; } + +.mdc-card__action-buttons, +.mdc-card__action-icons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.mdc-card__action-icons { + color: rgba(255, 255, 255, 0.5); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(255, 255, 255, 0.5)); + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + +.mdc-card__action-buttons + .mdc-card__action-icons { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; } + +.mdc-card__action { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .mdc-card__action:focus { + outline: none; } + +.mdc-card__action--button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + padding: 0 8px; } + [dir="rtl"] .mdc-card__action--button, .mdc-card__action--button[dir="rtl"] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; } + .mdc-card__action--button:last-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + +.mdc-card__actions--full-bleed .mdc-card__action--button { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + height: auto; + max-height: none; + margin: 0; + padding: 8px 16px; + text-align: left; } + [dir="rtl"] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir="rtl"] { + text-align: right; } + +.mdc-card__action--icon { + margin: -6px 0; + padding: 12px; } + +.mdc-card__action--icon:not(:disabled) { + color: rgba(255, 255, 255, 0.5); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(255, 255, 255, 0.5)); } + +@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path { + 0%, + 50% { + stroke-dashoffset: 29.78334; } + 50% { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } + 100% { + stroke-dashoffset: 0; } } + +@keyframes mdc-checkbox-unchecked-checked-checkmark-path { + 0%, + 50% { + stroke-dashoffset: 29.78334; } + 50% { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } + 100% { + stroke-dashoffset: 0; } } + +@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { + 0%, + 68.2% { + -webkit-transform: scaleX(0); + transform: scaleX(0); } + 68.2% { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); + animation-timing-function: cubic-bezier(0, 0, 0, 1); } + 100% { + -webkit-transform: scaleX(1); + transform: scaleX(1); } } + +@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { + 0%, + 68.2% { + -webkit-transform: scaleX(0); + transform: scaleX(0); } + 68.2% { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1); + animation-timing-function: cubic-bezier(0, 0, 0, 1); } + 100% { + -webkit-transform: scaleX(1); + transform: scaleX(1); } } + +@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path { + from { + -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + opacity: 1; + stroke-dashoffset: 0; } + to { + opacity: 0; + stroke-dashoffset: -29.78334; } } + +@keyframes mdc-checkbox-checked-unchecked-checkmark-path { + from { + -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + animation-timing-function: cubic-bezier(0.4, 0, 1, 1); + opacity: 1; + stroke-dashoffset: 0; } + to { + opacity: 0; + stroke-dashoffset: -29.78334; } } + +@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark { + from { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } + to { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; } } + +@keyframes mdc-checkbox-checked-indeterminate-checkmark { + from { + -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } + to { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; } } + +@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark { + from { + -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + opacity: 1; } } + +@keyframes mdc-checkbox-indeterminate-checked-checkmark { + from { + -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + opacity: 1; } } + +@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark { + from { + -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; + animation-timing-function: mdc-animation-deceleration-curve-timing-function; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0; } + to { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } } + +@keyframes mdc-checkbox-checked-indeterminate-mixedmark { + from { + -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function; + animation-timing-function: mdc-animation-deceleration-curve-timing-function; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0; } + to { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } } + +@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark { + from { + -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } + to { + -webkit-transform: rotate(315deg); + transform: rotate(315deg); + opacity: 0; } } + +@keyframes mdc-checkbox-indeterminate-checked-mixedmark { + from { + -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + animation-timing-function: cubic-bezier(0.14, 0, 0, 1); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + opacity: 1; } + to { + -webkit-transform: rotate(315deg); + transform: rotate(315deg); + opacity: 0; } } + +@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { + 0% { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-transform: scaleX(1); + transform: scaleX(1); + opacity: 1; } + 32.8%, + 100% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + opacity: 0; } } + +@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { + 0% { + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-transform: scaleX(1); + transform: scaleX(1); + opacity: 1; } + 32.8%, + 100% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + opacity: 0; } } + +.mdc-checkbox { + display: inline-block; + position: relative; + -webkit-box-flex: 0; + -ms-flex: 0 0 18px; + flex: 0 0 18px; + -webkit-box-sizing: content-box; + box-sizing: content-box; + width: 18px; + height: 18px; + padding: 11px; + line-height: 0; + white-space: nowrap; + cursor: pointer; + vertical-align: bottom; + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; } + .mdc-checkbox::before, .mdc-checkbox::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-checkbox::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-checkbox.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-checkbox.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-checkbox.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-checkbox::before, .mdc-checkbox::after { + background-color: #f56c2a; } + @supports not (-ms-ime-align: auto) { + .mdc-checkbox::before, .mdc-checkbox::after { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } } + .mdc-checkbox:hover::before { + opacity: 0.08; } + .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-checkbox:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-checkbox:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-checkbox.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + .mdc-checkbox::before, .mdc-checkbox::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-checkbox.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + +.mdc-checkbox__checkmark { + color: #000; } + +.mdc-checkbox__mixedmark { + border-color: #000; } + +.mdc-checkbox__background::before { + background-color: #f56c2a; } + @supports not (-ms-ime-align: auto) { + .mdc-checkbox__background::before { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } } + +.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { + border-color: rgba(255, 255, 255, 0.54); + background-color: transparent; } + +.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { + border-color: #f56c2a; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #f56c2a); + background-color: #f56c2a; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } + +@-webkit-keyframes mdc-checkbox-fade-in-background-0 { + 0% { + border-color: rgba(255, 255, 255, 0.54); + background-color: transparent; } + 50% { + border-color: #f56c2a; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #f56c2a); + background-color: #f56c2a; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } } + +@keyframes mdc-checkbox-fade-in-background-0 { + 0% { + border-color: rgba(255, 255, 255, 0.54); + background-color: transparent; } + 50% { + border-color: #f56c2a; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #f56c2a); + background-color: #f56c2a; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } } + +@-webkit-keyframes mdc-checkbox-fade-out-background-0 { + 0%, 80% { + border-color: #f56c2a; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #f56c2a); + background-color: #f56c2a; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } + 100% { + border-color: rgba(255, 255, 255, 0.54); + background-color: transparent; } } + +@keyframes mdc-checkbox-fade-out-background-0 { + 0%, 80% { + border-color: #f56c2a; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #f56c2a); + background-color: #f56c2a; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } + 100% { + border-color: rgba(255, 255, 255, 0.54); + background-color: transparent; } } + +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + -webkit-animation-name: mdc-checkbox-fade-in-background-0; + animation-name: mdc-checkbox-fade-in-background-0; } + +.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + -webkit-animation-name: mdc-checkbox-fade-out-background-0; + animation-name: mdc-checkbox-fade-out-background-0; } + +.mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { + border-color: rgba(255, 255, 255, 0.26); } + +.mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.26); } + +@media screen and (-ms-high-contrast: active) { + .mdc-checkbox__mixedmark { + margin: 0 1px; } } + +.mdc-checkbox--disabled { + cursor: default; + pointer-events: none; } + +.mdc-checkbox__background { + /* @noflip */ + left: 11px; + /* @noflip */ + right: initial; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: absolute; + top: 11px; + bottom: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 45%; + height: 45%; + -webkit-transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border: 2px solid currentColor; + border-radius: 2px; + background-color: transparent; + pointer-events: none; + will-change: background-color, border-color; } + .mdc-checkbox[dir="rtl"] .mdc-checkbox__background, + [dir="rtl"] .mdc-checkbox .mdc-checkbox__background { + /* @noflip */ + left: initial; + /* @noflip */ + right: 11px; } + +.mdc-checkbox__checkmark { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + -webkit-transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + opacity: 0; } + .mdc-checkbox--upgraded .mdc-checkbox__checkmark { + opacity: 1; } + +.mdc-checkbox__checkmark-path { + -webkit-transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + stroke: currentColor; + stroke-width: 3.12px; + stroke-dashoffset: 29.78334; + stroke-dasharray: 29.78334; } + +.mdc-checkbox__mixedmark { + width: 100%; + height: 0; + -webkit-transform: scaleX(0) rotate(0deg); + transform: scaleX(0) rotate(0deg); + -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border-width: 1px; + border-style: solid; + opacity: 0; } + +.mdc-checkbox--upgraded .mdc-checkbox__background, +.mdc-checkbox--upgraded .mdc-checkbox__checkmark, +.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, +.mdc-checkbox--upgraded .mdc-checkbox__mixedmark { + -webkit-transition: none !important; + transition: none !important; } + +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { + -webkit-animation-duration: 180ms; + animation-duration: 180ms; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; } + +.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { + -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; + animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { + -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; + animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { + -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; + animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { + -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; + animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { + -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; + animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { + -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; + animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { + -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; + animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { + -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; + animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; + -webkit-transition: none; + transition: none; } + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { + -webkit-transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); } + .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, + .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { + stroke-dashoffset: 0; } + +.mdc-checkbox__background::before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; + will-change: opacity, transform; } + +.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before { + content: none; } + +.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { + -webkit-transform: scale(2.75, 2.75); + transform: scale(2.75, 2.75); + -webkit-transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); + opacity: 0.12; } + +.mdc-checkbox__native-control { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; } + .mdc-checkbox__native-control:disabled { + cursor: default; + pointer-events: none; } + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); + opacity: 1; } + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + -webkit-transform: scaleX(1) rotate(-45deg); + transform: scaleX(1) rotate(-45deg); } + +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + opacity: 0; } + +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + -webkit-transform: scaleX(1) rotate(0deg); + transform: scaleX(1) rotate(0deg); + opacity: 1; } + +.mdc-chip { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + border-radius: 16px; + background-color: #545a61; + color: rgba(255, 255, 255, 0.87); + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + height: 32px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 7px 12px; + outline: none; + cursor: pointer; + overflow: hidden; } + .mdc-chip::before, .mdc-chip::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-chip::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-chip.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-chip.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-chip.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-chip.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-chip.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-chip::before, .mdc-chip::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-chip.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-chip::before, .mdc-chip::after { + background-color: rgba(255, 255, 255, 0.87); } + .mdc-chip:hover::before { + opacity: 0.08; } + .mdc-chip:not(.mdc-ripple-upgraded):focus::before, .mdc-chip.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-chip:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-chip:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-chip.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + .mdc-chip:hover { + color: rgba(255, 255, 255, 0.87); } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--leading { + color: rgba(255, 255, 255, 0.54); } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing { + color: rgba(255, 255, 255, 0.54); } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing:hover { + color: rgba(255, 255, 255, 0.62); } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing:focus { + color: rgba(255, 255, 255, 0.87); } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + width: 20px; + height: 20px; + font-size: 20px; } + .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing { + width: 18px; + height: 18px; + font-size: 18px; } + .mdc-chip:hover { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-surface, #fff); } + +.mdc-chip--exit { + -webkit-transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear; + transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear; + opacity: 0; } + +.mdc-chip__text { + white-space: nowrap; } + +.mdc-chip__icon { + border-radius: 50%; + outline: none; + vertical-align: middle; } + +.mdc-chip__icon--trailing { + margin: 0 -4px 0 4px; } + +.mdc-chip__checkmark, +.mdc-chip__icon--leading { + height: 20px; + margin: -4px 4px -4px -4px; } + +.mdc-chip__checkmark-path { + -webkit-transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1); + transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1); + stroke-width: 2px; + stroke-dashoffset: 29.78334; + stroke-dasharray: 29.78334; } + +.mdc-chip--selected .mdc-chip__checkmark-path { + stroke-dashoffset: 0; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before { + opacity: 0.16; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after { + background-color: #ffce61; } + @supports not (-ms-ime-align: auto) { + .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover::before { + opacity: 0.24; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.4; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.48; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.48; } + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected { + color: #ffce61; + /* @alternate */ + color: var(--mdc-theme-primary, #ffce61); } + .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon.mdc-chip__icon--leading { + color: rgba(255, 206, 97, 0.54); } + .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover { + color: #ffce61; + /* @alternate */ + color: var(--mdc-theme-primary, #ffce61); } + +.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path { + stroke: #ffce61; + /* @alternate */ + stroke: var(--mdc-theme-primary, #ffce61); } + +.mdc-chip-set--choice .mdc-chip--selected { + background-color: #3D444B; + /* @alternate */ + background-color: var(--mdc-theme-surface, #3D444B); } + +.mdc-chip__checkmark-svg { + width: 0; + height: 20px; + -webkit-transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); } + +.mdc-chip--selected .mdc-chip__checkmark-svg { + width: 20px; } + +.mdc-chip-set--filter .mdc-chip__icon--leading { + -webkit-transition: opacity 75ms linear; + transition: opacity 75ms linear; + -webkit-transition-delay: -50ms; + transition-delay: -50ms; + opacity: 1; } + .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark { + -webkit-transition: opacity 75ms linear; + transition: opacity 75ms linear; + -webkit-transition-delay: 80ms; + transition-delay: 80ms; + opacity: 0; } + .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg { + -webkit-transition: width 0ms; + transition: width 0ms; } + +.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading { + opacity: 0; } + .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 0; + opacity: 1; } + +.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading { + width: 0; + opacity: 0; } + .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark { + width: 20px; } + +@-webkit-keyframes mdc-chip-entry { + from { + -webkit-transform: scale(0.8); + transform: scale(0.8); + opacity: .4; } + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; } } + +@keyframes mdc-chip-entry { + from { + -webkit-transform: scale(0.8); + transform: scale(0.8); + opacity: .4; } + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; } } + +.mdc-chip-set { + padding: 4px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + .mdc-chip-set .mdc-chip { + margin: 4px; } + +.mdc-chip-set--input .mdc-chip { + -webkit-animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); + animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); } + +.mdc-dialog { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: fixed; + top: 0; + left: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; + visibility: hidden; + z-index: 5; } + +.mdc-dialog__backdrop { + background-color: rgba(0, 0, 0, 0.87); + /* @alternate */ + background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); + position: fixed; + top: 0; + left: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; + opacity: 0; + z-index: -1; } + +.mdc-dialog__surface { + -webkit-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); + 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); + background-color: #313a43; + /* @alternate */ + background-color: var(--mdc-theme-background, #313a43); + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + width: calc(100% - 30px); + min-width: 640px; + max-width: 865px; + -webkit-transform: translateY(150px) scale(0.8); + transform: translateY(150px) scale(0.8); + border-radius: 2px; + opacity: 0; } + .mdc-dialog[dir="rtl"] .mdc-dialog__surface, + [dir="rtl"] .mdc-dialog .mdc-dialog__surface { + text-align: right; } + +.mdc-dialog__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 24px 24px 0; } + .mdc-dialog[dir="rtl"] .mdc-dialog__header, + [dir="rtl"] .mdc-dialog .mdc-dialog__header { + text-align: right; } + +.mdc-dialog__header__empty { + padding: 0; } + +.mdc-dialog__header__title { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0; } + +.mdc-dialog__body { + color: rgba(0, 0, 0, 0.54); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)); + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.5rem; + font-weight: 400; + letter-spacing: 0.03125em; + text-decoration: inherit; + text-transform: inherit; + margin-top: 20px; + padding: 0 24px 24px; } + +.mdc-dialog__body--scrollable { + max-height: 195px; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + overflow-x: auto; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; } + +.mdc-dialog__footer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 8px; } + +.mdc-dialog__footer__button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; } + [dir="rtl"] .mdc-dialog__footer__button, .mdc-dialog__footer__button[dir="rtl"] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; } + .mdc-dialog__footer__button:last-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-dialog__footer__button:last-child, .mdc-dialog__footer__button:last-child[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + +.mdc-dialog__action:not(:disabled) { + color: #f56c2a; + /* @alternate */ + color: var(--mdc-theme-secondary, #f56c2a); } + +@media (max-width: 640px) { + .mdc-dialog { + min-width: 280px; } + .mdc-dialog__surface { + min-width: 280px; } + .mdc-dialog__body { + line-height: 24px; } } + +.mdc-dialog--animating { + visibility: visible; } + .mdc-dialog--animating .mdc-dialog__backdrop { + -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + .mdc-dialog--animating .mdc-dialog__surface { + -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + +.mdc-dialog--open { + visibility: visible; } + .mdc-dialog--open .mdc-dialog__backdrop { + opacity: .3; } + .mdc-dialog--open .mdc-dialog__surface { + -webkit-transform: translateY(0) scale(1); + transform: translateY(0) scale(1); + opacity: 1; } + +.mdc-dialog-scroll-lock { + overflow: hidden; } + +.mdc-drawer { + border-color: rgba(255, 255, 255, 0.12); + background-color: #3D444B; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 256px; + max-width: 256px; + height: 100%; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + border-right-width: 1px; + border-right-style: solid; + overflow: hidden; + z-index: 6; } + .mdc-drawer .mdc-drawer__title { + color: rgba(255, 255, 255, 0.87); } + .mdc-drawer .mdc-list-group__subheader { + color: rgba(255, 255, 255, 0.6); } + .mdc-drawer .mdc-drawer__subtitle { + color: rgba(255, 255, 255, 0.6); } + .mdc-drawer .mdc-list-item__graphic { + color: rgba(255, 255, 255, 0.6); } + .mdc-drawer .mdc-list-item { + color: rgba(255, 255, 255, 0.87); } + .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic { + color: #ffce61; } + .mdc-drawer .mdc-list-item--activated { + color: rgba(255, 206, 97, 0.87); } + .mdc-drawer .mdc-list-item { + border-radius: 4px; } + [dir="rtl"] .mdc-drawer, .mdc-drawer[dir="rtl"] { + border-right-width: 0; + border-left-width: 1px; + border-right-style: none; + border-left-style: solid; } + .mdc-drawer .mdc-list-item { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.375rem; + font-weight: 500; + letter-spacing: 0.00714em; + text-decoration: inherit; + text-transform: inherit; + height: calc(48px - 2 * 4px); + margin: 8px 8px; + padding: 0 8px; } + .mdc-drawer .mdc-list-item:nth-child(1) { + margin-top: 2px; } + .mdc-drawer .mdc-list-item:nth-last-child(1) { + margin-bottom: 0; } + .mdc-drawer .mdc-list-group__subheader { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + display: block; + margin-top: 0; + line-height: normal; + margin: 0; + padding: 0 16px; } + .mdc-drawer .mdc-list-group__subheader::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; } + .mdc-drawer .mdc-list-divider { + margin: 3px 0 4px 0; } + .mdc-drawer .mdc-list-item__text, + .mdc-drawer .mdc-list-item__graphic { + pointer-events: none; } + +.mdc-drawer--open { + -webkit-transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1); } + +.mdc-drawer--animate { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); } + [dir="rtl"] .mdc-drawer--animate, .mdc-drawer--animate[dir="rtl"] { + -webkit-transform: translateX(100%); + transform: translateX(100%); } + +.mdc-drawer--opening { + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-transition-duration: 250ms; + transition-duration: 250ms; } + [dir="rtl"] .mdc-drawer--opening, .mdc-drawer--opening[dir="rtl"] { + -webkit-transform: translateX(0); + transform: translateX(0); } + +.mdc-drawer--closing { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + -webkit-transition-duration: 200ms; + transition-duration: 200ms; } + [dir="rtl"] .mdc-drawer--closing, .mdc-drawer--closing[dir="rtl"] { + -webkit-transform: translateX(100%); + transform: translateX(100%); } + +.mdc-drawer__header { + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-height: 64px; + padding: 0 16px 4px; } + +.mdc-drawer__title { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; + display: block; + margin-top: 0; + line-height: normal; + margin-bottom: -20px; } + .mdc-drawer__title::before { + display: inline-block; + width: 0; + height: 36px; + content: ""; + vertical-align: 0; } + .mdc-drawer__title::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; } + +.mdc-drawer__subtitle { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + display: block; + margin-top: 0; + line-height: normal; + margin-bottom: 0; } + .mdc-drawer__subtitle::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; } + +.mdc-drawer__content { + height: 100%; + overflow-y: auto; } + +.mdc-drawer--dismissible { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: absolute; + top: 0; } + [dir="rtl"] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; } + .mdc-drawer--dismissible.mdc-drawer--open { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + +.mdc-drawer-app-content { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; + position: relative; } + [dir="rtl"] .mdc-drawer-app-content, .mdc-drawer-app-content[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + .mdc-drawer--open + .mdc-drawer-app-content { + /* @noflip */ + margin-left: 256px; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-drawer--open + .mdc-drawer-app-content, .mdc-drawer--open + .mdc-drawer-app-content[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 256px; } + .mdc-drawer--closing + .mdc-drawer-app-content { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-drawer--closing + .mdc-drawer-app-content, .mdc-drawer--closing + .mdc-drawer-app-content[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; } + +.mdc-drawer--modal { + -webkit-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); + 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); + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: fixed; } + .mdc-drawer--modal + .mdc-drawer-scrim { + background-color: rgba(255, 255, 255, 0.32); } + [dir="rtl"] .mdc-drawer--modal, .mdc-drawer--modal[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; } + .mdc-drawer--modal.mdc-drawer--open { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + +.mdc-drawer-scrim { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transition-property: opacity; + transition-property: opacity; + -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + z-index: 5; } + .mdc-drawer--open + .mdc-drawer-scrim { + display: block; } + .mdc-drawer--animate + .mdc-drawer-scrim { + opacity: 0; } + .mdc-drawer--opening + .mdc-drawer-scrim { + -webkit-transition-duration: 250ms; + transition-duration: 250ms; + opacity: 1; } + .mdc-drawer--closing + .mdc-drawer-scrim { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + opacity: 0; } + +.mdc-elevation--z0 { + -webkit-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); + 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); } + +.mdc-elevation--z1 { + -webkit-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); + 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); } + +.mdc-elevation--z2 { + -webkit-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); + 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); } + +.mdc-elevation--z3 { + -webkit-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); + 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); } + +.mdc-elevation--z4 { + -webkit-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); + 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); } + +.mdc-elevation--z5 { + -webkit-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); + 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); } + +.mdc-elevation--z6 { + -webkit-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); + 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); } + +.mdc-elevation--z7 { + -webkit-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); + 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); } + +.mdc-elevation--z8 { + -webkit-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); + 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); } + +.mdc-elevation--z9 { + -webkit-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); + 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); } + +.mdc-elevation--z10 { + -webkit-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); + 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); } + +.mdc-elevation--z11 { + -webkit-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); + 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); } + +.mdc-elevation--z12 { + -webkit-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); + 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); } + +.mdc-elevation--z13 { + -webkit-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); + 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); } + +.mdc-elevation--z14 { + -webkit-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); + 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); } + +.mdc-elevation--z15 { + -webkit-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); + 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); } + +.mdc-elevation--z16 { + -webkit-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); + 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); } + +.mdc-elevation--z17 { + -webkit-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); + 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); } + +.mdc-elevation--z18 { + -webkit-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); + 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); } + +.mdc-elevation--z19 { + -webkit-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); + 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); } + +.mdc-elevation--z20 { + -webkit-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); + 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); } + +.mdc-elevation--z21 { + -webkit-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); + 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); } + +.mdc-elevation--z22 { + -webkit-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); + 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); } + +.mdc-elevation--z23 { + -webkit-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); + 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); } + +.mdc-elevation--z24 { + -webkit-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); + 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); } + +.mdc-elevation-transition { + -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow; } + +.mdc-fab { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + -webkit-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); + 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); + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 56px; + height: 56px; + padding: 0; + -webkit-transition: opacity 15ms linear 30ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 15ms linear 30ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + border: none; + border-radius: 50%; + fill: currentColor; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + overflow: hidden; + background-color: #f56c2a; + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #000); } + .mdc-fab::before, .mdc-fab::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-fab::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-fab.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-fab.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-fab.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-fab.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-fab.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-fab::before, .mdc-fab::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-fab.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-fab::-moz-focus-inner { + padding: 0; + border: 0; } + .mdc-fab:hover, .mdc-fab:focus { + -webkit-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); + 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); } + .mdc-fab:active { + -webkit-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); + 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); } + .mdc-fab:active, .mdc-fab:focus { + outline: none; } + .mdc-fab:hover { + cursor: pointer; } + .mdc-fab > svg { + width: 100%; } + @supports not (-ms-ime-align: auto) { + .mdc-fab { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } } + .mdc-fab .mdc-fab__icon { + width: 24px; + height: 24px; + font-size: 24px; } + .mdc-fab::before, .mdc-fab::after { + background-color: #000; } + @supports not (-ms-ime-align: auto) { + .mdc-fab::before, .mdc-fab::after { + /* @alternate */ + background-color: var(--mdc-theme-on-secondary, #000); } } + .mdc-fab:hover::before { + opacity: 0.04; } + .mdc-fab:not(.mdc-ripple-upgraded):focus::before, .mdc-fab.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-fab:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-fab:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-fab.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + +.mdc-fab--mini { + width: 40px; + height: 40px; } + +.mdc-fab--extended { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 2.25rem; + font-weight: 500; + letter-spacing: 0.08929em; + text-decoration: none; + text-transform: uppercase; + padding: 0 20px; + width: auto; + max-width: 100%; + height: 48px; + border-radius: 24px; } + .mdc-fab--extended .mdc-fab__icon { + /* @noflip */ + margin-left: -8px; + /* @noflip */ + margin-right: 12px; } + [dir="rtl"] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir="rtl"] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: -8px; } + .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: -8px; } + [dir="rtl"] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir="rtl"] { + /* @noflip */ + margin-left: -8px; + /* @noflip */ + margin-right: 12px; } + +.mdc-fab__label { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + +.mdc-fab__icon { + -webkit-transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); + fill: currentColor; + will-change: transform; } + +.mdc-fab .mdc-fab__icon { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + +.mdc-fab--exited { + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); + opacity: 0; } + .mdc-fab--exited .mdc-fab__icon { + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); } + +.mdc-floating-label { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + position: absolute; + bottom: 8px; + left: 0; + -webkit-transform-origin: left top; + transform-origin: left top; + -webkit-transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); + line-height: 1.15rem; + text-overflow: ellipsis; + white-space: nowrap; + cursor: text; + overflow: hidden; + will-change: transform; } + [dir="rtl"] .mdc-floating-label, .mdc-floating-label[dir="rtl"] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; + /* @noflip */ + -webkit-transform-origin: right top; + transform-origin: right top; } + +.mdc-floating-label--float-above { + cursor: auto; } + +.mdc-floating-label--float-above { + -webkit-transform: translateY(-100%) scale(0.75); + transform: translateY(-100%) scale(0.75); } + +.mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1; + animation: mdc-floating-label-shake-float-above-standard 250ms 1; } + +@-webkit-keyframes mdc-floating-label-shake-float-above-standard { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } } + +@keyframes mdc-floating-label-shake-float-above-standard { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } } + +.mdc-form-field { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, white); + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + vertical-align: middle; } + .mdc-form-field > label { + -webkit-box-ordinal-group: 1; + -ms-flex-order: 0; + order: 0; + margin-right: auto; + padding-left: 4px; } + [dir="rtl"] .mdc-form-field > label, .mdc-form-field[dir="rtl"] > label { + margin-left: auto; + padding-right: 4px; } + +.mdc-form-field--align-end > label { + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; + margin-left: auto; + padding-right: 4px; } + +[dir="rtl"] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir="rtl"] > label { + margin-right: auto; + padding-left: 4px; } + +.mdc-grid-tile__primary { + padding-bottom: calc(100% / 1); } + +.mdc-grid-tile { + margin: 2px 0; + padding: 0 2px; } + +.mdc-grid-tile__secondary { + left: 2px; + width: calc(100% - 4px); } + +.mdc-grid-list__tiles { + margin: 2px auto; } + +.mdc-grid-list__tiles { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + padding: 0; } + +.mdc-grid-list--tile-gutter-1 .mdc-grid-tile { + margin: 0.5px 0; + padding: 0 0.5px; } + +.mdc-grid-list--tile-gutter-1 .mdc-grid-tile__secondary { + left: 0.5px; + width: calc(100% - 1px); } + +.mdc-grid-list--tile-gutter-1 .mdc-grid-list__tiles { + margin: 0.5px auto; } + +.mdc-grid-list--tile-aspect-16x9 .mdc-grid-tile__primary { + padding-bottom: calc(100% / 1.77778); } + +.mdc-grid-list--tile-aspect-3x2 .mdc-grid-tile__primary { + padding-bottom: calc(100% / 1.5); } + +.mdc-grid-list--tile-aspect-2x3 .mdc-grid-tile__primary { + padding-bottom: calc(100% / 0.66667); } + +.mdc-grid-list--tile-aspect-4x3 .mdc-grid-tile__primary { + padding-bottom: calc(100% / 1.33333); } + +.mdc-grid-list--tile-aspect-3x4 .mdc-grid-tile__primary { + padding-bottom: calc(100% / 0.75); } + +.mdc-grid-tile { + display: block; + position: relative; + /* @alternate */ + width: 200px; + width: var(--mdc-grid-list-tile-width, 200px); } + +.mdc-grid-tile__primary { + background-color: #313a43; + /* @alternate */ + background-color: var(--mdc-theme-background, #313a43); + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, white); + position: relative; + height: 0; } + +.mdc-grid-tile__primary-content { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + background-repeat: no-repeat; + background-position: center; + background-size: cover; } + +.mdc-grid-tile__secondary { + background-color: #ffce61; + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-primary, #000); + position: absolute; + bottom: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 48px; + padding: 16px; } + +.mdc-grid-tile__title { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin: 0; + padding: 0; + font-size: 1rem; + font-weight: 500; + line-height: 1rem; } + +.mdc-grid-tile__support-text { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin: 0; + margin-top: 4px; + padding: 0; } + +.mdc-grid-tile__icon { + position: absolute; + top: calc(50% - 24px / 2); + font-size: 0; } + +.mdc-grid-list--twoline-caption .mdc-grid-tile__secondary { + height: 68px; } + +.mdc-grid-list--header-caption .mdc-grid-tile__secondary { + top: 0; + bottom: auto; } + +.mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary { + /* @noflip */ + padding-left: 56px; + /* @noflip */ + padding-right: 8px; } + .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary, + [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 56px; } + +.mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + font-size: 24px; } + .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon, + [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + +.mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 56px; } + .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary, + [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary { + /* @noflip */ + padding-left: 56px; + /* @noflip */ + padding-right: 16px; } + +.mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; + font-size: 24px; } + .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon, + [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; } + +.mdc-icon-button { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + width: 48px; + height: 48px; + padding: 12px; + font-size: 24px; + display: inline-block; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: none; + outline: none; + background-color: transparent; + fill: currentColor; + color: inherit; + text-decoration: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .mdc-icon-button::before, .mdc-icon-button::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-icon-button::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-icon-button.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-icon-button.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-icon-button.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-icon-button::before, .mdc-icon-button::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-icon-button.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-icon-button svg, + .mdc-icon-button img { + width: 24px; + height: 24px; } + .mdc-icon-button:disabled { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); + cursor: default; + pointer-events: none; } + .mdc-icon-button::before, .mdc-icon-button::after { + background-color: black; } + .mdc-icon-button:hover::before { + opacity: 0.04; } + .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-button.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-icon-button:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-icon-button:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + +.mdc-icon-button__icon { + display: inline-block; } + .mdc-icon-button__icon.mdc-icon-button__icon--on { + display: none; } + +.mdc-icon-button--on .mdc-icon-button__icon { + display: none; } + .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on { + display: inline-block; } + +.mdc-icon-toggle { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 48px; + height: 48px; + padding: 12px; + outline: none; + font-size: 1.5rem; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + /* @alternate */ + will-change: initial; } + .mdc-icon-toggle::before, .mdc-icon-toggle::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-icon-toggle::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-icon-toggle.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-icon-toggle.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-icon-toggle.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-icon-toggle.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-icon-toggle::before, .mdc-icon-toggle::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-icon-toggle.mdc-ripple-upgraded::before, .mdc-icon-toggle.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-icon-toggle.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-icon-toggle::before, .mdc-icon-toggle::after { + background-color: black; } + .mdc-icon-toggle:hover::before { + opacity: 0.04; } + .mdc-icon-toggle:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-toggle.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-icon-toggle:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-icon-toggle:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-icon-toggle.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + .mdc-icon-toggle::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + +.mdc-icon-toggle--disabled { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); + pointer-events: none; } + +.mdc-image-list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 auto; + padding: 0; } + +.mdc-image-list__item, +.mdc-image-list__image-aspect-container { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.mdc-image-list__item { + list-style-type: none; } + +.mdc-image-list__image { + width: 100%; } + +.mdc-image-list__image-aspect-container .mdc-image-list__image { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + background-repeat: no-repeat; + background-position: center; + background-size: cover; } + +.mdc-image-list__image-aspect-container { + padding-bottom: calc(100% / 1); } + +.mdc-image-list__supporting { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, white); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 8px 0; + line-height: 24px; } + +.mdc-image-list__label { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + +.mdc-image-list--with-text-protection .mdc-image-list__supporting { + position: absolute; + bottom: 0; + width: 100%; + height: 48px; + padding: 0 16px; + background: rgba(0, 0, 0, 0.6); + color: #fff; } + +.mdc-image-list--masonry { + display: block; } + .mdc-image-list--masonry .mdc-image-list__item { + -webkit-column-break-inside: avoid; + break-inside: avoid-column; } + .mdc-image-list--masonry .mdc-image-list__image { + display: block; + height: auto; } + +:root { + --mdc-layout-grid-margin-desktop: 24px; + --mdc-layout-grid-gutter-desktop: 16px; + --mdc-layout-grid-column-width-desktop: 72px; + --mdc-layout-grid-margin-tablet: 16px; + --mdc-layout-grid-gutter-tablet: 16px; + --mdc-layout-grid-column-width-tablet: 72px; + --mdc-layout-grid-margin-phone: 16px; + --mdc-layout-grid-gutter-phone: 16px; + --mdc-layout-grid-column-width-phone: 72px; } + +@media (min-width: 1280px) { + .mdc-layout-grid { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0 auto; + padding: 24px; + padding: var(--mdc-layout-grid-margin-desktop, 24px); } } + +@media (min-width: 480px) and (max-width: 1279px) { + .mdc-layout-grid { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-tablet, 16px); } } + +@media (max-width: 479px) { + .mdc-layout-grid { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-phone, 16px); } } + +@media (min-width: 1280px) { + .mdc-layout-grid__inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 16px) / 2 * -1); } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-desktop, 16px); + grid-template-columns: repeat(12, minmax(0, 1fr)); } } } + +@media (min-width: 480px) and (max-width: 1279px) { + .mdc-layout-grid__inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px); + grid-template-columns: repeat(8, minmax(0, 1fr)); } } } + +@media (max-width: 479px) { + .mdc-layout-grid__inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + margin: -8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 16px; + grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); + grid-template-columns: repeat(4, minmax(0, 1fr)); } } } + +@media (min-width: 1280px) { + .mdc-layout-grid__cell { + width: calc(33.33333% - 16px); + width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 16px)); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 16px) / 2); } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; } } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; } } + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-desktop { + width: calc(8.33333% - 16px); + width: calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-desktop { + width: auto; + grid-column-end: span 1; } } + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-desktop { + width: calc(16.66667% - 16px); + width: calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-desktop { + width: auto; + grid-column-end: span 2; } } + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-desktop { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-desktop { + width: auto; + grid-column-end: span 3; } } + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-desktop { + width: calc(33.33333% - 16px); + width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-desktop { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-desktop { + width: calc(41.66667% - 16px); + width: calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-desktop { + width: auto; + grid-column-end: span 5; } } + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-desktop { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-desktop { + width: auto; + grid-column-end: span 6; } } + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-desktop { + width: calc(58.33333% - 16px); + width: calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-desktop { + width: auto; + grid-column-end: span 7; } } + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-desktop { + width: calc(66.66667% - 16px); + width: calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-desktop { + width: auto; + grid-column-end: span 8; } } + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-desktop { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-desktop { + width: auto; + grid-column-end: span 9; } } + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-desktop { + width: calc(83.33333% - 16px); + width: calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-desktop { + width: auto; + grid-column-end: span 10; } } + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-desktop { + width: calc(91.66667% - 16px); + width: calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-desktop { + width: auto; + grid-column-end: span 11; } } + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-desktop { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-desktop { + width: auto; + grid-column-end: span 12; } } } + +@media (min-width: 480px) and (max-width: 1279px) { + .mdc-layout-grid__cell { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; } } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; } } + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-tablet { + width: calc(12.5% - 16px); + width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-tablet { + width: auto; + grid-column-end: span 1; } } + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-tablet { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-tablet { + width: auto; + grid-column-end: span 2; } } + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-tablet { + width: calc(37.5% - 16px); + width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-tablet { + width: auto; + grid-column-end: span 3; } } + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-tablet { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-tablet { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-tablet { + width: calc(62.5% - 16px); + width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-tablet { + width: auto; + grid-column-end: span 5; } } + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-tablet { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-tablet { + width: auto; + grid-column-end: span 6; } } + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-tablet { + width: calc(87.5% - 16px); + width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-tablet { + width: auto; + grid-column-end: span 7; } } + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-tablet { + width: auto; + grid-column-end: span 8; } } + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-tablet { + width: auto; + grid-column-end: span 8; } } + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-tablet { + width: auto; + grid-column-end: span 8; } } + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-tablet { + width: auto; + grid-column-end: span 8; } } + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-tablet { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-tablet { + width: auto; + grid-column-end: span 8; } } } + +@media (max-width: 479px) { + .mdc-layout-grid__cell { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 8px; + margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); } + @supports (display: grid) { + .mdc-layout-grid__cell { + width: auto; + grid-column-end: span 4; } } + @supports (display: grid) { + .mdc-layout-grid__cell { + margin: 0; } } + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-phone { + width: calc(25% - 16px); + width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-1, + .mdc-layout-grid__cell--span-1-phone { + width: auto; + grid-column-end: span 1; } } + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-phone { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-2, + .mdc-layout-grid__cell--span-2-phone { + width: auto; + grid-column-end: span 2; } } + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-phone { + width: calc(75% - 16px); + width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-3, + .mdc-layout-grid__cell--span-3-phone { + width: auto; + grid-column-end: span 3; } } + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-4, + .mdc-layout-grid__cell--span-4-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-5, + .mdc-layout-grid__cell--span-5-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-6, + .mdc-layout-grid__cell--span-6-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-7, + .mdc-layout-grid__cell--span-7-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-8, + .mdc-layout-grid__cell--span-8-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-9, + .mdc-layout-grid__cell--span-9-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-10, + .mdc-layout-grid__cell--span-10-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-11, + .mdc-layout-grid__cell--span-11-phone { + width: auto; + grid-column-end: span 4; } } + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-phone { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } + @supports (display: grid) { + .mdc-layout-grid__cell--span-12, + .mdc-layout-grid__cell--span-12-phone { + width: auto; + grid-column-end: span 4; } } } + +.mdc-layout-grid__cell--order-1 { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + +.mdc-layout-grid__cell--order-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } + +.mdc-layout-grid__cell--order-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } + +.mdc-layout-grid__cell--order-4 { + -webkit-box-ordinal-group: 5; + -ms-flex-order: 4; + order: 4; } + +.mdc-layout-grid__cell--order-5 { + -webkit-box-ordinal-group: 6; + -ms-flex-order: 5; + order: 5; } + +.mdc-layout-grid__cell--order-6 { + -webkit-box-ordinal-group: 7; + -ms-flex-order: 6; + order: 6; } + +.mdc-layout-grid__cell--order-7 { + -webkit-box-ordinal-group: 8; + -ms-flex-order: 7; + order: 7; } + +.mdc-layout-grid__cell--order-8 { + -webkit-box-ordinal-group: 9; + -ms-flex-order: 8; + order: 8; } + +.mdc-layout-grid__cell--order-9 { + -webkit-box-ordinal-group: 10; + -ms-flex-order: 9; + order: 9; } + +.mdc-layout-grid__cell--order-10 { + -webkit-box-ordinal-group: 11; + -ms-flex-order: 10; + order: 10; } + +.mdc-layout-grid__cell--order-11 { + -webkit-box-ordinal-group: 12; + -ms-flex-order: 11; + order: 11; } + +.mdc-layout-grid__cell--order-12 { + -webkit-box-ordinal-group: 13; + -ms-flex-order: 12; + order: 12; } + +.mdc-layout-grid__cell--align-top { + -ms-flex-item-align: start; + align-self: flex-start; } + @supports (display: grid) { + .mdc-layout-grid__cell--align-top { + -ms-flex-item-align: start; + align-self: start; } } + +.mdc-layout-grid__cell--align-middle { + -ms-flex-item-align: center; + align-self: center; } + +.mdc-layout-grid__cell--align-bottom { + -ms-flex-item-align: end; + align-self: flex-end; } + @supports (display: grid) { + .mdc-layout-grid__cell--align-bottom { + -ms-flex-item-align: end; + align-self: end; } } + +@media (min-width: 1280px) { + .mdc-layout-grid--fixed-column-width { + width: 1088px; + width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 16px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2); } } + +@media (min-width: 480px) and (max-width: 1279px) { + .mdc-layout-grid--fixed-column-width { + width: 720px; + width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2); } } + +@media (max-width: 479px) { + .mdc-layout-grid--fixed-column-width { + width: 368px; + width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2); } } + +.mdc-layout-grid--align-left { + margin-right: auto; + margin-left: 0; } + +.mdc-layout-grid--align-right { + margin-right: 0; + margin-left: auto; } + +.mdc-line-ripple { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 2px; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + z-index: 2; } + +.mdc-line-ripple--active { + -webkit-transform: scaleX(1); + transform: scaleX(1); + opacity: 1; } + +.mdc-line-ripple--deactivating { + opacity: 0; } + +@-webkit-keyframes primary-indeterminate-translate { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(0); + transform: translateX(0); } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(83.67142%); + transform: translateX(83.67142%); } + 100% { + -webkit-transform: translateX(200.61106%); + transform: translateX(200.61106%); } } + +@keyframes primary-indeterminate-translate { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(0); + transform: translateX(0); } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(83.67142%); + transform: translateX(83.67142%); } + 100% { + -webkit-transform: translateX(200.61106%); + transform: translateX(200.61106%); } } + +@-webkit-keyframes primary-indeterminate-scale { + 0% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 36.65% { + -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); + animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 69.15% { + -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + -webkit-transform: scaleX(0.66148); + transform: scaleX(0.66148); } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } } + +@keyframes primary-indeterminate-scale { + 0% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 36.65% { + -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); + animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 69.15% { + -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); + -webkit-transform: scaleX(0.66148); + transform: scaleX(0.66148); } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } } + +@-webkit-keyframes secondary-indeterminate-translate { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + -webkit-transform: translateX(0); + transform: translateX(0); } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + -webkit-transform: translateX(37.65191%); + transform: translateX(37.65191%); } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + -webkit-transform: translateX(84.38617%); + transform: translateX(84.38617%); } + 100% { + -webkit-transform: translateX(160.27778%); + transform: translateX(160.27778%); } } + +@keyframes secondary-indeterminate-translate { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + -webkit-transform: translateX(0); + transform: translateX(0); } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + -webkit-transform: translateX(37.65191%); + transform: translateX(37.65191%); } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + -webkit-transform: translateX(84.38617%); + transform: translateX(84.38617%); } + 100% { + -webkit-transform: translateX(160.27778%); + transform: translateX(160.27778%); } } + +@-webkit-keyframes secondary-indeterminate-scale { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); + animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 19.15% { + -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); + animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); + -webkit-transform: scaleX(0.4571); + transform: scaleX(0.4571); } + 44.15% { + -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); + animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); + -webkit-transform: scaleX(0.72796); + transform: scaleX(0.72796); } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } } + +@keyframes secondary-indeterminate-scale { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); + animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } + 19.15% { + -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); + animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); + -webkit-transform: scaleX(0.4571); + transform: scaleX(0.4571); } + 44.15% { + -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); + animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); + -webkit-transform: scaleX(0.72796); + transform: scaleX(0.72796); } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); } } + +@-webkit-keyframes buffering { + to { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); } } + +@keyframes buffering { + to { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); } } + +@-webkit-keyframes primary-indeterminate-translate-reverse { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(0); + transform: translateX(0); } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(-83.67142%); + transform: translateX(-83.67142%); } + 100% { + -webkit-transform: translateX(-200.61106%); + transform: translateX(-200.61106%); } } + +@keyframes primary-indeterminate-translate-reverse { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(0); + transform: translateX(0); } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(-83.67142%); + transform: translateX(-83.67142%); } + 100% { + -webkit-transform: translateX(-200.61106%); + transform: translateX(-200.61106%); } } + +@-webkit-keyframes secondary-indeterminate-translate-reverse { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + -webkit-transform: translateX(0); + transform: translateX(0); } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + -webkit-transform: translateX(-37.65191%); + transform: translateX(-37.65191%); } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + -webkit-transform: translateX(-84.38617%); + transform: translateX(-84.38617%); } + 100% { + -webkit-transform: translateX(-160.27778%); + transform: translateX(-160.27778%); } } + +@keyframes secondary-indeterminate-translate-reverse { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); + -webkit-transform: translateX(0); + transform: translateX(0); } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); + -webkit-transform: translateX(-37.65191%); + transform: translateX(-37.65191%); } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); + -webkit-transform: translateX(-84.38617%); + transform: translateX(-84.38617%); } + 100% { + -webkit-transform: translateX(-160.27778%); + transform: translateX(-160.27778%); } } + +@-webkit-keyframes buffering-reverse { + to { + -webkit-transform: translateX(10px); + transform: translateX(10px); } } + +@keyframes buffering-reverse { + to { + -webkit-transform: translateX(10px); + transform: translateX(10px); } } + +.mdc-linear-progress { + position: relative; + width: 100%; + height: 4px; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + overflow: hidden; } + .mdc-linear-progress__bar { + position: absolute; + width: 100%; + height: 100%; + -webkit-animation: none; + animation: none; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } + .mdc-linear-progress__bar-inner { + display: inline-block; + position: absolute; + width: 100%; + height: 100%; + -webkit-animation: none; + animation: none; } + .mdc-linear-progress__buffering-dots { + position: absolute; + width: 100%; + height: 100%; + -webkit-animation: buffering 250ms infinite linear; + animation: buffering 250ms infinite linear; + background-repeat: repeat-x; + background-size: 10px 4px; } + .mdc-linear-progress__buffer { + position: absolute; + width: 100%; + height: 100%; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } + .mdc-linear-progress__primary-bar { + -webkit-transform: scaleX(0); + transform: scaleX(0); } + .mdc-linear-progress__secondary-bar { + visibility: hidden; } + .mdc-linear-progress--indeterminate .mdc-linear-progress__bar { + -webkit-transition: none; + transition: none; } + .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar { + left: -145.166611%; + -webkit-animation: primary-indeterminate-translate 2s infinite linear; + animation: primary-indeterminate-translate 2s infinite linear; } + .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner { + -webkit-animation: primary-indeterminate-scale 2s infinite linear; + animation: primary-indeterminate-scale 2s infinite linear; } + .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar { + left: -54.888891%; + -webkit-animation: secondary-indeterminate-translate 2s infinite linear; + animation: secondary-indeterminate-translate 2s infinite linear; + visibility: visible; } + .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner { + -webkit-animation: secondary-indeterminate-scale 2s infinite linear; + animation: secondary-indeterminate-scale 2s infinite linear; } + .mdc-linear-progress--reversed .mdc-linear-progress__bar, + .mdc-linear-progress--reversed .mdc-linear-progress__buffer { + right: 0; + -webkit-transform-origin: center right; + transform-origin: center right; } + .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { + -webkit-animation-name: primary-indeterminate-translate-reverse; + animation-name: primary-indeterminate-translate-reverse; } + .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { + -webkit-animation-name: secondary-indeterminate-translate-reverse; + animation-name: secondary-indeterminate-translate-reverse; } + .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots { + -webkit-animation: buffering-reverse 250ms infinite linear; + animation: buffering-reverse 250ms infinite linear; } + .mdc-linear-progress--closed { + opacity: 0; } + +.mdc-linear-progress__bar-inner { + background-color: #ffce61; + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } + +.mdc-linear-progress__buffering-dots { + 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='%23e6e6e6'/%3E%3C/svg%3E"); } + +.mdc-linear-progress__buffer { + background-color: #e6e6e6; } + +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { + right: -145.166611%; + left: auto; } + +.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { + right: -54.888891%; + left: auto; } + +.mdc-list { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, white); + margin: 0; + padding: 8px 0; + /* @alternate */ + line-height: 1.5rem; + list-style-type: none; } + +.mdc-list-item__secondary-text { + color: rgba(255, 255, 255, 0.7); + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(255, 255, 255, 0.7)); } + +.mdc-list-item__graphic { + background-color: transparent; } + +.mdc-list-item__graphic { + color: rgba(255, 255, 255, 0.5); + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(255, 255, 255, 0.5)); } + +.mdc-list-item__meta { + color: rgba(255, 255, 255, 0.5); + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(255, 255, 255, 0.5)); } + +.mdc-list--dense { + padding-top: 4px; + padding-bottom: 4px; + font-size: .812rem; } + +.mdc-list-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + height: 48px; + padding: 0 16px; + overflow: hidden; } + .mdc-list-item:focus { + outline: none; } + +.mdc-list-item--selected, +.mdc-list-item--activated { + color: #ffce61; + /* @alternate */ + color: var(--mdc-theme-primary, #ffce61); } + .mdc-list-item--selected .mdc-list-item__graphic, + .mdc-list-item--activated .mdc-list-item__graphic { + color: #ffce61; + /* @alternate */ + color: var(--mdc-theme-primary, #ffce61); } + +.mdc-list-item--disabled { + color: rgba(255, 255, 255, 0.5); + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-background, rgba(255, 255, 255, 0.5)); } + +.mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + fill: currentColor; } + .mdc-list-item[dir="rtl"] .mdc-list-item__graphic, + [dir="rtl"] .mdc-list-item .mdc-list-item__graphic { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; } + +.mdc-list-item__meta { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; } + .mdc-list-item[dir="rtl"] .mdc-list-item__meta, + [dir="rtl"] .mdc-list-item .mdc-list-item__meta { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; } + +.mdc-list-item__text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + +.mdc-list-item__primary-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + line-height: normal; + margin-bottom: -20px; + display: block; } + .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; } + .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; } + .mdc-list--dense .mdc-list-item__primary-text { + display: block; + margin-top: 0; + line-height: normal; + margin-bottom: -20px; } + .mdc-list--dense .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; } + .mdc-list--dense .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; } + +.mdc-list-item__secondary-text { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + line-height: normal; + display: block; } + .mdc-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; } + .mdc-list--dense .mdc-list-item__secondary-text { + display: block; + margin-top: 0; + line-height: normal; + font-size: inherit; } + .mdc-list--dense .mdc-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; } + +.mdc-list--dense .mdc-list-item { + height: 40px; } + +.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 36px; + width: 20px; + height: 20px; } + .mdc-list-item[dir="rtl"] .mdc-list--dense .mdc-list-item__graphic, + [dir="rtl"] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 36px; + /* @noflip */ + margin-right: 0; } + +.mdc-list--avatar-list .mdc-list-item { + height: 56px; } + +.mdc-list--avatar-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; + border-radius: 50%; } + .mdc-list-item[dir="rtl"] .mdc-list--avatar-list .mdc-list-item__graphic, + [dir="rtl"] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; } + +.mdc-list--two-line .mdc-list-item__text { + -ms-flex-item-align: start; + align-self: flex-start; } + +.mdc-list--two-line .mdc-list-item { + height: 72px; } + +.mdc-list--two-line.mdc-list--dense .mdc-list-item { + height: 60px; } + +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item { + height: 60px; } + +.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 20px; + width: 36px; + height: 36px; } + .mdc-list-item[dir="rtl"] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, + [dir="rtl"] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { + /* @noflip */ + margin-left: 20px; + /* @noflip */ + margin-right: 0; } + +:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after { + background-color: black; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before { + opacity: 0.04; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before { + opacity: 0.24; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after { + background-color: #ffce61; } + @supports not (-ms-ime-align: auto) { + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before { + opacity: 0.32; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.48; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.56; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.56; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before { + opacity: 0.16; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after { + background-color: #ffce61; } + @supports not (-ms-ime-align: auto) { + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before { + opacity: 0.24; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.4; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.48; } + :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.48; } + +a.mdc-list-item { + color: inherit; + text-decoration: none; } + +.mdc-list-divider { + height: 0; + margin: 0; + border: none; + border-bottom-width: 1px; + border-bottom-style: solid; } + +.mdc-list-divider { + border-bottom-color: rgba(255, 255, 255, 0.2); } + +.mdc-list-divider--padded { + margin: 0 16px; } + +.mdc-list-divider--inset { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); } + .mdc-list-group[dir="rtl"] .mdc-list-divider--inset, + [dir="rtl"] .mdc-list-group .mdc-list-divider--inset { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; } + +.mdc-list-divider--inset.mdc-list-divider--padded { + width: calc(100% - 72px - 16px); } + +.mdc-list-group .mdc-list { + padding: 0; } + +.mdc-list-group__subheader { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + margin: 0.75rem 16px; } + +.mdc-list-group__subheader { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, white); } + +.mdc-menu { + min-width: 112px; + max-width: 336px; } + .mdc-menu .mdc-list-item__meta { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, white); } + .mdc-menu .mdc-list-item__graphic { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, white); } + .mdc-menu .mdc-list-divider { + margin: 8px 0; } + .mdc-menu .mdc-list-item { + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .mdc-menu .mdc-list-item--disabled { + cursor: auto; } + +.mdc-menu__selection-group { + padding: 0; + fill: currentColor; } + .mdc-menu__selection-group .mdc-list-item { + /* @noflip */ + padding-left: 56px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 56px; } + +.mdc-menu__selection-group-icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + display: none; + position: absolute; } + [dir="rtl"] .mdc-menu__selection-group-icon, .mdc-menu__selection-group-icon[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + +.mdc-menu-item--selected .mdc-menu__selection-group-icon { + display: inline; } + +.mdc-menu-surface { + -webkit-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); + 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); + background-color: #3D444B; + /* @alternate */ + background-color: var(--mdc-theme-surface, #3D444B); + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-surface, #fff); + /* @noflip */ + transform-origin-left: top left; + /* @noflip */ + transform-origin-right: top right; + border-radius: 4px; + display: none; + position: absolute; + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-width: calc(100vw - 32px); + max-height: calc(100vh - 32px); + margin: 0; + padding: 0; + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: top left; + transform-origin: top left; + opacity: 0; + overflow: auto; + will-change: transform, opacity; + z-index: 4; } + [dir="rtl"] .mdc-menu-surface, .mdc-menu-surface[dir="rtl"] { + /* @noflip */ + transform-origin-left: top right; + /* @noflip */ + transform-origin-right: top left; } + .mdc-menu-surface:focus { + outline: none; } + .mdc-menu-surface--animating-open { + display: inline-block; + -webkit-transform: scale(0.8); + transform: scale(0.8); + -webkit-transition: opacity 0.03s linear, -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: opacity 0.03s linear, -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1); + opacity: 0; } + .mdc-menu-surface--open { + display: inline-block; + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; } + .mdc-menu-surface--animating-closed { + display: inline-block; + -webkit-transition: opacity 0.075s linear; + transition: opacity 0.075s linear; + opacity: 0; } + +.mdc-menu-surface--anchor { + position: relative; + overflow: visible; } + +.mdc-menu-surface--fixed { + position: fixed; } + +.mdc-notched-outline, +.mdc-notched-outline__idle { + position: absolute; + top: 0; + left: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; } + +.mdc-notched-outline { + -webkit-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + text-align: left; + overflow: hidden; } + [dir="rtl"] .mdc-notched-outline, .mdc-notched-outline[dir="rtl"] { + text-align: right; } + .mdc-notched-outline svg { + position: absolute; + width: 100%; + height: 100%; } + +.mdc-notched-outline__idle { + -webkit-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1); + border: 1px solid; + opacity: 1; } + +.mdc-notched-outline__path { + stroke-width: 1px; + -webkit-transition: stroke 150ms cubic-bezier(0.4, 0, 0.2, 1), stroke-width 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: stroke 150ms cubic-bezier(0.4, 0, 0.2, 1), stroke-width 150ms cubic-bezier(0.4, 0, 0.2, 1); + fill: transparent; } + +.mdc-notched-outline--notched { + opacity: 1; } + +.mdc-notched-outline--notched ~ .mdc-notched-outline__idle { + opacity: 0; } + +.mdc-radio { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + display: inline-block; + position: relative; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 40px; + height: 40px; + padding: 10px; + cursor: pointer; + /* @alternate */ + will-change: opacity, transform, border-color, color; } + .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(255, 255, 255, 0.54); } + .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: #f56c2a; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #f56c2a); } + .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: #f56c2a; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #f56c2a); } + .mdc-radio .mdc-radio__background::before { + background-color: #f56c2a; } + @supports not (-ms-ime-align: auto) { + .mdc-radio .mdc-radio__background::before { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } } + .mdc-radio::before, .mdc-radio::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-radio::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-radio.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-radio.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-radio.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-radio.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-radio::before, .mdc-radio::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-radio.mdc-ripple-upgraded::before, .mdc-radio.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-radio.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-radio::before, .mdc-radio::after { + background-color: #f56c2a; } + @supports not (-ms-ime-align: auto) { + .mdc-radio::before, .mdc-radio::after { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } } + .mdc-radio:hover::before { + opacity: 0.08; } + .mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-radio:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-radio:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-radio.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + .mdc-radio__background { + display: inline-block; + position: absolute; + left: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 50%; + height: 50%; } + .mdc-radio__background::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-radio__outer-circle { + position: absolute; + top: 0; + left: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + -webkit-transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border-width: 2px; + border-style: solid; + border-radius: 50%; } + .mdc-radio__inner-circle { + position: absolute; + top: 0; + left: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + border-width: 10px; + border-style: solid; + border-radius: 50%; } + .mdc-radio__native-control { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; + z-index: 1; } + .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before { + content: none; } + +.mdc-radio__native-control:checked + .mdc-radio__background, +.mdc-radio__native-control:disabled + .mdc-radio__background { + -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, + .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle { + -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, + .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + +.mdc-radio--disabled { + cursor: default; + pointer-events: none; } + +.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle { + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } + +.mdc-radio__native-control:disabled + .mdc-radio__background, +[aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background { + cursor: default; } + .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle, + [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(255, 255, 255, 0.26); } + .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle, + [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle { + border-color: rgba(255, 255, 255, 0.26); } + +.mdc-radio__native-control:focus + .mdc-radio__background::before { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); + -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); + opacity: 0.12; } + +.mdc-ripple-surface { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: relative; + outline: none; + overflow: hidden; } + .mdc-ripple-surface::before, .mdc-ripple-surface::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-ripple-surface::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-ripple-surface.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-ripple-surface.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-ripple-surface::before, .mdc-ripple-surface::after { + background-color: black; } + .mdc-ripple-surface:hover::before { + opacity: 0.04; } + .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-ripple-surface:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-ripple-surface.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + .mdc-ripple-surface::before, .mdc-ripple-surface::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-ripple-surface.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-ripple-surface[data-mdc-ripple-is-unbounded] { + overflow: visible; } + .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after { + background-color: #ffce61; } + @supports not (-ms-ime-align: auto) { + .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } } + .mdc-ripple-surface--primary:hover::before { + opacity: 0.08; } + .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-ripple-surface--primary.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after { + background-color: #f56c2a; } + @supports not (-ms-ime-align: auto) { + .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } } + .mdc-ripple-surface--accent:hover::before { + opacity: 0.08; } + .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-ripple-surface--accent.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + +@-webkit-keyframes mdc-select-float-native-control { + 0% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + opacity: 0; } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; } } + +@keyframes mdc-select-float-native-control { + 0% { + -webkit-transform: translateY(8px); + transform: translateY(8px); + opacity: 0; } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; } } + +.mdc-select { + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E"); + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 52px; + background-repeat: no-repeat; + background-position: right 8px bottom 12px; } + .mdc-select:not(.mdc-select--disabled) { + background-color: transparent; } + .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control { + color: rgba(255, 255, 255, 0.87); } + .mdc-select:not(.mdc-select--disabled) .mdc-floating-label { + color: rgba(255, 255, 255, 0.6); } + .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control { + border-bottom-color: rgba(255, 255, 255, 0.42); } + .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-line-ripple { + background-color: #ffce61; + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } + .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-floating-label { + color: rgba(255, 206, 97, 0.87); } + .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover { + border-bottom-color: rgba(255, 255, 255, 0.87); } + [dir="rtl"] .mdc-select, .mdc-select[dir="rtl"] { + background-position: left 8px bottom 12px; } + .mdc-select__native-control { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 26px; + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + width: 100%; + padding-top: 20px; + padding-bottom: 4px; + border: none; + border-bottom: 1px solid; + border-radius: 0; + outline: none; + background-color: transparent; + color: inherit; + white-space: nowrap; + cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + [dir="rtl"] .mdc-select__native-control, .mdc-select__native-control[dir="rtl"] { + /* @noflip */ + padding-left: 26px; + /* @noflip */ + padding-right: 0; } + .mdc-select__native-control::-ms-expand { + display: none; } + .mdc-select__native-control::-ms-value { + background-color: transparent; + color: inherit; } + +@-moz-document url-prefix("") { + .mdc-select__native-control { + text-indent: -2px; } } + .mdc-select__native-control > option { + color: inherit; } + .mdc-select .mdc-floating-label { + pointer-events: none; } + .mdc-select .mdc-select__native-control:focus ~ .mdc-line-ripple::after { + -webkit-transform: scale(1, 2); + transform: scale(1, 2); + opacity: 1; } + +.mdc-select--box { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + height: 56px; + border-radius: 4px 4px 0 0; + background-position: right 10px center; + overflow: hidden; } + .mdc-select--box:not(.mdc-select--disabled) { + background-color: #454b52; } + .mdc-select--box::before, .mdc-select--box::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-select--box::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-select--box.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-select--box.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-select--box.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-select--box.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-select--box.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-select--box::before, .mdc-select--box::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-select--box.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-select--box::before, .mdc-select--box::after { + background-color: rgba(255, 255, 255, 0.87); } + .mdc-select--box:hover::before { + opacity: 0.08; } + .mdc-select--box:not(.mdc-ripple-upgraded):focus::before, .mdc-select--box.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + [dir="rtl"] .mdc-select--box, .mdc-select--box[dir="rtl"] { + background-position: left 10px center; } + .mdc-select--box .mdc-select__native-control { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 26px; + height: 56px; + border-radius: 4px 4px 0 0; } + [dir="rtl"] .mdc-select--box .mdc-select__native-control, .mdc-select--box .mdc-select__native-control[dir="rtl"] { + /* @noflip */ + padding-left: 26px; + /* @noflip */ + padding-right: 16px; } + .mdc-select--box .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + bottom: 12px; + line-height: 1.75rem; } + [dir="rtl"] .mdc-select--box .mdc-floating-label, .mdc-select--box .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + .mdc-select--box .mdc-floating-label--float-above { + -webkit-transform: translateY(-40%) scale(0.75, 0.75); + transform: translateY(-40%) scale(0.75, 0.75); } + +.mdc-select--outlined { + height: 56px; + border: none; + background-position: right 10px center; } + .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__idle { + border-color: rgba(255, 255, 255, 0.24); } + .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__path { + stroke: rgba(255, 255, 255, 0.24); } + .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select__native-control:focus) .mdc-select__native-control:hover ~ .mdc-notched-outline__idle { + border-color: rgba(255, 255, 255, 0.87); } + .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select__native-control:focus) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__path { + stroke: rgba(255, 255, 255, 0.87); } + .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-notched-outline .mdc-notched-outline__path { + stroke-width: 2px; } + .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-notched-outline .mdc-notched-outline__path { + stroke: #ffce61; + /* @alternate */ + stroke: var(--mdc-theme-primary, #ffce61); } + .mdc-select--outlined .mdc-floating-label--float-above { + -webkit-transform: translateY(-130%) scale(0.75); + transform: translateY(-130%) scale(0.75); } + .mdc-select--outlined .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } + .mdc-select--outlined .mdc-notched-outline { + border-radius: 4px; } + .mdc-select--outlined .mdc-notched-outline__idle { + border-radius: 4px; } + [dir="rtl"] .mdc-select--outlined, .mdc-select--outlined[dir="rtl"] { + background-position: left 10px center; } + .mdc-select--outlined .mdc-select__native-control { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 26px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-top: 12px; + padding-bottom: 12px; + border: none; + background-color: transparent; + z-index: 1; } + [dir="rtl"] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir="rtl"] { + /* @noflip */ + padding-left: 26px; + /* @noflip */ + padding-right: 16px; } + .mdc-select--outlined .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + position: absolute; + bottom: 20px; } + [dir="rtl"] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + +.mdc-select--disabled { + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23#fff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E"); + cursor: default; + pointer-events: none; } + .mdc-select--disabled .mdc-floating-label { + color: rgba(255, 255, 255, 0.37); } + .mdc-select--disabled .mdc-line-ripple { + display: none; } + .mdc-select--disabled .mdc-select__native-control { + border-bottom-style: dotted; + color: rgba(255, 255, 255, 0.37); } + .mdc-select--disabled.mdc-select--box { + background-color: #41484f; } + .mdc-select--disabled.mdc-select--outlined .mdc-select__native-control { + border-bottom-style: none; } + .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__idle { + border-color: rgba(255, 255, 255, 0.16); } + .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__path { + stroke: rgba(255, 255, 255, 0.16); } + +.mdc-shape-container { + display: inline-block; + position: relative; + overflow: hidden; } + +.mdc-shape-container__corner { + position: absolute; + z-index: 1; } + +.mdc-shape-container__corner::before, +.mdc-shape-container__corner::after { + position: absolute; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + content: ""; } + +.mdc-shape-container__corner--top-left { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } + +.mdc-shape-container__corner--top-right { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } + +.mdc-shape-container__corner--bottom-right { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); } + +.mdc-shape-container__corner--bottom-left { + -webkit-transform: rotate(-135deg); + transform: rotate(-135deg); } + +@-webkit-keyframes mdc-slider-emphasize { + 0% { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 50% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-transform: scale(0.85); + transform: scale(0.85); } + 100% { + -webkit-transform: scale(0.571); + transform: scale(0.571); } } + +@keyframes mdc-slider-emphasize { + 0% { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 50% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-transform: scale(0.85); + transform: scale(0.85); } + 100% { + -webkit-transform: scale(0.571); + transform: scale(0.571); } } + +.mdc-slider { + position: relative; + width: 100%; + height: 48px; + cursor: pointer; + -ms-touch-action: pan-x; + touch-action: pan-x; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track { + background-color: #f56c2a; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container { + background-color: rgba(245, 108, 42, 0.26); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after, + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after { + background-color: #f56c2a; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb { + fill: #f56c2a; + /* @alternate */ + fill: var(--mdc-theme-secondary, #f56c2a); + stroke: #f56c2a; + /* @alternate */ + stroke: var(--mdc-theme-secondary, #f56c2a); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring { + background-color: #f56c2a; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin { + background-color: #f56c2a; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } + .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } + .mdc-slider--disabled { + cursor: auto; } + .mdc-slider--disabled .mdc-slider__track { + background-color: #9a9a9a; } + .mdc-slider--disabled .mdc-slider__track-container { + background-color: rgba(154, 154, 154, 0.26); } + .mdc-slider--disabled .mdc-slider__track-marker::after, + .mdc-slider--disabled .mdc-slider__track-marker-container::after { + background-color: #9a9a9a; } + .mdc-slider--disabled .mdc-slider__thumb { + fill: #9a9a9a; + stroke: #9a9a9a; } + .mdc-slider--disabled .mdc-slider__thumb { + /* @alternate */ + stroke: white; + stroke: var(--mdc-slider-bg-color-behind-component, white); } + .mdc-slider:focus { + outline: none; } + .mdc-slider__track-container { + position: absolute; + top: 50%; + width: 100%; + height: 2px; + overflow: hidden; } + .mdc-slider__track { + position: absolute; + width: 100%; + height: 100%; + -webkit-transform-origin: left top; + transform-origin: left top; + will-change: transform; } + .mdc-slider[dir="rtl"] .mdc-slider__track, + [dir="rtl"] .mdc-slider .mdc-slider__track { + -webkit-transform-origin: right top; + transform-origin: right top; } + .mdc-slider__track-marker-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-right: 0; + margin-left: -1px; + visibility: hidden; } + .mdc-slider[dir="rtl"] .mdc-slider__track-marker-container, + [dir="rtl"] .mdc-slider .mdc-slider__track-marker-container { + margin-right: -1px; + margin-left: 0; } + .mdc-slider__track-marker-container::after { + display: block; + width: 2px; + height: 2px; + content: ""; } + .mdc-slider__track-marker { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .mdc-slider__track-marker::after { + display: block; + width: 2px; + height: 2px; + content: ""; } + .mdc-slider__track-marker:first-child::after { + width: 3px; } + .mdc-slider__thumb-container { + position: absolute; + top: 15px; + left: 0; + width: 21px; + height: 100%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + will-change: transform; } + .mdc-slider__thumb { + position: absolute; + top: 0; + left: 0; + -webkit-transform: scale(0.571); + transform: scale(0.571); + -webkit-transition: fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out; + transition: fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out; + transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out; + transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out; + stroke-width: 3.5; } + .mdc-slider__focus-ring { + width: 21px; + height: 21px; + -webkit-transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out; + transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out; + transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out; + transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out; + border-radius: 50%; + opacity: 0; } + .mdc-slider__pin { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + top: 0; + left: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 26px; + height: 26px; + margin-top: -2px; + margin-left: -2px; + -webkit-transform: rotate(-45deg) scale(0) translate(0, 0); + transform: rotate(-45deg) scale(0) translate(0, 0); + -webkit-transition: -webkit-transform 100ms ease-out; + transition: -webkit-transform 100ms ease-out; + transition: transform 100ms ease-out; + transition: transform 100ms ease-out, -webkit-transform 100ms ease-out; + border-radius: 50% 50% 50% 0%; + z-index: 1; } + .mdc-slider__pin-value-marker { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } + +.mdc-slider--active .mdc-slider__thumb { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + +.mdc-slider--focus .mdc-slider__thumb { + -webkit-animation: mdc-slider-emphasize 266.67ms linear; + animation: mdc-slider-emphasize 266.67ms linear; } + +.mdc-slider--focus .mdc-slider__focus-ring { + -webkit-transform: scale3d(1.55, 1.55, 1.55); + transform: scale3d(1.55, 1.55, 1.55); + opacity: .25; } + +.mdc-slider--in-transit .mdc-slider__thumb { + -webkit-transition-delay: 140ms; + transition-delay: 140ms; } + +.mdc-slider--in-transit .mdc-slider__thumb-container, +.mdc-slider--in-transit .mdc-slider__track, +.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container, +.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track { + -webkit-transition: -webkit-transform 80ms ease; + transition: -webkit-transform 80ms ease; + transition: transform 80ms ease; + transition: transform 80ms ease, -webkit-transform 80ms ease; } + +.mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb { + -webkit-transform: scale(calc(12 / 21)); + transform: scale(calc(12 / 21)); } + +.mdc-slider--discrete.mdc-slider--active .mdc-slider__pin { + -webkit-transform: rotate(-45deg) scale(1) translate(19px, -20px); + transform: rotate(-45deg) scale(1) translate(19px, -20px); } + +.mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb { + -webkit-animation: none; + animation: none; } + +.mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container { + visibility: visible; } + +.mdc-snackbar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: fixed; + bottom: 0; + left: 50%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-right: 24px; + padding-left: 24px; + -webkit-transform: translate(-50%, 100%); + transform: translate(-50%, 100%); + -webkit-transition: -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1); + background-color: #323232; + pointer-events: none; + will-change: transform; } + @media (max-width: 599px) { + .mdc-snackbar { + left: 0; + width: 100%; + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); } } + @media (min-width: 600px) { + .mdc-snackbar { + min-width: 288px; + max-width: 568px; + border-radius: 2px; } } + +@media (min-width: 600px) { + .mdc-snackbar--align-start { + /* @noflip */ + left: 24px; + /* @noflip */ + right: initial; + bottom: 24px; + -webkit-transform: translate(0, 200%); + transform: translate(0, 200%); } + [dir="rtl"] .mdc-snackbar--align-start, .mdc-snackbar--align-start[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 24px; } } + +@media (max-width: 599px) { + .mdc-snackbar--align-start { + bottom: 0; + left: 0; + width: 100%; + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); } } + +.mdc-snackbar--active { + -webkit-transform: translate(0); + transform: translate(0); + -webkit-transition: -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1); + transition: -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1); + pointer-events: auto; } + .mdc-snackbar--active:not(.mdc-snackbar--align-start) { + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); } + @media (max-width: 599px) { + .mdc-snackbar--active:not(.mdc-snackbar--align-start) { + bottom: 0; + left: 0; + width: 100%; + -webkit-transform: translate(0); + transform: translate(0); } } + +.mdc-snackbar__action-wrapper { + /* @noflip */ + padding-left: 24px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-snackbar__action-wrapper, .mdc-snackbar__action-wrapper[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 24px; } + +.mdc-snackbar--action-on-bottom { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.mdc-snackbar__text { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.5rem; + font-weight: 400; + letter-spacing: 0.03125em; + text-decoration: inherit; + text-transform: inherit; + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 48px; + -webkit-transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + opacity: 0; + color: white; } + .mdc-snackbar[dir="rtl"] .mdc-snackbar__text, + [dir="rtl"] .mdc-snackbar .mdc-snackbar__text { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; } + @media (min-width: 600px) { + .mdc-snackbar__text { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 24px; } + [dir="rtl"] .mdc-snackbar__text, .mdc-snackbar__text[dir="rtl"] { + /* @noflip */ + padding-left: 24px; + /* @noflip */ + padding-right: 0; } } + +.mdc-snackbar--action-on-bottom .mdc-snackbar__text { + margin-right: inherit; } + +.mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + margin-top: -12px; + margin-bottom: 8px; } + [dir="rtl"] .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper, .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; } + +.mdc-snackbar--multiline .mdc-snackbar__text { + height: 80px; } + +.mdc-snackbar__action-button { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 2.25rem; + font-weight: 500; + letter-spacing: 0.08929em; + text-decoration: none; + text-transform: uppercase; + color: #f56c2a; + /* @alternate */ + color: var(--mdc-theme-secondary, #f56c2a); + padding: 0; + -webkit-transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + border: none; + outline: none; + background-color: transparent; + opacity: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-appearance: none; + visibility: hidden; } + .mdc-snackbar__action-button::-moz-focus-inner { + border: 0; } + .mdc-snackbar__action-button:hover { + cursor: pointer; } + .mdc-snackbar__action-button:not([aria-hidden]) { + visibility: inherit; } + +.mdc-snackbar--active .mdc-snackbar__text, +.mdc-snackbar--active .mdc-snackbar__action-button:not([aria-hidden]) { + -webkit-transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1); + opacity: 1; } + +.mdc-snackbar--multiline.mdc-snackbar--action-on-bottom .mdc-snackbar__text { + margin: 0; } + +.mdc-switch { + display: inline-block; + position: relative; + outline: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .mdc-switch.mdc-switch--checked .mdc-switch__track { + background-color: #f56c2a; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); + border-color: #f56c2a; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #f56c2a); } + .mdc-switch.mdc-switch--checked .mdc-switch__thumb { + background-color: #f56c2a; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); + border-color: #f56c2a; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #f56c2a); } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { + background-color: #fff; + border-color: #fff; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { + background-color: #3D444B; + border-color: #3D444B; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { + background-color: #9e9e9e; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { + opacity: 0.08; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + +.mdc-switch__native-control { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + position: absolute; + top: 0; + width: 68px; + height: 48px; + margin: 0; + opacity: 0; + cursor: pointer; + pointer-events: auto; } + [dir="rtl"] .mdc-switch__native-control, .mdc-switch__native-control[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; } + +.mdc-switch__track { + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 32px; + height: 14px; + -webkit-transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); + border: 1px solid; + border-radius: 7px; + opacity: .38; } + +.mdc-switch__thumb-underlay { + /* @noflip */ + left: -18px; + /* @noflip */ + right: initial; + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + top: -17px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 48px; + height: 48px; + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); + transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); } + [dir="rtl"] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: -18px; } + .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-switch__thumb-underlay::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + background-color: #f56c2a; } + @supports not (-ms-ime-align: auto) { + .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a); } } + .mdc-switch__thumb-underlay:hover::before { + opacity: 0.08; } + .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + +.mdc-switch__thumb { + -webkit-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); + 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); + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 20px; + height: 20px; + border: 10px solid; + border-radius: 50%; + pointer-events: none; + z-index: 1; } + +.mdc-switch--checked .mdc-switch__track { + opacity: .54; } + +.mdc-switch--checked .mdc-switch__thumb-underlay { + -webkit-transform: translateX(20px); + transform: translateX(20px); } + [dir="rtl"] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir="rtl"] { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); } + +.mdc-switch--checked .mdc-switch__native-control { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); } + [dir="rtl"] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir="rtl"] { + -webkit-transform: translateX(20px); + transform: translateX(20px); } + +.mdc-switch--disabled { + opacity: .38; + pointer-events: none; } + .mdc-switch--disabled .mdc-switch__thumb { + border-width: 1px; } + .mdc-switch--disabled .mdc-switch__native-control { + cursor: default; + pointer-events: none; } + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab { + position: relative; + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 2.25rem; + font-weight: 500; + letter-spacing: 0.08929em; + text-decoration: none; + text-transform: uppercase; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 48px; + padding: 0 24px; + border: none; + outline: none; + background: none; + text-align: center; + text-decoration: none; + text-transform: uppercase; + white-space: nowrap; + cursor: pointer; + -webkit-appearance: none; + z-index: 1; } + .mdc-tab .mdc-tab__text-label { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-surface, #fff); } + .mdc-tab .mdc-tab__icon { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-surface, #fff); } + +.mdc-tab--min-width { + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; } + +.mdc-tab__ripple { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; } + .mdc-tab__ripple::before, .mdc-tab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-tab__ripple::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-tab__ripple.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-tab__ripple.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-tab__ripple::before, .mdc-tab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-tab__ripple.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-tab__ripple::before, .mdc-tab__ripple::after { + background-color: #ffce61; } + @supports not (-ms-ime-align: auto) { + .mdc-tab__ripple::before, .mdc-tab__ripple::after { + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } } + .mdc-tab__ripple:hover::before { + opacity: 0.08; } + .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.32; } + .mdc-tab__ripple.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.32; } + +.mdc-tab__content { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: inherit; + pointer-events: none; } + +.mdc-tab__text-label, +.mdc-tab__icon { + -webkit-transition: 150ms color linear, 150ms opacity linear; + transition: 150ms color linear, 150ms opacity linear; + z-index: 2; } + +.mdc-tab__text-label { + display: inline-block; + opacity: 0.6; + line-height: 1; } + +.mdc-tab__icon { + width: 24px; + height: 24px; + opacity: 0.54; } + +.mdc-tab--stacked { + height: 72px; } + +.mdc-tab--stacked .mdc-tab__content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + +.mdc-tab--stacked .mdc-tab__icon { + padding-top: 12px; } + +.mdc-tab--stacked .mdc-tab__text-label { + padding-bottom: 16px; } + +.mdc-tab--active .mdc-tab__text-label { + color: #ffce61; + /* @alternate */ + color: var(--mdc-theme-primary, #ffce61); } + +.mdc-tab--active .mdc-tab__icon { + color: #ffce61; + /* @alternate */ + color: var(--mdc-theme-primary, #ffce61); } + +.mdc-tab--active .mdc-tab__text-label, +.mdc-tab--active .mdc-tab__icon { + -webkit-transition-delay: 100ms; + transition-delay: 100ms; + opacity: 1; } + +.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; } + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-bar { + width: 100%; } + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-indicator { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 1; } + .mdc-tab-indicator > .mdc-tab-indicator__content--underline { + background-color: #ffce61; + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } + .mdc-tab-indicator > .mdc-tab-indicator__content--underline { + height: 2px; } + .mdc-tab-indicator > .mdc-tab-indicator__content--icon { + color: #f56c2a; + /* @alternate */ + color: var(--mdc-theme-secondary, #f56c2a); } + .mdc-tab-indicator > .mdc-tab-indicator__content--icon { + height: 34px; + font-size: 34px; } + +.mdc-tab-indicator__content { + -webkit-transform-origin: left; + transform-origin: left; + opacity: 0; } + +.mdc-tab-indicator__content--underline { + -ms-flex-item-align: end; + align-self: flex-end; + width: 100%; } + +.mdc-tab-indicator__content--icon { + -ms-flex-item-align: center; + align-self: center; + margin: 0 auto; } + +.mdc-tab-indicator--active > .mdc-tab-indicator__content { + opacity: 1; } + +.mdc-tab-indicator > .mdc-tab-indicator__content { + -webkit-transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); } + +.mdc-tab-indicator--no-transition > .mdc-tab-indicator__content { + -webkit-transition: none; + transition: none; } + +.mdc-tab-indicator--fade > .mdc-tab-indicator__content { + -webkit-transition: 150ms opacity linear; + transition: 150ms opacity linear; } + +.mdc-tab-indicator--active.mdc-tab-indicator--fade > .mdc-tab-indicator__content { + -webkit-transition-delay: 100ms; + transition-delay: 100ms; } + +/** + * @license + * Copyright 2018 Google Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.mdc-tab-scroller { + overflow-y: hidden; } + +.mdc-tab-scroller__test { + position: absolute; + top: -9999px; + width: 100px; + height: 100px; + overflow-x: scroll; } + +.mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: touch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + overflow-x: hidden; } + +.mdc-tab-scroller__scroll-area::-webkit-scrollbar, +.mdc-tab-scroller__test::-webkit-scrollbar { + display: none; } + +.mdc-tab-scroller__scroll-area--scroll { + overflow-x: scroll; } + +.mdc-tab-scroller__scroll-content { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-transform: none; + transform: none; + will-change: transform; } + +.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } + +.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + +.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + +.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: auto; } + +.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content { + -webkit-transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); + transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); } + +.mdc-text-field-helper-text { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.75rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.03333em; + text-decoration: inherit; + text-transform: inherit; + display: block; + margin-top: 0; + line-height: normal; + margin: 0; + -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + will-change: opacity; } + .mdc-text-field-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; } + +.mdc-text-field-helper-text--persistent { + -webkit-transition: none; + transition: none; + opacity: 1; + will-change: initial; } + +.mdc-text-field--with-leading-icon .mdc-text-field__icon, +.mdc-text-field--with-trailing-icon .mdc-text-field__icon { + position: absolute; + bottom: 16px; + cursor: pointer; } + +.mdc-text-field__icon:not([tabindex]), +.mdc-text-field__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; } + +.mdc-text-field { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + border-radius: 4px 4px 0 0; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 56px; + overflow: hidden; + will-change: opacity, transform, color; } + .mdc-text-field::before, .mdc-text-field::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-text-field::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-text-field.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-text-field.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-text-field.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-text-field.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-text-field::before, .mdc-text-field::after { + background-color: rgba(255, 255, 255, 0.87); } + .mdc-text-field:hover::before { + opacity: 0.08; } + .mdc-text-field:not(.mdc-ripple-upgraded):focus::before, .mdc-text-field.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.24; } + .mdc-text-field::before, .mdc-text-field::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .mdc-text-field.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(255, 255, 255, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { + color: rgba(255, 255, 255, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { + color: rgba(255, 255, 255, 0.87); } + .mdc-text-field .mdc-text-field__input { + caret-color: #ffce61; + /* @alternate */ + caret-color: var(--mdc-theme-primary, #ffce61); } + .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { + border-bottom-color: rgba(255, 255, 255, 0.42); } + .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { + border-bottom-color: rgba(255, 255, 255, 0.87); } + .mdc-text-field .mdc-line-ripple { + background-color: #ffce61; + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } + .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { + border-bottom-color: rgba(255, 255, 255, 0.12); } + .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text { + color: rgba(255, 255, 255, 0.6); } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { + color: rgba(255, 255, 255, 0.54); } + .mdc-text-field:not(.mdc-text-field--disabled) { + background-color: #454b52; } + .mdc-text-field .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + bottom: 20px; } + [dir="rtl"] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-floating-label { + max-width: calc(100% - 48px); } + .mdc-text-field .mdc-floating-label--float-above { + -webkit-transform: translateY(-50%) scale(0.75); + transform: translateY(-50%) scale(0.75); } + .mdc-text-field .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1; } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-box { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-box { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } } + .mdc-text-field .mdc-floating-label { + /* @noflip */ + left: 12px; + /* @noflip */ + right: initial; + pointer-events: none; } + [dir="rtl"] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 12px; } + +.mdc-text-field__input { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; + padding: 20px 12px 6px; + -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); + border: none; + border-bottom: 1px solid; + border-radius: 0; + background: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + .mdc-text-field__input::-webkit-input-placeholder { + -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; } + .mdc-text-field__input:-ms-input-placeholder { + -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; } + .mdc-text-field__input::-ms-input-placeholder { + -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; } + .mdc-text-field__input::placeholder { + -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; } + .mdc-text-field__input:focus { + outline: none; } + .mdc-text-field__input:invalid { + -webkit-box-shadow: none; + box-shadow: none; } + +.mdc-text-field__input:-webkit-autofill + .mdc-floating-label { + -webkit-transform: translateY(-50%) scale(0.75); + transform: translateY(-50%) scale(0.75); + cursor: auto; } + +.mdc-text-field--outlined { + border: none; + overflow: visible; } + .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__idle { + border-color: rgba(255, 255, 255, 0.24); } + .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__path { + stroke: rgba(255, 255, 255, 0.24); } + .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle, + .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle { + border-color: rgba(255, 255, 255, 0.87); } + .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__path, + .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__path { + stroke: rgba(255, 255, 255, 0.87); } + .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path { + stroke: #ffce61; + /* @alternate */ + stroke: var(--mdc-theme-primary, #ffce61); } + .mdc-text-field--outlined .mdc-floating-label--float-above { + -webkit-transform: translateY(-130%) scale(0.75); + transform: translateY(-130%) scale(0.75); } + .mdc-text-field--outlined .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } + .mdc-text-field--outlined .mdc-notched-outline { + border-radius: 4px; } + .mdc-text-field--outlined .mdc-notched-outline__idle { + border-radius: 4px; } + .mdc-text-field--outlined::before, .mdc-text-field--outlined::after { + background-color: transparent; } + .mdc-text-field--outlined:not(.mdc-text-field--disabled) { + background-color: transparent; } + .mdc-text-field--outlined .mdc-text-field__input { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 12px 16px 14px; + border: none !important; + background-color: transparent; + z-index: 1; } + .mdc-text-field--outlined .mdc-text-field__icon { + z-index: 2; } + .mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + width: auto; } + [dir="rtl"] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + +.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__path { + stroke-width: 2px; } + +.mdc-text-field--outlined.mdc-text-field--disabled { + background-color: transparent; } + .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { + color: rgba(255, 255, 255, 0.6); } + .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__idle { + border-color: rgba(255, 255, 255, 0.06); } + .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__path { + stroke: rgba(255, 255, 255, 0.06); } + .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { + border-bottom: none; } + +.mdc-text-field--outlined.mdc-text-field--dense { + height: 48px; } + .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { + -webkit-transform: translateY(-110%) scale(0.923); + transform: translateY(-110%) scale(0.923); } + .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; } + .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input { + padding: 12px 12px 7px; } + .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { + bottom: 16px; } + .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon { + top: 12px; } + +.mdc-text-field--with-leading-icon .mdc-text-field__icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; } + [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + +.mdc-text-field--with-leading-icon .mdc-text-field__input { + /* @noflip */ + padding-left: 48px; + /* @noflip */ + padding-right: 16px; } + [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir="rtl"] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 48px; } + +.mdc-text-field--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; } + [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; } + +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75); + transform: translateY(-130%) translateX(-32px) scale(0.75); } + [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir="rtl"] { + -webkit-transform: translateY(-130%) translateX(32px) scale(0.75); + transform: translateY(-130%) translateX(32px) scale(0.75); } + +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; } + +[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir="rtl"] .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; } + +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { + -webkit-transform: translateY(-110%) translateX(-21px) scale(0.923); + transform: translateY(-110%) translateX(-21px) scale(0.923); } + [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir="rtl"] { + -webkit-transform: translateY(-110%) translateX(21px) scale(0.923); + transform: translateY(-110%) translateX(21px) scale(0.923); } + +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; } + +[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir="rtl"] .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; } + +.mdc-text-field--with-trailing-icon .mdc-text-field__icon { + /* @noflip */ + left: initial; + /* @noflip */ + right: 12px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] { + /* @noflip */ + left: 12px; + /* @noflip */ + right: initial; } + +.mdc-text-field--with-trailing-icon .mdc-text-field__input { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 48px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] { + /* @noflip */ + padding-left: 48px; + /* @noflip */ + padding-right: 12px; } + +.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir="rtl"] { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; } + +.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 48px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir="rtl"] { + /* @noflip */ + padding-left: 48px; + /* @noflip */ + padding-right: 16px; } + +.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, +.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { + bottom: 16px; + -webkit-transform: scale(0.8); + transform: scale(0.8); } + +.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon { + /* @noflip */ + left: 12px; + /* @noflip */ + right: initial; } + [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 12px; } + +.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input { + /* @noflip */ + padding-left: 38px; + /* @noflip */ + padding-right: 12px; } + [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 38px; } + +.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label { + /* @noflip */ + left: 38px; + /* @noflip */ + right: initial; } + [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 38px; } + +.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { + /* @noflip */ + left: initial; + /* @noflip */ + right: 12px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] { + /* @noflip */ + left: 12px; + /* @noflip */ + right: initial; } + +.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 38px; } + [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] { + /* @noflip */ + padding-left: 38px; + /* @noflip */ + padding-right: 12px; } + +.mdc-text-field--dense .mdc-floating-label--float-above { + -webkit-transform: translateY(-70%) scale(0.923); + transform: translateY(-70%) scale(0.923); } + +.mdc-text-field--dense .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; } + +.mdc-text-field--dense .mdc-text-field__input { + padding: 12px 12px 0; } + +.mdc-text-field--dense .mdc-floating-label { + font-size: .813rem; } + +.mdc-text-field__input:required + .mdc-floating-label::after { + margin-left: 1px; + content: "*"; } + +.mdc-text-field--textarea { + border-radius: 4px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: auto; + height: auto; + -webkit-transition: none; + transition: none; + border: 1px solid; + overflow: hidden; } + .mdc-text-field--textarea .mdc-floating-label { + border-radius: 4px 4px 0 0; } + .mdc-text-field--textarea .mdc-text-field__input { + border-radius: 2px; } + .mdc-text-field--textarea:not(.mdc-text-field--disabled) { + border-color: rgba(255, 255, 255, 0.73); } + .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { + border-color: rgba(255, 255, 255, 0.73); } + .mdc-text-field--textarea .mdc-floating-label--float-above { + -webkit-transform: translateY(-50%) scale(0.923); + transform: translateY(-50%) scale(0.923); } + .mdc-text-field--textarea .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-textarea 250ms 1; + animation: mdc-floating-label-shake-float-above-textarea 250ms 1; } + .mdc-text-field--textarea::before, .mdc-text-field--textarea::after { + background-color: transparent; } + .mdc-text-field--textarea:not(.mdc-text-field--disabled) { + background-color: transparent; } + .mdc-text-field--textarea .mdc-text-field__input { + -ms-flex-item-align: auto; + align-self: auto; + -webkit-box-sizing: content-box; + box-sizing: content-box; + height: auto; + margin: 0; + padding: 16px; + padding-top: 32px; + border: 1px solid transparent; } + .mdc-text-field--textarea .mdc-floating-label { + background-color: #3d444b; + /* @noflip */ + left: 1px; + /* @noflip */ + right: 0; + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; + top: 18px; + bottom: auto; + width: auto; + margin-top: 2px; + padding: 12px 8px 8px 8px; + line-height: 1.15; + pointer-events: none; } + [dir="rtl"] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir="rtl"] { + /* @noflip */ + left: 0; + /* @noflip */ + right: 1px; } + [dir="rtl"] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; } + +.mdc-text-field--fullwidth { + width: 100%; } + .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) { + display: block; } + .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after { + background-color: transparent; } + .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) { + background-color: transparent; } + .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input { + padding: 0; } + +.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { + border-bottom-color: #b00020; } + +.mdc-text-field--dense + .mdc-text-field-helper-text { + margin-bottom: 4px; } + +.mdc-text-field + .mdc-text-field-helper-text { + margin-right: 12px; + margin-left: 12px; } + +.mdc-text-field--outlined + .mdc-text-field-helper-text { + margin-right: 16px; + margin-left: 16px; } + +.mdc-form-field > .mdc-text-field + label { + -ms-flex-item-align: start; + align-self: flex-start; } + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(255, 206, 97, 0.87); } + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { + color: rgba(255, 206, 97, 0.87); } + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: rgba(255, 206, 97, 0.87); } + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { + color: rgba(255, 206, 97, 0.87); } + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { + color: rgba(255, 206, 97, 0.87); } + +.mdc-text-field--focused .mdc-text-field__input:required + .mdc-floating-label::after { + color: #b00020; } + +.mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { + opacity: 1; } + +.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) { + border-color: #ffce61; + /* @alternate */ + border-color: var(--mdc-theme-primary, #ffce61); } + .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { + border-color: #ffce61; + /* @alternate */ + border-color: var(--mdc-theme-primary, #ffce61); } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { + border-bottom-color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { + border-bottom-color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple { + background-color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { + color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { + color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { + color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { + color: #b00020; } + +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg { + color: #b00020; } + +.mdc-text-field--invalid .mdc-text-field__input { + caret-color: #b00020; } + +.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon { + color: #b00020; } + +.mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg { + opacity: 1; } + +.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) { + border-color: #b00020; } + .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:focus { + border-color: #b00020; } + +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__idle { + border-color: #b00020; } + +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__path { + stroke: #b00020; } + +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle, +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle { + border-color: #b00020; } + +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__path, +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__path { + stroke: #b00020; } + +.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path { + stroke: #b00020; } + +.mdc-text-field--disabled { + background-color: #41484f; + border-bottom: none; + pointer-events: none; } + .mdc-text-field--disabled .mdc-text-field__input { + border-bottom-color: rgba(255, 255, 255, 0.06); } + .mdc-text-field--disabled .mdc-text-field__input { + color: rgba(255, 255, 255, 0.37); } + .mdc-text-field--disabled .mdc-floating-label { + color: rgba(255, 255, 255, 0.37); } + .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.37); } + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.37); } + .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.37); } + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: rgba(255, 255, 255, 0.37); } + .mdc-text-field--disabled + .mdc-text-field-helper-text { + color: rgba(255, 255, 255, 0.37); } + .mdc-text-field--disabled .mdc-text-field__icon { + color: rgba(255, 255, 255, 0.3); } + .mdc-text-field--disabled:not(.mdc-text-field--textarea) { + border-bottom-color: rgba(255, 255, 255, 0.12); } + .mdc-text-field--disabled .mdc-floating-label { + cursor: default; } + +.mdc-text-field--textarea.mdc-text-field--disabled { + border-color: rgba(255, 255, 255, 0.26); + background-color: #f9f9f9; + border-bottom-width: 1px; + border-style: solid; } + .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input:focus { + border-color: rgba(255, 255, 255, 0.26); } + .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input { + border: 1px solid transparent; } + .mdc-text-field--textarea.mdc-text-field--disabled .mdc-floating-label { + background-color: #f9f9f9; } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-dense { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { + 0% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { + 0% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense { + 0% { + -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense { + 0% { + -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); } + 100% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } } + +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); + transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } } + +@-webkit-keyframes mdc-floating-label-shake-float-above-textarea { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } } + +@keyframes mdc-floating-label-shake-float-above-textarea { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); + transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } } + +:root { + --mdc-theme-primary: #ffce61; + --mdc-theme-secondary: #f56c2a; + --mdc-theme-background: #313a43; + --mdc-theme-surface: #3D444B; + --mdc-theme-on-primary: #000; + --mdc-theme-on-secondary: #000; + --mdc-theme-on-surface: #fff; + --mdc-theme-text-primary-on-background: white; + --mdc-theme-text-secondary-on-background: rgba(255, 255, 255, 0.7); + --mdc-theme-text-hint-on-background: rgba(255, 255, 255, 0.5); + --mdc-theme-text-disabled-on-background: rgba(255, 255, 255, 0.5); + --mdc-theme-text-icon-on-background: rgba(255, 255, 255, 0.5); + --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87); + --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54); + --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38); + --mdc-theme-text-primary-on-dark: white; + --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7); + --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5); + --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); } + +.mdc-theme--primary { + color: #ffce61 !important; + /* @alternate */ + color: var(--mdc-theme-primary, #ffce61) !important; } + +.mdc-theme--secondary { + color: #f56c2a !important; + /* @alternate */ + color: var(--mdc-theme-secondary, #f56c2a) !important; } + +.mdc-theme--background { + background-color: #313a43; + /* @alternate */ + background-color: var(--mdc-theme-background, #313a43); } + +.mdc-theme--surface { + background-color: #3D444B; + /* @alternate */ + background-color: var(--mdc-theme-surface, #3D444B); } + +.mdc-theme--on-primary { + color: #000 !important; + /* @alternate */ + color: var(--mdc-theme-on-primary, #000) !important; } + +.mdc-theme--on-secondary { + color: #000 !important; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #000) !important; } + +.mdc-theme--on-surface { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-surface, #fff) !important; } + +.mdc-theme--text-primary-on-background { + color: white !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, white) !important; } + +.mdc-theme--text-secondary-on-background { + color: rgba(255, 255, 255, 0.7) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-background, rgba(255, 255, 255, 0.7)) !important; } + +.mdc-theme--text-hint-on-background { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(255, 255, 255, 0.5)) !important; } + +.mdc-theme--text-disabled-on-background { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-background, rgba(255, 255, 255, 0.5)) !important; } + +.mdc-theme--text-icon-on-background { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-background, rgba(255, 255, 255, 0.5)) !important; } + +.mdc-theme--text-primary-on-light { + color: rgba(0, 0, 0, 0.87) !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important; } + +.mdc-theme--text-secondary-on-light { + color: rgba(0, 0, 0, 0.54) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important; } + +.mdc-theme--text-hint-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important; } + +.mdc-theme--text-disabled-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important; } + +.mdc-theme--text-icon-on-light { + color: rgba(0, 0, 0, 0.38) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important; } + +.mdc-theme--text-primary-on-dark { + color: white !important; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white) !important; } + +.mdc-theme--text-secondary-on-dark { + color: rgba(255, 255, 255, 0.7) !important; + /* @alternate */ + color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important; } + +.mdc-theme--text-hint-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important; } + +.mdc-theme--text-disabled-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important; } + +.mdc-theme--text-icon-on-dark { + color: rgba(255, 255, 255, 0.5) !important; + /* @alternate */ + color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important; } + +.mdc-theme--primary-bg { + background-color: #ffce61 !important; + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61) !important; } + +.mdc-theme--secondary-bg { + background-color: #f56c2a !important; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #f56c2a) !important; } + +.mdc-toolbar { + background-color: #ffce61; + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); + color: rgba(0, 0, 0, 0.87); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; } + .mdc-toolbar .mdc-toolbar__icon { + color: rgba(0, 0, 0, 0.87); } + .mdc-toolbar .mdc-toolbar__icon::before, .mdc-toolbar .mdc-toolbar__icon::after { + background-color: rgba(0, 0, 0, 0.87); } + .mdc-toolbar .mdc-toolbar__icon:hover::before { + opacity: 0.04; } + .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):focus::before, .mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + .mdc-toolbar__row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: auto; + min-height: 64px; } + @media (max-width: 959px) and (orientation: landscape) { + .mdc-toolbar__row { + min-height: 48px; } } + @media (max-width: 599px) { + .mdc-toolbar__row { + min-height: 56px; } } + .mdc-toolbar__section { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 0; + height: 100%; + padding: 8px; + z-index: 1; } + @media (max-width: 959px) and (orientation: landscape) { + .mdc-toolbar__section { + padding: 0; } } + @media (max-width: 599px) { + .mdc-toolbar__section { + padding: 4px 0; } } + .mdc-toolbar__section--align-start { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; } + [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; } + @media (max-width: 959px) and (orientation: landscape) { + .mdc-toolbar__section--align-start { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; } } + @media (max-width: 599px) { + .mdc-toolbar__section--align-start { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; } } + .mdc-toolbar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; } + @media (max-width: 959px) and (orientation: landscape) { + .mdc-toolbar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; } + [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; } } + @media (max-width: 599px) { + .mdc-toolbar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; } + [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; } } + .mdc-toolbar__title { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 0; + -ms-flex-item-align: center; + align-self: center; + padding: 12px 0; + line-height: 1.5rem; + z-index: 1; } + [dir="rtl"] .mdc-toolbar__title, .mdc-toolbar__title[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 24px; } + .mdc-toolbar__icon, .mdc-toolbar__menu-icon { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 48px; + height: 48px; + padding: 12px; + border: none; + outline: none; + background-color: transparent; + fill: currentColor; + color: inherit; + text-decoration: none; + cursor: pointer; } + .mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-toolbar__icon::before, .mdc-toolbar__menu-icon::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-toolbar__icon.mdc-ripple-upgraded::before, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-toolbar__icon.mdc-ripple-upgraded--unbounded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-toolbar__icon.mdc-ripple-upgraded--foreground-activation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-toolbar__icon.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-toolbar__icon.mdc-ripple-upgraded::before, .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::before, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + +.mdc-toolbar__menu-icon + .mdc-toolbar__title { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-toolbar__menu-icon + .mdc-toolbar__title, .mdc-toolbar__menu-icon + .mdc-toolbar__title[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; } + +@media (max-width: 599px) { + .mdc-toolbar__title { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; } + [dir="rtl"] .mdc-toolbar__title, .mdc-toolbar__title[dir="rtl"] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; } } + +.mdc-toolbar--fixed { + -webkit-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); + 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); + position: fixed; + top: 0; + left: 0; + z-index: 4; } + +.mdc-toolbar--flexible { + --mdc-toolbar-ratio-to-extend-flexible: 4; } + .mdc-toolbar--flexible .mdc-toolbar__row:first-child { + height: 256px; + height: calc(64px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); } + @media (max-width: 599px) { + .mdc-toolbar--flexible .mdc-toolbar__row:first-child { + height: 224px; + height: calc(56px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); } } + .mdc-toolbar--flexible .mdc-toolbar__row:first-child::after { + position: absolute; + content: ""; } + .mdc-toolbar--flexible-default-behavior .mdc-toolbar__title { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; + -ms-flex-item-align: end; + align-self: flex-end; + line-height: 1.5rem; } + .mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child::after { + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transition: opacity .2s ease; + transition: opacity .2s ease; + opacity: 1; } + .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child::after { + opacity: 0; } + .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title { + font-weight: 500; } + +.mdc-toolbar--waterfall.mdc-toolbar--fixed { + -webkit-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); + 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); + -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow; } + .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized { + -webkit-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); + 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); } + .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized { + -webkit-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); + 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); } + .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row { + -webkit-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); + 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); } + +.mdc-toolbar-fixed-adjust { + padding-top: 64px; } + @media (max-width: 959px) and (max-height: 599px) { + .mdc-toolbar-fixed-adjust { + padding-top: 48px; } } + @media (max-width: 599px) { + .mdc-toolbar-fixed-adjust { + padding-top: 56px; } } + +.mdc-toolbar__section--shrink-to-fit { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } + +.mdc-top-app-bar { + background-color: #ffce61; + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); + color: rgba(0, 0, 0, 0.87); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: fixed; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + z-index: 4; } + .mdc-top-app-bar .mdc-top-app-bar__action-item, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-primary, #000); } + .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + background-color: #000; } + @supports not (-ms-ime-align: auto) { + .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #000); } } + .mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before { + opacity: 0.04; } + .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.12; } + .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.16; } + .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, + .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.16; } + .mdc-top-app-bar__row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 64px; } + .mdc-top-app-bar__section { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-width: 0; + padding: 8px 12px; + z-index: 1; } + .mdc-top-app-bar__section--align-start { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; } + .mdc-top-app-bar__section--align-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + .mdc-top-app-bar__title { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + z-index: 1; } + [dir="rtl"] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; } + .mdc-top-app-bar__action-item, .mdc-top-app-bar__navigation-icon { + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 48px; + height: 48px; + padding: 12px; + border: none; + outline: none; + background-color: transparent; + fill: currentColor; + color: inherit; + text-decoration: none; + cursor: pointer; } + .mdc-top-app-bar__action-item::before, .mdc-top-app-bar__action-item::after, .mdc-top-app-bar__navigation-icon::before, .mdc-top-app-bar__navigation-icon::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .mdc-top-app-bar__action-item::before, .mdc-top-app-bar__navigation-icon::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded::before, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded--unbounded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-activation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .mdc-top-app-bar__action-item::before, .mdc-top-app-bar__action-item::after, .mdc-top-app-bar__navigation-icon::before, .mdc-top-app-bar__navigation-icon::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded::before, .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after { + top: var(--mdc-ripple-top, calc(50% - 50%)); + /* @noflip */ + left: var(--mdc-ripple-left, calc(50% - 50%)); + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + +.mdc-top-app-bar--short { + top: 0; + right: auto; + left: 0; + width: 100%; + -webkit-transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); } + [dir="rtl"] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir="rtl"] { + right: 0; + left: auto; } + .mdc-top-app-bar--short .mdc-top-app-bar__row { + height: 56px; } + .mdc-top-app-bar--short .mdc-top-app-bar__section { + padding: 4px; } + .mdc-top-app-bar--short .mdc-top-app-bar__title { + -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; } + +.mdc-top-app-bar--short-collapsed { + /* @noflip */ + border-bottom-left-radius: 0; + /* @noflip */ + border-bottom-right-radius: 4px; + -webkit-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); + 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); + width: 56px; + -webkit-transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); + transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); } + [dir="rtl"] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir="rtl"] { + /* @noflip */ + border-bottom-left-radius: 4px; + /* @noflip */ + border-bottom-right-radius: 0; } + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { + display: none; } + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { + -webkit-transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); + transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); } + +.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { + width: 112px; } + .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; } + [dir="rtl"] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir="rtl"] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; } + +.mdc-top-app-bar--dense .mdc-top-app-bar__row { + height: 48px; } + +.mdc-top-app-bar--dense .mdc-top-app-bar__section { + padding: 0 4px; } + +.mdc-top-app-bar--dense .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; } + [dir="rtl"] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; } + +.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 128px; } + +.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + -ms-flex-item-align: end; + align-self: flex-end; + padding-bottom: 2px; } + +.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, +.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { + -ms-flex-item-align: start; + align-self: flex-start; } + +.mdc-top-app-bar--fixed { + -webkit-transition: -webkit-box-shadow 200ms linear; + transition: -webkit-box-shadow 200ms linear; + transition: box-shadow 200ms linear; + transition: box-shadow 200ms linear, -webkit-box-shadow 200ms linear; } + +.mdc-top-app-bar--fixed-scrolled { + -webkit-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); + 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); + -webkit-transition: -webkit-box-shadow 200ms linear; + transition: -webkit-box-shadow 200ms linear; + transition: box-shadow 200ms linear; + transition: box-shadow 200ms linear, -webkit-box-shadow 200ms linear; } + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { + height: 96px; } + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { + padding: 0 12px; } + +.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 0; + padding-bottom: 9px; } + [dir="rtl"] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir="rtl"] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 20px; } + +.mdc-top-app-bar--fixed-adjust { + padding-top: 64px; } + +.mdc-top-app-bar--dense-fixed-adjust { + padding-top: 48px; } + +.mdc-top-app-bar--short-fixed-adjust { + padding-top: 56px; } + +.mdc-top-app-bar--prominent-fixed-adjust { + padding-top: 128px; } + +.mdc-top-app-bar--dense-prominent-fixed-adjust { + padding-top: 96px; } + +@media (max-width: 599px) { + .mdc-top-app-bar__row { + height: 56px; } + .mdc-top-app-bar__section { + padding: 4px; } + .mdc-top-app-bar--short { + -webkit-transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); + transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); } + .mdc-top-app-bar--short-collapsed { + -webkit-transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); + transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); } + .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; } + [dir="rtl"] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir="rtl"] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; } + .mdc-top-app-bar--prominent .mdc-top-app-bar__title { + padding-bottom: 6px; } + .mdc-top-app-bar--fixed-adjust { + padding-top: 56px; } } + +.mdc-typography { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; } + +.mdc-typography--headline1 { + font-family: "Playfair Display"; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 6rem; + line-height: 6rem; + font-weight: 300; + letter-spacing: -0.01562em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--headline2 { + font-family: "Playfair Display"; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 3.75rem; + line-height: 3.75rem; + font-weight: 300; + letter-spacing: -0.00833em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--headline3 { + font-family: "Playfair Display"; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 3rem; + line-height: 3.125rem; + font-weight: 400; + letter-spacing: normal; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--headline4 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 2.125rem; + line-height: 2.5rem; + font-weight: 400; + letter-spacing: 0.00735em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--headline5 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.5rem; + line-height: 2rem; + font-weight: 400; + letter-spacing: normal; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--headline6 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1.25rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.0125em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--subtitle1 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.75rem; + font-weight: 400; + letter-spacing: 0.00937em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--subtitle2 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.375rem; + font-weight: 500; + letter-spacing: 0.00714em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--body1 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 1rem; + line-height: 1.5rem; + font-weight: 400; + letter-spacing: 0.03125em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--body2 { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.01786em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--caption { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.75rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.03333em; + text-decoration: inherit; + text-transform: inherit; } + +.mdc-typography--button { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.875rem; + line-height: 2.25rem; + font-weight: 500; + letter-spacing: 0.08929em; + text-decoration: none; + text-transform: uppercase; } + +.mdc-typography--overline { + font-family: "Roboto Condensed", sans-serif; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-size: 0.75rem; + line-height: 2rem; + font-weight: 500; + letter-spacing: 0.16667em; + text-decoration: none; + text-transform: uppercase; } + +/*------------------------------------------------------------------ +[5. Cryptum Components] +------------------------------------------------------------------*/ +/** + * Crypto Global Styles + */ +.crypto-social-circle-icon { + font-size: 12px; + line-height: 24px; + width: 24px; + height: 24px; + text-align: center; + padding: 0; + margin-right: 8px; + color: #ffffff; + border-radius: 50%; + -ms-flex-negative: 0; + flex-shrink: 0; } + .crypto-social-circle-icon--message { + background: #00a2ec; } + .crypto-social-circle-icon--facebook { + background: #395a93; } + .crypto-social-circle-icon--slack { + background: #e51160; } + .crypto-social-circle-icon--twitter { + background: #00a3ec; } + .crypto-social-circle-icon--spotify { + background: #00b962; } + +.crypto-badge { + min-width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + border-radius: 50%; + font-size: 10px; + font-weight: 500; + display: block; } + .crypto-badge--primary { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); + background: #ffce61; + /* @alternate */ + background: var(--mdc-theme-primary, #ffce61); } + .crypto-badge--secondary { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #000); + background: #f56c2a; + /* @alternate */ + background: var(--mdc-theme-secondary, #f56c2a); } + .crypto-badge--mini { + min-width: 16px; + height: 16px; + line-height: 16px; } + +.crypto-dashboard { + background-color: #2d353d; + min-height: 100%; } + .crypto-marquee + .crypto-dashboard { + min-height: calc(100% - 112px); } + +.crypto-widget { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 72px; } + .crypto-widget--fullheight { + height: 100%; } + .crypto-widget--fullheight .crypto-widget__card { + height: 100%; } + .crypto-widget--margin-bottom { + margin-bottom: 144px; } + +.crypto-widget__heading { + text-transform: uppercase; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 0 0 24px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + max-width: 480px; } + .crypto-widget__heading--nomargin { + margin-bottom: 0; } + .crypto-widget__heading--fullwidth { + max-width: 100%; } + +.crypto-widget__heading-border { + height: 1px; + background: #ffce61; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin-left: 16px; } + [dir="rtl"] .crypto-widget__heading-border, .crypto-widget__heading-border[dir="rtl"] { + margin-left: 0; + margin-right: 16px; } + +.crypto-widget__card { + -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); + -webkit-transition: -webkit-box-shadow .3s; + transition: -webkit-box-shadow .3s; + transition: box-shadow .3s; + transition: box-shadow .3s, -webkit-box-shadow .3s; } + .crypto-widget__card:hover { + -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); + box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); } + .crypto-widget__card--rounded { + border-radius: 4px; } + +.crypto-widget__card-content { + padding: 16px; } + .crypto-widget__card-content--extra { + padding: 24px; } + +.crypto-widget__card--minigraphs { + display: grid; + grid-template-columns: auto 1fr; + white-space: nowrap; + overflow: hidden; + height: 100%; } + .crypto-widget__card--minigraphs .crypto-widget__card-content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; } + .crypto-widget__card--minigraphs .material-icons { + font-size: 1rem; + width: 1.5rem; + text-align: center; } + +.crypto-widget__canvas { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + .crypto-widget__canvas canvas { + max-width: 100%; + min-height: 100%; } + +.crypto-widget__menu-icon { + color: inherit; } + +.crypto-widget-primary .mdc-card { + background-color: #ffce61; + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); } + +.crypto-widget__card-icons-dots { + font-size: 21px; } + +.crypto-widget__card-icons-dots__icon { + position: relative; } + .crypto-widget__card-icons-dots__icon span { + width: 10px; + height: 10px; + display: block; + position: absolute; + top: 0; + left: 51%; + border-radius: 50%; + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-animation-duration: 4s; + animation-duration: 4s; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + background: #f56c2a; + /* @alternate */ + background: var(--mdc-theme-secondary, #f56c2a); } + [dir="rtl"] .crypto-widget__card-icons-dots__icon span, .crypto-widget__card-icons-dots__icon span[dir="rtl"] { + left: auto; + right: 51%; } + +.crypto-widget__card-icons-dots > div:nth-child(1) span { + -webkit-animation-delay: 0s; + animation-delay: 0s; } + +.crypto-widget__card-icons-dots > div:nth-child(2) span { + -webkit-animation-delay: .3s; + animation-delay: .3s; + background: #f67d42; } + +.crypto-widget__card-icons-dots > div:nth-child(3) span { + -webkit-animation-delay: .6s; + animation-delay: .6s; + background: #f78e5b; } + +@-webkit-keyframes bounce { + 0%, 20% { + -webkit-transform: translateY(0px); + transform: translateY(0px); } + 10% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + opacity: 0.45; } } + +@keyframes bounce { + 0%, 20% { + -webkit-transform: translateY(0px); + transform: translateY(0px); } + 10% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + opacity: 0.45; } } + +.mdc-card__crypto-counter { + font-weight: lighter !important; + margin-bottom: 64px; + margin-top: 0; } + +.mdc-card__crypto-divider { + height: 1px; + background-color: rgba(255, 255, 255, 0.2); } + +.mdc-tab-bar--crypto-border-bottom { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + height: auto; } + +/* mdc-tab-bar is by default display:table which + makes the tab nav overlap with the content */ +.mdc-tab-bar--crypto-display-block { + display: block; + -ms-flex-negative: 0; + flex-shrink: 0; + margin: 0; + height: initial; } + +.mdc-tab__crypto-stat-tab { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: 86px; } + +.mdc-tab__crypto-stat-caption { + margin-left: 0; + /* To do rtl */ } + [dir="rtl"] .mdc-tab__crypto-stat-caption, .mdc-tab__crypto-stat-caption[dir="rtl"] { + margin-right: 0; } + +.mdc-tab__crypto-stat-icon { + font-size: .85em; + width: 1.5em; + height: 1em; + line-height: 1em; } + +.mdc-tab__crypto-stat-caption--trend-up { + color: #4caf50; } + +.mdc-tab__crypto-stat-caption--trend-down { + color: #f44336; } + +.mdc-tab--crypto-link { + padding: 0 24px; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + opacity: .6; + min-width: 160px; + text-align: center; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + white-space: nowrap; + vertical-align: top; + text-decoration: none; + text-transform: capitalize; + position: relative; + overflow: hidden; } + +.crypto-analytics-panel { + padding: 24px; + height: 300px; } + +.crypto-table-widget { + max-width: 100%; + overflow: auto; } + +.crypto-table-widget--thumbnail { + width: 24px; + border-radius: 4px; } + +.crypto-tab-sessions-chart { + padding: 24px; + position: relative; + height: 200px; } + +.crypto-sessions-flex { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + max-height: 100%; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +.crypto-widget__actions { + justify-self: end; } + +.crypto-sessions-flex__item { + -webkit-box-flex: 1; + -ms-flex: 1 1 100%; + flex: 1 1 100%; } + +.crypto-table-tab-panel.crypto-table-tab-panel--active { + display: table; } + +.crypto-table-tab-panel { + display: none; } + +.crypto-map { + position: absolute; + width: 100%; + height: 100%; + top: 0; } + @media (max-width: 479px) { + .crypto-map { + position: relative; + margin-top: -160px; } } + .crypto-map .mdc-list { + padding: 0; } + .crypto-map .mdc-card { + margin-bottom: 24px; + position: relative; } + .crypto-map .crypto-card__pin .crypto-card__content { + padding: 120px 30px 30px; } + +.crypto-maps-contact-detail-card__pin { + background: #fff; + width: 24px; + height: 24px; + border-radius: 50% 50% 50% 0; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + left: 50%; + top: 55px; + margin: -12px 0 0 -12px; + -webkit-animation-name: crypto-maps-contact-detail-card__pin; + animation-name: crypto-maps-contact-detail-card__pin; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-duration: 1s; + animation-duration: 1s; + background: #313a43; + /* @alternate */ + background: var(--mdc-theme-background, #313a43); + z-index: 2; } + .crypto-maps-contact-detail-card__pin:after { + content: ''; + width: 8px; + height: 8px; + margin: 8px 0 0 8px; + position: absolute; + left: 0; + border-radius: 50%; + background: #f56c2a; + /* @alternate */ + background: var(--mdc-theme-secondary, #f56c2a); } + +.crypto-maps-contact-detail-card__pulse { + border-radius: 50%; + height: 14px; + width: 14px; + position: absolute; + left: 50%; + top: 55px; + margin: 11px 0px 0px -7px; + -webkit-transform: rotateX(55deg); + transform: rotateX(55deg); + z-index: 1; + background: #e1500b; } + .crypto-maps-contact-detail-card__pulse:after { + content: ""; + border-radius: 50%; + height: 40px; + width: 40px; + position: absolute; + margin: -13px 0 0 -13px; + -webkit-animation: crypto-maps-contact-detail-card__pulse 1s ease-out; + animation: crypto-maps-contact-detail-card__pulse 1s ease-out; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + opacity: 0; + -webkit-animation-delay: 1.1s; + animation-delay: 1.1s; + -webkit-box-shadow: 0 0 1px 2px #f56c2a; + box-shadow: 0 0 1px 2px #f56c2a; + left: 0; } + +@-webkit-keyframes crypto-maps-contact-detail-card { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } } + +@keyframes crypto-maps-contact-detail-card { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); } } + +@-webkit-keyframes crypto-maps-contact-detail-card__pulse { + 0% { + -webkit-transform: scale(0.1, 0.1); + transform: scale(0.1, 0.1); + opacity: 0.0; } + 50% { + opacity: 1.0; } + 100% { + -webkit-transform: scale(1.2, 1.2); + transform: scale(1.2, 1.2); + opacity: 0; } } + +@keyframes crypto-maps-contact-detail-card__pulse { + 0% { + -webkit-transform: scale(0.1, 0.1); + transform: scale(0.1, 0.1); + opacity: 0.0; } + 50% { + opacity: 1.0; } + 100% { + -webkit-transform: scale(1.2, 1.2); + transform: scale(1.2, 1.2); + opacity: 0; } } + +@-webkit-keyframes crypto-maps-contact-detail-card__pin { + 0% { + opacity: 0; + -webkit-transform: translateY(-1000px) rotate(-45deg); + transform: translateY(-1000px) rotate(-45deg); } + 60% { + opacity: 1; + -webkit-transform: translateY(30px) rotate(-45deg); + transform: translateY(30px) rotate(-45deg); } + 80% { + -webkit-transform: translateY(-10px) rotate(-45deg); + transform: translateY(-10px) rotate(-45deg); } + 100% { + -webkit-transform: translateY(0) rotate(-45deg); + transform: translateY(0) rotate(-45deg); } } + +@keyframes crypto-maps-contact-detail-card__pin { + 0% { + opacity: 0; + -webkit-transform: translateY(-1000px) rotate(-45deg); + transform: translateY(-1000px) rotate(-45deg); } + 60% { + opacity: 1; + -webkit-transform: translateY(30px) rotate(-45deg); + transform: translateY(30px) rotate(-45deg); } + 80% { + -webkit-transform: translateY(-10px) rotate(-45deg); + transform: translateY(-10px) rotate(-45deg); } + 100% { + -webkit-transform: translateY(0) rotate(-45deg); + transform: translateY(0) rotate(-45deg); } } + +.pace-on { + opacity: 0; } + .pace-on.pace-running, .pace-on.pace-done { + opacity: 1; } + +.pace { + position: fixed; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 100%; + height: 100%; + opacity: 1; + -webkit-transition: opacity .75s 0s, height 0s .75s; + transition: opacity .75s 0s, height 0s .75s; + z-index: 100; + background: #3D444B; } + .pace.pace-inactive { + height: 0; + opacity: 0; } + +.pace-progress { + background: #313a43; + /* @alternate */ + background: var(--mdc-theme-background, #313a43); + position: fixed; + z-index: 101; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: translate3d(0, 0, 0) !important; + transform: translate3d(0, 0, 0) !important; } + +.pace-progress-inner { + width: 100px; + height: 100px; + position: absolute; } + +.crypto-loader { + position: absolute; + top: calc(50% - 50px); + left: calc(50% - 50px); + z-index: 102; } + .pace-done .crypto-loader { + display: none; } + +.crypto-loader, .crypto-loader:before, .crypto-loader:after { + position: absolute; + border: 3px solid transparent; + border-top: 3px solid #ffce61; + border-radius: 50%; + -webkit-animation: rotate linear infinite; + animation: rotate linear infinite; + content: ''; } + +.crypto-loader { + height: 100px; + width: 100px; + -webkit-animation-duration: 1.05s; + animation-duration: 1.05s; } + +.crypto-loader:before { + height: 75px; + width: 75px; + top: 10px; + left: 10px; + -webkit-animation-duration: 10s; + animation-duration: 10s; + border-top: 3px solid #f56c2a; } + +.crypto-loader:after { + height: 50px; + width: 50px; + top: 22px; + left: 22px; + -webkit-animation-duration: 4s; + animation-duration: 4s; + border-top: 3px solid var(--mdc-theme-secondary-500); } + +@-webkit-keyframes rotate { + from { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); } + to { + -webkit-transform: rotateZ(0deg); + transform: rotateZ(0deg); } } + +@keyframes rotate { + from { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); } + to { + -webkit-transform: rotateZ(0deg); + transform: rotateZ(0deg); } } + +.crypto-wallet-overview { + display: grid; + grid-template-columns: 1fr auto; } + +.crypto-wallet-overview__balance { + min-height: 60px; } + +.crypto-wallet-overview__value { + grid-row: 1/3; } + +.crypto-wallet-overview__stats, +.crypto-wallet-overview__market-value { + justify-self: end; + opacity: 0.45; } + +.crypto-wallet-overview__market-value { + -ms-flex-item-align: end; + align-self: end; } + +.crypto-wallet-overview__stats--up { + color: #61FF8D; } + +.crypto-wallet-overview__stats--down { + color: #FF9B9B; } + +.crypto-wallet-form-panel { + padding: 48px 0 0; } + +.crypto-wallet-form-panel--actions { + margin-top: 48px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + +.crypto-wallet a { + display: grid !important; + grid-template-columns: 1fr 60px; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.crypto-wallet--new a { + border: 1px dashed rgba(255, 255, 255, 0.1); + padding: 16px; + border-radius: 2px; } + +.crypto-wallet__name { + margin: 0; + opacity: 0.45; } + +.crypto-wallet__value { + margin: 0; + grid-column-start: 1; + grid-row: 2/4; + opacity: 0.75; } + +.crypto-wallet__stats { + grid-row: 2/3; + opacity: 0.45; + justify-self: end; } + .crypto-wallet__stats--up { + color: #61FF8D; } + .crypto-wallet__stats--down { + color: #FF9B9B; } + +.crypto-wallet__market { + grid-row: 3/4; + -ms-flex-item-align: end; + align-self: end; + justify-self: end; + opacity: 0.45; } + +.crypto-wallet__border { + height: 100%; + width: 2px; + position: absolute; + left: 0; + top: 0; } + +.crypto-marquee__wrapper { + position: relative; + width: 100%; + height: 136px; + overflow: hidden; + margin-top: -36px; + -webkit-transform: none !important; + transform: none !important; } + @media (max-width: 479px) { + .crypto-marquee__wrapper { + margin-top: 0; } } + +.crypto-marquee { + position: absolute; + z-index: 1; + -webkit-box-shadow: inset 0px -24px 26px 0 rgba(0, 0, 0, 0.05); + box-shadow: inset 0px -24px 26px 0 rgba(0, 0, 0, 0.05); + background: rgba(49, 58, 67, 0.2); + height: 136px; + overflow: hidden; + left: 0; + top: 0; } + +.crypto-marquee__item { + min-width: 240px; + padding: 36px 24px; + display: inline-grid !important; + grid-template-columns: auto 1fr; + grid-template-rows: 1fr 1fr; + grid-gap: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 1rem; + line-height: 1rem; + margin: 0; + font-weight: 500; + border-left: 1px solid rgba(206, 197, 188, 0.075); } + +.crypto-marquee__item-logo { + font-size: 1rem; + line-height: 1rem; + margin: 0; + font-weight: 500; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .crypto-marquee__item-logo span { + padding: 0 6px; + opacity: 0.45; } + +.crypto-marquee__item-logo-img { + fill: #ffce61; } + +.crypto-marquee__item-percentage { + justify-self: end; + opacity: 0.75; } + .crypto-marquee__item-percentage .material-icons { + font-size: 1rem; + line-height: 1rem; } + +.crypto-marquee__item-value { + font-size: 1.6875rem; + line-height: 1.05; + opacity: 0.75; } + .crypto-marquee__item-value small { + opacity: .5; + font-size: 1.25rem; } + +.crypto-marquee__item-difference { + -ms-flex-item-align: end; + align-self: end; + justify-self: end; + opacity: 0.75; } + +.crypto-transactions-list { + list-style-type: none; + padding: 0; + margin: 0; } + +.crypto-transactions-list__labels, +.crypto-transactions-list__item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; } + .crypto-transactions-list__labels th, .crypto-transactions-list__labels td, + .crypto-transactions-list__item th, + .crypto-transactions-list__item td { + text-transform: uppercase; + opacity: 0.45; + padding: 16px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + .crypto-transactions-list__labels a, + .crypto-transactions-list__item a { + width: 48px; } + @media (max-width: 479px) { + .crypto-transactions-list__labels a, + .crypto-transactions-list__item a { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 0; } } + .crypto-transactions-list__labels a .material-icons, + .crypto-transactions-list__item a .material-icons { + -webkit-transition: all linear .4s; + transition: all linear .4s; } + [dir="rtl"] .crypto-transactions-list__labels a .material-icons, .crypto-transactions-list__labels a .material-icons[dir="rtl"], [dir="rtl"] + .crypto-transactions-list__item a .material-icons, + .crypto-transactions-list__item a .material-icons[dir="rtl"] { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + .crypto-transactions-list__labels a.rotated .material-icons, + .crypto-transactions-list__item a.rotated .material-icons { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + @media (max-width: 479px) { + .crypto-transactions-list__labels, + .crypto-transactions-list__item { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; } } + +.crypto-transactions-list__item--details td { + padding: 0 !important; + overflow: hidden; + white-space: normal; + text-align: center !important; } + +.crypto-transactions-list__item--details .mdc-layout-grid { + height: 0; + opacity: 0; + padding: 0; + -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); + transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } + +.crypto-transactions-list__item--details.expanded .mdc-layout-grid { + height: 150px; + opacity: 1; } + +.crypto-transactions-list__labels span:last-child, .crypto-transactions-list__labels th:last-child { + width: 48px; } + +@media (max-width: 479px) { + .crypto-transactions-list__labels { + display: none; } } + +.crypto-transactions-list__item { + border-top: 1px solid rgba(255, 255, 255, 0.04); + margin-bottom: 6px; + -webkit-transition: all .4s; + transition: all .4s; } + .crypto-transactions-list__item span, + .crypto-transactions-list__item a, .crypto-transactions-list__item td { + opacity: 1; } + +tbody.crypto-transactions-list__separator { + background: transparent !important; } + tbody.crypto-transactions-list__separator td { + padding: 0; + height: 8px !important; } + +.crypto-transactions-list__status--confirmed, +.crypto-transactions-list__status--pending, +.crypto-transactions-list__status--rejected { + opacity: 0.45 !important; } + +.crypto-transactions-list__status--confirmed { + color: #61FF8D; } + +.crypto-transactions-list__status--pending { + color: #ffce61; } + +.crypto-transactions-list__status--rejected { + color: #FF9B9B; } + +.mdc-layout-grid__cell { + padding: 16px; } + +.crypto-price-list { + list-style-type: none; + margin: 0; + padding: 0; } + +.crypto-price-list__coin { + display: grid; + grid-template-columns: 1fr auto; + margin-bottom: 16px; + position: relative; + border-radius: 4px; + overflow: hidden; + padding-left: 16px; } + [dir="rtl"] .crypto-price-list__coin, .crypto-price-list__coin[dir="rtl"] { + padding-left: 0; + padding-right: 16px; } + +.crypto-price-list__coin-value { + margin: 0; + grid-column: 1; } + +.crypto-price-list__coin-name { + opacity: 0.45; } + +.crypto-price-list__coin-performance { + -ms-flex-item-align: end; + align-self: end; + justify-self: end; + opacity: 0.45; } + .crypto-price-list__coin-performance--up { + color: #61FF8D; } + .crypto-price-list__coin-performance--down { + color: #FF9B9B; } + +.crypto-price-list__border { + width: 2px; + height: 100%; + position: absolute; + left: 0; + top: 0; } + [dir="rtl"] .crypto-price-list__border, .crypto-price-list__border[dir="rtl"] { + left: auto; + right: 0; } + +.crypto-coin { + display: grid !important; + grid-column-gap: 16px; + grid-template-columns: 1fr auto 140px; } + +.crypto-coin__name { + margin: 0; + opacity: 0.45; + margin-top: 16px; } + +.crypto-coin__value { + grid-row: 2/4; + -ms-flex-item-align: end; + align-self: end; + white-space: nowrap; + margin: 0; + margin-bottom: 16px; } + +.crypto-coin__market { + opacity: 0.45; + grid-row: 2; + -ms-flex-item-align: end; + align-self: end; + justify-self: end; + line-height: 1; } + +.crypto-coin__stats { + grid-row: 3; + grid-column: 2; + -ms-flex-item-align: end; + align-self: end; + justify-self: end; + opacity: 0.45; + margin-bottom: 16px; + line-height: 1; } + .crypto-coin__stats--up { + color: #61FF8D; } + .crypto-coin__stats--down { + color: #FF9B9B; } + +.crypto-coin__chart { + grid-column: 3; + grid-row: 1/4; + opacity: .5; } + +.crypto-coin__border { + position: absolute; + width: 2px; + height: 100%; + left: 0; + top: 0; } + [dir="rtl"] .crypto-coin__border, .crypto-coin__border[dir="rtl"] { + left: auto; + right: 0; } + +.crypto-coin-select { + min-width: 60px; + margin-left: 16px; } + +.crypto-profile { + display: grid; + grid-template-columns: 60px 60px 1fr; + grid-column-gap: 16px; } + +.crypto-profile__image { + grid-row: 1/3; + border-radius: 50%; + -webkit-box-shadow: 0px 0px 0px 2px #ffce61; + box-shadow: 0px 0px 0px 2px #ffce61; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -ms-flex-item-align: center; + align-self: center; } + .crypto-profile__image img { + max-width: 100%; + border-radius: 50%; + display: block; } + +.settings-form-panels { + width: 100%; + position: relative; } + +.crypto-settings-form-panel { + -webkit-transition: all .5s; + transition: all .5s; + -webkit-transform: translateX(20px); + transform: translateX(20px); + opacity: 0; + position: relative; + z-index: 1; } + .crypto-settings-form-panel:not(:first-child) { + position: absolute; + width: 100%; + top: 0; + left: 0; } + .crypto-settings-form-panel--active { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + z-index: 2; } + +.crypro-login-container { + display: grid; + grid-template-columns: 400px 1fr; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-image: url(../images/login-bg.jpg); + background-size: cover; } + @media (min-width: 480px) and (max-width: 1279px) { + .crypro-login-container { + grid-template-columns: 320px 1fr; } } + @media (max-width: 479px) { + .crypro-login-container { + grid-template-columns: 1fr; } } + +.crypro-login-container__box { + -webkit-box-shadow: inset -24px 0 26px 0 rgba(0, 0, 0, 0.05); + box-shadow: inset -24px 0 26px 0 rgba(0, 0, 0, 0.05); + height: 100%; + background: #485159; + padding: 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + +/** + * Crypto MDC modifications + */ +.mdc-card--crypto-fullheight { + height: 100%; } + +.mdc-card--space-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + +.mdc-card--crypto-space-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; } + +.crypto-card--horizontal .mdc-layout-grid { + padding: 0; } + +.crypto-card--horizontal .mdc-layout-grid__inner { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + grid-gap: 16px; } + @media (min-width: 480px) and (max-width: 1279px) { + .crypto-card--horizontal .mdc-layout-grid__inner { + grid-template-columns: 1fr; } } + +.crypto-card--horizontal .crypto-card__content--column { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + height: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.crypto-card__content--column-actions { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-top: 24px; } + .crypto-card__content--column-actions > * { + -webkit-box-flex: 1; + -ms-flex: 1 1 50%; + flex: 1 1 50%; } + .crypto-card__content--column-actions.crypto-card__content--column-actions-vertical { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .crypto-card__content--column-actions.crypto-card__content--column-actions-vertical > * { + margin-top: 24px; } + +.crypto-card__title { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 24px; } + .crypto-card__title.crypto-card__title--vertical { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + +.crypto-card__logo { + max-height: 36px; } + .crypto-card__title--vertical .crypto-card__logo { + max-height: none; } + +.crypto-card--headline { + margin: 0; + font-size: 24px; + line-height: 24px; + font-weight: 500; + padding: 0 16px; } + +.crypto-card__16-9-media { + background-image: url("http://via.placeholder.com/300x200"); + background-size: cover; + background-repeat: no-repeat; + height: 12.313rem; } + +.crypto-card__header { + padding: 16px; } + .crypto-card--hero .crypto-card__header { + padding: 48px; } + +.crypto-card__header--title { + font-size: 1.1rem; + line-height: 2rem; + letter-spacing: normal; + font-weight: 500; + margin: 0; } + +.crypto-card__header--subtitle { + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 400; + letter-spacing: 0.04em; + margin: 0; } + +.crypto-card__content { + padding: 16px; } + .crypto-card--hero .crypto-card__content { + padding: 48px; } + .crypto-card__header + .crypto-card__content { + padding-top: 0; } + +/* Cards with avatar */ +.crypto-card__header--avatar { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + max-height: 100%; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; } + +.crypto-card__header__avatar { + border-radius: 50%; } + +.crypto-card__header__heading { + padding: 0 16px; } + +.crypto-clients-table { + overflow-x: auto; } + +.mdl-data-table { + position: relative; + width: 100%; + border-collapse: collapse; + white-space: nowrap; + line-height: 1; } + +.mdl-data-table thead { + padding-bottom: 3px; } + +.mdl-data-table tbody { + border-top: 1px solid rgba(255, 255, 255, 0.04); + border-bottom: 1px solid rgba(255, 255, 255, 0.04); + -webkit-box-shadow: 0px 2px 4px -1px rgba(49, 58, 67, 0.2), 0px 4px 5px 0px rgba(49, 58, 67, 0.14), 0px 1px 10px 0px rgba(49, 58, 67, 0.12); + box-shadow: 0px 2px 4px -1px rgba(49, 58, 67, 0.2), 0px 4px 5px 0px rgba(49, 58, 67, 0.14), 0px 1px 10px 0px rgba(49, 58, 67, 0.12); + background: rgba(61, 68, 75, 0.5); + margin-bottom: 6px; + -webkit-transition: all .3s; + transition: all .3s; } + .mdl-data-table tbody:hover { + -webkit-box-shadow: 0px 11px 15px -7px rgba(49, 58, 67, 0.2), 0px 24px 38px 3px rgba(49, 58, 67, 0.14), 0px 9px 46px 8px rgba(49, 58, 67, 0.12); + box-shadow: 0px 11px 15px -7px rgba(49, 58, 67, 0.2), 0px 24px 38px 3px rgba(49, 58, 67, 0.14), 0px 9px 46px 8px rgba(49, 58, 67, 0.12); + background-color: rgba(255, 255, 255, 0.04); } + .mdl-data-table tbody tr { + position: relative; + -webkit-transition-duration: 0.28s; + transition-duration: 0.28s; + -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + -webkit-transition-property: background-color; + transition-property: background-color; } + +.mdl-data-table td, .mdl-data-table th { + padding: 0 18px 12px 18px; + text-align: right; } + +.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { + padding-left: 24px; } + +.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type { + padding-right: 24px; } + +.mdl-data-table td { + position: relative; + vertical-align: middle; + padding-top: 12px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + .mdl-data-table td i { + color: #f56c2a; } + .mdl-data-table td a i { + color: #ffce61; } + +.mdl-data-table th { + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-size: 14px; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 48px; + font-size: 12px; + padding-bottom: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric { + text-align: left; } + +.mdl-data-table__cell--icon.mdl-data-table__cell--icon { + text-align: center; } + +.crypto-table-footer { + font-size: 12px; } + [dir="rtl"] .crypto-table-footer .crypto-table-footer--icon-left, .crypto-table-footer .crypto-table-footer--icon-left[dir="rtl"], [dir="rtl"] .crypto-table-footer .crypto-table-footer--icon-right, .crypto-table-footer .crypto-table-footer--icon-right[dir="rtl"] { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +.mdc-list--crypto-weather .mdc-list-item__graphic { + width: 48px; + height: 48px; } + +.mdc-list--crypto-weather .mdc-list-item__meta { + font-size: 32px; + font-weight: 300; } + +.mdc-list-item__text { + overflow: hidden; } + +.mdc-list-item__secondary-text { + overflow: hidden; + text-overflow: ellipsis; } + +.mdc-list--crypto-schedule .mdc-list-item__secondary-text i { + font-size: 12px; + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } + +.mdc-toolbar--crypto-no-shrink { + -ms-flex-negative: 0; + flex-shrink: 0; + z-index: 5; } + .mdc-toolbar--crypto-no-shrink + .mdc-toolbar--crypto-no-shrink { + z-index: 4; } + +.mdc-toolbar .mdc-toolbar__icon { + position: relative; + color: inherit; } + .mdc-toolbar .mdc-toolbar__icon:focus { + outline: none; } + +.mdc-toolbar small { + line-height: 24px; } + +.mdc-toolbar__logo { + height: 64px; } + +.mdc-toolbar__logo + .mdc-toolbar__title { + margin-left: 6px; } + [dir="rtl"] .mdc-toolbar__logo + .mdc-toolbar__title, .mdc-toolbar__logo + .mdc-toolbar__title[dir="rtl"] { + margin-left: auto; + margin-right: 6px; } + +.mdc-toolbar__row { + min-height: 64px !important; } + +.mdc-toolbar__section--align-start { + padding-left: 4px !important; } + +.mdc-text-field--transparent:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { + background: transparent; } + +.crypto-sidenav { + height: 100%; + background: #424951; + overflow-x: hidden; + overflow-y: auto; + width: 160px; + -ms-flex-negative: 0; + flex-shrink: 0; } + @media (max-width: 479px) { + .crypto-sidenav { + width: 100%; + -ms-flex-negative: initial; + flex-shrink: initial; + height: 64px; } } + +.crypto-navigation { + -webkit-box-shadow: inset -24px 0 26px 0 rgba(0, 0, 0, 0.05); + box-shadow: inset -24px 0 26px 0 rgba(0, 0, 0, 0.05); + height: 100%; + background: #424951; } + [dir="rtl"] .crypto-navigation, .crypto-navigation[dir="rtl"] { + -webkit-box-shadow: inset 24px 0 26px 0 rgba(0, 0, 0, 0.05); + box-shadow: inset 24px 0 26px 0 rgba(0, 0, 0, 0.05); } + @media (max-width: 479px) { + .crypto-navigation { + height: 64px; + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 1; + -webkit-box-shadow: inset 0 -12px 26px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0 -12px 26px 0 rgba(0, 0, 0, 0.1); } + [dir="rtl"] .crypto-navigation, .crypto-navigation[dir="rtl"] { + left: auto; + right: 0; } } + +.crypto-navigation__logo { + display: block; + text-align: center; + padding: 60px 0; } + @media (max-width: 479px) { + .crypto-navigation__logo { + display: none; } } + +.crypto-navigation__logo-image { + max-width: 160px; } + +.crypto-navigation__list { + list-style-type: none; + padding: 0; + margin: 0; + width: 160px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + @media (max-width: 479px) { + .crypto-navigation__list { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: distribute; + justify-content: space-around; + width: 100%; + height: 64px; } } + +.crypto-navigation__list-item { + text-align: center; } + .crypto-navigation__list-item a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 24px 16px; + height: 72px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: height .4s; + transition: height .4s; + --mdc-ripple-fg-size: 0; + --mdc-ripple-left: 0; + --mdc-ripple-top: 0; + --mdc-ripple-fg-scale: 1; + --mdc-ripple-fg-translate-end: 0; + --mdc-ripple-fg-translate-start: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + will-change: transform, opacity; } + .crypto-navigation__list-item a::before, .crypto-navigation__list-item a::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; } + .crypto-navigation__list-item a::before { + -webkit-transition: opacity 15ms linear; + transition: opacity 15ms linear; + z-index: 1; } + .crypto-navigation__list-item a.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); } + .crypto-navigation__list-item a.mdc-ripple-upgraded::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; } + .crypto-navigation__list-item a.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); } + .crypto-navigation__list-item a.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; + animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; } + .crypto-navigation__list-item a.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: 150ms mdc-ripple-fg-opacity-out; + animation: 150ms mdc-ripple-fg-opacity-out; + -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); + transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } + .crypto-navigation__list-item a::before, .crypto-navigation__list-item a::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; } + .crypto-navigation__list-item a.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); } + .crypto-navigation__list-item a::before, .crypto-navigation__list-item a::after { + background-color: #3D444B; } + .crypto-navigation__list-item a:hover::before { + opacity: 0.1; } + .crypto-navigation__list-item a:not(.mdc-ripple-upgraded):focus::before, .crypto-navigation__list-item a.mdc-ripple-upgraded--background-focused::before { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.2; } + .crypto-navigation__list-item a:not(.mdc-ripple-upgraded)::after { + -webkit-transition: opacity 150ms linear; + transition: opacity 150ms linear; } + .crypto-navigation__list-item a:not(.mdc-ripple-upgraded):active::after { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + opacity: 0.4; } + .crypto-navigation__list-item a.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: 0.4; } + @media (max-width: 479px) { + .crypto-navigation__list-item a { + padding: 20px 8px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 64px; + width: 40px; + -webkit-transition: none; + transition: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } } + .crypto-navigation__list-item.crypto-navigation__list-item--active a, + .crypto-navigation__list-item a:hover { + height: 112px; } + @media (max-width: 479px) { + .crypto-navigation__list-item.crypto-navigation__list-item--active a, + .crypto-navigation__list-item a:hover { + height: 64px; + width: auto; } } + +.crypto-navigation__list-item__label { + opacity: 0; + -webkit-transform: translateY(12px); + transform: translateY(12px); + -webkit-transition: all .4s; + transition: all .4s; + padding-top: 8px; } + .crypto-navigation__list-item--active .crypto-navigation__list-item__label, + .crypto-navigation__list-item:hover .crypto-navigation__list-item__label { + opacity: 1; + -webkit-transform: translateY(0px); + transform: translateY(0px); } + @media (max-width: 479px) { + .crypto-navigation__list-item__label { + padding-top: 0; + width: 0; + overflow: hidden; + -webkit-transition: none; + transition: none; } + .crypto-navigation__list-item--active .crypto-navigation__list-item__label { + width: auto; + padding-left: 8px; } } + +.crypto-navigation__list-item__icon { + color: #fff; + -webkit-transition: color .4s, opacity .5s; + transition: color .4s, opacity .5s; + opacity: 0.3; } + .crypto-navigation__list-item--active .crypto-navigation__list-item__icon, + .crypto-navigation__list-item:hover .crypto-navigation__list-item__icon { + color: #ffce61; + opacity: 1; } + +.crypto-navigation__list-item__badge { + display: block; + position: absolute; + min-width: 16px; + height: 16px; + border-radius: 50%; + background: #ffce61; + color: #000; + font-weight: bold; + text-align: center; + font-size: .7rem; + line-height: 16px; + left: 55%; + top: 16px; } + [dir="rtl"] .crypto-navigation__list-item__badge, .crypto-navigation__list-item__badge[dir="rtl"] { + left: auto; + right: 55%; } + @media (max-width: 479px) { + .crypto-navigation__list-item__badge { + left: 24px; } + [dir="rtl"] .crypto-navigation__list-item__badge, .crypto-navigation__list-item__badge[dir="rtl"] { + left: auto; + right: 24px; } } + +/** + * Crypto Layouts + */ +@media (max-width: 960px) { + .crypto-wrapper__sidenav { + display: none; } } + +@media (min-width: 961px) { + .crypto-toolbar { + display: none; } } + +.crypto-burger-menu-icon--compact { + display: none; } + +.crypto-menu-button.mdc-button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + width: 100%; + height: 96px; + padding: 16px; + position: relative; + color: inherit; + line-height: 1; + font-weight: 400; + text-transform: none; } + +.crypto-menu-button__icon { + font-size: 16px; + width: 24px; + height: 24px; + line-height: 24px; + margin-bottom: 8px; } + +.crypto-menu-button__badge { + min-width: 16px; + height: 16px; + line-height: 16px; + position: absolute; + left: 52%; + top: 16px; } + [dir="rtl"] .crypto-menu-button__badge, .crypto-menu-button__badge[dir="rtl"] { + left: auto; + right: 52%; } + +.crypto-wallet-form-panel.crypto-wallet-form-panel--active { + display: block; } + +.crypto-wallet-form-panel { + display: none; } + +.crypto-widget--login { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .crypto-widget--login .crypto-widget__content { + width: 400px; } + .crypto-widget--login .crypto-widget__content .crypto-login-form { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 20px; } + .crypto-widget--login .crypto-login-form { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .crypto-widget--login .mdc-form-field { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 10px 0; } + .crypto-widget--login .mdc-form-field .material-icons { + font-size: 14px; } + +.mdc-theme--secondary-bg-gradient { + background: linear-gradient(125deg, #f56c2a, #e1500b); } + +.crypto-card--error { + -webkit-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + -webkit-animation: crypto-card--error 1s forwards 1; + animation: crypto-card--error 1s forwards 1; + -webkit-animation-delay: 0.6s; + animation-delay: 0.6s; + z-index: 1; + position: relative; } + .crypto-card--error:before { + display: block; + position: absolute; + font-size: 50vw; + line-height: 1; + color: #313a43; + -webkit-transform: translate3d(-50%, -80px, 0); + transform: translate3d(-50%, -80px, 0); + left: 50%; + z-index: -1; + bottom: 30%; + font-weight: 300; + opacity: 0; + -webkit-animation: crypto-card--error-text 1s forwards 1; + animation: crypto-card--error-text 1s forwards 1; + -webkit-animation-delay: 1.2s; + animation-delay: 1.2s; } + .crypto-card--error.crypto-card--error-404:before { + content: "404"; } + .crypto-card--error.crypto-card--error-500:before { + content: "500"; } + +@-webkit-keyframes crypto-card--error-text { + 0% { + -webkit-transform: translate3d(-50%, -80px, 0); + transform: translate3d(-50%, -80px, 0); + opacity: 0; } + 100% { + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + opacity: 0.1; } } + +@keyframes crypto-card--error-text { + 0% { + -webkit-transform: translate3d(-50%, -80px, 0); + transform: translate3d(-50%, -80px, 0); + opacity: 0; } + 100% { + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + opacity: 0.1; } } + +@-webkit-keyframes crypto-card--error { + 0% { + -webkit-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + opacity: 1; } } + +@keyframes crypto-card--error { + 0% { + -webkit-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + opacity: 1; } } + +/** + * Crypto Elements Demo + */ +.mdc-layout-grid--demo { + /* Buttons */ + /* Linear Progress */ + /* Cards */ + /* Tabs */ + /* Checkbox */ + /* Textfields */ + /* Radio */ } + .mdc-layout-grid--demo .mdc-button { + margin-top: 16px; + margin-bottom: 16px; } + .mdc-layout-grid--demo fieldset { + border: 1px solid rgba(255, 255, 255, 0.5); + -webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.04); + box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.04); + margin-top: 24px; } + .mdc-layout-grid--demo fieldset > div { + padding: 24px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + text-align: center; } + .mdc-layout-grid--demo .mdc-button--outlined.mdc-theme--secondary { + border-color: var(--mdc-theme--secondary); } + .mdc-layout-grid--demo .crypto-linear-progress-demo { + margin-left: auto; + margin-right: auto; + width: 100%; } + .mdc-layout-grid--demo figcaption { + font-size: .7em; + margin-bottom: 48px; + opacity: .7; } + .mdc-layout-grid--demo .demo-linear-progress--custom .mdc-linear-progress__bar-inner { + background-color: #f44336; } + .mdc-layout-grid--demo .crypto-card--demo { + max-width: 360px; + margin: 48px auto; } + .mdc-layout-grid--demo .crypto-card--demo .mdc-card__media { + height: 200px; } + .mdc-layout-grid--demo .crypto-example-tabs { + margin-top: 0; + margin-bottom: 150px; } + .mdc-layout-grid--demo .crypto-example-panels { + text-align: center; + padding: 8px; + border-radius: 4px; + margin-top: 8px; } + .mdc-layout-grid--demo .crypto-checkbox--custom-all::before, .mdc-layout-grid--demo .crypto-checkbox--custom-all::after { + background-color: #f44336; } + .mdc-layout-grid--demo .crypto-checkbox--custom-all .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { + border-color: #f44336; + background-color: rgba(244, 67, 54, 0.25); } + .mdc-layout-grid--demo .crypto-checkbox--custom-all .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-layout-grid--demo .crypto-checkbox--custom-all .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { + border-color: #f44336; + background-color: #f44336; } + .mdc-layout-grid--demo .crypto-checkbox--custom-stroke-and-fill .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { + border-color: #2196f3; + background-color: transparent; } + .mdc-layout-grid--demo .crypto-checkbox--custom-stroke-and-fill .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-layout-grid--demo .crypto-checkbox--custom-stroke-and-fill .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { + border-color: #9c27b0; + background-color: #9c27b0; } + .mdc-layout-grid--demo .mdc-text-field--textarea:not(.mdc-text-field--disabled) textarea { + height: 190px; } + .mdc-layout-grid--demo .mdc-text-field, .mdc-layout-grid--demo .mdc-text-field input { + width: 100%; } + .mdc-layout-grid--demo .mdc-text-field--textarea .mdc-floating-label { + background-color: transparent; } + .mdc-layout-grid--demo .crypto-mdc-text-fields { + height: 150px; } + .mdc-layout-grid--demo .mdc-radio.crypto-radio-custom .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: #f44336; } + .mdc-layout-grid--demo .mdc-radio.crypto-radio-custom .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: #f44336; } + .mdc-layout-grid--demo .mdc-radio.crypto-radio-custom .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { + background-color: #ff9800; } + .mdc-layout-grid--demo .crypto-form-field { + width: 100%; } + +/** + * Crypto Switcher + */ +.crypto-menu-switches { + padding: 36px; + position: fixed; + z-index: 101; + top: 50%; + right: 0; + background: -webkit-gradient(linear, left top, right top, from(#ffce61), color-stop(200%, #f56c2a)); + background: linear-gradient(to right, #ffce61, #f56c2a 200%); + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-box-shadow: 0px 11px 15px -7px rgba(49, 58, 67, 0.2), 0px 24px 38px 3px rgba(49, 58, 67, 0.14), 0px 9px 46px 8px rgba(49, 58, 67, 0.12); + box-shadow: 0px 11px 15px -7px rgba(49, 58, 67, 0.2), 0px 24px 38px 3px rgba(49, 58, 67, 0.14), 0px 9px 46px 8px rgba(49, 58, 67, 0.12); + -webkit-transition: all .2s; + transition: all .2s; + -webkit-transform: translate3d(100%, -50%, 0); + transform: translate3d(100%, -50%, 0); } + [dir="rtl"] .crypto-menu-switches, .crypto-menu-switches[dir="rtl"] { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + right: auto; + -webkit-transform: translate3d(-100%, -50%, 0); + transform: translate3d(-100%, -50%, 0); + left: 0; + background: -webkit-gradient(linear, right top, left top, from(#ffce61), color-stop(200%, #f56c2a)); + background: linear-gradient(to left, #ffce61, #f56c2a 200%); } + .crypto-menu-switches.shown { + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); } + .crypto-menu-switches label { + margin-left: 8px; } + +.crypto-menu-switches--handle { + position: absolute; + top: 50%; + right: 100%; + width: 36px; + height: 36px; + background: #ffce61; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + text-align: center; + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + cursor: pointer; } + [dir="rtl"] .crypto-menu-switches--handle, .crypto-menu-switches--handle[dir="rtl"] { + right: auto; + left: 100%; + border-top-left-radius: 0%; + border-bottom-left-radius: 0%; + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; } + .crypto-menu-switches--handle i { + display: inline-block; + line-height: 36px; + color: #3D444B; + -webkit-transition: all 1s; + transition: all 1s; + font-size: 16px; } + .crypto-menu-switches.shown .crypto-menu-switches--handle i { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + opacity: .75; } + +.switch-wrapper + .switch-wrapper { + margin-top: 24px; } + +/** + * Basic Styling + */ +html, body { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + -webkit-text-size-adjust: 100%; + -webkit-font-kerning: auto; + font-kerning: auto; } + +a { + text-decoration: none; + color: #ffce61; } + +.crypto-list { + list-style-type: none; + padding: 0; } + .crypto-list li { + text-indent: 24px; + margin-bottom: 12px; } + .crypto-list li:before { + content: "\E876 "; + font-family: "Material Icons"; + position: relative; + font-size: 12px; + line-height: 21px; + color: #f56c2a; + left: -12px; } + [dir="rtl"] .crypto-list li:before, .crypto-list li:before[dir="rtl"] { + left: auto; + right: -12px; } + .crypto-list.crypto-list--columns-2 { + -webkit-column-count: 2; + column-count: 2; } + +.crypto-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + width: 100%; } + @media (max-width: 479px) { + .crypto-wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } } + .crypto-wrapper__sidenav { + z-index: 6; } + .crypto-wrapper__sidenav .mdc-drawer, .crypto-wrapper__sidenav .mdc-drawer.mdc-drawer--open { + height: 100%; } + .crypto-wrapper__sidenav .mdc-drawer--closed { + -webkit-box-shadow: none; + box-shadow: none; } + +.mdc-layout-grid--fullheight { + height: 100%; + width: 100%; } + .mdc-layout-grid--fullheight > .mdc-layout-grid__inner { + height: 100%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + +.crypto-main { + -webkit-box-flex: 1; + -ms-flex: 1 1 100%; + flex: 1 1 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-width: 100%; } + .crypto-main__content { + -webkit-box-flex: 1; + -ms-flex: 1 1 100%; + flex: 1 1 100%; + overflow-y: auto; + position: relative; + padding-top: 36px; } + @media (max-width: 479px) { + .crypto-main__content { + padding-top: 0px; } } + +.crypto-hide-scrollbars { + -ms-overflow-style: none; } + .crypto-hide-scrollbars::-webkit-scrollbar { + width: 0; } + +.mdc-tab-bar__indicator { + background-color: #ffce61; + /* @alternate */ + background-color: var(--mdc-theme-primary, #ffce61); } + +.crypto-tab-panel.crypto-tab-panel--active { + display: block; } + +.crypto-tab-panel { + display: none; } + +.crypto-border-list { + list-style-type: none; + margin: 0; + padding: 0; } + +.crypto-border-list__item { + padding: 16px; + position: relative; + margin-bottom: 16px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 2px; + overflow: hidden; + background: rgba(49, 58, 67, 0.2); + -webkit-box-shadow: 0px 2px 4px -1px rgba(49, 58, 67, 0.2), 0px 4px 5px 0px rgba(49, 58, 67, 0.14), 0px 1px 10px 0px rgba(49, 58, 67, 0.12); + box-shadow: 0px 2px 4px -1px rgba(49, 58, 67, 0.2), 0px 4px 5px 0px rgba(49, 58, 67, 0.14), 0px 1px 10px 0px rgba(49, 58, 67, 0.12); + -webkit-transition: all .3s; + transition: all .3s; } + .crypto-border-list__item--active, .crypto-border-list__item:hover { + background: #3c4752; + -webkit-box-shadow: 0px 8px 10px -5px rgba(49, 58, 67, 0.2), 0px 16px 24px 2px rgba(49, 58, 67, 0.14), 0px 6px 30px 5px rgba(49, 58, 67, 0.12); + box-shadow: 0px 8px 10px -5px rgba(49, 58, 67, 0.2), 0px 16px 24px 2px rgba(49, 58, 67, 0.14), 0px 6px 30px 5px rgba(49, 58, 67, 0.12); } + .crypto-border-list__item--dense { + padding: 0 0 0 16px; } + [dir="rtl"] .crypto-border-list__item--dense, .crypto-border-list__item--dense[dir="rtl"] { + padding: 0 16px 0 0px; } + .crypto-border-list__item--large { + padding: 24px; } + +.crypto-border-list__border, +.crypto-border-list__border-hover { + position: absolute; + display: block; + top: 0; + left: 0; + width: 2px; + height: 100%; + -webkit-transition: all .3s; + transition: all .3s; } + [dir="rtl"] .crypto-border-list__border, .crypto-border-list__border[dir="rtl"], [dir="rtl"] + .crypto-border-list__border-hover, + .crypto-border-list__border-hover[dir="rtl"] { + left: auto; + right: 0; } + .crypto-border-list__item:hover .crypto-border-list__border, + .crypto-border-list__item--active .crypto-border-list__border, .crypto-border-list__item:hover + .crypto-border-list__border-hover, + .crypto-border-list__item--active + .crypto-border-list__border-hover { + top: 0; } + +.crypto-border-list__border-hover { + top: 100%; } + +.crypto-border-list__text, +.crypto-border-list__action { + opacity: .45; + -webkit-transition: all .3s; + transition: all .3s; } + .crypto-border-list__item:hover .crypto-border-list__text, + .crypto-border-list__item--active .crypto-border-list__text, .crypto-border-list__item:hover + .crypto-border-list__action, + .crypto-border-list__item--active + .crypto-border-list__action { + opacity: 1; } + [dir="rtl"] .crypto-border-list__text .material-icons, .crypto-border-list__text[dir="rtl"] .material-icons, [dir="rtl"] + .crypto-border-list__action .material-icons, + .crypto-border-list__action[dir="rtl"] .material-icons { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +p { + margin: 0 0 12px; + line-height: 24px; } + +h1 { + line-height: 32px; } + +.crypto-font-weight-light { + font-weight: lighter !important; } + +.crypto-text-align-center { + text-align: center; } + +.crypto-font-size-big { + font-size: 1.75em; } + +.crypto-font-size-small { + font-size: 0.75em; } + +.crypto-text-center { + text-align: center; } + +.crypto-text-light { + font-weight: lighter; } + +.crypto-text-bold { + font-weight: bolder; } + +.crypto-text-medium { + font-weight: 500; } + +.crypto-text-normal { + font-weight: normal; } + +.crypto-margin-top-none { + margin-top: 0; } + +.crypto-margin-bottom-none { + margin-bottom: 0; } + +.crypto-margin-bottom-small { + margin-bottom: 8px; } + +.crypto-margin-bottom-normal { + margin-bottom: 16px; } + +.crypto-margin-bottom-big { + margin-bottom: 24px; } + +.crypto-margin-right-big { + margin-right: 24px; } + +.crypto-margin-none { + margin: 0; } + +.crypto-w-100 { + width: 100%; } + +.crypto-display-flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .crypto-display-flex--column { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .crypto-display-flex__flexed { + -webkit-box-flex: 1; + -ms-flex: 1 1 100%; + flex: 1 1 100%; } + .crypto-display-flex--end { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; } + .crypto-display-flex--start { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; } + .crypto-display-flex--space-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } + +@media (min-width: 1280px) { + .crypto-hide-desktop { + display: none; } } + +@media (min-width: 480px) and (max-width: 1279px) { + .crypto-hide-tablet { + display: none; } } + +@media (max-width: 479px) { + .crypto-hide-phone { + display: none; } } + +.crypto-overflow-x-auto { + overflow-x: auto; } + +.apexcharts-tooltip.light { + background-color: #ffce61 !important; } + +.mdc-snackbar__text { + color: #ffce61; + margin-left: auto; + margin-right: auto; + padding-right: 0; } + +.mdc-snackbar__action-wrapper { + padding-left: 0; } diff --git a/static/assets/images/bc.png b/static/assets/images/bc.png new file mode 100644 index 0000000..bb12bfd Binary files /dev/null and b/static/assets/images/bc.png differ diff --git a/static/assets/images/logos/README.md b/static/assets/images/logos/README.md new file mode 100644 index 0000000..03a60f0 --- /dev/null +++ b/static/assets/images/logos/README.md @@ -0,0 +1 @@ +files for the spotbit logos & social media. diff --git a/static/assets/images/logos/spotbit-logo.jpg b/static/assets/images/logos/spotbit-logo.jpg new file mode 100644 index 0000000..29e57df Binary files /dev/null and b/static/assets/images/logos/spotbit-logo.jpg differ diff --git a/static/assets/images/logos/spotbit-logo.png b/static/assets/images/logos/spotbit-logo.png new file mode 100644 index 0000000..c7a83d7 Binary files /dev/null and b/static/assets/images/logos/spotbit-logo.png differ diff --git a/static/assets/images/logos/spotbit-logo.psd b/static/assets/images/logos/spotbit-logo.psd new file mode 100644 index 0000000..895adf1 Binary files /dev/null and b/static/assets/images/logos/spotbit-logo.psd differ diff --git a/static/assets/images/logos/spotbit-screen.jpg b/static/assets/images/logos/spotbit-screen.jpg new file mode 100644 index 0000000..411a5b6 Binary files /dev/null and b/static/assets/images/logos/spotbit-screen.jpg differ diff --git a/static/assets/images/logos/spotbit-screen.png b/static/assets/images/logos/spotbit-screen.png new file mode 100644 index 0000000..09986b6 Binary files /dev/null and b/static/assets/images/logos/spotbit-screen.png differ diff --git a/static/assets/images/logos/spotbit-screen.psd b/static/assets/images/logos/spotbit-screen.psd new file mode 100644 index 0000000..7e01915 Binary files /dev/null and b/static/assets/images/logos/spotbit-screen.psd differ diff --git a/static/assets/images/logos/spotbit_avatar.jpg b/static/assets/images/logos/spotbit_avatar.jpg new file mode 100644 index 0000000..e4f4c51 Binary files /dev/null and b/static/assets/images/logos/spotbit_avatar.jpg differ diff --git a/static/assets/js/apexcharts.min.js b/static/assets/js/apexcharts.min.js new file mode 100644 index 0000000..9867d26 --- /dev/null +++ b/static/assets/js/apexcharts.min.js @@ -0,0 +1 @@ +!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("ApexCharts",[],e):"object"==typeof exports?exports.ApexCharts=e():t.ApexCharts=e()}(this,function(){return function(i){var a={};function n(t){if(a[t])return a[t].exports;var e=a[t]={i:t,l:!1,exports:{}};return i[t].call(e.exports,e,e.exports,n),e.l=!0,e.exports}return n.m=i,n.c=a,n.i=function(t){return t},n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=164)}([function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(){function a(t,e){for(var i=0;i=i){for(var a=e.length-3;0>16&255,i[1]=t>>8&255,i[2]=255&t,i[3]=9===e||5===e?n((t>>24&255)/255*1e4)/1e4:-1}return i}},{key:"getHexColorFromName",value:function(t){var e=document.createElement("div");e.style.color=t;var i=window.getComputedStyle(document.body.appendChild(e)).color.match(/\d+/g).map(function(t){return parseInt(t,10)});return document.body.removeChild(e),3<=i.length&&"#"+((1<<24)+(i[0]<<16)+(i[1]<<8)+i[2]).toString(16).substr(1)}}],[{key:"bind",value:function(t,e){return function(){return t.apply(e,arguments)}}},{key:"isObject",value:function(t){return t&&"object"===(void 0===t?"undefined":s(t))&&!Array.isArray(t)&&null!=t}},{key:"extend",value:function(e,i){var a=this;"function"!=typeof Object.assign&&(Object.assign=function(t){if(null==t)throw new TypeError("Cannot convert undefined or null to object");for(var e=Object(t),i=1;i=t.from&&i<=t.to&&a[e].classList.remove("legend-mouseover-inactive")}}(i.config.plotOptions.heatmap.colorScale.ranges[s])}else"mouseout"===t.type&&n()}},{key:"getActiveSeriesIndex",value:function(){var i=this.w,t=0;if(1e.length?t:e},0);t.globals.yAxisScale[0].niceMax=e,t.globals.yAxisScale[0].niceMin=e,t.globals.yLabelFormatters[0]=function(t){return t}}}}]),e}();e.default=o},function(t,e,i){"use strict";var a=i(2)("unscopables"),n=Array.prototype;null==n[a]&&i(12)(n,a,{}),t.exports=function(t){n[a][t]=!0}},function(t,e,i){"use strict";var n=i(18),s=i(2)("toStringTag"),r="Arguments"==n(function(){return arguments}());t.exports=function(t){var e,i,a;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(i=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),s))?i:r?n(e):"Object"==(a=n(e))&&"function"==typeof e.callee?"Arguments":a}},function(t,e,i){"use strict";t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,i){"use strict";var a=i(8),n=i(3).document,s=a(n)&&a(n.createElement);t.exports=function(t){return s?n.createElement(t):{}}},function(t,e,i){"use strict";t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,i){"use strict";var a=i(18);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==a(t)?t.split(""):Object(t)}},function(t,e,i){"use strict";var n=i(17);function a(t){var i,a;this.promise=new t(function(t,e){if(void 0!==i||void 0!==a)throw TypeError("Bad Promise constructor");i=t,a=e}),this.resolve=n(i),this.reject=n(a)}t.exports.f=function(t){return new a(t)}},function(t,e,i){"use strict";e.f={}.propertyIsEnumerable},function(t,e,i){"use strict";var a=i(40)("keys"),n=i(24);t.exports=function(t){return a[t]||(a[t]=n(t))}},function(t,e,i){"use strict";var a=i(4),n=i(3),s="__core-js_shared__",r=n[s]||(n[s]={});(t.exports=function(t,e){return r[t]||(r[t]=void 0!==e?e:{})})("versions",[]).push({version:a.version,mode:i(21)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(t,e,i){"use strict";var a=Math.ceil,n=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(0=t.from&&A[r][e]<=t.to&&(n=t.color)});var s=M.fillPath(m,{seriesNumber:C.barOptions.distributed?a:b,color:n});m=C.renderSeries({realIndex:b,pathFill:s,j:e,i:r,pathFrom:f,pathTo:d,strokeWidth:k,elSeries:m,x:p,y:g,series:A,barHeight:y,barWidth:w,elDataLabelsWrap:S,visibleSeries:C.visibleI,type:"bar"})},i=0,a=P.globals.dataPoints;ii.globals.minX&&i.globals.seriesX[a][n]=this.barOptions.colors.backgroundBarColors.length&&(x=0);var y=this.barOptions.colors.backgroundBarColors[x],w=d.drawRect(0,v-i*this.visibleI,u.globals.gridWidth,i*this.seriesLen,0,y,this.barOptions.colors.backgroundBarOpacity);c.add(w),w.node.classList.add("apexcharts-backgroundBar")}return{pathTo:n,pathFrom:s,x:o,y:l,barYPosition:v}}},{key:"drawColumnPaths",value:function(t){var e=t.indexes,i=t.x,a=t.y,n=t.xDivision,s=t.pathTo,r=t.pathFrom,o=t.barWidth,l=t.zeroH,h=t.strokeWidth,c=t.elSeries,u=this.w,d=new z.default(this.ctx),f=e.i,p=e.j,g=e.realIndex,x=e.bc;u.globals.dataXY&&(i=(u.globals.seriesX[f][p]-u.globals.minX)/this.xRatio-o/2);var v=i+o*this.visibleI;s=d.move(v,l),r=d.move(v,l),0=this.barOptions.colors.backgroundBarColors.length&&(x=0);var y=this.barOptions.colors.backgroundBarColors[x],w=d.drawRect(v-o*this.visibleI,0,o*this.seriesLen,u.globals.gridHeight,0,y,this.barOptions.colors.backgroundBarOpacity);c.add(w),w.node.classList.add("apexcharts-backgroundBar")}return{pathTo:s,pathFrom:r,x:i,y:a,barXPosition:v}}},{key:"getPathFrom",value:function(t,e){2u.globals.gridWidth&&(m=m-P.width-f),b=this.drawCalculatedBarDataLabels({x:m,y:y,val:r[a][n],i:s,j:n,dataLabelsConfig:w})}else{var E=r[a][n]/this.yRatio[this.yaxisIndex];p-=f/2,m=u.globals.dataXY?p-l/2+x:p-A+l/2+x;var T=!!(u.globals.gridHeight-this.baseLineY[this.yaxisIndex]g.x+g.width+2||e>g.y+g.height+2||t+un.config.xaxis.labels.maxHeight&&(this.xAxisHeight=n.config.xaxis.labels.maxHeight),n.config.xaxis.floating&&(this.xAxisHeight=0),s.xAxisLabelsHeight=this.xAxisHeight,s.translateXAxisY=n.globals.rotateXLabels?this.xAxisHeight/8:-4,s.translateXAxisX=n.globals.rotateXLabels&&n.globals.dataXY&&n.config.xaxis.labels.rotate<=-45?-this.xAxisWidth/4:0,this.isBarHorizontal&&(s.rotateXLabels=!1,s.translateXAxisY=parseInt(n.config.xaxis.labels.style.fontSize)/1.5*-1),s.translateXAxisY=s.translateXAxisY+n.config.xaxis.labels.offsetY,s.translateXAxisX=s.translateXAxisX+n.config.xaxis.labels.offsetX,this.isBarHorizontal?(this.yAxisWidth=n.globals.yLabelsCoords[0].width+n.globals.yTitleCoords[0].width+15,this.yAxisWidth>n.config.yaxis[0].labels.maxWidth&&(this.yAxisWidth=n.config.yaxis[0].labels.maxWidth)):this.yAxisWidth=this.getTotalYAxisWidth();var o=this.yAxisWidth,l=this.xAxisHeight,h=10;switch(n.config.grid.show||(o=0,l=35),this.isSparkline=n.config.chart.sparkline.enabled,this.isSparkline&&(t={height:0,width:0},h=o=l=0),n.config.legend.position){case"bottom":s.translateY=h,s.translateX=o,s.gridHeight=s.svgHeight-t.height-l-(this.isSparkline?0:n.globals.rotateXLabels?10:15),s.gridWidth=s.svgWidth-o;break;case"top":s.translateY=t.height+h,s.translateX=o,s.gridHeight=s.svgHeight-t.height-l-(this.isSparkline?0:n.globals.rotateXLabels?10:15),s.gridWidth=s.svgWidth-o;break;case"left":s.translateY=h,s.translateX=t.width+o,s.gridHeight=s.svgHeight-l,s.gridWidth=s.svgWidth-t.width-o;break;case"right":s.translateY=h,s.translateX=o,s.gridHeight=s.svgHeight-l,s.gridWidth=s.svgWidth-t.width-o;break;default:throw new Error("Legend position not supported")}s.gridHeight=s.gridHeight-n.config.grid.padding.top-n.config.grid.padding.bottom,s.gridWidth=s.gridWidth-n.config.grid.padding.left-n.config.grid.padding.right,s.translateX=s.translateX+n.config.grid.padding.left,s.translateY=s.translateY+n.config.grid.padding.top,this.isBarHorizontal||this.setGridXPosForDualYAxis(i,a),new c.default(this.ctx).setYAxisXPosition(a,i)}},{key:"setGridCoordsForNonAxisCharts",value:function(t){var e=this.w,i=e.globals,a=0;e.config.legend.show&&!e.config.legend.floating&&(a=4*e.config.legend.markers.size+e.config.legend.itemMargin.horizontal);var n=10;switch("pie"===e.config.chart.type||"donut"===e.config.chart.type?n+=e.config.plotOptions.pie.offsetY:"radialBar"===e.config.chart.type&&(n+=e.config.plotOptions.radialBar.offsetY),e.config.legend.position){case"bottom":i.gridHeight=i.svgHeight-t.height-35,i.gridWidth=i.gridHeight,i.translateY=n-20,i.translateX=(i.svgWidth-i.gridWidth)/2;break;case"top":i.gridHeight=i.svgHeight-t.height-35,i.gridWidth=i.gridHeight,i.translateY=t.height+n,i.translateX=(i.svgWidth-i.gridWidth)/2;break;case"left":i.gridWidth=i.svgWidth-t.width-a,i.gridHeight=i.gridWidth,i.translateY=n,i.translateX=t.width+a;break;case"right":i.gridWidth=i.svgWidth-t.width-a,i.gridHeight=i.gridWidth,i.translateY=n,i.translateX=5;break;default:throw new Error("Legend position not supported")}}},{key:"setGridXPosForDualYAxis",value:function(i,a){var n=this.w;n.config.yaxis.map(function(t,e){n.globals.ignoreYAxisIndexes.includes(e)||n.config.yaxis[e].floating||t.opposite&&(n.globals.translateX=n.globals.translateX-(a[e].width+i[e].width)-parseInt(n.config.yaxis[e].labels.style.fontSize)/1.2-12)})}},{key:"titleSubtitleOffset",value:function(){var t=this.w,e=t.globals,i=this.isSparkline?0:10;void 0!==t.config.title.text?i+=t.config.title.margin:i+=this.isSparkline?0:5,void 0!==t.config.subtitle.text?i+=t.config.subtitle.margin:i+=this.isSparkline?0:5,t.config.legend.show&&"bottom"===t.config.legend.position&&!t.config.legend.floating&&1e.length?t:e},0),a=new h.default(this.ctx).getTextRects(i,t.config.xaxis.labels.style.fontSize);return 1.05*a.width*e.length>t.globals.gridWidth&&0!==t.config.xaxis.labels.rotate&&(t.globals.overlappingXLabels=!0),{width:a.width,height:a.height}}},{key:"getxAxisLabelsCoords",value:function(){var t=this.w,e=t.globals.labels.slice(),i="left"!==t.config.legend.position||"right"!==t.config.legend.position||t.config.legend.floating?0:this.lgRect.width,a=e.reduce(function(t,e){return t.length>e.length?t:e},0),n=t.globals.xLabelFormatter;a=new l.default(this.ctx).xLabelFormat(n,a);var s=new h.default(this.ctx),r=s.getTextRects(a,t.config.xaxis.labels.style.fontSize),o={width:r.width,height:r.height};return o.width*e.length>t.globals.svgWidth-i-this.yAxisWidth&&0!==t.config.xaxis.labels.rotate?this.isBarHorizontal||(t.globals.rotateXLabels=!0,r=s.getTextRects(a,t.config.xaxis.labels.style.fontSize,"rotate("+t.config.xaxis.labels.rotate+" 0 0)",!1),o.height=r.height/1.66):t.globals.rotateXLabels=!1,{width:o.width,height:o.height}}},{key:"getyAxisLabelsCoords",value:function(){var s=this,r=this.w,o=[],l=10;return r.config.yaxis.map(function(t,e){if(t.labels.show&&r.globals.yAxisScale[e].result.length){var i=r.globals.yLabelFormatters[e],a=i(r.globals.yAxisScale[e].niceMax);if(s.isBarHorizontal)l=0,a=i(a=r.globals.labels.slice().reduce(function(t,e){return t.length>e.length?t:e},0));var n=new h.default(s.ctx).getTextRects(a,t.labels.style.fontSize);o.push({width:n.width+l,height:n.height})}else o.push({width:0,height:0})}),o}},{key:"getxAxisTitleCoords",value:function(){var t=this.w,e=0,i=0;if(void 0!==t.config.xaxis.title.text){var a=new h.default(this.ctx).getTextRects(t.config.xaxis.title.text,t.config.xaxis.title.style.fontSize);e=a.width,i=a.height}return{width:e,height:i}}},{key:"getyAxisTitleCoords",value:function(){var a=this,t=this.w,n=[];return t.config.yaxis.map(function(t,e){if(void 0!==t.title.text){var i=new h.default(a.ctx).getTextRects(t.title.text,t.title.style.fontSize,"rotate(-90 0 0)",!1);n.push({width:i.width,height:i.height})}else n.push({width:0,height:0})}),n}},{key:"getMainTitleCoords",value:function(){var t=this.w,e=0,i=0,a=t.globals.dom.baseEl.querySelector(".apexcharts-title-text");if(null!==a&&!t.config.title.floating){var n=a.getBoundingClientRect();e=n.width,i=t.globals.axisCharts?n.height+5:n.height}return{width:e,height:i}}},{key:"getSubTitleCoords",value:function(){var t=this.w,e=0,i=0,a=t.globals.dom.baseEl.querySelector(".apexcharts-subtitle-text");if(null!==a&&!t.config.subtitle.floating){var n=a.getBoundingClientRect();e=n.width,i=t.globals.axisCharts?n.height+5:n.height}return{width:e,height:i}}},{key:"getLegendsRect",value:function(){var t=this.w,e=t.globals.dom.baseEl.querySelector(".apexcharts-legend"),i=Object.assign({},n.default.getBoundingClientRect(e));return i.height=i.height+t.config.legend.containerMargin.top+t.config.legend.containerMargin.bottom,i.width=i.width+t.config.legend.containerMargin.left+t.config.legend.containerMargin.right,null!==e&&!t.config.legend.floating&&t.config.legend.show?this.lgRect=i:this.lgRect={x:0,y:0,height:0,width:0},this.lgRect}}]),e}();t.exports=r},function(t,e,i){"use strict";var a=function(){function a(t,e){for(var i=0;ii.globals.gridWidth)){var n=this.offY+i.config.xaxis.axisTicks.offsetY,s=n+i.config.xaxis.axisTicks.height;if(i.config.xaxis.axisTicks.show){var r=new w.default(this.ctx).drawLine(t+i.config.xaxis.axisTicks.offsetX,n,a+i.config.xaxis.axisTicks.offsetX,s,i.config.xaxis.axisTicks.color);e.add(r),r.node.classList.add("apexcharts-xaxis-tick")}}}},{key:"getXAxisTicksPositions",value:function(){var t=this.w,e=[],i=this.xaxisLabels.length,a=t.globals.padHorizontal;if(0t.globals.gridWidth&&n[0].parentNode.removeChild(n[0]);for(var p=0;pdocument.F=Object<\/script>"),t.close(),c=t.F;i--;)delete c[h][r[i]];return c()};t.exports=Object.create||function(t,e){var i;return null!==t?(l[h]=n(t),i=new l,l[h]=null,i[o]=t):i=c(),void 0===e?i:s(i,e)}},function(t,e,i){"use strict";var a=i(64),n=i(35).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return a(t,n)}},function(t,e,i){"use strict";e.f=Object.getOwnPropertySymbols},function(t,e,i){"use strict";var r=i(11),o=i(16),l=i(53)(!1),h=i(39)("IE_PROTO");t.exports=function(t,e){var i,a=o(t),n=0,s=[];for(i in a)i!=h&&r(a,i)&&s.push(i);for(;e.length>n;)r(a,i=e[n++])&&(~l(s,i)||s.push(i));return s}},function(t,e,i){"use strict";t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},function(t,e,i){"use strict";var a=i(7),n=i(8),s=i(37);t.exports=function(t,e){if(a(t),n(e)&&e.constructor===t)return e;var i=s.f(t);return(0,i.resolve)(e),i.promise}},function(t,e,i){"use strict";var n=i(7),s=i(17),r=i(2)("species");t.exports=function(t,e){var i,a=n(t).constructor;return void 0===a||null==(i=n(a)[r])?e:s(i)}},function(t,e,i){"use strict";var a,n,s,r=i(14),o=i(95),l=i(54),h=i(34),c=i(3),u=c.process,d=c.setImmediate,f=c.clearImmediate,p=c.MessageChannel,g=c.Dispatch,x=0,v={},b="onreadystatechange",m=function(){var t=+this;if(v.hasOwnProperty(t)){var e=v[t];delete v[t],e()}},y=function(t){m.call(t.data)};d&&f||(d=function(t){for(var e=[],i=1;arguments.length>i;)e.push(arguments[i++]);return v[++x]=function(){o("function"==typeof t?t:Function(t),e)},a(x),x},f=function(t){delete v[t]},"process"==i(18)(u)?a=function(t){u.nextTick(r(m,t,1))}:g&&g.now?a=function(t){g.now(r(m,t,1))}:p?(s=(n=new p).port2,n.port1.onmessage=y,a=r(s.postMessage,s,1)):c.addEventListener&&"function"==typeof postMessage&&!c.importScripts?(a=function(t){c.postMessage(t+"","*")},c.addEventListener("message",y,!1)):a=b in h("script")?function(t){l.appendChild(h("script"))[b]=function(){l.removeChild(this),m.call(t)}}:function(t){setTimeout(r(m,t,1),0)}),t.exports={set:d,clear:f}},function(t,e,i){"use strict";e.f=i(2)},function(t,e,i){"use strict";var a=i(32),n=i(2)("iterator"),s=i(20);t.exports=i(4).getIteratorMethod=function(t){if(null!=t)return t[n]||t["@@iterator"]||s[a(t)]}},function(t,e,i){"use strict";var a=i(32),n={};n[i(2)("toStringTag")]="z",n+""!="[object z]"&&i(15)(Object.prototype,"toString",function(){return"[object "+a(this)+"]"},!0)},function(t,e,i){"use strict";var a=i(107)(!0);i(59)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,i=this._i;return i>=e.length?{value:void 0,done:!0}:(t=a(e,i),this._i+=t.length,{value:t,done:!1})})},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(){function a(t,e){for(var i=0;ithis.fullAngle?e.endAngle=e.endAngle-(a+r):a+ri&&(e=Math.floor(v.length/i));var n=!1,s=!1;switch(r.tickInterval){case"half_year":e=7,"year"===t.unit&&(n=!0);break;case"months":e=1,"year"===t.unit&&(n=!0);break;case"months_fortnight":e=15,"year"!==t.unit&&"month"!==t.unit||(n=!0),30===a&&(s=!0);break;case"months_days":e=10,"month"===t.unit&&(n=!0),30===a&&(s=!0);break;case"week_days":e=8,"month"===t.unit&&(n=!0);break;case"days":e=1,"month"===t.unit&&(n=!0);break;case"hours":"day"===t.unit&&(n=!0);break;case"minutes":a%5!=0&&(s=!0)}if("minutes"===r.tickInterval){if(!s)return!0}else if((a%e==0||n)&&!s)return!0})}},{key:"recalcDimensionsBasedOnFormat",value:function(t){var e=this.w,i=this.formatDates(t),a=this.removeOverlappingTS(i);e.globals.timelineLabels=a.slice(),new n.default(this.ctx).plotCoords()}},{key:"determineInterval",value:function(t){switch(!0){case 1825a.globals.gridWidth&&(s=a.globals.gridWidth-i.xcrosshairsWidth),s<0&&(s=0)):null!==e&&(s+=a.globals.gridWidth/r/2),null!==n&&(n.setAttribute("x",s),n.classList.add("active")),i.blxaxisTooltip){var o=s;"tickWidth"!==a.config.xaxis.crosshairs.width&&"barWidth"!==a.config.xaxis.crosshairs.width||(o=s+i.xcrosshairsWidth/2),this.moveXAxisTooltip(o)}}},{key:"moveYCrosshairs",value:function(t){var e=this.ttCtx;null!==e.ycrosshairs&&(s.default.setAttrs(e.ycrosshairs,{y1:t,y2:t}),s.default.setAttrs(e.ycrosshairsHidden,{y1:t,y2:t}))}},{key:"moveXAxisTooltip",value:function(t){var e=this.w,i=this.ttCtx;if(null!==i.xaxisTooltip){i.xaxisTooltip.classList.add("active");var a=i.xaxisOffY+e.config.xaxis.tooltip.offsetY+e.globals.translateY+1;if(t-=i.xaxisTooltip.getBoundingClientRect().width/2,!isNaN(t)){t+=e.globals.translateX;var n;n=new s.default(this.ctx).getTextRects(i.xaxisTooltipText.innerHTML),i.xaxisTooltipText.style.minWidth=n.width+"px",i.xaxisTooltip.style.left=t+"px",i.xaxisTooltip.style.top=a+"px"}}}},{key:"moveYAxisTooltip",value:function(t){var e=this.w,i=this.ttCtx;null===i.yaxisTTEls&&(i.yaxisTTEls=e.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxistooltip"));var a=parseInt(i.ycrosshairsHidden.getAttribute("y1")),n=e.globals.translateY+a,s=i.yaxisTTEls[t].getBoundingClientRect().height,r=e.globals.translateYAxisX[t]-2;e.config.yaxis[t].opposite&&(r-=26),n-=s/2,e.globals.ignoreYAxisIndexes.includes(t)?i.yaxisTTEls[t].classList.remove("active"):(i.yaxisTTEls[t].classList.add("active"),i.yaxisTTEls[t].style.top=n+"px",i.yaxisTTEls[t].style.left=r+e.config.yaxis[t].tooltip.offsetX+"px")}},{key:"moveTooltip",value:function(t,e){var i=2a.globals.gridWidth/2&&(l=l-r.ttWidth-o-15),l>a.globals.gridWidth-r.ttWidth-10&&(l=a.globals.gridWidth-r.ttWidth),l<-20&&(l=-20),a.config.tooltip.followCursor){var c=n.getElGrid().getBoundingClientRect();h=n.e.clientY-c.top-r.ttHeight/2}r.ttHeight+h>a.globals.gridHeight&&(h=a.globals.gridHeight-r.ttHeight/2-o),isNaN(l)||(l+=a.globals.translateX,s.style.left=l+"px",s.style.top=h+"px")}},{key:"moveMarkers",value:function(t,e){var i=this.w,a=this.ttCtx;if(0r.globals.gridWidth||u>r.globals.gridHeight?(e.classList.remove("hovering-zoom"),e.classList.remove("hovering-pan")):r.globals.zoomEnabled?(e.classList.remove("hovering-pan"),e.classList.add("hovering-zoom")):r.globals.panEnabled&&(e.classList.remove("hovering-zoom"),e.classList.add("hovering-pan"));var d=Math.round(c/l);s&&(d=Math.ceil(c/l),d-=1);for(var f,p=null,g=null,x=[],v=0;vr;)s.call(t,a=n[r++])&&e.push(a);return e}},function(t,e,i){"use strict";var d=i(14),f=i(58),p=i(56),g=i(7),x=i(23),v=i(70),b={},m={},a=t.exports=function(t,e,i,a,n){var s,r,o,l,h=n?function(){return t}:v(t),c=d(i,a,e?2:1),u=0;if("function"!=typeof h)throw TypeError(t+" is not iterable!");if(p(h)){for(s=x(t.length);u=t.length?(this._t=void 0,n(1)):n(0,"keys"==e?i:"values"==e?t[i]:[i,t[i]])},"values"),s.Arguments=s.Array,a("keys"),a("values"),a("entries")},function(t,e,i){"use strict";var a=i(5),n=i(89);a(a.P+a.F*!i(106)([].reduce,!0),"Array",{reduce:function(t){return n(this,t,arguments.length,arguments[1],!1)}})},function(t,e,i){"use strict";var a,n,s,r,o=i(21),l=i(3),h=i(14),c=i(32),u=i(5),d=i(8),f=i(17),p=i(87),g=i(94),x=i(67),v=i(68).set,b=i(99)(),m=i(37),y=i(65),w=i(109),k=i(66),S="Promise",A=l.TypeError,C=l.process,P=C&&C.versions,M=P&&P.v8||"",L=l[S],E="process"==c(C),T=function(){},z=n=m.f,X=!!function(){try{var t=L.resolve(1),e=(t.constructor={})[i(2)("species")]=function(t){t(T,T)};return(E||"function"==typeof PromiseRejectionEvent)&&t.then(T)instanceof e&&0!==M.indexOf("6.6")&&-1===w.indexOf("Chrome/66")}catch(t){}}(),O=function(t){var e;return!(!d(t)||"function"!=typeof(e=t.then))&&e},Y=function(c,i){if(!c._n){c._n=!0;var a=c._c;b(function(){for(var l=c._v,h=1==c._s,t=0,e=function(t){var e,i,a,n=h?t.ok:t.fail,s=t.resolve,r=t.reject,o=t.domain;try{n?(h||(2==c._h&&D(c),c._h=1),!0===n?e=l:(o&&o.enter(),e=n(l),o&&(o.exit(),a=!0)),e===t.promise?r(A("Promise-chain cycle")):(i=O(e))?i.call(e,s,r):s(e)):r(l)}catch(t){o&&!a&&o.exit(),r(t)}};a.length>t;)e(a[t++]);c._c=[],c._n=!1,i&&!c._h&&I(c)})}},I=function(s){v.call(l,function(){var t,e,i,a=s._v,n=F(s);if(n&&(t=y(function(){E?C.emit("unhandledRejection",a,s):(e=l.onunhandledrejection)?e({promise:s,reason:a}):(i=l.console)&&i.error&&i.error("Unhandled promise rejection",a)}),s._h=E||F(s)?2:1),s._a=void 0,n&&t.e)throw t.v})},F=function(t){return 1!==t._h&&0===(t._a||t._c).length},D=function(e){v.call(l,function(){var t;E?C.emit("rejectionHandled",e):(t=l.onrejectionhandled)&&t({promise:e,reason:e._v})})},H=function(t){var e=this;e._d||(e._d=!0,(e=e._w||e)._v=t,e._s=2,e._a||(e._a=e._c.slice()),Y(e,!0))},W=function t(i){var a,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===i)throw A("Promise can't be resolved itself");(a=O(i))?b(function(){var e={_w:n,_d:!1};try{a.call(i,h(t,e,1),h(H,e,1))}catch(t){H.call(e,t)}}):(n._v=i,n._s=1,Y(n,!1))}catch(t){H.call({_w:n,_d:!1},t)}}};X||(L=function(t){p(this,L,S,"_h"),f(t),a.call(this);try{t(h(W,this,1),h(H,this,1))}catch(t){H.call(this,t)}},(a=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1}).prototype=i(104)(L.prototype,{then:function(t,e){var i=z(x(this,L));return i.ok="function"!=typeof t||t,i.fail="function"==typeof e&&e,i.domain=E?C.domain:void 0,this._c.push(i),this._a&&this._a.push(i),this._s&&Y(this,!1),i.promise},catch:function(t){return this.then(void 0,t)}}),s=function(){var t=new a;this.promise=t,this.resolve=h(W,t,1),this.reject=h(H,t,1)},m.f=z=function(t){return t===L||t===r?new s(t):n(t)}),u(u.G+u.W+u.F*!X,{Promise:L}),i(28)(L,S),i(105)(S),r=i(4)[S],u(u.S+u.F*!X,S,{reject:function(t){var e=z(this);return(0,e.reject)(t),e.promise}}),u(u.S+u.F*(o||!X),S,{resolve:function(t){return k(o&&this===r?L:this,t)}}),u(u.S+u.F*!(X&&i(60)(function(t){L.all(t).catch(T)})),S,{all:function(t){var r=this,e=z(r),o=e.resolve,l=e.reject,i=y(function(){var a=[],n=0,s=1;g(t,!1,function(t){var e=n++,i=!1;a.push(void 0),s++,r.resolve(t).then(function(t){i||(i=!0,a[e]=t,--s||o(a))},l)}),--s||o(a)});return i.e&&l(i.v),e.promise},race:function(t){var e=this,i=z(e),a=i.reject,n=y(function(){g(t,!1,function(t){e.resolve(t).then(i.resolve,a)})});return n.e&&a(n.v),i.promise}})},function(t,e,i){"use strict";var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n=i(3),r=i(11),s=i(10),o=i(5),l=i(15),h=i(98).KEY,c=i(19),u=i(40),d=i(28),f=i(24),p=i(2),g=i(69),x=i(43),v=i(93),b=i(57),m=i(7),y=i(8),w=i(16),k=i(42),S=i(22),A=i(61),C=i(102),P=i(101),M=i(9),L=i(27),E=P.f,T=M.f,z=C.f,X=n.Symbol,O=n.JSON,Y=O&&O.stringify,I="prototype",F=p("_hidden"),D=p("toPrimitive"),H={}.propertyIsEnumerable,W=u("symbol-registry"),R=u("symbols"),_=u("op-symbols"),N=Object[I],B="function"==typeof X,j=n.QObject,V=!j||!j[I]||!j[I].findChild,G=s&&c(function(){return 7!=A(T({},"a",{get:function(){return T(this,"a",{value:7}).a}})).a})?function(t,e,i){var a=E(N,e);a&&delete N[e],T(t,e,i),a&&t!==N&&T(N,e,a)}:T,q=function(t){var e=R[t]=A(X[I]);return e._k=t,e},U=B&&"symbol"==a(X.iterator)?function(t){return"symbol"==(void 0===t?"undefined":a(t))}:function(t){return t instanceof X},Z=function(t,e,i){return t===N&&Z(_,e,i),m(t),e=k(e,!0),m(i),r(R,e)?(i.enumerable?(r(t,F)&&t[F][e]&&(t[F][e]=!1),i=A(i,{enumerable:S(0,!1)})):(r(t,F)||T(t,F,S(1,{})),t[F][e]=!0),G(t,e,i)):T(t,e,i)},$=function(t,e){m(t);for(var i,a=v(e=w(e)),n=0,s=a.length;nn;)r(R,e=i[n++])||e==F||e==h||a.push(e);return a},tt=function(t){for(var e,i=t===N,a=z(i?_:w(t)),n=[],s=0;a.length>s;)!r(R,e=a[s++])||i&&!r(N,e)||n.push(R[e]);return n};B||(l((X=function(){if(this instanceof X)throw TypeError("Symbol is not a constructor!");var i=f(0it;)p(et[it++]);for(var at=L(p.store),nt=0;at.length>nt;)x(at[nt++]);o(o.S+o.F*!B,"Symbol",{for:function(t){return r(W,t+="")?W[t]:W[t]=X(t)},keyFor:function(t){if(!U(t))throw TypeError(t+" is not a symbol!");for(var e in W)if(W[e]===t)return e},useSetter:function(){V=!0},useSimple:function(){V=!1}}),o(o.S+o.F*!B,"Object",{create:function(t,e){return void 0===e?A(t):$(A(t),e)},defineProperty:Z,defineProperties:$,getOwnPropertyDescriptor:Q,getOwnPropertyNames:K,getOwnPropertySymbols:tt}),O&&o(o.S+o.F*(!B||c(function(){var t=X();return"[null]"!=Y([t])||"{}"!=Y({a:t})||"{}"!=Y(Object(t))})),"JSON",{stringify:function(t){for(var e,i,a=[t],n=1;arguments.length>n;)a.push(arguments[n++]);if(i=e=a[1],(y(e)||void 0!==t)&&!U(t))return b(e)||(e=function(t,e){if("function"==typeof i&&(e=i.call(this,t,e)),!U(e))return e}),a[1]=e,Y.apply(O,a)}}),X[I][D]||i(12)(X[I],D,X[I].valueOf),d(X,"Symbol"),d(Math,"Math",!0),d(n.JSON,"JSON",!0)},function(t,e,i){"use strict";var a=i(5),n=i(53)(!0);a(a.P,"Array",{includes:function(t){return n(this,t,1=t.from&&w[s][i]<=t.to&&(a=t.color)});var n=k.fill.fillPath(b,{seriesNumber:e,color:a});b=k.renderSeries({realIndex:g,pathFill:n,j:i,i:s,pathFrom:l,pathTo:o,strokeWidth:y,elSeries:b,x:A,y:C,series:w,barHeight:x,barWidth:v,elDataLabelsWrap:m,type:"bar",visibleSeries:0})},i=0;i=u.config.plotOptions.bar.colors.backgroundBarColors.length&&(v=0);var S=u.config.plotOptions.bar.colors.backgroundBarColors[v],A=this.graphics.drawRect(0,d,u.globals.gridWidth,i,0,S,u.config.plotOptions.bar.colors.backgroundBarOpacity);c.add(A),A.classList.add("apexcharts-backgroundBar")}return{pathTo:n,pathFrom:s,x:o,y:l+=h}}},{key:"drawColumnPaths",value:function(t){var e=t.indexes,i=t.x,a=t.y,n=t.xDivision,s=t.pathTo,r=t.pathFrom,o=t.barWidth,l=t.zeroH,h=t.strokeWidth,c=t.elSeries,u=this.w,d=e.i,f=e.j,p=e.realIndex,g=e.bc;if(u.globals.dataXY){var x=u.globals.seriesX[d][f];x||(x=0),i=(x-u.globals.minX)/this.xRatio-o/2}for(var v=i,b=void 0,m=0,y=0;y=u.config.plotOptions.bar.colors.backgroundBarColors.length&&(g=0);var A=u.config.plotOptions.bar.colors.backgroundBarColors[g],C=this.graphics.drawRect(v,0,o,u.globals.gridHeight,0,A,u.config.plotOptions.bar.colors.backgroundBarOpacity);c.add(C),C.classList.add("apexcharts-backgroundBar")}return i+=n,{pathTo:s,pathFrom:r,x:u.globals.dataXY?i-n:i,y:a}}},{key:"checkZeroSeries",value:function(t){for(var e=t.series,i=this.w,a=0;ab.c&&(f=!1);var w=Math.min(b.o,b.c),k=Math.max(b.o,b.c);h.globals.dataXY&&(i=(h.globals.seriesX[u][d]-h.globals.minX)/this.xRatio-r/2);var S=i+r*this.visibleI;return c.move(S,o),s=c.move(S,o),0=t.from&&a<=t.to&&(n=t.color,s=t.from,r=t.to,o=Math.abs(r)+Math.abs(s),l=100*a/o)});return{color:n,percent:l}}},{key:"calculateHeatmapDataLabels",value:function(t){var e=t.x,i=t.y,a=t.i,n=t.j,s=(t.series,t.rectHeight),r=t.rectWidth,o=this.w,l=o.config.dataLabels,h=new A.default(this.ctx),c=new b.default(this.ctx),u=l.formatter,d=null;if(l.enabled){d=h.group({class:"apexcharts-data-labels"});var f=l.offsetX,p=l.offsetY,g=e+r/2+f,x=i+s/2+parseInt(l.style.fontSize)/3+p,v=u(o.globals.series[a][n],{seriesIndex:a,dataPointIndex:n,globals:o.globals});c.plotDataLabelsText(g,x,v,a,n,d,l)}return d}},{key:"animateHeatMap",value:function(t,e,i,a,n,s){new r.default(this.ctx).animateRect(t,{x:e+a/2,y:i+n/2,width:0,height:0},{x:e,y:i,width:a,height:n},s)}},{key:"animateHeatColor",value:function(t,e,i,a){t.attr({fill:e}).animate(a).attr({fill:i})}}]),i}();t.exports=s},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(){function a(t,e){for(var i=0;in&&r.globals.seriesX[e][a]t.config.markers.hover.size?t.config.markers.size:t.config.markers.hover.size),t.globals.dom.elGridRect=e.drawRect(0,0-i,t.globals.gridWidth,t.globals.gridHeight+2*i,0,"#fff"),t.globals.dom.elGridRectMask.appendChild(t.globals.dom.elGridRect.node),t.globals.dom.baseEl.querySelector("defs").appendChild(t.globals.dom.elGridRectMask)}}]),i}();t.exports=k},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(){function a(t,e){for(var i=0;ii.globals.svgWidth&&(u+=1,this.existingWidth=0,y=this.existingWidth+h+o),"bottom"===i.config.legend.position?m=i.globals.svgHeight-this.rowHeight:"top"===i.config.legend.position&&(m=0),m+=this.rowHeight*u}else{var P=a.getTextRects(k,s),M=P.height;this.rowHeight=M+l,this.textMaxWidthArr.push(P.width);var L=this.getTextMaxWidth()+o;u=v+1,this.existingHeight+M+h>i.globals.svgHeight&&(d+=1,this.existingHeight=0),y=h+d*L,m=this.existingHeight+M}var E={pSize:n,pRadius:i.config.legend.markers.radius,pWidth:i.config.legend.markers.strokeWidth,shape:i.config.legend.markers.shape,pointStrokeColor:i.config.legend.markers.strokeColor,pointFillColor:p[v],pointStrokeOpacity:1,pointFillOpacity:1,class:"apexcharts-legend-point"},T=n/2-1+i.config.legend.markers.strokeWidth,z=a.drawMarker(y-h+i.config.legend.markers.offsetX-4,m-h+T+i.config.legend.markers.offsetY-1,E).attr({rel:v+1,"data:collapsed":S});S&&z.node.classList.add("inactive-legend");var X={x:y,y:m,foreColor:i.config.legend.labels.useSeriesColors?i.globals.colors[v]:i.config.legend.labels.color,text:k,textAnchor:i.config.legend.textAnchor,fontSize:s,fontFamily:r,cssClass:"apexcharts-legend-text"};this.existingWidth=this.existingWidth+w+o+h+5,this.existingHeight=this.existingHeight+this.rowHeight+h/4,c=c+w+h+o;var O=a.drawText(X);i.globals.dom.elLegendWrap.add(O),i.globals.dom.elLegendWrap.add(z),O.node.classList.add("apexcharts-legend-series"),O.attr({rel:v+1,"data:collapsed":S}),S&&O.node.classList.add("inactive-legend"),i.config.legend.onItemClick.toggleDataSeries||O.node.classList.add("no-click")}"heatmap"!==i.config.chart.type&&i.config.legend.onItemClick.toggleDataSeries&&i.globals.dom.elWrap.addEventListener("click",this.onLegendClick,!0),i.config.legend.onItemHover.highlightDataSeries&&(i.globals.dom.elWrap.addEventListener("mousemove",this.onLegendHovered,!0),i.globals.dom.elWrap.addEventListener("mouseout",this.onLegendHovered,!0))}},{key:"getTextMaxWidth",value:function(){for(var t=0,e=0;et.globals.svgHeight&&(s-=(t.globals.svgHeight-i.y+i.height)/8),"top"===t.config.legend.position){var r=new h.default(this.ctx),o=r.getMainTitleCoords().height,l=r.getSubTitleCoords().height;s=s+(0r.series[n][s]&&r.series[n][s]<0&&(a=r.series[n][s])):r.hasNullValues=!0}return{minY:a,maxY:i}};if(r.isMultipleYAxis)for(var i=0;it.dataPoints&&0!==t.dataPoints&&(o=t.dataPoints-1):o=e.xaxis.tickAmount,void 0!==e.xaxis.max&&"number"==typeof e.xaxis.max&&(t.maxX=e.xaxis.max),void 0!==e.xaxis.min&&"number"==typeof e.xaxis.min&&(t.minX=e.xaxis.min),void 0!==e.xaxis.range&&(t.minX=t.maxX-e.xaxis.range),t.minX!==Number.MAX_VALUE&&t.maxX!==-Number.MAX_VALUE?t.xAxisScale=r.justRange(t.minX,t.maxX,o):(t.xAxisScale=r.justRange(1,o,o),t.noLabelsProvided&&0n.clientX-s.left&&(c=-(l=Math.abs(l))),o>n.clientY-s.top&&(u=-(h=Math.abs(h))),d="x"===i?{x:r,y:0,width:l,height:a.globals.gridHeight,translateX:c,translateY:0}:"y"===i?{x:0,y:o,width:a.globals.gridWidth,height:h,translateX:0,translateY:u}:{x:r,y:o,width:l,height:h,translateX:c,translateY:u},n.drawSelectionRect(d),d}},{key:"selectionDragging",value:function(t,e){var r=this,o=this.w,l=this.xyRatios,h=this.selectionRect,i=0;"resizing"===t&&(i=30),"function"==typeof o.config.chart.events.selection&&(clearTimeout(this.w.globals.selectionResizeTimer),this.w.globals.selectionResizeTimer=window.setTimeout(function(){var t=r.gridRect.getBoundingClientRect(),e=h.node.getBoundingClientRect(),i=o.globals.xAxisScale.niceMin+(e.left-t.left)*l.xRatio,a=o.globals.xAxisScale.niceMin+(e.right-t.left)*l.xRatio,n=o.globals.yAxisScale[0].niceMin+(t.bottom-e.bottom)*l.yRatio[0],s=o.globals.yAxisScale[0].niceMax-(e.top-t.top)*l.yRatio[0];o.config.chart.events.selection(r.ctx,{xaxis:{min:i,max:a},yaxis:{min:n,max:s}})},i))}},{key:"selectionDrawn",value:function(t){var e=t.context,i=t.zoomtype,a=this.w,n=e,s=this.xyRatios,r=this.ctx.toolbar;if(n.startX>n.endX){var o=n.startX;n.startX=n.endX,n.endX=o}if(n.startY>n.endY){var l=n.startY;n.startY=n.endY,n.endY=l}var h=a.globals.xAxisScale.niceMin+n.startX*s.xRatio,c=a.globals.xAxisScale.niceMin+n.endX*s.xRatio,u=[],d=[];if(a.config.yaxis.forEach(function(t,e){u.push(Math.floor(a.globals.yAxisScale[e].niceMax-s.yRatio[e]*n.startY)),d.push(Math.floor(a.globals.yAxisScale[e].niceMax-s.yRatio[e]*n.endY))}),n.dragged&&(10Math.abs(r)&&0Math.abs(r)&&s<0?n="right":Math.abs(r)>Math.abs(s)&&0Math.abs(s)&&r<0&&(n="down")}i.globals.lastClientPosition={x:a.clientX,y:a.clientY};var o=i.globals.minX,l=i.globals.maxX;this.panScrolled(n,o,l)}},{key:"panScrolled",value:function(t,e,i){var a=this.w,n=this.xyRatios;"left"===t?(e=a.globals.minX+a.globals.gridWidth/15*n.xRatio,i=a.globals.maxX+a.globals.gridWidth/15*n.xRatio):"right"===t&&(e=a.globals.minX-a.globals.gridWidth/15*n.xRatio,i=a.globals.maxX-a.globals.gridWidth/15*n.xRatio),(ea.globals.initialmaxX)&&(e=a.globals.minX,i=a.globals.maxX),this.ctx.updateOptionsInternal({xaxis:{min:e,max:i}},!1,!1),"function"==typeof a.config.chart.events.scrolled&&a.config.chart.events.scrolled(this.ctx,{xaxis:{min:e,max:i}})}}]),i}();t.exports=r},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(){function a(t,e){for(var i=0;i=t.config.grid.row.colors.length&&(I=0);var F=t.config.grid.row.colors[I],D=e.drawRect(0,z,O,X,0,F,t.config.grid.row.opacity);a.add(D),D.node.classList.add("apexcharts-gridRow"),z+=t.globals.gridHeight/n}if(void 0!==t.config.grid.column.colors&&0=t.config.grid.column.colors.length&&(N=0);var B=t.config.grid.column.colors[N],j=e.drawRect(H,0,W,R,0,B,t.config.grid.column.opacity);j.node.classList.add("apexcharts-gridColumn"),a.add(j),H+=t.globals.gridWidth/r}}return{el:a,xAxisTickWidth:t.globals.gridWidth/r}}},{key:"animateLine",value:function(t,e,i){var a=this.w,n=a.config.chart.animations;if(n&&!a.globals.resized&&!a.globals.dataChanged){var s=n.speed;this.anim.animateLine(t,e,i,s)}}}]),i}();e.default=r},function(t,e,i){"use strict";var a,n=function(){function a(t,e){for(var i=0;i
Open: '+a.globals.seriesCandleO[e][i]+'
High: '+a.globals.seriesCandleH[e][i]+'
Low: '+a.globals.seriesCandleL[e][i]+'
Close: '+a.globals.seriesCandleC[e][i]+"
"}},xaxis:{crosshairs:{width:1}},yaxis:[{tooltip:{enabled:!0}}]}}},{key:"area",value:function(){return{stroke:{width:4},fill:{type:"gradient",gradient:{inverseColors:!1,shade:"light",type:"vertical",opacityFrom:.65,opacityTo:.5,stops:[0,100,100]}},tooltip:{followCursor:!1}}}},{key:"stacked100",value:function(){this.opts.dataLabels=this.opts.dataLabels||{},this.opts.dataLabels.formatter=this.opts.dataLabels.formatter||void 0;var t=this.opts.dataLabels.formatter;this.opts.yaxis[0].min=0,this.opts.yaxis[0].max=100,!("bar"!==this.opts.chart.type)&&(this.opts.dataLabels.formatter=t||function(t){return"number"==typeof t&&t?t.toFixed(0)+"%":t})}},{key:"bubble",value:function(){return{dataLabels:{style:{colors:["#fff"],fontFamily:"Helvetica, Arial, sans-serif"}},legend:{fontFamily:"Helvetica, Arial, sans-serif"},title:{style:{fontFamily:"Helvetica, Arial, sans-serif"}},tooltip:{shared:!1,intersect:!0},xaxis:{crosshairs:{width:0}},fill:{type:"solid",gradient:{shade:"light",inverse:!0,shadeIntensity:.55,opacityFrom:.4,opacityTo:.8}}}}},{key:"scatter",value:function(){return{dataLabels:{enabled:!1},tooltip:{shared:!1,intersect:!0},markers:{size:6,strokeWidth:2,hover:{size:8}}}}},{key:"heatmap",value:function(){return{chart:{zoom:{enabled:!1},toolbar:{show:!1}},fill:{opacity:1},dataLabels:{style:{colors:["#fff"],fontFamily:"Helvetica, Arial, sans-serif"}},stroke:{colors:["#fff"]},tooltip:{followCursor:!0,marker:{show:!1}},legend:{position:"top",markers:{shape:"square",size:10,offsetY:2},fontFamily:"Helvetica, Arial, sans-serif"}}}},{key:"pie",value:function(){return{chart:{toolbar:{show:!1}},dataLabels:{formatter:function(t){return t.toFixed(1)+"%"},style:{colors:["#fff"],fontFamily:"Helvetica, Arial, sans-serif"},dropShadow:{enabled:!0}},stroke:{colors:["#fff"]},fill:{opacity:1,gradient:{shade:"dark",shadeIntensity:.35,inverseColors:!1,stops:[0,100,100]}},tooltip:{theme:"dark",fillSeriesColor:!0},legend:{position:"right",fontFamily:"Helvetica, Arial, sans-serif"}}}},{key:"donut",value:function(){return{chart:{toolbar:{show:!1}},dataLabels:{formatter:function(t){return t.toFixed(1)+"%"},style:{colors:["#fff"],fontFamily:"Helvetica, Arial, sans-serif"},dropShadow:{enabled:!0}},stroke:{colors:["#fff"]},fill:{opacity:1,gradient:{shade:"dark",shadeIntensity:.4,inverseColors:!1,type:"vertical",opacityFrom:1,opacityTo:1,stops:[70,98,100]}},tooltip:{theme:"dark",fillSeriesColor:!0},legend:{position:"right",fontFamily:"Helvetica, Arial, sans-serif"}}}},{key:"radialBar",value:function(){return{chart:{animations:{dynamicAnimation:{enabled:!0,speed:800}},toolbar:{show:!1}},fill:{gradient:{shade:"dark",shadeIntensity:.4,inverseColors:!1,type:"diagonal2",opacityFrom:1,opacityTo:1,stops:[70,98,100]}},legend:{show:!1,fontFamily:"Helvetica, Arial, sans-serif"},tooltip:{enabled:!1,fillSeriesColor:!0}}}}]),e}();t.exports=o},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a,n=function(){function a(t,e){for(var i=0;ir.globals.gridWidth/2&&(a=h-s.tooltipRect.ttWidth/2+u),s.w.config.tooltip.followCursor){var f=s.getElGrid().getBoundingClientRect();n=s.e.clientY-f.top}}return{x:a,y:n}}},{key:"handleMarkerTooltip",value:function(t){var e=t.e,i=t.opt,a=t.x,n=t.y,s=this.w,r=this.ttCtx,o=void 0,l=void 0;if(e.target.classList.contains("apexcharts-marker")){var h=parseInt(i.paths.getAttribute("cx")),c=parseInt(i.paths.getAttribute("cy")),u=parseFloat(i.paths.getAttribute("val"));if(l=parseInt(i.paths.getAttribute("rel")),o=parseInt(i.paths.parentNode.parentNode.parentNode.getAttribute("rel"))-1,r.intersect){var d=p.default.findAncestor(i.paths,"apexcharts-series");d&&(o=parseInt(d.getAttribute("data:realIndex")))}if(r.tooltipLabels.drawSeriesTexts({ttItems:i.ttItems,i:o,j:l,shared:!r.intersect&&s.config.tooltip.shared}),r.marker.enlargeCurrentPoint(l,i.paths),a=h,n=c-1.4*r.tooltipRect.ttHeight,r.w.config.tooltip.followCursor){var f=r.getElGrid().getBoundingClientRect();n=r.e.clientY-f.top}u<0&&(n=c)}return{x:a,y:n}}},{key:"handleBarTooltip",value:function(t){var e=t.e,i=t.opt,a=this.w,n=this.ttCtx,s=n.getElTooltip(),r=0,o=0,l=0;if(n.isBarHorizontal&&n.hasBars()||!a.config.tooltip.shared){var h=this.getBarTooltipXY({e:e,opt:i});o=h.x,l=h.y,r=o}else a.globals.comboCharts||a.config.tooltip.shared||(r/=2);if(isNaN(l)&&(l=a.globals.svgHeight-n.tooltipRect.ttHeight),o+n.tooltipRect.ttWidth>a.globals.gridWidth?o-=n.tooltipRect.ttWidth:o<0&&(o+=n.tooltipRect.ttWidth),n.w.config.tooltip.followCursor){var c=n.getElGrid().getBoundingClientRect();l=n.e.clientY-c.top}null===n.tooltip&&(n.tooltip=a.globals.dom.baseEl.querySelector(".apexcharts-tooltip")),a.globals.comboCharts||a.config.tooltip.shared||n.tooltipPosition.moveXCrosshairs(r),!n.fixedTooltip&&(!a.config.tooltip.shared||n.isBarHorizontal&&n.hasBars())&&(s.style.left=o+a.globals.translateX+"px",s.style.top=l+a.globals.translateY-n.tooltipRect.ttHeight/2+"px")}},{key:"getBarTooltipXY",value:function(t){var e=t.e,i=t.opt,a=this.w,n=null,s=this.ttCtx,r=0,o=0,l=e.target.classList;if(l.contains("apexcharts-bar-area")||l.contains("apexcharts-candlestick-area")){var h=e.target,c=h.getBoundingClientRect(),u=i.elGrid.getBoundingClientRect(),d=c.height,f=c.width,p=parseInt(h.getAttribute("cx")),g=parseInt(h.getAttribute("cy")),x="touchmove"===e.type?e.touches[0].clientX:e.clientX;n=parseInt(h.getAttribute("j"));var v=parseInt(h.parentNode.getAttribute("rel"))-1;a.globals.comboCharts&&(v=parseInt(h.parentNode.getAttribute("data:realIndex"))),s.tooltipLabels.drawSeriesTexts({ttItems:i.ttItems,i:v,j:n,shared:!s.showOnIntersect&&a.config.tooltip.shared}),o=a.config.tooltip.followCursor?a.config.plotOptions.bar.horizontal?(r=x-u.left+15,g-s.dataPointsDividedHeight+d/2-s.tooltipRect.ttHeight/2):(r=a.globals.dataXY?p-f/2:p-s.dataPointsDividedWidth+f/2,e.clientY-u.top-s.tooltipRect.ttHeight/2-15):a.config.plotOptions.bar.horizontal?((r=p)a.globals.gridWidth||l.hoverY<0||l.hoverY>a.globals.gridHeight)return void o.handleMouseOut(i);if(null!==p){if(null===a.globals.series[p][n])return void i.tooltipEl.classList.remove("active");void 0!==a.globals.series[p][n]?a.config.tooltip.shared&&this.tooltipUtil.isXoverlap(n)&&this.tooltipUtil.isinitialSeriesSameLen()?this.create(o,p,n,i.ttItems):this.create(o,p,n,i.ttItems,!1):this.tooltipUtil.isXoverlap(n)&&o.create(o,0,n,i.ttItems)}else this.tooltipUtil.isXoverlap(n)&&o.create(o,0,n,i.ttItems)}else if("heatmap"===a.config.chart.type){var g=this.intersect.handleHeatTooltip({e:e,opt:i,x:s,y:r});s=g.x,r=g.y,h.style.left=s+"px",h.style.top=r+"px"}else this.hasBars&&this.intersect.handleBarTooltip({e:e,opt:i}),this.hasMarkers&&this.intersect.handleMarkerTooltip({e:e,opt:i,x:s,y:r});if(this.blyaxisTooltip)for(var x=0;xn.globals.gridWidth&&(d=c-u.left-a.ttWidth+o),f<0&&(f=a.ttHeight+20),r.style.left=d+n.globals.translateX+"px",r.style.top=f+"px"}else"mouseout"!==e.type&&"touchend"!==e.type||r.classList.remove("active")}},{key:"deactivateHoverFilter",value:function(){for(var t=this.w,e=new d.default(this.ctx),i=t.globals.dom.Paper.select(".apexcharts-bar-area"),a=0;as.maxX-e.width&&(a=s.maxX-e.width),null!=s.minY&&ns.maxY-e.height&&(n=s.maxY-e.height),this.el instanceof SVG.G?this.el.matrix(this.startPoints.transform).transform({x:r,y:o},!0):this.el.move(a,n));return i},a.prototype.end=function(t){var e=this.drag(t);this.el.fire("dragend",{event:t,p:e,m:this.m,handler:this}),SVG.off(window,"mousemove.drag"),SVG.off(window,"touchmove.drag"),SVG.off(window,"mouseup.drag"),SVG.off(window,"touchend.drag")},SVG.extend(SVG.Element,{draggable:function(t,e){"function"!=typeof t&&"object"!=(void 0===t?"undefined":c(t))||(e=t,t=!0);var i=this.remember("_draggable")||new a(this);return(t=void 0===t||t)?i.init(e||{},t):(this.off("mousedown.drag"),this.off("touchstart.drag")),this}})}).call(void 0)},function(t,e,i){"use strict";(function(){SVG.Filter=SVG.invent({create:"filter",inherit:SVG.Parent,extend:{source:"SourceGraphic",sourceAlpha:"SourceAlpha",background:"BackgroundImage",backgroundAlpha:"BackgroundAlpha",fill:"FillPaint",stroke:"StrokePaint",autoSetIn:!0,put:function(t,e){return this.add(t,e),!t.attr("in")&&this.autoSetIn&&t.attr("in",this.source),t.attr("result")||t.attr("result",t),t},blend:function(t,e,i){return this.put(new SVG.BlendEffect(t,e,i))},colorMatrix:function(t,e){return this.put(new SVG.ColorMatrixEffect(t,e))},convolveMatrix:function(t){return this.put(new SVG.ConvolveMatrixEffect(t))},componentTransfer:function(t){return this.put(new SVG.ComponentTransferEffect(t))},composite:function(t,e,i){return this.put(new SVG.CompositeEffect(t,e,i))},flood:function(t,e){return this.put(new SVG.FloodEffect(t,e))},offset:function(t,e){return this.put(new SVG.OffsetEffect(t,e))},image:function(t){return this.put(new SVG.ImageEffect(t))},merge:function(){var t=[void 0];for(var e in arguments)t.push(arguments[e]);return this.put(new(SVG.MergeEffect.bind.apply(SVG.MergeEffect,t)))},gaussianBlur:function(t,e){return this.put(new SVG.GaussianBlurEffect(t,e))},morphology:function(t,e){return this.put(new SVG.MorphologyEffect(t,e))},diffuseLighting:function(t,e,i){return this.put(new SVG.DiffuseLightingEffect(t,e,i))},displacementMap:function(t,e,i,a,n){return this.put(new SVG.DisplacementMapEffect(t,e,i,a,n))},specularLighting:function(t,e,i,a){return this.put(new SVG.SpecularLightingEffect(t,e,i,a))},tile:function(){return this.put(new SVG.TileEffect)},turbulence:function(t,e,i,a,n){return this.put(new SVG.TurbulenceEffect(t,e,i,a,n))},toString:function(){return"url(#"+this.attr("id")+")"}}}),SVG.extend(SVG.Defs,{filter:function(t){var e=this.put(new SVG.Filter);return"function"==typeof t&&t.call(e,e),e}}),SVG.extend(SVG.Container,{filter:function(t){return this.defs().filter(t)}}),SVG.extend(SVG.Element,SVG.G,SVG.Nested,{filter:function(t){return this.filterer=t instanceof SVG.Element?t:this.doc().filter(t),this.doc()&&this.filterer.doc()!==this.doc()&&this.doc().defs().add(this.filterer),this.attr("filter",this.filterer),this.filterer},unfilter:function(t){return this.filterer&&!0===t&&this.filterer.remove(),delete this.filterer,this.attr("filter",null)}}),SVG.Effect=SVG.invent({create:function(){this.constructor.call(this)},inherit:SVG.Element,extend:{in:function(t){return null==t?this.parent()&&this.parent().select('[result="'+this.attr("in")+'"]').get(0)||this.attr("in"):this.attr("in",t)},result:function(t){return null==t?this.attr("result"):this.attr("result",t)},toString:function(){return this.result()}}}),SVG.ParentEffect=SVG.invent({create:function(){this.constructor.call(this)},inherit:SVG.Parent,extend:{in:function(t){return null==t?this.parent()&&this.parent().select('[result="'+this.attr("in")+'"]').get(0)||this.attr("in"):this.attr("in",t)},result:function(t){return null==t?this.attr("result"):this.attr("result",t)},toString:function(){return this.result()}}});var t={blend:function(t,e){return this.parent()&&this.parent().blend(this,t,e)},colorMatrix:function(t,e){return this.parent()&&this.parent().colorMatrix(t,e).in(this)},convolveMatrix:function(t){return this.parent()&&this.parent().convolveMatrix(t).in(this)},componentTransfer:function(t){return this.parent()&&this.parent().componentTransfer(t).in(this)},composite:function(t,e){return this.parent()&&this.parent().composite(this,t,e)},flood:function(t,e){return this.parent()&&this.parent().flood(t,e)},offset:function(t,e){return this.parent()&&this.parent().offset(t,e).in(this)},image:function(t){return this.parent()&&this.parent().image(t)},merge:function(){return this.parent()&&this.parent().merge.apply(this.parent(),[this].concat(arguments))},gaussianBlur:function(t,e){return this.parent()&&this.parent().gaussianBlur(t,e).in(this)},morphology:function(t,e){return this.parent()&&this.parent().morphology(t,e).in(this)},diffuseLighting:function(t,e,i){return this.parent()&&this.parent().diffuseLighting(t,e,i).in(this)},displacementMap:function(t,e,i,a){return this.parent()&&this.parent().displacementMap(this,t,e,i,a)},specularLighting:function(t,e,i,a){return this.parent()&&this.parent().specularLighting(t,e,i,a).in(this)},tile:function(){return this.parent()&&this.parent().tile().in(this)},turbulence:function(t,e,i,a,n){return this.parent()&&this.parent().turbulence(t,e,i,a,n).in(this)}};SVG.extend(SVG.Effect,t),SVG.extend(SVG.ParentEffect,t),SVG.ChildEffect=SVG.invent({create:function(){this.constructor.call(this)},inherit:SVG.Element,extend:{in:function(t){this.attr("in",t)}}});var e={blend:function(t,e,i){this.attr({in:t,in2:e,mode:i||"normal"})},colorMatrix:function(t,e){"matrix"==t&&(e=n(e)),this.attr({type:t,values:void 0===e?null:e})},convolveMatrix:function(t){t=n(t),this.attr({order:Math.sqrt(t.split(" ").length),kernelMatrix:t})},composite:function(t,e,i){this.attr({in:t,in2:e,operator:i})},flood:function(t,e){this.attr("flood-color",t),null!=e&&this.attr("flood-opacity",e)},offset:function(t,e){this.attr({dx:t,dy:e})},image:function(t){this.attr("href",t,SVG.xlink)},displacementMap:function(t,e,i,a,n){this.attr({in:t,in2:e,scale:i,xChannelSelector:a,yChannelSelector:n})},gaussianBlur:function(t,e){null!=t||null!=e?this.attr("stdDeviation",function(t){if(!Array.isArray(t))return t;for(var e=0,i=t.length,a=[];ethis.destination.length;)this.destination.push(i);for(;this.value.lengthi.x&&e>i.y&&t/,"").replace(/<\/svg>$/,"");e.innerHTML=""+t.replace(/\n/,"").replace(/<([\w:-]+)([^<]+?)\/>/g,"<$1$2>")+"";for(var i=0,a=e.firstChild.childNodes.length;i":function(t){return-Math.cos(t*Math.PI)/2+.5},">":function(t){return Math.sin(t*Math.PI/2)},"<":function(t){return 1-Math.cos(t*Math.PI/2)}},u.morph=function(i){return function(t,e){return new u.MorphObj(t,e).at(i)}},u.Situation=u.invent({create:function(t){this.init=!1,this.reversed=!1,this.reversing=!1,this.duration=new u.Number(t.duration).valueOf(),this.delay=new u.Number(t.delay).valueOf(),this.start=+new Date+this.delay,this.finish=this.start+this.duration,this.ease=t.ease,this.loop=0,this.loops=!1,this.animations={},this.attrs={},this.styles={},this.transforms=[],this.once={}}}),u.FX=u.invent({create:function(t){this._target=t,this.situations=[],this.active=!1,this.situation=null,this.paused=!1,this.lastPos=0,this.pos=0,this.absPos=0,this._speed=1},extend:{animate:function(t,e,i){"object"==(void 0===t?"undefined":w(t))&&(e=t.ease,i=t.delay,t=t.duration);var a=new u.Situation({duration:t||1e3,delay:i||0,ease:u.easing[e||"-"]||e});return this.queue(a),this},delay:function(t){var e=new u.Situation({duration:t,delay:0,ease:u.easing["-"]});return this.queue(e)},target:function(t){return t&&t instanceof u.Element?(this._target=t,this):this._target},timeToAbsPos:function(t){return(t-this.situation.start)/(this.situation.duration/this._speed)},absPosToTime:function(t){return this.situation.duration/this._speed*t+this.situation.start},startAnimFrame:function(){this.stopAnimFrame(),this.animationFrame=r.requestAnimationFrame(function(){this.step()}.bind(this))},stopAnimFrame:function(){r.cancelAnimationFrame(this.animationFrame)},start:function(){return!this.active&&this.situation&&(this.active=!0,this.startCurrent()),this},startCurrent:function(){return this.situation.start=+new Date+this.situation.delay/this._speed,this.situation.finish=this.situation.start+this.situation.duration/this._speed,this.initAnimations().step()},queue:function(t){return("function"==typeof t||t instanceof u.Situation)&&this.situations.push(t),this.situation||(this.situation=this.situations.shift()),this},dequeue:function(){return this.stop(),this.situation=this.situations.shift(),this.situation&&(this.situation instanceof u.Situation?this.start():this.situation.call(this)),this},initAnimations:function(){var t,e,i,a=this.situation;if(a.init)return this;for(t in a.animations)for(i=this.target()[t](),Array.isArray(i)||(i=[i]),Array.isArray(a.animations[t])||(a.animations[t]=[a.animations[t]]),e=i.length;e--;)a.animations[t][e]instanceof u.Number&&(i[e]=new u.Number(i[e])),a.animations[t][e]=i[e].morph(a.animations[t][e]);for(t in a.attrs)a.attrs[t]=new u.MorphObj(this.target().attr(t),a.attrs[t]);for(t in a.styles)a.styles[t]=new u.MorphObj(this.target().style(t),a.styles[t]);return a.initialTransformation=this.target().matrixify(),a.init=!0,this},clearQueue:function(){return this.situations=[],this},clearCurrent:function(){return this.situation=null,this},stop:function(t,e){var i=this.active;return this.active=!1,e&&this.clearQueue(),t&&this.situation&&(!i&&this.startCurrent(),this.atEnd()),this.stopAnimFrame(),this.clearCurrent()},reset:function(){if(this.situation){var t=this.situation;this.stop(),this.situation=t,this.atStart()}return this},finish:function(){for(this.stop(!0,!1);this.dequeue().situation&&this.stop(!0,!1););return this.clearQueue().clearCurrent(),this},atStart:function(){return this.at(0,!0)},atEnd:function(){return!0===this.situation.loops&&(this.situation.loops=this.situation.loop+1),"number"==typeof this.situation.loops?this.at(this.situation.loops,!0):this.at(1,!0)},at:function(t,e){var i=this.situation.duration/this._speed;return this.absPos=t,e||(this.situation.reversed&&(this.absPos=1-this.absPos),this.absPos+=this.situation.loop),this.situation.start=+new Date-this.absPos*i,this.situation.finish=this.situation.start+i,this.step(!0)},speed:function(t){return 0===t?this.pause():t?(this._speed=t,this.at(this.absPos,!0)):this._speed},loop:function(t,e){var i=this.last();return i.loops=null==t||t,i.loop=0,e&&(i.reversing=!0),this},pause:function(){return this.paused=!0,this.stopAnimFrame(),this},play:function(){return this.paused?(this.paused=!1,this.at(this.absPos,!0)):this},reverse:function(t){var e=this.last();return e.reversed=void 0===t?!e.reversed:t,this},progress:function(t){return t?this.situation.ease(this.pos):this.pos},after:function(i){var a=this.last();return this.target().on("finished.fx",function t(e){e.detail.situation==a&&(i.call(this,a),this.off("finished.fx",t))}),this._callStart()},during:function(e){var i=this.last(),t=function(t){t.detail.situation==i&&e.call(this,t.detail.pos,u.morph(t.detail.pos),t.detail.eased,i)};return this.target().off("during.fx",t).on("during.fx",t),this.after(function(){this.off("during.fx",t)}),this._callStart()},afterAll:function(i){var t=function t(e){i.call(this),this.off("allfinished.fx",t)};return this.target().off("allfinished.fx",t).on("allfinished.fx",t),this._callStart()},duringAll:function(e){var t=function(t){e.call(this,t.detail.pos,u.morph(t.detail.pos),t.detail.eased,t.detail.situation)};return this.target().off("during.fx",t).on("during.fx",t),this.afterAll(function(){this.off("during.fx",t)}),this._callStart()},last:function(){return this.situations.length?this.situations[this.situations.length-1]:this.situation},add:function(t,e,i){return this.last()[i||"animations"][t]=e,this._callStart()},step:function(t){var e,i,a;(t||(this.absPos=this.timeToAbsPos(+new Date)),!1!==this.situation.loops)?(e=Math.max(this.absPos,0),i=Math.floor(e),!0===this.situation.loops||ithis.lastPos&&s<=n&&(this.situation.once[s].call(this.target(),this.pos,n),delete this.situation.once[s]);return this.active&&this.target().fire("during",{pos:this.pos,eased:n,fx:this,situation:this.situation}),this.situation&&(this.eachAt(),1==this.pos&&!this.situation.reversed||this.situation.reversed&&0==this.pos?(this.stopAnimFrame(),this.target().fire("finished",{fx:this,situation:this.situation}),this.situations.length||(this.target().fire("allfinished"),this.situations.length||(this.target().off(".fx"),this.active=!1)),this.active?this.dequeue():this.clearCurrent()):!this.paused&&this.active&&this.startAnimFrame(),this.lastPos=n),this},eachAt:function(){var t,e,i,a=this,n=this.target(),s=this.situation;for(t in s.animations)i=[].concat(s.animations[t]).map(function(t){return"string"!=typeof t&&t.at?t.at(s.ease(a.pos),a.pos):t}),n[t].apply(n,i);for(t in s.attrs)i=[t].concat(s.attrs[t]).map(function(t){return"string"!=typeof t&&t.at?t.at(s.ease(a.pos),a.pos):t}),n.attr.apply(n,i);for(t in s.styles)i=[t].concat(s.styles[t]).map(function(t){return"string"!=typeof t&&t.at?t.at(s.ease(a.pos),a.pos):t}),n.style.apply(n,i);if(s.transforms.length){for(i=s.initialTransformation,t=0,e=s.transforms.length;ta/n?this.height/n:this.width/a,this.x=e,this.y=i,this.width=a,this.height=n)}else t="string"==typeof t?t.match(c).map(function(t){return parseFloat(t)}):Array.isArray(t)?t:"object"==(void 0===t?"undefined":w(t))?[t.x,t.y,t.width,t.height]:4==arguments.length?[].slice.call(arguments):[0,0,0,0],this.x=t[0],this.y=t[1],this.width=t[2],this.height=t[3]},extend:{toString:function(){return this.x+" "+this.y+" "+this.width+" "+this.height},morph:function(t,e,i,a){return this.destination=new u.ViewBox(t,e,i,a),this},at:function(t){return this.destination?new u.ViewBox([this.x+(this.destination.x-this.x)*t,this.y+(this.destination.y-this.y)*t,this.width+(this.destination.width-this.width)*t,this.height+(this.destination.height-this.height)*t]):this}},parent:u.Container,construct:{viewbox:function(t,e,i,a){return 0==arguments.length?new u.ViewBox(this):this.attr("viewBox",new u.ViewBox(t,e,i,a))}}}),["click","dblclick","mousedown","mouseup","mouseover","mouseout","mousemove","touchstart","touchmove","touchleave","touchend","touchcancel"].forEach(function(e){u.Element.prototype[e]=function(t){return u.on(this.node,e,t),this}}),u.listeners=[],u.handlerMap=[],u.listenerId=0,u.on=function(t,e,i,a,n){var s=i.bind(a||t.instance||t),r=(u.handlerMap.indexOf(t)+1||u.handlerMap.push(t))-1,o=e.split(".")[0],l=e.split(".")[1]||"*";u.listeners[r]=u.listeners[r]||{},u.listeners[r][o]=u.listeners[r][o]||{},u.listeners[r][o][l]=u.listeners[r][o][l]||{},i._svgjsListenerId||(i._svgjsListenerId=++u.listenerId),u.listeners[r][o][l][i._svgjsListenerId]=s,t.addEventListener(o,s,n||!1)},u.off=function(t,e,i){var a=u.handlerMap.indexOf(t),n=e&&e.split(".")[0],s=e&&e.split(".")[1],r="";if(-1!=a)if(i){if("function"==typeof i&&(i=i._svgjsListenerId),!i)return;u.listeners[a][n]&&u.listeners[a][n][s||"*"]&&(t.removeEventListener(n,u.listeners[a][n][s||"*"][i],!1),delete u.listeners[a][n][s||"*"][i])}else if(s&&n){if(u.listeners[a][n]&&u.listeners[a][n][s]){for(i in u.listeners[a][n][s])u.off(t,[n,s].join("."),i);delete u.listeners[a][n][s]}}else if(s)for(e in u.listeners[a])for(r in u.listeners[a][e])s===r&&u.off(t,[e,s].join("."));else if(n){if(u.listeners[a][n]){for(r in u.listeners[a][n])u.off(t,[n,r].join("."));delete u.listeners[a][n]}}else{for(e in u.listeners[a])u.off(t,e);delete u.listeners[a],delete u.handlerMap[a]}},u.extend(u.Element,{on:function(t,e,i,a){return u.on(this.node,t,e,i,a),this},off:function(t,e){return u.off(this.node,t,e),this},fire:function(t,e){return t instanceof r.Event?this.node.dispatchEvent(t):this.node.dispatchEvent(t=new u.CustomEvent(t,{detail:e,cancelable:!0})),this._event=t,this},event:function(){return this._event}}),u.Defs=u.invent({create:"defs",inherit:u.Container}),u.G=u.invent({create:"g",inherit:u.Container,extend:{x:function(t){return null==t?this.transform("x"):this.transform({x:t-this.x()},!0)},y:function(t){return null==t?this.transform("y"):this.transform({y:t-this.y()},!0)},cx:function(t){return null==t?this.gbox().cx:this.x(t-this.gbox().width/2)},cy:function(t){return null==t?this.gbox().cy:this.y(t-this.gbox().height/2)},gbox:function(){var t=this.bbox(),e=this.transform();return t.x+=e.x,t.x2+=e.x,t.cx+=e.x,t.y+=e.y,t.y2+=e.y,t.cy+=e.y,t}},construct:{group:function(){return this.put(new u.G)}}}),u.Doc=u.invent({create:function(t){t&&("svg"==(t="string"==typeof t?n.getElementById(t):t).nodeName?this.constructor.call(this,t):(this.constructor.call(this,u.create("svg")),t.appendChild(this.node),this.size("100%","100%")),this.namespace().defs())},inherit:u.Container,extend:{namespace:function(){return this.attr({xmlns:u.ns,version:"1.1"}).attr("xmlns:xlink",u.xlink,u.xmlns).attr("xmlns:svgjs",u.svgjs,u.xmlns)},defs:function(){var t;this._defs||((t=this.node.getElementsByTagName("defs")[0])?this._defs=u.adopt(t):this._defs=new u.Defs,this.node.appendChild(this._defs.node));return this._defs},parent:function(){return this.node.parentNode&&"#document"!=this.node.parentNode.nodeName?this.node.parentNode:null},spof:function(){var t=this.node.getScreenCTM();return t&&this.style("left",-t.e%1+"px").style("top",-t.f%1+"px"),this},remove:function(){return this.parent()&&this.parent().removeChild(this.node),this},clear:function(){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return delete this._defs,u.parser.draw.parentNode||this.node.appendChild(u.parser.draw),this},clone:function(t){this.writeDataToDom();var e=this.node,i=x(e.cloneNode(!0));return t?(t.node||t).appendChild(i.node):e.parentNode.insertBefore(i.node,e.nextSibling),i}}}),u.extend(u.Element,{siblings:function(){return this.parent().children()},position:function(){return this.parent().index(this)},next:function(){return this.siblings()[this.position()+1]},previous:function(){return this.siblings()[this.position()-1]},forward:function(){var t=this.position()+1,e=this.parent();return e.removeElement(this).add(this,t),e instanceof u.Doc&&e.node.appendChild(e.defs().node),this},backward:function(){var t=this.position();return 0r.maxX&&(t=r.maxX-n),void 0!==r.minY&&s+er.maxY&&(e=r.maxY-s),[t,e]},e.prototype.checkAspectRatio=function(t){if(!this.options.saveAspectRatio)return t;var e=t.slice(),i=this.parameters.box.width/this.parameters.box.height,a=this.parameters.box.width+t[0],n=this.parameters.box.height-t[1],s=a/n;return s