diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css new file mode 100644 index 0000000..b3870a6 --- /dev/null +++ b/css/bootstrap.min.css @@ -0,0 +1,5 @@ +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.33px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} \ No newline at end of file diff --git a/css/css-animate.css b/css/css-animate.css new file mode 100644 index 0000000..524ac49 --- /dev/null +++ b/css/css-animate.css @@ -0,0 +1,3351 @@ +@charset "UTF-8"; + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2015 Daniel Eden +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.animated-fast { + -webkit-animation-duration: .5s; + animation-duration: .5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated.bounceIn, +.animated.bounceOut { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +.animated.flipOutX, +.animated.flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounce { + from, 20%, 53%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +@keyframes bounce { + from, 20%, 53%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + from, 50%, to { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + from, 50%, to { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + from, to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + from, to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes jello { + from, 11.1%, to { + -webkit-transform: none; + transform: none; + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} + +@keyframes jello { + from, 11.1%, to { + -webkit-transform: none; + transform: none; + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} + +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; +} + +@-webkit-keyframes bounceIn { + from, 20%, 40%, 60%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + from, 20%, 40%, 60%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInDown { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInLeft { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInRight { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + -ms-transform: scale(0.95); + -webkit-transform: scale(0.95); + transform: scale(0.95); + } + + to { + opacity: 1; + -ms-transform: scale(1.0); + -webkit-transform: scale(1.0); + transform: scale(1.0); + } +} + +@keyframes fadeIn { + from { + opacity: 0; + -ms-transform: scale(0.95); + -webkit-transform: scale(0.95); + transform: scale(0.95); + } + + to { + opacity: 1; + -ms-transform: scale(1.0); + -webkit-transform: scale(1.0); + transform: scale(1.0); + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + /*-webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0);*/ + -webkit-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + from { + opacity: 0; + /*-webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0);*/ + -webkit-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + /*-webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0);*/ + -webkit-transform: translate3d(-50px, 0, 0); + transform: translate3d(-50px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + from { + opacity: 0; + /*-webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0);*/ + -webkit-transform: translate3d(-50px, 0, 0); + transform: translate3d(-50px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + /*-webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0);*/ + -webkit-transform: translate3d(50px, 0, 0); + transform: translate3d(50px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + from { + opacity: 0; + /*-webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0);*/ + -webkit-transform: translate3d(50px, 0, 0); + transform: translate3d(50px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + visibility: hidden; + /*-webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0);*/ + -webkit-transform: translate3d(0, 40px, 0); + transform: translate3d(0, 40px, 0); + } + + to { + opacity: 1; + /*visibility: visible;*/ + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + from { + opacity: 0; + visibility: hidden; + /*-webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0);*/ + -webkit-transform: translate3d(0, 40px, 0); + transform: translate3d(0, 40px, 0); + } + + to { + visibility: visible; + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpMenu { + from { + opacity: 0; + visibility: hidden; + /*-webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0);*/ + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 1; + visibility: visible; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpMenu { + from { + opacity: 0; + visibility: hidden; + /*-webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0);*/ + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + visibility: visible; + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUpMenu { + -webkit-animation-name: fadeInUpMenu; + animation-name: fadeInUpMenu; +} + +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 40px, 0); + transform: translate3d(0, 40px, 0); + } +} + +@keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 40px, 0); + transform: translate3d(0, 40px, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +@keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + to { + opacity: 0; + } +} + +@keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + to { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + to { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} \ No newline at end of file diff --git a/css/css-bootstrap.css b/css/css-bootstrap.css new file mode 100644 index 0000000..5bc688b --- /dev/null +++ b/css/css-bootstrap.css @@ -0,0 +1,6257 @@ +@charset "UTF-8"; +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +a { + background-color: transparent; +} + +a:active, +a:hover { + outline: 0; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 1em 40px; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ +@media print { + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } + + .navbar { + display: none; + } + + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + + .label { + border: 1px solid #000; + } + + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html { + font-size: 10px; + -webkit-tap-highlight-color: transparent; +} + +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857; + color: #333333; + background-color: #fff; +} + +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +a { + color: #337ab7; + text-decoration: none; +} +a:hover, a:focus { + color: #23527c; + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +figure { + margin: 0; +} + +img { + vertical-align: middle; +} + +.img-responsive { + display: block; + max-width: 100%; + height: auto; +} + +.img-rounded { + border-radius: 6px; +} + +.img-thumbnail { + padding: 4px; + line-height: 1.42857; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; +} + +.img-circle { + border-radius: 50%; +} + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} + +[role="button"] { + cursor: pointer; +} + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} +h1 small, +h1 .small, h2 small, +h2 .small, h3 small, +h3 .small, h4 small, +h4 .small, h5 small, +h5 .small, h6 small, +h6 .small, +.h1 small, +.h1 .small, .h2 small, +.h2 .small, .h3 small, +.h3 .small, .h4 small, +.h4 .small, .h5 small, +.h5 .small, .h6 small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #777777; +} + +h1, .h1, +h2, .h2, +h3, .h3 { + margin-top: 20px; + margin-bottom: 10px; +} +h1 small, +h1 .small, .h1 small, +.h1 .small, +h2 small, +h2 .small, .h2 small, +.h2 .small, +h3 small, +h3 .small, .h3 small, +.h3 .small { + font-size: 65%; +} + +h4, .h4, +h5, .h5, +h6, .h6 { + margin-top: 10px; + margin-bottom: 10px; +} +h4 small, +h4 .small, .h4 small, +.h4 .small, +h5 small, +h5 .small, .h5 small, +.h5 .small, +h6 small, +h6 .small, .h6 small, +.h6 .small { + font-size: 75%; +} + +h1, .h1 { + font-size: 36px; +} + +h2, .h2 { + font-size: 30px; +} + +h3, .h3 { + font-size: 24px; +} + +h4, .h4 { + font-size: 18px; +} + +h5, .h5 { + font-size: 14px; +} + +h6, .h6 { + font-size: 12px; +} + +p { + margin: 0 0 10px; +} + +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 300; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} + +small, +.small { + font-size: 85%; +} + +mark, +.mark { + background-color: #fcf8e3; + padding: .2em; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +.text-justify { + text-align: justify; +} + +.text-nowrap { + white-space: nowrap; +} + +.text-lowercase { + text-transform: lowercase; +} + +.text-uppercase, .initialism { + text-transform: uppercase; +} + +.text-capitalize { + text-transform: capitalize; +} + +.text-muted { + color: #777777; +} + +.text-primary { + color: #337ab7; +} + +a.text-primary:hover, +a.text-primary:focus { + color: #286090; +} + +.text-success { + color: #3c763d; +} + +a.text-success:hover, +a.text-success:focus { + color: #2b542c; +} + +.text-info { + color: #31708f; +} + +a.text-info:hover, +a.text-info:focus { + color: #245269; +} + +.text-warning { + color: #8a6d3b; +} + +a.text-warning:hover, +a.text-warning:focus { + color: #66512c; +} + +.text-danger { + color: #a94442; +} + +a.text-danger:hover, +a.text-danger:focus { + color: #843534; +} + +.bg-primary { + color: #fff; +} + +.bg-primary { + background-color: #337ab7; +} + +a.bg-primary:hover, +a.bg-primary:focus { + background-color: #286090; +} + +.bg-success { + background-color: #dff0d8; +} + +a.bg-success:hover, +a.bg-success:focus { + background-color: #c1e2b3; +} + +.bg-info { + background-color: #d9edf7; +} + +a.bg-info:hover, +a.bg-info:focus { + background-color: #afd9ee; +} + +.bg-warning { + background-color: #fcf8e3; +} + +a.bg-warning:hover, +a.bg-warning:focus { + background-color: #f7ecb5; +} + +.bg-danger { + background-color: #f2dede; +} + +a.bg-danger:hover, +a.bg-danger:focus { + background-color: #e4b9b9; +} + +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; +} + +ul, +ol { + margin-top: 0; + margin-bottom: 10px; +} +ul ul, +ul ol, +ol ul, +ol ol { + margin-bottom: 0; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; +} +.list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} + +dl { + margin-top: 0; + margin-bottom: 20px; +} + +dt, +dd { + line-height: 1.42857; +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 0; +} + +.dl-horizontal dd:before, .dl-horizontal dd:after { + content: " "; + display: table; +} +.dl-horizontal dd:after { + clear: both; +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #777777; +} + +.initialism { + font-size: 90%; +} + +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eeeeee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857; + color: #777777; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} + +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; +} +.blockquote-reverse footer:before, +.blockquote-reverse small:before, +.blockquote-reverse .small:before, +blockquote.pull-right footer:before, +blockquote.pull-right small:before, +blockquote.pull-right .small:before { + content: ''; +} +.blockquote-reverse footer:after, +.blockquote-reverse small:after, +.blockquote-reverse .small:after, +blockquote.pull-right footer:after, +blockquote.pull-right small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} + +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.42857; +} + +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} + +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + border-radius: 4px; +} + +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857; + word-break: break-all; + word-wrap: break-word; + color: #333333; + background-color: #f5f5f5; + border: 1px solid #ccc; + border-radius: 4px; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +.container:before, .container:after { + content: " "; + display: table; +} +.container:after { + clear: both; +} +@media (min-width: 768px) { + .container { + width: 750px; + } +} +@media (min-width: 992px) { + .container { + width: 970px; + } +} +@media (min-width: 1200px) { + .container { + width: 1170px; + } +} + +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +.container-fluid:before, .container-fluid:after { + content: " "; + display: table; +} +.container-fluid:after { + clear: both; +} + +.row { + margin-left: -15px; + margin-right: -15px; +} +.row:before, .row:after { + content: " "; + display: table; +} +.row:after { + clear: both; +} + +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} + +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left; +} + +.col-xs-1 { + width: 8.33333%; +} + +.col-xs-2 { + width: 16.66667%; +} + +.col-xs-3 { + width: 25%; +} + +.col-xs-4 { + width: 33.33333%; +} + +.col-xs-5 { + width: 41.66667%; +} + +.col-xs-6 { + width: 50%; +} + +.col-xs-7 { + width: 58.33333%; +} + +.col-xs-8 { + width: 66.66667%; +} + +.col-xs-9 { + width: 75%; +} + +.col-xs-10 { + width: 83.33333%; +} + +.col-xs-11 { + width: 91.66667%; +} + +.col-xs-12 { + width: 100%; +} + +.col-xs-pull-0 { + right: auto; +} + +.col-xs-pull-1 { + right: 8.33333%; +} + +.col-xs-pull-2 { + right: 16.66667%; +} + +.col-xs-pull-3 { + right: 25%; +} + +.col-xs-pull-4 { + right: 33.33333%; +} + +.col-xs-pull-5 { + right: 41.66667%; +} + +.col-xs-pull-6 { + right: 50%; +} + +.col-xs-pull-7 { + right: 58.33333%; +} + +.col-xs-pull-8 { + right: 66.66667%; +} + +.col-xs-pull-9 { + right: 75%; +} + +.col-xs-pull-10 { + right: 83.33333%; +} + +.col-xs-pull-11 { + right: 91.66667%; +} + +.col-xs-pull-12 { + right: 100%; +} + +.col-xs-push-0 { + left: auto; +} + +.col-xs-push-1 { + left: 8.33333%; +} + +.col-xs-push-2 { + left: 16.66667%; +} + +.col-xs-push-3 { + left: 25%; +} + +.col-xs-push-4 { + left: 33.33333%; +} + +.col-xs-push-5 { + left: 41.66667%; +} + +.col-xs-push-6 { + left: 50%; +} + +.col-xs-push-7 { + left: 58.33333%; +} + +.col-xs-push-8 { + left: 66.66667%; +} + +.col-xs-push-9 { + left: 75%; +} + +.col-xs-push-10 { + left: 83.33333%; +} + +.col-xs-push-11 { + left: 91.66667%; +} + +.col-xs-push-12 { + left: 100%; +} + +.col-xs-offset-0 { + margin-left: 0%; +} + +.col-xs-offset-1 { + margin-left: 8.33333%; +} + +.col-xs-offset-2 { + margin-left: 16.66667%; +} + +.col-xs-offset-3 { + margin-left: 25%; +} + +.col-xs-offset-4 { + margin-left: 33.33333%; +} + +.col-xs-offset-5 { + margin-left: 41.66667%; +} + +.col-xs-offset-6 { + margin-left: 50%; +} + +.col-xs-offset-7 { + margin-left: 58.33333%; +} + +.col-xs-offset-8 { + margin-left: 66.66667%; +} + +.col-xs-offset-9 { + margin-left: 75%; +} + +.col-xs-offset-10 { + margin-left: 83.33333%; +} + +.col-xs-offset-11 { + margin-left: 91.66667%; +} + +.col-xs-offset-12 { + margin-left: 100%; +} + +@media (min-width: 768px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; + } + + .col-sm-1 { + width: 8.33333%; + } + + .col-sm-2 { + width: 16.66667%; + } + + .col-sm-3 { + width: 25%; + } + + .col-sm-4 { + width: 33.33333%; + } + + .col-sm-5 { + width: 41.66667%; + } + + .col-sm-6 { + width: 50%; + } + + .col-sm-7 { + width: 58.33333%; + } + + .col-sm-8 { + width: 66.66667%; + } + + .col-sm-9 { + width: 75%; + } + + .col-sm-10 { + width: 83.33333%; + } + + .col-sm-11 { + width: 91.66667%; + } + + .col-sm-12 { + width: 100%; + } + + .col-sm-pull-0 { + right: auto; + } + + .col-sm-pull-1 { + right: 8.33333%; + } + + .col-sm-pull-2 { + right: 16.66667%; + } + + .col-sm-pull-3 { + right: 25%; + } + + .col-sm-pull-4 { + right: 33.33333%; + } + + .col-sm-pull-5 { + right: 41.66667%; + } + + .col-sm-pull-6 { + right: 50%; + } + + .col-sm-pull-7 { + right: 58.33333%; + } + + .col-sm-pull-8 { + right: 66.66667%; + } + + .col-sm-pull-9 { + right: 75%; + } + + .col-sm-pull-10 { + right: 83.33333%; + } + + .col-sm-pull-11 { + right: 91.66667%; + } + + .col-sm-pull-12 { + right: 100%; + } + + .col-sm-push-0 { + left: auto; + } + + .col-sm-push-1 { + left: 8.33333%; + } + + .col-sm-push-2 { + left: 16.66667%; + } + + .col-sm-push-3 { + left: 25%; + } + + .col-sm-push-4 { + left: 33.33333%; + } + + .col-sm-push-5 { + left: 41.66667%; + } + + .col-sm-push-6 { + left: 50%; + } + + .col-sm-push-7 { + left: 58.33333%; + } + + .col-sm-push-8 { + left: 66.66667%; + } + + .col-sm-push-9 { + left: 75%; + } + + .col-sm-push-10 { + left: 83.33333%; + } + + .col-sm-push-11 { + left: 91.66667%; + } + + .col-sm-push-12 { + left: 100%; + } + + .col-sm-offset-0 { + margin-left: 0%; + } + + .col-sm-offset-1 { + margin-left: 8.33333%; + } + + .col-sm-offset-2 { + margin-left: 16.66667%; + } + + .col-sm-offset-3 { + margin-left: 25%; + } + + .col-sm-offset-4 { + margin-left: 33.33333%; + } + + .col-sm-offset-5 { + margin-left: 41.66667%; + } + + .col-sm-offset-6 { + margin-left: 50%; + } + + .col-sm-offset-7 { + margin-left: 58.33333%; + } + + .col-sm-offset-8 { + margin-left: 66.66667%; + } + + .col-sm-offset-9 { + margin-left: 75%; + } + + .col-sm-offset-10 { + margin-left: 83.33333%; + } + + .col-sm-offset-11 { + margin-left: 91.66667%; + } + + .col-sm-offset-12 { + margin-left: 100%; + } +} +@media (min-width: 992px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; + } + + .col-md-1 { + width: 8.33333%; + } + + .col-md-2 { + width: 16.66667%; + } + + .col-md-3 { + width: 25%; + } + + .col-md-4 { + width: 33.33333%; + } + + .col-md-5 { + width: 41.66667%; + } + + .col-md-6 { + width: 50%; + } + + .col-md-7 { + width: 58.33333%; + } + + .col-md-8 { + width: 66.66667%; + } + + .col-md-9 { + width: 75%; + } + + .col-md-10 { + width: 83.33333%; + } + + .col-md-11 { + width: 91.66667%; + } + + .col-md-12 { + width: 100%; + } + + .col-md-pull-0 { + right: auto; + } + + .col-md-pull-1 { + right: 8.33333%; + } + + .col-md-pull-2 { + right: 16.66667%; + } + + .col-md-pull-3 { + right: 25%; + } + + .col-md-pull-4 { + right: 33.33333%; + } + + .col-md-pull-5 { + right: 41.66667%; + } + + .col-md-pull-6 { + right: 50%; + } + + .col-md-pull-7 { + right: 58.33333%; + } + + .col-md-pull-8 { + right: 66.66667%; + } + + .col-md-pull-9 { + right: 75%; + } + + .col-md-pull-10 { + right: 83.33333%; + } + + .col-md-pull-11 { + right: 91.66667%; + } + + .col-md-pull-12 { + right: 100%; + } + + .col-md-push-0 { + left: auto; + } + + .col-md-push-1 { + left: 8.33333%; + } + + .col-md-push-2 { + left: 16.66667%; + } + + .col-md-push-3 { + left: 25%; + } + + .col-md-push-4 { + left: 33.33333%; + } + + .col-md-push-5 { + left: 41.66667%; + } + + .col-md-push-6 { + left: 50%; + } + + .col-md-push-7 { + left: 58.33333%; + } + + .col-md-push-8 { + left: 66.66667%; + } + + .col-md-push-9 { + left: 75%; + } + + .col-md-push-10 { + left: 83.33333%; + } + + .col-md-push-11 { + left: 91.66667%; + } + + .col-md-push-12 { + left: 100%; + } + + .col-md-offset-0 { + margin-left: 0%; + } + + .col-md-offset-1 { + margin-left: 8.33333%; + } + + .col-md-offset-2 { + margin-left: 16.66667%; + } + + .col-md-offset-3 { + margin-left: 25%; + } + + .col-md-offset-4 { + margin-left: 33.33333%; + } + + .col-md-offset-5 { + margin-left: 41.66667%; + } + + .col-md-offset-6 { + margin-left: 50%; + } + + .col-md-offset-7 { + margin-left: 58.33333%; + } + + .col-md-offset-8 { + margin-left: 66.66667%; + } + + .col-md-offset-9 { + margin-left: 75%; + } + + .col-md-offset-10 { + margin-left: 83.33333%; + } + + .col-md-offset-11 { + margin-left: 91.66667%; + } + + .col-md-offset-12 { + margin-left: 100%; + } +} +@media (min-width: 1200px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; + } + + .col-lg-1 { + width: 8.33333%; + } + + .col-lg-2 { + width: 16.66667%; + } + + .col-lg-3 { + width: 25%; + } + + .col-lg-4 { + width: 33.33333%; + } + + .col-lg-5 { + width: 41.66667%; + } + + .col-lg-6 { + width: 50%; + } + + .col-lg-7 { + width: 58.33333%; + } + + .col-lg-8 { + width: 66.66667%; + } + + .col-lg-9 { + width: 75%; + } + + .col-lg-10 { + width: 83.33333%; + } + + .col-lg-11 { + width: 91.66667%; + } + + .col-lg-12 { + width: 100%; + } + + .col-lg-pull-0 { + right: auto; + } + + .col-lg-pull-1 { + right: 8.33333%; + } + + .col-lg-pull-2 { + right: 16.66667%; + } + + .col-lg-pull-3 { + right: 25%; + } + + .col-lg-pull-4 { + right: 33.33333%; + } + + .col-lg-pull-5 { + right: 41.66667%; + } + + .col-lg-pull-6 { + right: 50%; + } + + .col-lg-pull-7 { + right: 58.33333%; + } + + .col-lg-pull-8 { + right: 66.66667%; + } + + .col-lg-pull-9 { + right: 75%; + } + + .col-lg-pull-10 { + right: 83.33333%; + } + + .col-lg-pull-11 { + right: 91.66667%; + } + + .col-lg-pull-12 { + right: 100%; + } + + .col-lg-push-0 { + left: auto; + } + + .col-lg-push-1 { + left: 8.33333%; + } + + .col-lg-push-2 { + left: 16.66667%; + } + + .col-lg-push-3 { + left: 25%; + } + + .col-lg-push-4 { + left: 33.33333%; + } + + .col-lg-push-5 { + left: 41.66667%; + } + + .col-lg-push-6 { + left: 50%; + } + + .col-lg-push-7 { + left: 58.33333%; + } + + .col-lg-push-8 { + left: 66.66667%; + } + + .col-lg-push-9 { + left: 75%; + } + + .col-lg-push-10 { + left: 83.33333%; + } + + .col-lg-push-11 { + left: 91.66667%; + } + + .col-lg-push-12 { + left: 100%; + } + + .col-lg-offset-0 { + margin-left: 0%; + } + + .col-lg-offset-1 { + margin-left: 8.33333%; + } + + .col-lg-offset-2 { + margin-left: 16.66667%; + } + + .col-lg-offset-3 { + margin-left: 25%; + } + + .col-lg-offset-4 { + margin-left: 33.33333%; + } + + .col-lg-offset-5 { + margin-left: 41.66667%; + } + + .col-lg-offset-6 { + margin-left: 50%; + } + + .col-lg-offset-7 { + margin-left: 58.33333%; + } + + .col-lg-offset-8 { + margin-left: 66.66667%; + } + + .col-lg-offset-9 { + margin-left: 75%; + } + + .col-lg-offset-10 { + margin-left: 83.33333%; + } + + .col-lg-offset-11 { + margin-left: 91.66667%; + } + + .col-lg-offset-12 { + margin-left: 100%; + } +} +table { + background-color: transparent; +} + +caption { + padding-top: 8px; + padding-bottom: 8px; + color: #777777; + text-align: left; +} + +th { + text-align: left; +} + +.table { + width: 100%; + max-width: 100%; + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > thead > tr > td, +.table > tbody > tr > th, +.table > tbody > tr > td, +.table > tfoot > tr > th, +.table > tfoot > tr > td { + padding: 8px; + line-height: 1.42857; + vertical-align: top; + border-top: 1px solid #ddd; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #ddd; +} +.table > caption + thead > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > th, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #ddd; +} +.table .table { + background-color: #fff; +} + +.table-condensed > thead > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > th, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > th, +.table-condensed > tfoot > tr > td { + padding: 5px; +} + +.table-bordered { + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > th, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > th, +.table-bordered > tfoot > tr > td { + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} + +.table-striped > tbody > tr:nth-of-type(odd) { + background-color: #f9f9f9; +} + +.table-hover > tbody > tr:hover { + background-color: #f5f5f5; +} + +table col[class*="col-"] { + position: static; + float: none; + display: table-column; +} + +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; +} + +.table > thead > tr > td.active, +.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, +.table > tbody > tr > td.active, +.table > tbody > tr > th.active, +.table > tbody > tr.active > td, +.table > tbody > tr.active > th, +.table > tfoot > tr > td.active, +.table > tfoot > tr > th.active, +.table > tfoot > tr.active > td, +.table > tfoot > tr.active > th { + background-color: #f5f5f5; +} + +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; +} + +.table > thead > tr > td.success, +.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, +.table > tbody > tr > td.success, +.table > tbody > tr > th.success, +.table > tbody > tr.success > td, +.table > tbody > tr.success > th, +.table > tfoot > tr > td.success, +.table > tfoot > tr > th.success, +.table > tfoot > tr.success > td, +.table > tfoot > tr.success > th { + background-color: #dff0d8; +} + +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; +} + +.table > thead > tr > td.info, +.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, +.table > tbody > tr > td.info, +.table > tbody > tr > th.info, +.table > tbody > tr.info > td, +.table > tbody > tr.info > th, +.table > tfoot > tr > td.info, +.table > tfoot > tr > th.info, +.table > tfoot > tr.info > td, +.table > tfoot > tr.info > th { + background-color: #d9edf7; +} + +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; +} + +.table > thead > tr > td.warning, +.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, +.table > tbody > tr > td.warning, +.table > tbody > tr > th.warning, +.table > tbody > tr.warning > td, +.table > tbody > tr.warning > th, +.table > tfoot > tr > td.warning, +.table > tfoot > tr > th.warning, +.table > tfoot > tr.warning > td, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; +} + +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; +} + +.table > thead > tr > td.danger, +.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, +.table > tbody > tr > td.danger, +.table > tbody > tr > th.danger, +.table > tbody > tr.danger > td, +.table > tbody > tr.danger > th, +.table > tfoot > tr > td.danger, +.table > tfoot > tr > th.danger, +.table > tfoot > tr.danger > td, +.table > tfoot > tr.danger > th { + background-color: #f2dede; +} + +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; +} + +.table-responsive { + overflow-x: auto; + min-height: 0.01%; +} +@media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #ddd; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} + +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: bold; +} + +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; +} + +input[type="file"] { + display: block; +} + +input[type="range"] { + display: block; + width: 100%; +} + +select[multiple], +select[size] { + height: auto; +} + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +output { + display: block; + padding-top: 11px; + font-size: 14px; + line-height: 1.42857; + color: #555555; +} + +.form-control1 { + display: block; + width: 100%; + height: 42px; + padding: 10px 20px; + font-size: 14px; + line-height: 1.42857; + color: #555555; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; +} +.form-control1:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +.form-control1::-moz-placeholder { + color: #999; + opacity: 1; +} +.form-control1:-ms-input-placeholder { + color: #999; +} +.form-control1::-webkit-input-placeholder { + color: #999; +} +.form-control1[disabled], .form-control1[readonly], fieldset[disabled] .form-control1 { + background-color: #eeeeee; + opacity: 1; +} +.form-control1[disabled], fieldset[disabled] .form-control1 { + cursor: not-allowed; +} + +textarea.form-control1 { + height: auto; +} + +input[type="search"] { + -webkit-appearance: none; +} + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"].form-control1, + input[type="time"].form-control1, + input[type="datetime-local"].form-control1, + input[type="month"].form-control1 { + line-height: 42px; + } + input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control1, + .input-group-sm > input[type="date"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], + input[type="time"].input-sm, + .input-group-sm > input[type="time"].form-control1, + .input-group-sm > input[type="time"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm + input[type="time"], + input[type="datetime-local"].input-sm, + .input-group-sm > input[type="datetime-local"].form-control1, + .input-group-sm > input[type="datetime-local"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm + input[type="datetime-local"], + input[type="month"].input-sm, + .input-group-sm > input[type="month"].form-control1, + .input-group-sm > input[type="month"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm + input[type="month"] { + line-height: 30px; + } + input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control1, + .input-group-lg > input[type="date"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], + input[type="time"].input-lg, + .input-group-lg > input[type="time"].form-control1, + .input-group-lg > input[type="time"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg + input[type="time"], + input[type="datetime-local"].input-lg, + .input-group-lg > input[type="datetime-local"].form-control1, + .input-group-lg > input[type="datetime-local"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg + input[type="datetime-local"], + input[type="month"].input-lg, + .input-group-lg > input[type="month"].form-control1, + .input-group-lg > input[type="month"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg + input[type="month"] { + line-height: 46px; + } +} +.form-group { + margin-bottom: 15px; +} + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; +} +.radio label, +.checkbox label { + min-height: 20px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; +} + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} + +input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], +input[type="checkbox"][disabled], +input[type="checkbox"].disabled, fieldset[disabled] +input[type="checkbox"] { + cursor: not-allowed; +} + +.radio-inline.disabled, fieldset[disabled] .radio-inline, +.checkbox-inline.disabled, fieldset[disabled] +.checkbox-inline { + cursor: not-allowed; +} + +.radio.disabled label, fieldset[disabled] .radio label, +.checkbox.disabled label, fieldset[disabled] +.checkbox label { + cursor: not-allowed; +} + +.form-control1-static { + padding-top: 11px; + padding-bottom: 11px; + margin-bottom: 0; + min-height: 34px; +} +.form-control1-static.input-lg, .input-group-lg > .form-control1-static.form-control1, +.input-group-lg > .form-control1-static.input-group-addon, +.input-group-lg > .input-group-btn > .form-control1-static.btn, .form-control1-static.input-sm, .input-group-sm > .form-control1-static.form-control1, +.input-group-sm > .form-control1-static.input-group-addon, +.input-group-sm > .input-group-btn > .form-control1-static.btn { + padding-left: 0; + padding-right: 0; +} + +.input-sm, .input-group-sm > .form-control1, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 20px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +select.input-sm, .input-group-sm > select.form-control1, +.input-group-sm > select.input-group-addon, +.input-group-sm > .input-group-btn > select.btn { + height: 30px; + line-height: 30px; +} + +textarea.input-sm, .input-group-sm > textarea.form-control1, +.input-group-sm > textarea.input-group-addon, +.input-group-sm > .input-group-btn > textarea.btn, +select[multiple].input-sm, +.input-group-sm > select[multiple].form-control1, +.input-group-sm > select[multiple].input-group-addon, +.input-group-sm > .input-group-btn > select[multiple].btn { + height: auto; +} + +.form-group-sm .form-control1 { + height: 30px; + padding: 5px 20px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.form-group-sm select.form-control1 { + height: 30px; + line-height: 30px; +} +.form-group-sm textarea.form-control1, +.form-group-sm select[multiple].form-control1 { + height: auto; +} +.form-group-sm .form-control1-static { + height: 30px; + min-height: 32px; + padding: 6px 20px; + font-size: 12px; + line-height: 1.5; +} + +.input-lg, .input-group-lg > .form-control1, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 46px; + padding: 10px 20px; + font-size: 18px; + line-height: 1.33333; + border-radius: 6px; +} + +select.input-lg, .input-group-lg > select.form-control1, +.input-group-lg > select.input-group-addon, +.input-group-lg > .input-group-btn > select.btn { + height: 46px; + line-height: 46px; +} + +textarea.input-lg, .input-group-lg > textarea.form-control1, +.input-group-lg > textarea.input-group-addon, +.input-group-lg > .input-group-btn > textarea.btn, +select[multiple].input-lg, +.input-group-lg > select[multiple].form-control1, +.input-group-lg > select[multiple].input-group-addon, +.input-group-lg > .input-group-btn > select[multiple].btn { + height: auto; +} + +.form-group-lg .form-control1 { + height: 46px; + padding: 10px 20px; + font-size: 18px; + line-height: 1.33333; + border-radius: 6px; +} +.form-group-lg select.form-control1 { + height: 46px; + line-height: 46px; +} +.form-group-lg textarea.form-control1, +.form-group-lg select[multiple].form-control1 { + height: auto; +} +.form-group-lg .form-control1-static { + height: 46px; + min-height: 38px; + padding: 11px 20px; + font-size: 18px; + line-height: 1.33333; +} + +.has-feedback { + position: relative; +} +.has-feedback .form-control1 { + padding-right: 52.5px; +} + +.form-control1-feedback { + position: absolute; + top: 0; + right: 0; + z-index: 2; + display: block; + width: 42px; + height: 42px; + line-height: 42px; + text-align: center; + pointer-events: none; +} + +.input-lg + .form-control1-feedback, .input-group-lg > .form-control1 + .form-control1-feedback, +.input-group-lg > .input-group-addon + .form-control1-feedback, +.input-group-lg > .input-group-btn > .btn + .form-control1-feedback, +.input-group-lg + .form-control1-feedback, +.form-group-lg .form-control1 + .form-control1-feedback { + width: 46px; + height: 46px; + line-height: 46px; +} + +.input-sm + .form-control1-feedback, .input-group-sm > .form-control1 + .form-control1-feedback, +.input-group-sm > .input-group-addon + .form-control1-feedback, +.input-group-sm > .input-group-btn > .btn + .form-control1-feedback, +.input-group-sm + .form-control1-feedback, +.form-group-sm .form-control1 + .form-control1-feedback { + width: 30px; + height: 30px; + line-height: 30px; +} + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { + color: #3c763d; +} +.has-success .form-control1 { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control1:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + border-color: #3c763d; + background-color: #dff0d8; +} +.has-success .form-control1-feedback { + color: #3c763d; +} + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { + color: #8a6d3b; +} +.has-warning .form-control1 { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control1:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; +} +.has-warning .input-group-addon { + color: #8a6d3b; + border-color: #8a6d3b; + background-color: #fcf8e3; +} +.has-warning .form-control1-feedback { + color: #8a6d3b; +} + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { + color: #a94442; +} +.has-error .form-control1 { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control1:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #f2dede; +} +.has-error .form-control1-feedback { + color: #a94442; +} + +.has-feedback label ~ .form-control1-feedback { + top: 25px; +} +.has-feedback label.sr-only ~ .form-control1-feedback { + top: 0; +} + +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} + +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control1 { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control1-static { + display: inline-block; + } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; + } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control1 { + width: auto; + } + .form-inline .input-group > .form-control1 { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .form-inline .has-feedback .form-control1-feedback { + top: 0; + } +} + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 11px; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 31px; +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px; +} +.form-horizontal .form-group:before, .form-horizontal .form-group:after { + content: " "; + display: table; +} +.form-horizontal .form-group:after { + clear: both; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 11px; + } +} +.form-horizontal .has-feedback .form-control1-feedback { + right: 15px; +} +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 14.33333px; + font-size: 18px; + } +} +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 6px; + font-size: 12px; + } +} + +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 10px 20px; + font-size: 14px; + line-height: 1.42857; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, .btn:focus, .btn.focus { + color: #333; + text-decoration: none; +} +.btn:active, .btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, .btn[disabled], fieldset[disabled] .btn { + cursor: not-allowed; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +a.btn.disabled, fieldset[disabled] a.btn { + pointer-events: none; +} + +.btn-default { + color: #333; + background-color: #fff; + border-color: #ccc; +} +.btn-default:focus, .btn-default.focus { + color: #333; + background-color: #e6e6e6; + border-color: #8c8c8c; +} +.btn-default:hover { + color: #333; + background-color: #e6e6e6; + border-color: #adadad; +} +.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { + color: #333; + background-color: #e6e6e6; + border-color: #adadad; +} +.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { + color: #333; + background-color: #d4d4d4; + border-color: #8c8c8c; +} +.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { + background-image: none; +} +.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { + background-color: #fff; + border-color: #ccc; +} +.btn-default .badge { + color: #fff; + background-color: #333; +} + +.btn-primary { + color: #fff; + background-color: #337ab7; + border-color: #2e6da4; +} +.btn-primary:focus, .btn-primary.focus { + color: #fff; + background-color: #286090; + border-color: #122b40; +} +.btn-primary:hover { + color: #fff; + background-color: #286090; + border-color: #204d74; +} +.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #286090; + border-color: #204d74; +} +.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { + color: #fff; + background-color: #204d74; + border-color: #122b40; +} +.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { + background-image: none; +} +.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { + background-color: #337ab7; + border-color: #2e6da4; +} +.btn-primary .badge { + color: #337ab7; + background-color: #fff; +} + +.btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success:focus, .btn-success.focus { + color: #fff; + background-color: #449d44; + border-color: #255625; +} +.btn-success:hover { + color: #fff; + background-color: #449d44; + border-color: #398439; +} +.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { + color: #fff; + background-color: #449d44; + border-color: #398439; +} +.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { + color: #fff; + background-color: #398439; + border-color: #255625; +} +.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { + background-image: none; +} +.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success .badge { + color: #5cb85c; + background-color: #fff; +} + +.btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info:focus, .btn-info.focus { + color: #fff; + background-color: #31b0d5; + border-color: #1b6d85; +} +.btn-info:hover { + color: #fff; + background-color: #31b0d5; + border-color: #269abc; +} +.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #31b0d5; + border-color: #269abc; +} +.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { + color: #fff; + background-color: #269abc; + border-color: #1b6d85; +} +.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { + background-image: none; +} +.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info .badge { + color: #5bc0de; + background-color: #fff; +} + +.btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning:focus, .btn-warning.focus { + color: #fff; + background-color: #ec971f; + border-color: #985f0d; +} +.btn-warning:hover { + color: #fff; + background-color: #ec971f; + border-color: #d58512; +} +.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #ec971f; + border-color: #d58512; +} +.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { + color: #fff; + background-color: #d58512; + border-color: #985f0d; +} +.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { + background-image: none; +} +.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning .badge { + color: #f0ad4e; + background-color: #fff; +} + +.btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger:focus, .btn-danger.focus { + color: #fff; + background-color: #c9302c; + border-color: #761c19; +} +.btn-danger:hover { + color: #fff; + background-color: #c9302c; + border-color: #ac2925; +} +.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #c9302c; + border-color: #ac2925; +} +.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { + color: #fff; + background-color: #ac2925; + border-color: #761c19; +} +.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { + background-image: none; +} +.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger .badge { + color: #d9534f; + background-color: #fff; +} + +.btn-link { + color: #337ab7; + font-weight: normal; + border-radius: 0; +} +.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { + border-color: transparent; +} +.btn-link:hover, .btn-link:focus { + color: #23527c; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { + color: #777777; + text-decoration: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 10px 20px; + font-size: 18px; + line-height: 1.33333; + border-radius: 6px; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 5px 20px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.btn-xs, .btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.btn-block { + display: block; + width: 100%; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} + +.collapse { + display: none; +} +.collapse.in { + display: block; +} + +tr.collapse.in { + display: table-row; +} + +tbody.collapse.in { + display: table-row-group; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition-property: height, visibility; + transition-property: height, visibility; + -webkit-transition-duration: 0.35s; + transition-duration: 0.35s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px dashed; + border-top: 4px solid \9; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} + +.dropup, +.dropdown { + position: relative; +} + +.dropdown-toggle:focus { + outline: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 14px; + text-align: left; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857; + color: #333333; + white-space: nowrap; +} + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + text-decoration: none; + color: #262626; + background-color: #f5f5f5; +} + +.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { + color: #fff; + text-decoration: none; + outline: 0; + background-color: #337ab7; +} + +.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { + color: #777777; +} +.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; +} + +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} + +.dropdown-menu-right { + left: auto; + right: 0; +} + +.dropdown-menu-left { + left: 0; + right: auto; +} + +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857; + color: #777777; + white-space: nowrap; +} + +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} + +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px dashed; + border-bottom: 4px solid \9; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; +} + +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + right: 0; + left: auto; + } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto; + } +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:hover, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 2; +} + +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; +} + +.btn-toolbar { + margin-left: -5px; +} +.btn-toolbar:before, .btn-toolbar:after { + content: " "; + display: table; +} +.btn-toolbar:after { + clear: both; +} +.btn-toolbar .btn, +.btn-toolbar .btn-group, +.btn-toolbar .input-group { + float: left; +} +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group { + margin-left: 5px; +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.btn-group > .btn-group { + float: left; +} + +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} + +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} + +.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn .caret { + margin-left: 0; +} + +.btn-lg .caret, .btn-group-lg > .btn .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} + +.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { + border-width: 0 5px 5px; +} + +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} +.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { + content: " "; + display: table; +} +.btn-group-vertical > .btn-group:after { + clear: both; +} +.btn-group-vertical > .btn-group > .btn { + float: none; +} +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; +} + +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} + +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + float: none; + display: table-cell; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +.btn-group-justified > .btn-group .dropdown-menu { + left: auto; +} + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; +} +.input-group .form-control1 { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} + +.input-group-addon, +.input-group-btn, +.input-group .form-control1 { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control1:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} + +.input-group-addon { + padding: 10px 20px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555555; + text-align: center; + background-color: #eeeeee; + border: 1px solid #ccc; + border-radius: 4px; +} +.input-group-addon.input-sm, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .input-group-addon.btn { + padding: 5px 20px; + font-size: 12px; + border-radius: 3px; +} +.input-group-addon.input-lg, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .input-group-addon.btn { + padding: 10px 20px; + font-size: 18px; + border-radius: 6px; +} +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; +} + +.input-group .form-control1:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.input-group-addon:first-child { + border-right: 0; +} + +.input-group .form-control1:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.input-group-addon:last-child { + border-left: 0; +} + +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; +} +.input-group-btn > .btn + .btn { + margin-left: -1px; +} +.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { + z-index: 2; +} +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { + margin-right: -1px; +} +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { + z-index: 2; + margin-left: -1px; +} + +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; +} +.nav:before, .nav:after { + content: " "; + display: table; +} +.nav:after { + clear: both; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, .nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #777777; +} +.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { + color: #777777; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; +} +.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { + background-color: #eeeeee; + border-color: #337ab7; +} +.nav .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} + +.nav-tabs { + border-bottom: 1px solid #ddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #ddd; +} +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + color: #555555; + background-color: #fff; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default; +} + +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 4px; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { + color: #fff; + background-color: #337ab7; +} + +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} + +.nav-justified, .nav-tabs.nav-justified { + width: 100%; +} +.nav-justified > li, .nav-tabs.nav-justified > li { + float: none; +} +.nav-justified > li > a, .nav-tabs.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li, .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} + +.nav-tabs-justified, .nav-tabs.nav-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #fff; + } +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.navbar { + position: relative; + min-height: 55px; + margin-bottom: 20px; + border: 1px solid transparent; +} +.navbar:before, .navbar:after { + content: " "; + display: table; +} +.navbar:after { + clear: both; +} +@media (min-width: 768px) { + .navbar { + border-radius: 4px; + } +} + +.navbar-header:before, .navbar-header:after { + content: " "; + display: table; +} +.navbar-header:after { + clear: both; +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} + +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; +} +.navbar-collapse:before, .navbar-collapse:after { + content: " "; + display: table; +} +.navbar-collapse:after { + clear: both; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} + +.navbar-fixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-device-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} + +.container > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-header, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-header, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} + +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} + +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} + +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} + +.navbar-brand { + float: left; + padding: 17.5px 15px; + font-size: 18px; + line-height: 20px; + height: 55px; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} +.navbar-brand > img { + display: block; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} + +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 10.5px; + margin-bottom: 10.5px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} + +.navbar-nav { + margin: 8.75px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 17.5px; + padding-bottom: 17.5px; + } +} + +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 6.5px; + margin-bottom: 6.5px; +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control1 { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .form-control1-static { + display: inline-block; + } + .navbar-form .input-group { + display: inline-table; + vertical-align: middle; + } + .navbar-form .input-group .input-group-addon, + .navbar-form .input-group .input-group-btn, + .navbar-form .input-group .form-control1 { + width: auto; + } + .navbar-form .input-group > .form-control1 { + width: 100%; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .navbar-form .has-feedback .form-control1-feedback { + top: 0; + } +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } + .navbar-form .form-group:last-child { + margin-bottom: 0; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + margin-bottom: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.navbar-btn { + margin-top: 6.5px; + margin-bottom: 6.5px; +} +.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { + margin-top: 12.5px; + margin-bottom: 12.5px; +} +.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { + margin-top: 16.5px; + margin-bottom: 16.5px; +} + +.navbar-text { + margin-top: 17.5px; + margin-bottom: 17.5px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } +} + +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + + .navbar-right { + float: right !important; + margin-right: -15px; + } + .navbar-right ~ .navbar-right { + margin-right: 0; + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7; +} +.navbar-default .navbar-brand { + color: #777; +} +.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777; +} +.navbar-default .navbar-nav > li > a { + color: #777; +} +.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { + color: #333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { + color: #555; + background-color: #e7e7e7; +} +.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { + color: #ccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #ddd; +} +.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { + background-color: #ddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #e7e7e7; +} +.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { + background-color: #e7e7e7; + color: #555; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #ccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #777; +} +.navbar-default .navbar-link:hover { + color: #333; +} +.navbar-default .btn-link { + color: #777; +} +.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { + color: #333; +} +.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { + color: #ccc; +} + +.navbar-inverse { + background-color: #222; + border-color: #090909; +} +.navbar-inverse .navbar-brand { + color: #9d9d9d; +} +.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #9d9d9d; +} +.navbar-inverse .navbar-nav > li > a { + color: #9d9d9d; +} +.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { + color: #fff; + background-color: #090909; +} +.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333; +} +.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { + background-color: #333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010; +} +.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { + background-color: #090909; + color: #fff; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #090909; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #090909; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #9d9d9d; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #fff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #fff; + background-color: #090909; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: #9d9d9d; +} +.navbar-inverse .navbar-link:hover { + color: #fff; +} +.navbar-inverse .btn-link { + color: #9d9d9d; +} +.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { + color: #fff; +} +.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { + color: #444; +} + +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + content: "/ "; + padding: 0 5px; + color: #ccc; +} +.breadcrumb > .active { + color: #777777; +} + +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 10px 20px; + line-height: 1.42857; + text-decoration: none; + color: #337ab7; + background-color: #fff; + border: 1px solid #ddd; + margin-left: -1px; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; +} +.pagination > li > a:hover, .pagination > li > a:focus, +.pagination > li > span:hover, +.pagination > li > span:focus { + z-index: 3; + color: #23527c; + background-color: #eeeeee; + border-color: #ddd; +} +.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, +.pagination > .active > span, +.pagination > .active > span:hover, +.pagination > .active > span:focus { + z-index: 2; + color: #fff; + background-color: #337ab7; + border-color: #337ab7; + cursor: default; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #777777; + background-color: #fff; + border-color: #ddd; + cursor: not-allowed; +} + +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 20px; + font-size: 18px; + line-height: 1.33333; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; +} + +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 20px; + font-size: 12px; + line-height: 1.5; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} + +.pager { + padding-left: 0; + margin: 20px 0; + list-style: none; + text-align: center; +} +.pager:before, .pager:after { + content: " "; + display: table; +} +.pager:after { + clear: both; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #777777; + background-color: #fff; + cursor: not-allowed; +} + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} + +a.label:hover, a.label:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.label-default { + background-color: #777777; +} +.label-default[href]:hover, .label-default[href]:focus { + background-color: #5e5e5e; +} + +.label-primary { + background-color: #337ab7; +} +.label-primary[href]:hover, .label-primary[href]:focus { + background-color: #286090; +} + +.label-success { + background-color: #5cb85c; +} +.label-success[href]:hover, .label-success[href]:focus { + background-color: #449d44; +} + +.label-info { + background-color: #5bc0de; +} +.label-info[href]:hover, .label-info[href]:focus { + background-color: #31b0d5; +} + +.label-warning { + background-color: #f0ad4e; +} +.label-warning[href]:hover, .label-warning[href]:focus { + background-color: #ec971f; +} + +.label-danger { + background-color: #d9534f; +} +.label-danger[href]:hover, .label-danger[href]:focus { + background-color: #c9302c; +} + +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #fff; + line-height: 1; + vertical-align: middle; + white-space: nowrap; + text-align: center; + background-color: #777777; + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { + top: 0; + padding: 1px 5px; +} +.list-group-item.active > .badge, .nav-pills > .active > a > .badge { + color: #337ab7; + background-color: #fff; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} + +a.badge:hover, a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.jumbotron { + padding-top: 30px; + padding-bottom: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #eeeeee; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; +} +.jumbotron > hr { + border-top-color: #d5d5d5; +} +.container .jumbotron, .container-fluid .jumbotron { + border-radius: 6px; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron, .container-fluid .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 63px; + } +} + +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.42857; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: border 0.2s ease-in-out; + -o-transition: border 0.2s ease-in-out; + transition: border 0.2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + display: block; + max-width: 100%; + height: auto; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; + color: #333333; +} + +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #337ab7; +} + +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 4px; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} + +.alert-dismissable, +.alert-dismissible { + padding-right: 35px; +} +.alert-dismissable .close, +.alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} + +.alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #3c763d; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #2b542c; +} + +.alert-info { + background-color: #d9edf7; + border-color: #bce8f1; + color: #31708f; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #245269; +} + +.alert-warning { + background-color: #fcf8e3; + border-color: #faebcc; + color: #8a6d3b; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #66512c; +} + +.alert-danger { + background-color: #f2dede; + border-color: #ebccd1; + color: #a94442; +} +.alert-danger hr { + border-top-color: #e4b9c0; +} +.alert-danger .alert-link { + color: #843534; +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #337ab7; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} + +.progress-striped .progress-bar, +.progress-bar-striped { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} + +.progress.active .progress-bar, +.progress-bar.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-bar-success { + background-color: #5cb85c; +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-info { + background-color: #5bc0de; +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-warning { + background-color: #f0ad4e; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-danger { + background-color: #d9534f; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} + +.media, +.media-body { + zoom: 1; + overflow: hidden; +} + +.media-body { + width: 10000px; +} + +.media-object { + display: block; +} +.media-object.img-thumbnail { + max-width: none; +} + +.media-right, +.media > .pull-right { + padding-left: 10px; +} + +.media-left, +.media > .pull-left { + padding-right: 10px; +} + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} + +.media-middle { + vertical-align: middle; +} + +.media-bottom { + vertical-align: bottom; +} + +.media-heading { + margin-top: 0; + margin-bottom: 5px; +} + +.media-list { + padding-left: 0; + list-style: none; +} + +.list-group { + margin-bottom: 20px; + padding-left: 0; +} + +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd; +} +.list-group-item:first-child { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +a.list-group-item, +button.list-group-item { + color: #555; +} +a.list-group-item .list-group-item-heading, +button.list-group-item .list-group-item-heading { + color: #333; +} +a.list-group-item:hover, a.list-group-item:focus, +button.list-group-item:hover, +button.list-group-item:focus { + text-decoration: none; + color: #555; + background-color: #f5f5f5; +} + +button.list-group-item { + width: 100%; + text-align: left; +} + +.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { + background-color: #eeeeee; + color: #777777; + cursor: not-allowed; +} +.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { + color: inherit; +} +.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { + color: #777777; +} +.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { + z-index: 2; + color: #fff; + background-color: #337ab7; + border-color: #337ab7; +} +.list-group-item.active .list-group-item-heading, +.list-group-item.active .list-group-item-heading > small, +.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, +.list-group-item.active:hover .list-group-item-heading > small, +.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, +.list-group-item.active:focus .list-group-item-heading > small, +.list-group-item.active:focus .list-group-item-heading > .small { + color: inherit; +} +.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { + color: #c7ddef; +} + +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8; +} + +a.list-group-item-success, +button.list-group-item-success { + color: #3c763d; +} +a.list-group-item-success .list-group-item-heading, +button.list-group-item-success .list-group-item-heading { + color: inherit; +} +a.list-group-item-success:hover, a.list-group-item-success:focus, +button.list-group-item-success:hover, +button.list-group-item-success:focus { + color: #3c763d; + background-color: #d0e9c6; +} +a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, +button.list-group-item-success.active, +button.list-group-item-success.active:hover, +button.list-group-item-success.active:focus { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; +} + +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} + +a.list-group-item-info, +button.list-group-item-info { + color: #31708f; +} +a.list-group-item-info .list-group-item-heading, +button.list-group-item-info .list-group-item-heading { + color: inherit; +} +a.list-group-item-info:hover, a.list-group-item-info:focus, +button.list-group-item-info:hover, +button.list-group-item-info:focus { + color: #31708f; + background-color: #c4e3f3; +} +a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, +button.list-group-item-info.active, +button.list-group-item-info.active:hover, +button.list-group-item-info.active:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; +} + +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; +} + +a.list-group-item-warning, +button.list-group-item-warning { + color: #8a6d3b; +} +a.list-group-item-warning .list-group-item-heading, +button.list-group-item-warning .list-group-item-heading { + color: inherit; +} +a.list-group-item-warning:hover, a.list-group-item-warning:focus, +button.list-group-item-warning:hover, +button.list-group-item-warning:focus { + color: #8a6d3b; + background-color: #faf2cc; +} +a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, +button.list-group-item-warning.active, +button.list-group-item-warning.active:hover, +button.list-group-item-warning.active:focus { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; +} + +.list-group-item-danger { + color: #a94442; + background-color: #f2dede; +} + +a.list-group-item-danger, +button.list-group-item-danger { + color: #a94442; +} +a.list-group-item-danger .list-group-item-heading, +button.list-group-item-danger .list-group-item-heading { + color: inherit; +} +a.list-group-item-danger:hover, a.list-group-item-danger:focus, +button.list-group-item-danger:hover, +button.list-group-item-danger:focus { + color: #a94442; + background-color: #ebcccc; +} +a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, +button.list-group-item-danger.active, +button.list-group-item-danger.active:hover, +button.list-group-item-danger.active:focus { + color: #fff; + background-color: #a94442; + border-color: #a94442; +} + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} + +.panel { + margin-bottom: 20px; + background-color: #fff; + border: 1px solid transparent; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.panel-body { + padding: 15px; +} +.panel-body:before, .panel-body:after { + content: " "; + display: table; +} +.panel-body:after { + clear: both; +} + +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} + +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; +} +.panel-title > a, +.panel-title > small, +.panel-title > .small, +.panel-title > small > a, +.panel-title > .small > a { + color: inherit; +} + +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.panel > .list-group, +.panel > .panel-collapse > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item, +.panel > .panel-collapse > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child, +.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel > .list-group:last-child .list-group-item:last-child, +.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} + +.list-group + .panel-footer { + border-top-width: 0; +} + +.panel > .table, +.panel > .table-responsive > .table, +.panel > .panel-collapse > .table { + margin-bottom: 0; +} +.panel > .table caption, +.panel > .table-responsive > .table caption, +.panel > .panel-collapse > .table caption { + padding-left: 15px; + padding-right: 15px; +} +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 3px; +} +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 3px; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive, +.panel > .table + .panel-body, +.panel > .table-responsive + .panel-body { + border-top: 1px solid #ddd; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; +} +.panel > .table-responsive { + border: 0; + margin-bottom: 0; +} + +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 4px; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse > .panel-body, +.panel-group .panel-heading + .panel-collapse > .list-group { + border-top: 1px solid #ddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #ddd; +} + +.panel-default { + border-color: #ddd; +} +.panel-default > .panel-heading { + color: #333333; + background-color: #f5f5f5; + border-color: #ddd; +} +.panel-default > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #ddd; +} +.panel-default > .panel-heading .badge { + color: #f5f5f5; + background-color: #333333; +} +.panel-default > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ddd; +} + +.panel-primary { + border-color: #337ab7; +} +.panel-primary > .panel-heading { + color: #fff; + background-color: #337ab7; + border-color: #337ab7; +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #337ab7; +} +.panel-primary > .panel-heading .badge { + color: #337ab7; + background-color: #fff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #337ab7; +} + +.panel-success { + border-color: #d6e9c6; +} +.panel-success > .panel-heading { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.panel-success > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #d6e9c6; +} +.panel-success > .panel-heading .badge { + color: #dff0d8; + background-color: #3c763d; +} +.panel-success > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #d6e9c6; +} + +.panel-info { + border-color: #bce8f1; +} +.panel-info > .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.panel-info > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #bce8f1; +} +.panel-info > .panel-heading .badge { + color: #d9edf7; + background-color: #31708f; +} +.panel-info > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #bce8f1; +} + +.panel-warning { + border-color: #faebcc; +} +.panel-warning > .panel-heading { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.panel-warning > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #faebcc; +} +.panel-warning > .panel-heading .badge { + color: #fcf8e3; + background-color: #8a6d3b; +} +.panel-warning > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #faebcc; +} + +.panel-danger { + border-color: #ebccd1; +} +.panel-danger > .panel-heading { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.panel-danger > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #ebccd1; +} +.panel-danger > .panel-heading .badge { + color: #f2dede; + background-color: #a94442; +} +.panel-danger > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ebccd1; +} + +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; +} + +.embed-responsive-16by9 { + padding-bottom: 56.25%; +} + +.embed-responsive-4by3 { + padding-bottom: 75%; +} + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} + +.well-lg { + padding: 24px; + border-radius: 6px; +} + +.well-sm { + padding: 9px; + border-radius: 3px; +} + +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} + +.modal-open { + overflow: hidden; +} + +.modal { + display: none; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + -o-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} + +.modal-content { + position: relative; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); +} + +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.42857px; +} + +.modal-header .close { + margin-top: -2px; +} + +.modal-title { + margin: 0; + line-height: 1.42857; +} + +.modal-body { + position: relative; + padding: 15px; +} + +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; +} +.modal-footer:before, .modal-footer:after { + content: " "; + display: table; +} +.modal-footer:after { + clear: both; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + + .modal-sm { + width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.42857; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + font-size: 12px; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 4px; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + right: 5px; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.top-right .tooltip-arrow { + bottom: 0; + left: 5px; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + right: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + left: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: none; + max-width: 276px; + padding: 1px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.42857; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + font-size: 14px; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} + +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} + +.popover-content { + padding: 9px 14px; +} + +.popover > .arrow, .popover > .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover > .arrow { + border-width: 11px; +} + +.popover > .arrow:after { + border-width: 10px; + content: ""; +} + +.popover.top > .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top > .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #fff; +} +.popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); +} +.popover.right > .arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #fff; +} +.popover.bottom > .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; +} +.popover.bottom > .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #fff; +} +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left > .arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #fff; + bottom: -10px; +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; + line-height: 1; +} +@media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .item { + -webkit-transition: -webkit-transform 0.6s ease-in-out; + -moz-transition: -moz-transform 0.6s ease-in-out; + -o-transition: -o-transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + -moz-perspective: 1000px; + perspective: 1000px; + } + .carousel-inner > .item.next, .carousel-inner > .item.active.right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + left: 0; + } + .carousel-inner > .item.prev, .carousel-inner > .item.active.left { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + left: 0; + } + .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + left: 0; + } +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); +} +.carousel-control.right { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); +} +.carousel-control:hover, .carousel-control:focus { + outline: 0; + color: #fff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + margin-top: -10px; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + line-height: 1; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: '\2039'; +} +.carousel-control .icon-next:before { + content: '\203a'; +} + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #fff; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: transparent; +} +.carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #fff; +} + +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-caption .btn { + text-shadow: none; +} + +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev { + margin-left: -15px; + } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next { + margin-right: -15px; + } + + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + + .carousel-indicators { + bottom: 20px; + } +} +.clearfix:before, .clearfix:after { + content: " "; + display: table; +} +.clearfix:after { + clear: both; +} + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} + +.pull-right { + float: right !important; +} + +.pull-left { + float: left !important; +} + +.hide { + display: none !important; +} + +.show { + display: block !important; +} + +.invisible { + visibility: hidden; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.hidden { + display: none !important; +} + +.affix { + position: fixed; +} + +@-ms-viewport { + width: device-width; +} +.visible-xs { + display: none !important; +} + +.visible-sm { + display: none !important; +} + +.visible-md { + display: none !important; +} + +.visible-lg { + display: none !important; +} + +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block { + display: none !important; +} + +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + + table.visible-xs { + display: table !important; + } + + tr.visible-xs { + display: table-row !important; + } + + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } +} + +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } +} + +@media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + + table.visible-sm { + display: table !important; + } + + tr.visible-sm { + display: table-row !important; + } + + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + + table.visible-md { + display: table !important; + } + + tr.visible-md { + display: table-row !important; + } + + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-block { + display: block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline { + display: inline !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + + table.visible-lg { + display: table !important; + } + + tr.visible-lg { + display: table-row !important; + } + + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg-block { + display: block !important; + } +} + +@media (min-width: 1200px) { + .visible-lg-inline { + display: inline !important; + } +} + +@media (min-width: 1200px) { + .visible-lg-inline-block { + display: inline-block !important; + } +} + +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} + +@media print { + .visible-print { + display: block !important; + } + + table.visible-print { + display: table !important; + } + + tr.visible-print { + display: table-row !important; + } + + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +.visible-print-block { + display: none !important; +} +@media print { + .visible-print-block { + display: block !important; + } +} + +.visible-print-inline { + display: none !important; +} +@media print { + .visible-print-inline { + display: inline !important; + } +} + +.visible-print-inline-block { + display: none !important; +} +@media print { + .visible-print-inline-block { + display: inline-block !important; + } +} + +@media print { + .hidden-print { + display: none !important; + } +} + +/*# sourceMappingURL=bootstrap.css.map */ diff --git a/css/css-icomoon.css b/css/css-icomoon.css new file mode 100644 index 0000000..81e06ef --- /dev/null +++ b/css/css-icomoon.css @@ -0,0 +1,1571 @@ +@font-face { + font-family: 'icomoon'; + src: url('../fonts/icomoon-icomoon.eot'); + src: url('../fonts/icomoon-icomoon.eot#iefix') format('embedded-opentype'), + url('../fonts/icomoon-icomoon.ttf') format('truetype'), + url('../fonts/icomoon-icomoon.woff') format('woff'), + url('../fonts/icomoon-icomoon.svg') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-eye:before { + content: "\e000"; +} +.icon-paper-clip:before { + content: "\e001"; +} +.icon-mail:before { + content: "\e002"; +} +.icon-toggle:before { + content: "\e003"; +} +.icon-layout:before { + content: "\e004"; +} +.icon-link:before { + content: "\e005"; +} +.icon-bell:before { + content: "\e006"; +} +.icon-lock:before { + content: "\e007"; +} +.icon-unlock:before { + content: "\e008"; +} +.icon-ribbon:before { + content: "\e009"; +} +.icon-image:before { + content: "\e010"; +} +.icon-signal:before { + content: "\e011"; +} +.icon-target:before { + content: "\e012"; +} +.icon-clipboard:before { + content: "\e013"; +} +.icon-clock:before { + content: "\e014"; +} +.icon-watch:before { + content: "\e015"; +} +.icon-air-play:before { + content: "\e016"; +} +.icon-camera:before { + content: "\e017"; +} +.icon-video:before { + content: "\e018"; +} +.icon-disc:before { + content: "\e019"; +} +.icon-printer:before { + content: "\e020"; +} +.icon-monitor:before { + content: "\e021"; +} +.icon-server:before { + content: "\e022"; +} +.icon-cog:before { + content: "\e023"; +} +.icon-heart:before { + content: "\e024"; +} +.icon-paragraph:before { + content: "\e025"; +} +.icon-align-justify:before { + content: "\e026"; +} +.icon-align-left:before { + content: "\e027"; +} +.icon-align-center:before { + content: "\e028"; +} +.icon-align-right:before { + content: "\e029"; +} +.icon-book:before { + content: "\e030"; +} +.icon-layers:before { + content: "\e031"; +} +.icon-stack:before { + content: "\e032"; +} +.icon-stack-2:before { + content: "\e033"; +} +.icon-paper:before { + content: "\e034"; +} +.icon-paper-stack:before { + content: "\e035"; +} +.icon-search:before { + content: "\e036"; +} +.icon-zoom-in:before { + content: "\e037"; +} +.icon-zoom-out:before { + content: "\e038"; +} +.icon-reply:before { + content: "\e039"; +} +.icon-circle-plus:before { + content: "\e040"; +} +.icon-circle-minus:before { + content: "\e041"; +} +.icon-circle-check:before { + content: "\e042"; +} +.icon-circle-cross:before { + content: "\e043"; +} +.icon-square-plus:before { + content: "\e044"; +} +.icon-square-minus:before { + content: "\e045"; +} +.icon-square-check:before { + content: "\e046"; +} +.icon-square-cross:before { + content: "\e047"; +} +.icon-microphone:before { + content: "\e048"; +} +.icon-record:before { + content: "\e049"; +} +.icon-skip-back:before { + content: "\e050"; +} +.icon-rewind:before { + content: "\e051"; +} +.icon-play:before { + content: "\e052"; +} +.icon-pause:before { + content: "\e053"; +} +.icon-stop:before { + content: "\e054"; +} +.icon-fast-forward:before { + content: "\e055"; +} +.icon-skip-forward:before { + content: "\e056"; +} +.icon-shuffle:before { + content: "\e057"; +} +.icon-repeat:before { + content: "\e058"; +} +.icon-folder:before { + content: "\e059"; +} +.icon-umbrella:before { + content: "\e060"; +} +.icon-moon:before { + content: "\e061"; +} +.icon-thermometer:before { + content: "\e062"; +} +.icon-drop:before { + content: "\e063"; +} +.icon-sun:before { + content: "\e064"; +} +.icon-cloud:before { + content: "\e065"; +} +.icon-cloud-upload:before { + content: "\e066"; +} +.icon-cloud-download:before { + content: "\e067"; +} +.icon-upload:before { + content: "\e068"; +} +.icon-download:before { + content: "\e069"; +} +.icon-location:before { + content: "\e070"; +} +.icon-location-2:before { + content: "\e071"; +} +.icon-map:before { + content: "\e072"; +} +.icon-battery:before { + content: "\e073"; +} +.icon-head:before { + content: "\e074"; +} +.icon-briefcase:before { + content: "\e075"; +} +.icon-speech-bubble:before { + content: "\e076"; +} +.icon-anchor:before { + content: "\e077"; +} +.icon-globe:before { + content: "\e078"; +} +.icon-box:before { + content: "\e079"; +} +.icon-reload:before { + content: "\e080"; +} +.icon-share:before { + content: "\e081"; +} +.icon-marquee:before { + content: "\e082"; +} +.icon-marquee-plus:before { + content: "\e083"; +} +.icon-marquee-minus:before { + content: "\e084"; +} +.icon-tag:before { + content: "\e085"; +} +.icon-power:before { + content: "\e086"; +} +.icon-command:before { + content: "\e087"; +} +.icon-alt:before { + content: "\e088"; +} +.icon-esc:before { + content: "\e089"; +} +.icon-bar-graph:before { + content: "\e090"; +} +.icon-bar-graph-2:before { + content: "\e091"; +} +.icon-pie-graph:before { + content: "\e092"; +} +.icon-star:before { + content: "\e093"; +} +.icon-arrow-left:before { + content: "\e094"; +} +.icon-arrow-right:before { + content: "\e095"; +} +.icon-arrow-up:before { + content: "\e096"; +} +.icon-arrow-down:before { + content: "\e097"; +} +.icon-volume:before { + content: "\e098"; +} +.icon-mute:before { + content: "\e099"; +} +.icon-content-right:before { + content: "\e100"; +} +.icon-content-left:before { + content: "\e101"; +} +.icon-grid:before { + content: "\e102"; +} +.icon-grid-2:before { + content: "\e103"; +} +.icon-columns:before { + content: "\e104"; +} +.icon-loader:before { + content: "\e105"; +} +.icon-bag:before { + content: "\e106"; +} +.icon-ban:before { + content: "\e107"; +} +.icon-flag:before { + content: "\e108"; +} +.icon-trash:before { + content: "\e109"; +} +.icon-expand:before { + content: "\e110"; +} +.icon-contract:before { + content: "\e111"; +} +.icon-maximize:before { + content: "\e112"; +} +.icon-minimize:before { + content: "\e113"; +} +.icon-plus:before { + content: "\e114"; +} +.icon-minus:before { + content: "\e115"; +} +.icon-check:before { + content: "\e116"; +} +.icon-cross:before { + content: "\e117"; +} +.icon-move:before { + content: "\e118"; +} +.icon-delete:before { + content: "\e119"; +} +.icon-menu:before { + content: "\e120"; +} +.icon-archive:before { + content: "\e121"; +} +.icon-inbox:before { + content: "\e122"; +} +.icon-outbox:before { + content: "\e123"; +} +.icon-file:before { + content: "\e124"; +} +.icon-file-add:before { + content: "\e125"; +} +.icon-file-subtract:before { + content: "\e126"; +} +.icon-help:before { + content: "\e127"; +} +.icon-open:before { + content: "\e128"; +} +.icon-ellipsis:before { + content: "\e129"; +} +.icon-add-to-list:before { + content: "\e900"; +} +.icon-classic-computer:before { + content: "\e901"; +} +.icon-controller-fast-backward:before { + content: "\e902"; +} +.icon-creative-commons-attribution:before { + content: "\e903"; +} +.icon-creative-commons-noderivs:before { + content: "\e904"; +} +.icon-creative-commons-noncommercial-eu:before { + content: "\e905"; +} +.icon-creative-commons-noncommercial-us:before { + content: "\e906"; +} +.icon-creative-commons-public-domain:before { + content: "\e907"; +} +.icon-creative-commons-remix:before { + content: "\e908"; +} +.icon-creative-commons-share:before { + content: "\e909"; +} +.icon-creative-commons-sharealike:before { + content: "\e90a"; +} +.icon-creative-commons:before { + content: "\e90b"; +} +.icon-document-landscape:before { + content: "\e90c"; +} +.icon-remove-user:before { + content: "\e90d"; +} +.icon-warning:before { + content: "\e90e"; +} +.icon-arrow-bold-down:before { + content: "\e90f"; +} +.icon-arrow-bold-left:before { + content: "\e910"; +} +.icon-arrow-bold-right:before { + content: "\e911"; +} +.icon-arrow-bold-up:before { + content: "\e912"; +} +.icon-arrow-down2:before { + content: "\e913"; +} +.icon-arrow-left2:before { + content: "\e914"; +} +.icon-arrow-long-down:before { + content: "\e915"; +} +.icon-arrow-long-left:before { + content: "\e916"; +} +.icon-arrow-long-right:before { + content: "\e917"; +} +.icon-arrow-long-up:before { + content: "\e918"; +} +.icon-arrow-right2:before { + content: "\e919"; +} +.icon-arrow-up2:before { + content: "\e91a"; +} +.icon-arrow-with-circle-down:before { + content: "\e91b"; +} +.icon-arrow-with-circle-left:before { + content: "\e91c"; +} +.icon-arrow-with-circle-right:before { + content: "\e91d"; +} +.icon-arrow-with-circle-up:before { + content: "\e91e"; +} +.icon-bookmark:before { + content: "\e91f"; +} +.icon-bookmarks:before { + content: "\e920"; +} +.icon-chevron-down:before { + content: "\e921"; +} +.icon-chevron-left:before { + content: "\e922"; +} +.icon-chevron-right:before { + content: "\e923"; +} +.icon-chevron-small-down:before { + content: "\e924"; +} +.icon-chevron-small-left:before { + content: "\e925"; +} +.icon-chevron-small-right:before { + content: "\e926"; +} +.icon-chevron-small-up:before { + content: "\e927"; +} +.icon-chevron-thin-down:before { + content: "\e928"; +} +.icon-chevron-thin-left:before { + content: "\e929"; +} +.icon-chevron-thin-right:before { + content: "\e92a"; +} +.icon-chevron-thin-up:before { + content: "\e92b"; +} +.icon-chevron-up:before { + content: "\e92c"; +} +.icon-chevron-with-circle-down:before { + content: "\e92d"; +} +.icon-chevron-with-circle-left:before { + content: "\e92e"; +} +.icon-chevron-with-circle-right:before { + content: "\e92f"; +} +.icon-chevron-with-circle-up:before { + content: "\e930"; +} +.icon-cloud2:before { + content: "\e931"; +} +.icon-controller-fast-forward:before { + content: "\e932"; +} +.icon-controller-jump-to-start:before { + content: "\e933"; +} +.icon-controller-next:before { + content: "\e934"; +} +.icon-controller-paus:before { + content: "\e935"; +} +.icon-controller-play:before { + content: "\e936"; +} +.icon-controller-record:before { + content: "\e937"; +} +.icon-controller-stop:before { + content: "\e938"; +} +.icon-controller-volume:before { + content: "\e939"; +} +.icon-dot-single:before { + content: "\e93a"; +} +.icon-dots-three-horizontal:before { + content: "\e93b"; +} +.icon-dots-three-vertical:before { + content: "\e93c"; +} +.icon-dots-two-horizontal:before { + content: "\e93d"; +} +.icon-dots-two-vertical:before { + content: "\e93e"; +} +.icon-download2:before { + content: "\e93f"; +} +.icon-emoji-flirt:before { + content: "\e940"; +} +.icon-flow-branch:before { + content: "\e941"; +} +.icon-flow-cascade:before { + content: "\e942"; +} +.icon-flow-line:before { + content: "\e943"; +} +.icon-flow-parallel:before { + content: "\e944"; +} +.icon-flow-tree:before { + content: "\e945"; +} +.icon-install:before { + content: "\e946"; +} +.icon-layers2:before { + content: "\e947"; +} +.icon-open-book:before { + content: "\e948"; +} +.icon-resize-100:before { + content: "\e949"; +} +.icon-resize-full-screen:before { + content: "\e94a"; +} +.icon-save:before { + content: "\e94b"; +} +.icon-select-arrows:before { + content: "\e94c"; +} +.icon-sound-mute:before { + content: "\e94d"; +} +.icon-sound:before { + content: "\e94e"; +} +.icon-trash2:before { + content: "\e94f"; +} +.icon-triangle-down:before { + content: "\e950"; +} +.icon-triangle-left:before { + content: "\e951"; +} +.icon-triangle-right:before { + content: "\e952"; +} +.icon-triangle-up:before { + content: "\e953"; +} +.icon-uninstall:before { + content: "\e954"; +} +.icon-upload-to-cloud:before { + content: "\e955"; +} +.icon-upload2:before { + content: "\e956"; +} +.icon-add-user:before { + content: "\e957"; +} +.icon-address:before { + content: "\e958"; +} +.icon-adjust:before { + content: "\e959"; +} +.icon-air:before { + content: "\e95a"; +} +.icon-aircraft-landing:before { + content: "\e95b"; +} +.icon-aircraft-take-off:before { + content: "\e95c"; +} +.icon-aircraft:before { + content: "\e95d"; +} +.icon-align-bottom:before { + content: "\e95e"; +} +.icon-align-horizontal-middle:before { + content: "\e95f"; +} +.icon-align-left2:before { + content: "\e960"; +} +.icon-align-right2:before { + content: "\e961"; +} +.icon-align-top:before { + content: "\e962"; +} +.icon-align-vertical-middle:before { + content: "\e963"; +} +.icon-archive2:before { + content: "\e964"; +} +.icon-area-graph:before { + content: "\e965"; +} +.icon-attachment:before { + content: "\e966"; +} +.icon-awareness-ribbon:before { + content: "\e967"; +} +.icon-back-in-time:before { + content: "\e968"; +} +.icon-back:before { + content: "\e969"; +} +.icon-bar-graph2:before { + content: "\e96a"; +} +.icon-battery2:before { + content: "\e96b"; +} +.icon-beamed-note:before { + content: "\e96c"; +} +.icon-bell2:before { + content: "\e96d"; +} +.icon-blackboard:before { + content: "\e96e"; +} +.icon-block:before { + content: "\e96f"; +} +.icon-book2:before { + content: "\e970"; +} +.icon-bowl:before { + content: "\e971"; +} +.icon-box2:before { + content: "\e972"; +} +.icon-briefcase2:before { + content: "\e973"; +} +.icon-browser:before { + content: "\e974"; +} +.icon-brush:before { + content: "\e975"; +} +.icon-bucket:before { + content: "\e976"; +} +.icon-cake:before { + content: "\e977"; +} +.icon-calculator:before { + content: "\e978"; +} +.icon-calendar:before { + content: "\e979"; +} +.icon-camera2:before { + content: "\e97a"; +} +.icon-ccw:before { + content: "\e97b"; +} +.icon-chat:before { + content: "\e97c"; +} +.icon-check2:before { + content: "\e97d"; +} +.icon-circle-with-cross:before { + content: "\e97e"; +} +.icon-circle-with-minus:before { + content: "\e97f"; +} +.icon-circle-with-plus:before { + content: "\e980"; +} +.icon-circle:before { + content: "\e981"; +} +.icon-circular-graph:before { + content: "\e982"; +} +.icon-clapperboard:before { + content: "\e983"; +} +.icon-clipboard2:before { + content: "\e984"; +} +.icon-clock2:before { + content: "\e985"; +} +.icon-code:before { + content: "\e986"; +} +.icon-cog2:before { + content: "\e987"; +} +.icon-colours:before { + content: "\e988"; +} +.icon-compass:before { + content: "\e989"; +} +.icon-copy:before { + content: "\e98a"; +} +.icon-credit-card:before { + content: "\e98b"; +} +.icon-credit:before { + content: "\e98c"; +} +.icon-cross2:before { + content: "\e98d"; +} +.icon-cup:before { + content: "\e98e"; +} +.icon-cw:before { + content: "\e98f"; +} +.icon-cycle:before { + content: "\e990"; +} +.icon-database:before { + content: "\e991"; +} +.icon-dial-pad:before { + content: "\e992"; +} +.icon-direction:before { + content: "\e993"; +} +.icon-document:before { + content: "\e994"; +} +.icon-documents:before { + content: "\e995"; +} +.icon-drink:before { + content: "\e996"; +} +.icon-drive:before { + content: "\e997"; +} +.icon-drop2:before { + content: "\e998"; +} +.icon-edit:before { + content: "\e999"; +} +.icon-email:before { + content: "\e99a"; +} +.icon-emoji-happy:before { + content: "\e99b"; +} +.icon-emoji-neutral:before { + content: "\e99c"; +} +.icon-emoji-sad:before { + content: "\e99d"; +} +.icon-erase:before { + content: "\e99e"; +} +.icon-eraser:before { + content: "\e99f"; +} +.icon-export:before { + content: "\e9a0"; +} +.icon-eye2:before { + content: "\e9a1"; +} +.icon-feather:before { + content: "\e9a2"; +} +.icon-flag2:before { + content: "\e9a3"; +} +.icon-flash:before { + content: "\e9a4"; +} +.icon-flashlight:before { + content: "\e9a5"; +} +.icon-flat-brush:before { + content: "\e9a6"; +} +.icon-folder-images:before { + content: "\e9a7"; +} +.icon-folder-music:before { + content: "\e9a8"; +} +.icon-folder-video:before { + content: "\e9a9"; +} +.icon-folder2:before { + content: "\e9aa"; +} +.icon-forward:before { + content: "\e9ab"; +} +.icon-funnel:before { + content: "\e9ac"; +} +.icon-game-controller:before { + content: "\e9ad"; +} +.icon-gauge:before { + content: "\e9ae"; +} +.icon-globe2:before { + content: "\e9af"; +} +.icon-graduation-cap:before { + content: "\e9b0"; +} +.icon-grid2:before { + content: "\e9b1"; +} +.icon-hair-cross:before { + content: "\e9b2"; +} +.icon-hand:before { + content: "\e9b3"; +} +.icon-heart-outlined:before { + content: "\e9b4"; +} +.icon-heart2:before { + content: "\e9b5"; +} +.icon-help-with-circle:before { + content: "\e9b6"; +} +.icon-help2:before { + content: "\e9b7"; +} +.icon-home:before { + content: "\e9b8"; +} +.icon-hour-glass:before { + content: "\e9b9"; +} +.icon-image-inverted:before { + content: "\e9ba"; +} +.icon-image2:before { + content: "\e9bb"; +} +.icon-images:before { + content: "\e9bc"; +} +.icon-inbox2:before { + content: "\e9bd"; +} +.icon-infinity:before { + content: "\e9be"; +} +.icon-info-with-circle:before { + content: "\e9bf"; +} +.icon-info:before { + content: "\e9c0"; +} +.icon-key:before { + content: "\e9c1"; +} +.icon-keyboard:before { + content: "\e9c2"; +} +.icon-lab-flask:before { + content: "\e9c3"; +} +.icon-landline:before { + content: "\e9c4"; +} +.icon-language:before { + content: "\e9c5"; +} +.icon-laptop:before { + content: "\e9c6"; +} +.icon-leaf:before { + content: "\e9c7"; +} +.icon-level-down:before { + content: "\e9c8"; +} +.icon-level-up:before { + content: "\e9c9"; +} +.icon-lifebuoy:before { + content: "\e9ca"; +} +.icon-light-bulb:before { + content: "\e9cb"; +} +.icon-light-down:before { + content: "\e9cc"; +} +.icon-light-up:before { + content: "\e9cd"; +} +.icon-line-graph:before { + content: "\e9ce"; +} +.icon-link2:before { + content: "\e9cf"; +} +.icon-list:before { + content: "\e9d0"; +} +.icon-location-pin:before { + content: "\e9d1"; +} +.icon-location2:before { + content: "\e9d2"; +} +.icon-lock-open:before { + content: "\e9d3"; +} +.icon-lock2:before { + content: "\e9d4"; +} +.icon-log-out:before { + content: "\e9d5"; +} +.icon-login:before { + content: "\e9d6"; +} +.icon-loop:before { + content: "\e9d7"; +} +.icon-magnet:before { + content: "\e9d8"; +} +.icon-magnifying-glass:before { + content: "\e9d9"; +} +.icon-mail2:before { + content: "\e9da"; +} +.icon-man:before { + content: "\e9db"; +} +.icon-map2:before { + content: "\e9dc"; +} +.icon-mask:before { + content: "\e9dd"; +} +.icon-medal:before { + content: "\e9de"; +} +.icon-megaphone:before { + content: "\e9df"; +} +.icon-menu2:before { + content: "\e9e0"; +} +.icon-message:before { + content: "\e9e1"; +} +.icon-mic:before { + content: "\e9e2"; +} +.icon-minus2:before { + content: "\e9e3"; +} +.icon-mobile:before { + content: "\e9e4"; +} +.icon-modern-mic:before { + content: "\e9e5"; +} +.icon-moon2:before { + content: "\e9e6"; +} +.icon-mouse:before { + content: "\e9e7"; +} +.icon-music:before { + content: "\e9e8"; +} +.icon-network:before { + content: "\e9e9"; +} +.icon-new-message:before { + content: "\e9ea"; +} +.icon-new:before { + content: "\e9eb"; +} +.icon-news:before { + content: "\e9ec"; +} +.icon-note:before { + content: "\e9ed"; +} +.icon-notification:before { + content: "\e9ee"; +} +.icon-old-mobile:before { + content: "\e9ef"; +} +.icon-old-phone:before { + content: "\e9f0"; +} +.icon-palette:before { + content: "\e9f1"; +} +.icon-paper-plane:before { + content: "\e9f2"; +} +.icon-pencil:before { + content: "\e9f3"; +} +.icon-phone:before { + content: "\e9f4"; +} +.icon-pie-chart:before { + content: "\e9f5"; +} +.icon-pin:before { + content: "\e9f6"; +} +.icon-plus2:before { + content: "\e9f7"; +} +.icon-popup:before { + content: "\e9f8"; +} +.icon-power-plug:before { + content: "\e9f9"; +} +.icon-price-ribbon:before { + content: "\e9fa"; +} +.icon-price-tag:before { + content: "\e9fb"; +} +.icon-print:before { + content: "\e9fc"; +} +.icon-progress-empty:before { + content: "\e9fd"; +} +.icon-progress-full:before { + content: "\e9fe"; +} +.icon-progress-one:before { + content: "\e9ff"; +} +.icon-progress-two:before { + content: "\ea00"; +} +.icon-publish:before { + content: "\ea01"; +} +.icon-quote:before { + content: "\ea02"; +} +.icon-radio:before { + content: "\ea03"; +} +.icon-reply-all:before { + content: "\ea04"; +} +.icon-reply2:before { + content: "\ea05"; +} +.icon-retweet:before { + content: "\ea06"; +} +.icon-rocket:before { + content: "\ea07"; +} +.icon-round-brush:before { + content: "\ea08"; +} +.icon-rss:before { + content: "\ea09"; +} +.icon-ruler:before { + content: "\ea0a"; +} +.icon-scissors:before { + content: "\ea0b"; +} +.icon-share-alternitive:before { + content: "\ea0c"; +} +.icon-share2:before { + content: "\ea0d"; +} +.icon-shareable:before { + content: "\ea0e"; +} +.icon-shield:before { + content: "\ea0f"; +} +.icon-shop:before { + content: "\ea10"; +} +.icon-shopping-bag:before { + content: "\ea11"; +} +.icon-shopping-basket:before { + content: "\ea12"; +} +.icon-shopping-cart:before { + content: "\ea13"; +} +.icon-shuffle2:before { + content: "\ea14"; +} +.icon-signal2:before { + content: "\ea15"; +} +.icon-sound-mix:before { + content: "\ea16"; +} +.icon-sports-club:before { + content: "\ea17"; +} +.icon-spreadsheet:before { + content: "\ea18"; +} +.icon-squared-cross:before { + content: "\ea19"; +} +.icon-squared-minus:before { + content: "\ea1a"; +} +.icon-squared-plus:before { + content: "\ea1b"; +} +.icon-star-outlined:before { + content: "\ea1c"; +} +.icon-star2:before { + content: "\ea1d"; +} +.icon-stopwatch:before { + content: "\ea1e"; +} +.icon-suitcase:before { + content: "\ea1f"; +} +.icon-swap:before { + content: "\ea20"; +} +.icon-sweden:before { + content: "\ea21"; +} +.icon-switch:before { + content: "\ea22"; +} +.icon-tablet:before { + content: "\ea23"; +} +.icon-tag2:before { + content: "\ea24"; +} +.icon-text-document-inverted:before { + content: "\ea25"; +} +.icon-text-document:before { + content: "\ea26"; +} +.icon-text:before { + content: "\ea27"; +} +.icon-thermometer2:before { + content: "\ea28"; +} +.icon-thumbs-down:before { + content: "\ea29"; +} +.icon-thumbs-up:before { + content: "\ea2a"; +} +.icon-thunder-cloud:before { + content: "\ea2b"; +} +.icon-ticket:before { + content: "\ea2c"; +} +.icon-time-slot:before { + content: "\ea2d"; +} +.icon-tools:before { + content: "\ea2e"; +} +.icon-traffic-cone:before { + content: "\ea2f"; +} +.icon-tree:before { + content: "\ea30"; +} +.icon-trophy:before { + content: "\ea31"; +} +.icon-tv:before { + content: "\ea32"; +} +.icon-typing:before { + content: "\ea33"; +} +.icon-unread:before { + content: "\ea34"; +} +.icon-untag:before { + content: "\ea35"; +} +.icon-user:before { + content: "\ea36"; +} +.icon-users:before { + content: "\ea37"; +} +.icon-v-card:before { + content: "\ea38"; +} +.icon-video2:before { + content: "\ea39"; +} +.icon-vinyl:before { + content: "\ea3a"; +} +.icon-voicemail:before { + content: "\ea3b"; +} +.icon-wallet:before { + content: "\ea3c"; +} +.icon-water:before { + content: "\ea3d"; +} +.icon-px-with-circle:before { + content: "\ea3e"; +} +.icon-px:before { + content: "\ea3f"; +} +.icon-basecamp:before { + content: "\ea40"; +} +.icon-behance:before { + content: "\ea41"; +} +.icon-creative-cloud:before { + content: "\ea42"; +} +.icon-dropbox:before { + content: "\ea43"; +} +.icon-evernote:before { + content: "\ea44"; +} +.icon-flattr:before { + content: "\ea45"; +} +.icon-foursquare:before { + content: "\ea46"; +} +.icon-google-drive:before { + content: "\ea47"; +} +.icon-google-hangouts:before { + content: "\ea48"; +} +.icon-grooveshark:before { + content: "\ea49"; +} +.icon-icloud:before { + content: "\ea4a"; +} +.icon-mixi:before { + content: "\ea4b"; +} +.icon-onedrive:before { + content: "\ea4c"; +} +.icon-paypal:before { + content: "\ea4d"; +} +.icon-picasa:before { + content: "\ea4e"; +} +.icon-qq:before { + content: "\ea4f"; +} +.icon-rdio-with-circle:before { + content: "\ea50"; +} +.icon-renren:before { + content: "\ea51"; +} +.icon-scribd:before { + content: "\ea52"; +} +.icon-sina-weibo:before { + content: "\ea53"; +} +.icon-skype-with-circle:before { + content: "\ea54"; +} +.icon-skype:before { + content: "\ea55"; +} +.icon-slideshare:before { + content: "\ea56"; +} +.icon-smashing:before { + content: "\ea57"; +} +.icon-soundcloud:before { + content: "\ea58"; +} +.icon-spotify-with-circle:before { + content: "\ea59"; +} +.icon-spotify:before { + content: "\ea5a"; +} +.icon-swarm:before { + content: "\ea5b"; +} +.icon-vine-with-circle:before { + content: "\ea5c"; +} +.icon-vine:before { + content: "\ea5d"; +} +.icon-vk-alternitive:before { + content: "\ea5e"; +} +.icon-vk-with-circle:before { + content: "\ea5f"; +} +.icon-vk:before { + content: "\ea60"; +} +.icon-xing-with-circle:before { + content: "\ea61"; +} +.icon-xing:before { + content: "\ea62"; +} +.icon-yelp:before { + content: "\ea63"; +} +.icon-dribbble-with-circle:before { + content: "\ea64"; +} +.icon-dribbble:before { + content: "\ea65"; +} +.icon-facebook-with-circle:before { + content: "\ea66"; +} +.icon-facebook:before { + content: "\ea67"; +} +.icon-flickr-with-circle:before { + content: "\ea68"; +} +.icon-flickr:before { + content: "\ea69"; +} +.icon-github-with-circle:before { + content: "\ea6a"; +} +.icon-github:before { + content: "\ea6b"; +} +.icon-google-with-circle:before { + content: "\ea6c"; +} +.icon-google:before { + content: "\ea6d"; +} +.icon-instagram-with-circle:before { + content: "\ea6e"; +} +.icon-instagram:before { + content: "\ea6f"; +} +.icon-lastfm-with-circle:before { + content: "\ea70"; +} +.icon-lastfm:before { + content: "\ea71"; +} +.icon-linkedin-with-circle:before { + content: "\ea72"; +} +.icon-linkedin:before { + content: "\ea73"; +} +.icon-pinterest-with-circle:before { + content: "\ea74"; +} +.icon-pinterest:before { + content: "\ea75"; +} +.icon-rdio:before { + content: "\ea76"; +} +.icon-stumbleupon-with-circle:before { + content: "\ea77"; +} +.icon-stumbleupon:before { + content: "\ea78"; +} +.icon-tumblr-with-circle:before { + content: "\ea79"; +} +.icon-tumblr:before { + content: "\ea7a"; +} +.icon-twitter-with-circle:before { + content: "\ea7b"; +} +.icon-twitter:before { + content: "\ea7c"; +} +.icon-vimeo-with-circle:before { + content: "\ea7d"; +} +.icon-vimeo:before { + content: "\ea7e"; +} +.icon-youtube-with-circle:before { + content: "\ea7f"; +} +.icon-youtube:before { + content: "\ea80"; +} diff --git a/css/css-magnific-popup.css b/css/css-magnific-popup.css new file mode 100644 index 0000000..0661578 --- /dev/null +++ b/css/css-magnific-popup.css @@ -0,0 +1,368 @@ +/* Magnific Popup CSS */ +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; + filter: alpha(opacity=80); } + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; } + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } + +.mfp-align-top .mfp-container:before { + display: none; } + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; } + +.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; } + +.mfp-ajax-cur { + cursor: progress; } + +.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; } + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.mfp-auto-cursor .mfp-content { + cursor: auto; } + +.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } + +.mfp-loading.mfp-figure { + display: none; } + +.mfp-hide { + display: none !important; } + +.mfp-preloader { + color: #cccccc; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; } + .mfp-preloader a { + color: #cccccc; } + .mfp-preloader a:hover { + color: white; } + +.mfp-s-ready .mfp-preloader { + display: none; } + +.mfp-s-error .mfp-content { + display: none; } + +button.mfp-close, button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + -webkit-box-shadow: none; + box-shadow: none; } +button::-moz-focus-inner { + padding: 0; + border: 0; } + +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + filter: alpha(opacity=65); + padding: 0 0 18px 10px; + color: white; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; } + .mfp-close:hover, .mfp-close:focus { + opacity: 1; + filter: alpha(opacity=100); } + .mfp-close:active { + top: 1px; } + +.mfp-close-btn-in .mfp-close { + color: #333333; } + +.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { + color: white; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; } + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #cccccc; + font-size: 12px; + line-height: 18px; } + +.mfp-arrow { + position: absolute; + opacity: 0.65; + filter: alpha(opacity=65); + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + .mfp-arrow:active { + margin-top: -54px; } + .mfp-arrow:hover, .mfp-arrow:focus { + opacity: 1; + filter: alpha(opacity=100); } + .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; } + .mfp-arrow:after, .mfp-arrow .mfp-a { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; } + .mfp-arrow:before, .mfp-arrow .mfp-b { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; } + +.mfp-arrow-left { + left: 0; } + .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { + border-right: 17px solid white; + margin-left: 31px; } + .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { + margin-left: 25px; + border-right: 27px solid #3f3f3f; } + +.mfp-arrow-right { + right: 0; } + .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { + border-left: 17px solid white; + margin-left: 39px; } + .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { + border-left: 27px solid #3f3f3f; } + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; } + .mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; } + .mfp-iframe-holder .mfp-close { + top: -40px; } + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; } + .mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: black; } + +/* Main image in popup */ +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { + line-height: 0; } + .mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444444; } + .mfp-figure small { + color: #bdbdbd; + display: block; + font-size: 12px; + line-height: 14px; } + .mfp-figure figure { + margin: 0; } + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; } + +.mfp-title { + text-align: left; + line-height: 18px; + color: #f3f3f3; + word-wrap: break-word; + padding-right: 36px; } + +.mfp-image-holder .mfp-content { + max-width: 100%; } + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; } + +@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; } + .mfp-img-mobile img.mfp-img { + padding: 0; } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; } } + +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); } + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; } + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; } + .mfp-container { + padding-left: 6px; + padding-right: 6px; } } + +.mfp-ie7 .mfp-img { + padding: 0; } +.mfp-ie7 .mfp-bottom-bar { + width: 600px; + left: 50%; + margin-left: -300px; + margin-top: 5px; + padding-bottom: 5px; } +.mfp-ie7 .mfp-container { + padding: 0; } +.mfp-ie7 .mfp-content { + padding-top: 44px; } +.mfp-ie7 .mfp-close { + top: 0; + right: 0; + padding-top: 0; } \ No newline at end of file diff --git a/css/css-owl.carousel.min.css b/css/css-owl.carousel.min.css new file mode 100644 index 0000000..6f0a83d --- /dev/null +++ b/css/css-owl.carousel.min.css @@ -0,0 +1 @@ +.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../images/css-owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1} \ No newline at end of file diff --git a/css/css-owl.theme.default.min.css b/css/css-owl.theme.default.min.css new file mode 100644 index 0000000..2d8a2d4 --- /dev/null +++ b/css/css-owl.theme.default.min.css @@ -0,0 +1 @@ +.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} \ No newline at end of file diff --git a/css/css-style.css b/css/css-style.css new file mode 100644 index 0000000..b8f466a --- /dev/null +++ b/css/css-style.css @@ -0,0 +1,2164 @@ +@font-face { + font-family: 'icomoon'; + src: url("../fonts/icomoon-icomoon.eot"); + src: url("../fonts/icomoon-icomoon.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon-icomoon.ttf") format("truetype"), url("../fonts/icomoon-icomoon.woff") format("woff"), url("../fonts/icomoon-icomoon.svg") format("svg"); + font-weight: normal; + font-style: normal; +} + +/* font untuk nama*/ +@font-face { + font-family: "Depan"; + src: url("../fonts/NorthernSoul-Script.otf") format("truetype"); +} + +/* font untuk
*/ +@font-face { + font-family: "Serif"; + src: url("../fonts/Chapaza.ttf") format("truetype"); +} + +/* ======================================================= +* +* Template Style +* +* ======================================================= */ +body { + font-family: "Work Sans", Arial, sans-serif; + font-weight: 400; + font-size: 16px; + line-height: 1.7; + color: #828282; + background: #fff; +} + +.gaya { + display: inline-block; + width: 100px; + height: 100px; + /*background: rgba(241, 78, 149, 0.8);*/ + background-color: #98a094; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; + position: relative; + animation: pulse 1s ease infinite; + color: white; + font-size: 40px; + margin-bottom: 20px; +} + +.gaya span { + font-size: 13px; + display: block; + margin-top: -10px; +} + +#page { + position: relative; + overflow-x: hidden; + width: 100%; + height: 100%; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +.offcanvas #page { + overflow: hidden; + position: absolute; +} + +.offcanvas #page:after { + -webkit-transition: 2s; + -o-transition: 2s; + transition: 2s; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 101; + background: rgba(0, 0, 0, 0.7); + content: ""; +} + +a { + color: #fff; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +a:hover, +a:active, +a:focus { + color: #fff; + outline: none; + text-decoration: none; +} + +p { + margin-bottom: 20px; + font-family: "Serif" +} + +h1 { + color: #304058; + font-family: "Depan", Arial, sans-serif; + font-weight: 400; + margin: 0 0 20px 0; +} + +h2, +h3, +h4, +h5, +h6, +figure { + color: #304058; + font-family: "Serif", Arial, sans-serif; + font-weight: 400; + margin: 0 0 20px 0; +} + +::-webkit-selection { + color: #fff; + background: #F14E95; +} + +::-moz-selection { + color: #fff; + background: #F14E95; +} + +::selection { + color: #fff; + background: #000; +} + +.fh5co-nav { + position: absolute; + top: 0; + margin: 0; + padding: 0; + width: 100%; + padding: 40px 0; + z-index: 1001; +} + +@media screen and (max-width: 768px) { + .fh5co-nav { + padding: 20px 0; + } +} + +.fh5co-nav #fh5co-logo { + font-size: 40px; + margin: 0; + padding: 0; + line-height: 40px; + font-family: "Sacramento", Arial, serif; +} + +.fh5co-nav a { + padding: 5px 10px; + color: #fff; +} + +@media screen and (max-width: 768px) { + + .fh5co-nav .menu-1, + .fh5co-nav .menu-2 { + display: none; + } +} + +.fh5co-nav ul { + padding: 0; + margin: 2px 0 0 0; +} + +.fh5co-nav ul li { + padding: 0; + margin: 0; + list-style: none; + display: inline; +} + +.fh5co-nav ul li a { + font-size: 14px; + padding: 30px 10px; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.5); + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +.fh5co-nav ul li a:hover, +.fh5co-nav ul li a:focus, +.fh5co-nav ul li a:active { + color: white; +} + +.fh5co-nav ul li.has-dropdown { + position: relative; +} + +.fh5co-nav ul li.has-dropdown .dropdown { + width: 130px; + -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); + box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); + z-index: 1002; + visibility: hidden; + opacity: 0; + position: absolute; + top: 40px; + left: 0; + text-align: left; + background: #fff; + padding: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; + -webkit-transition: 0s; + -o-transition: 0s; + transition: 0s; +} + +.fh5co-nav ul li.has-dropdown .dropdown:before { + bottom: 100%; + left: 40px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-bottom-color: #fff; + border-width: 8px; + margin-left: -8px; +} + +.fh5co-nav ul li.has-dropdown .dropdown li { + display: block; + margin-bottom: 7px; +} + +.fh5co-nav ul li.has-dropdown .dropdown li:last-child { + margin-bottom: 0; +} + +.fh5co-nav ul li.has-dropdown .dropdown li a { + padding: 2px 0; + display: block; + color: #999999; + line-height: 1.2; + text-transform: none; + font-size: 15px; +} + +.fh5co-nav ul li.has-dropdown .dropdown li a:hover { + color: #000; +} + +.fh5co-nav ul li.has-dropdown:hover a, +.fh5co-nav ul li.has-dropdown:focus a { + color: #fff; +} + +.fh5co-nav ul li.btn-cta a { + color: #F14E95; +} + +.fh5co-nav ul li.btn-cta a span { + background: #fff; + padding: 4px 20px; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + border-radius: 100px; +} + +.fh5co-nav ul li.btn-cta a:hover span { + -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); + box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); +} + +.fh5co-nav ul li.active>a { + color: #fff !important; +} + +#fh5co-counter, +#fh5co-event, +.fh5co-bg { + background-size: cover; + background-position: top center; + background-repeat: no-repeat; + position: relative; +} + +.fh5co-bg { + background-position: center center; + width: 100%; + float: left; + position: relative; +} + +.fh5co-video { + height: 450px; + overflow: hidden; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + -ms-border-radius: 7px; + border-radius: 7px; +} + +.fh5co-video a { + z-index: 1001; + position: absolute; + top: 50%; + left: 50%; + margin-top: -45px; + margin-left: -45px; + width: 90px; + height: 90px; + display: table; + text-align: center; + background: #fff; + -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} + +.fh5co-video a i { + text-align: center; + display: table-cell; + vertical-align: middle; + font-size: 40px; +} + +.fh5co-video .overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +.fh5co-video:hover .overlay { + background: rgba(0, 0, 0, 0.7); +} + +.fh5co-video:hover a { + position: relative; + -webkit-transform: scale(1.2); + -moz-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); + transform: scale(1.2); +} + +.fh5co-cover { + height: 900px; + background-size: cover; + background-repeat: no-repeat; + position: relative; + width: 100%; + +} + +.fh5co-cover .overlay { + z-index: 0; + position: absolute; + bottom: 0; + top: 0; + left: 0; + right: 0; + background: rgb(5, 55, 66); + background: linear-gradient(0deg, rgba(5, 55, 66, 1) 0%, rgba(5, 55, 66, 0) 100%); +} + +.fh5co-cover>.fh5co-container { + position: relative; + z-index: 10; +} + +@media screen and (max-width: 768px) { + .fh5co-cover { + height: 100vh; + } +} + +.fh5co-cover .display-t, +.fh5co-cover .display-tc { + height: 600px; + display: table; + width: 100%; +} + +@media screen and (max-width: 768px) { + + .fh5co-cover .display-t, + .fh5co-cover .display-tc { + height: 600px; + } +} + +.fh5co-cover.fh5co-cover-sm { + height: 600px; +} + +@media screen and (max-width: 768px) { + .fh5co-cover.fh5co-cover-sm { + height: 400px; + } +} + +.fh5co-cover.fh5co-cover-sm .display-t, +.fh5co-cover.fh5co-cover-sm .display-tc { + height: 600px; + display: table; + width: 100%; +} + +@media screen and (max-width: 768px) { + + .fh5co-cover.fh5co-cover-sm .display-t, + .fh5co-cover.fh5co-cover-sm .display-tc { + height: 400px; + } +} + +#fh5co-counter, +#fh5co-event { + height: 650px; + float: left; +} + +#fh5co-counter .display-t, +#fh5co-counter .display-tc, +#fh5co-event .display-t, +#fh5co-event .display-tc { + height: 700px; + display: table; + width: 100%; +} + +#fh5co-counter .fh5co-heading h2, +#fh5co-event .fh5co-heading h2 { + color: #fff; +} + +#fh5co-counter .fh5co-heading span, +#fh5co-event .fh5co-heading span { + color: rgba(255, 255, 255, 0.5); + text-transform: uppercase; + font-size: 13px; + letter-spacing: 2px; + font-weight: 600; +} + +#fh5co-counter .overlay, +#fh5co-event .overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(5, 55, 66, 0.8); +} + +@media screen and (max-width: 768px) { + + #fh5co-counter, + #fh5co-event { + height: inherit; + padding: 7em 0; + } + + #fh5co-counter .display-t, + #fh5co-counter .display-tc, + #fh5co-event .display-t, + #fh5co-event .display-tc { + height: inherit; + } +} + +#fh5co-counter .event-wrap, +#fh5co-event .event-wrap { + border: 2px solid rgba(255, 255, 255, 0.5); + background: rgba(255, 255, 255, 0.1); + padding: 30px; + width: 100%; + float: left; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 25px; +} + +@media screen and (max-width: 768px) { + + #fh5co-counter .event-wrap, + #fh5co-event .event-wrap { + margin-bottom: 10px; + } +} + +#fh5co-counter .event-wrap h3, +#fh5co-event .event-wrap h3 { + font-size: 30px; + color: #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.5); + display: block; + padding-bottom: 20px; + /*text-transform: uppercase;*/ + letter-spacing: 2px; +} + +#fh5co-counter .event-wrap p, +#fh5co-counter .event-wrap span, +#fh5co-event .event-wrap p, +#fh5co-event .event-wrap span { + display: block; + color: rgba(255, 255, 255, 0.8); +} + +#fh5co-counter .event-wrap i, +#fh5co-event .event-wrap i { + color: white; + font-size: 20px; +} + +#fh5co-counter .event-wrap .event-col, +#fh5co-event .event-wrap .event-col { + width: 50%; + float: left; + margin-bottom: 30px; +} + +#fh5co-counter { + height: 600px; +} + +@media screen and (max-width: 768px) { + #fh5co-counter { + height: auto; + } +} + +.timeline { + list-style: none; + padding: 20px 0 20px; + position: relative; +} + +.timeline:before { + top: 0; + bottom: 0; + position: absolute; + content: " "; + width: 1px; + background-color: #d4d4d4; + left: 50%; + margin-left: 0px; +} + +@media screen and (max-width: 480px) { + .timeline:before { + margin-left: -64px; + } +} + +.timeline>li { + margin-bottom: 20px; + position: relative; +} + +.timeline>li:before, +.timeline>li:after { + content: " "; + display: table; +} + +.timeline>li:after { + clear: both; +} + +.timeline>li>.timeline-panel { + width: 40%; + float: left; + border: 1px solid #d4d4d4; + padding: 30px; + position: relative; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; +} + +.timeline>li>.timeline-panel:before { + position: absolute; + top: 80px; + right: -15px; + display: inline-block; + border-top: 15px solid transparent; + border-left: 15px solid #ccc; + border-right: 0 solid #ccc; + border-bottom: 15px solid transparent; + content: " "; +} + +.timeline>li>.timeline-panel:after { + position: absolute; + top: 81px; + right: -14px; + display: inline-block; + border-top: 14px solid transparent; + border-left: 14px solid #fff; + border-right: 0 solid #fff; + border-bottom: 14px solid transparent; + content: " "; +} + +@media screen and (max-width: 480px) { + .timeline>li>.timeline-panel { + width: 75% !important; + } + + .timeline>li>.timeline-panel:before { + top: 30px; + } + + .timeline>li>.timeline-panel:after { + top: 31px; + } +} + +.timeline>li>.timeline-badge { + background-size: cover; + background-position: top center; + background-repeat: no-repeat; + position: relative; + color: #fff; + width: 160px; + height: 160px; + line-height: 50px; + font-size: 1.4em; + text-align: center; + position: absolute; + top: 16px; + left: 50%; + margin-left: -80px; + background-color: #999999; + z-index: 100; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} + +@media screen and (max-width: 480px) { + .timeline>li>.timeline-badge { + width: 60px; + height: 60px; + margin-left: -20px !important; + } +} + +.timeline>li.timeline-inverted>.timeline-panel { + float: right; +} + +.timeline>li.timeline-inverted>.timeline-panel:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; +} + +.timeline>li.timeline-inverted>.timeline-panel:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; +} + +.timeline-title { + margin-top: 0; +} + +.date { + display: block; + margin-bottom: 20px; + font-size: 13px; + text-transform: uppercase; + letter-spacing: 2px; +} + +.timeline-body>p, +.timeline-body>ul { + margin-bottom: 0; +} + +.timeline-body>p+p { + margin-top: 5px; +} + +@media (max-width: 992px) { + ul.timeline:before { + left: 90px; + } + + ul.timeline>li>.timeline-panel { + width: calc(100% - 200px); + width: -moz-calc(100% - 200px); + width: -webkit-calc(100% - 200px); + } + + ul.timeline>li>.timeline-badge { + left: 15px; + margin-left: 0; + top: 16px; + } + + ul.timeline>li>.timeline-panel { + float: right; + } + + ul.timeline>li>.timeline-panel:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; + } + + ul.timeline>li>.timeline-panel:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; + } +} + +#fh5co-gallery-list { + flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -moz-flex-wrap: wrap; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + position: relative; + float: left; + padding: 0; + margin: 0; + width: 100%; +} + +#fh5co-gallery-list li { + display: block; + padding: 0; + margin: 0 0 10px 1%; + list-style: none; + min-height: 400px; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; + float: left; + clear: left; + position: relative; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + -ms-border-radius: 7px; + border-radius: 7px; +} + +@media screen and (max-width: 480px) { + #fh5co-gallery-list li { + margin-left: 0; + } +} + +#fh5co-gallery-list li a { + min-height: 400px; + padding: 2em; + position: relative; + width: 100%; + display: block; +} + +#fh5co-gallery-list li a:before { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + content: ""; + z-index: 80; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + -ms-border-radius: 7px; + border-radius: 7px; + background: rgba(0, 0, 0, 0.2); +} + +#fh5co-gallery-list li a:hover:before { + background: rgba(0, 0, 0, 0.5); +} + +#fh5co-gallery-list li a .case-studies-summary { + width: auto; + bottom: 2em; + left: 2em; + right: 2em; + position: absolute; + z-index: 100; +} + +@media screen and (max-width: 768px) { + #fh5co-gallery-list li a .case-studies-summary { + bottom: 1em; + left: 1em; + right: 1em; + } +} + +#fh5co-gallery-list li a .case-studies-summary span { + text-transform: uppercase; + letter-spacing: 2px; + font-size: 13px; + color: rgba(255, 255, 255, 0.7); +} + +#fh5co-gallery-list li a .case-studies-summary h2 { + color: #fff; + margin-bottom: 0; +} + +@media screen and (max-width: 768px) { + #fh5co-gallery-list li a .case-studies-summary h2 { + font-size: 20px; + } +} + +#fh5co-gallery-list li.one-third { + width: 32.3%; +} + +@media screen and (max-width: 768px) { + #fh5co-gallery-list li.one-third { + width: 49%; + } +} + +@media screen and (max-width: 480px) { + #fh5co-gallery-list li.one-third { + width: 100%; + } +} + +#map { + width: 100%; + height: 500px; + position: relative; +} + +@media screen and (max-width: 768px) { + #map { + height: 200px; + } +} + +.fh5co-social-icons { + margin: 0; + padding: 0; +} + +.fh5co-social-icons li { + margin: 0; + padding: 0; + list-style: none; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; +} + +.fh5co-social-icons li a { + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + color: #F14E95; + padding-left: 10px; + padding-right: 10px; +} + +.fh5co-social-icons li a i { + font-size: 20px; +} + +.fh5co-contact-info ul { + padding: 0; + margin: 0; +} + +.fh5co-contact-info ul li { + padding: 0 0 0 50px; + margin: 0 0 30px 0; + list-style: none; + position: relative; +} + +.fh5co-contact-info ul li:before { + color: #F14E95; + position: absolute; + left: 0; + top: .05em; + font-family: 'icomoon'; + speak-as: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.fh5co-contact-info ul li.address:before { + font-size: 30px; + content: "\e9d1"; +} + +.fh5co-contact-info ul li.phone:before { + font-size: 23px; + content: "\e9f4"; +} + +.fh5co-contact-info ul li.email:before { + font-size: 23px; + content: "\e9da"; +} + +.fh5co-contact-info ul li.url:before { + font-size: 23px; + content: "\e9af"; +} + +form label { + font-weight: normal !important; +} + +#fh5co-header .display-tc, +#fh5co-counter .display-tc, +.fh5co-cover .display-tc { + display: table-cell !important; + vertical-align: middle; +} + +.display-tc h1, +.display-tc h2, +#fh5co-counter .display-tc h1, +#fh5co-counter .display-tc h2, +.fh5co-cover .display-tc h1, +.fh5co-cover .display-tc h2 { + margin: 0; + padding: 0; + color: white; +} + +#fh5co-header .display-tc h1, +#fh5co-counter .display-tc h1, +.fh5co-cover .display-tc h1 { + margin-bottom: 0px; + font-size: 100px; + line-height: 1.5; + font-family: "Depan", Arial, serif; +} + +@media screen and (max-width: 768px) { + + #fh5co-header .display-tc h1, + #fh5co-counter .display-tc h1, + .fh5co-cover .display-tc h1 { + font-size: 90px; + } +} + +@media screen and (max-width: 480px) { + + #fh5co-header .display-tc h1, + #fh5co-counter .display-tc h1, + .fh5co-cover .display-tc h1 { + font-size: 70px; + } +} + +#fh5co-header .display-tc h2, +#fh5co-counter .display-tc h2, +.fh5co-cover .display-tc h2 { + font-size: 20px; + line-height: 1.5; + margin-bottom: 30px; +} + +@media screen and (max-width: 480px) { + + #fh5co-header .display-tc h2, + #fh5co-counter .display-tc h2, + .fh5co-cover .display-tc h2 { + font-size: 16px; + } +} + +#fh5co-header .display-tc .btn, +#fh5co-counter .display-tc .btn, +.fh5co-cover .display-tc .btn { + padding: 15px 20px; + background: #fff !important; + color: #F14E95; + border: none !important; + font-size: 14px; + text-transform: uppercase; +} + +#fh5co-header .display-tc .btn:hover, +#fh5co-counter .display-tc .btn:hover, +.fh5co-cover .display-tc .btn:hover { + background: #fff !important; + -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important; + -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important; + box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important; +} + +#fh5co-counter { + text-align: center; +} + +#fh5co-counter .counter { + font-size: 50px; + margin-bottom: 10px; + color: #fff; + font-weight: 100; + display: block; +} + +#fh5co-counter .counter-label { + margin-bottom: 0; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.5); + letter-spacing: .1em; +} + +@media screen and (max-width: 768px) { + #fh5co-counter .feature-center { + margin-bottom: 50px; + } +} + +#fh5co-counter .icon { + width: 70px; + height: 70px; + text-align: center; + -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + margin-bottom: 30px; +} + +#fh5co-counter .icon i { + height: 70px; +} + +#fh5co-counter .icon i:before { + display: block; + text-align: center; + margin-left: 3px; +} + +.simply-countdown { + /* The countdown */ + margin-bottom: 2em; +} + +.simply-countdown>.simply-section { + /* coutndown blocks */ + display: inline-block; + width: 100px; + height: 100px; + background: rgba(241, 78, 149, 0.8); + margin: 0 4px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; + position: relative; + animation: pulse 1s ease infinite; +} + +@keyframes pulse { + 0% { + transform: scale(1); + } + + 50% { + transform: scale(1.05); + } + + 100% { + transform: scale(1); + } +} + +.simply-countdown>.simply-section>div { + /* countdown block inner div */ + display: table-cell; + vertical-align: middle; + height: 100px; + width: 100px; +} + +.simply-countdown>.simply-section .simply-amount, +.simply-countdown>.simply-section .simply-word { + display: block; + color: white; + /* amounts and words */ +} + +.simply-countdown>.simply-section .simply-amount { + font-size: 30px; + /* amounts */ +} + +.simply-countdown>.simply-section .simply-word { + color: rgba(255, 255, 255, 0.7); + text-transform: uppercase; + font-size: 12px; + /* words */ +} + +#fh5co-testimonial, +#fh5co-services, +#fh5co-started, +#fh5co-footer, +#fh5co-event, +#fh5co-couple-story, +#fh5co-couple, +#fh5co-gallery, +.fh5co-section { + padding: 7em 0; + clear: both; +} + +@media screen and (max-width: 768px) { + + #fh5co-testimonial, + #fh5co-services, + #fh5co-started, + #fh5co-footer, + #fh5co-event, + #fh5co-couple-story, + #fh5co-couple, + #fh5co-gallery, + .fh5co-section { + padding: 3em 0; + } +} + +.fh5co-section-gray { + background: rgba(0, 0, 0, 0.04); +} + +.couple-wrap { + width: 90%; + margin: 0 auto; + position: relative; +} + +@media screen and (max-width: 768px) { + .couple-wrap { + width: 100%; + } +} + +.heart { + position: absolute; + top: 4em; + left: 0; + right: 0; + z-index: 99; + animation: pulse 1s ease infinite; +} + +.heart i { + font-size: 20px; + background: #fff; + padding: 20px; + color: #F14E95; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} + +@media screen and (max-width: 768px) { + .heart { + display: none; + } +} + +.couple-half { + width: 50%; + float: left; +} + +@media screen and (max-width: 768px) { + .couple-half { + width: 100%; + } +} + +.couple-half h3 { + font-family: "Serif", Arial, serif; + color: #F14E95; + font-size: 30px; +} + +.couple-half .groom, +.couple-half .bride { + float: left; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; + width: 150px; + height: 150px; +} + +.couple-half .groom img, +.couple-half .bride img { + width: 150px; + height: 150px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} + +@media screen and (max-width: 480px) { + + .couple-half .groom, + .couple-half .bride { + width: 100%; + height: 140px; + } + + .couple-half .groom img, + .couple-half .bride img { + width: 120px; + height: 120px; + margin: 0 auto; + } +} + +.couple-half .groom { + float: right; + margin-right: 5px; +} + +.couple-half .bride { + float: left; + margin-left: 5px; +} + +.couple-half .desc-groom { + padding-right: 180px; + text-align: right; +} + +.couple-half .desc-bride { + padding-left: 180px; + text-align: left; +} + +@media screen and (max-width: 480px) { + + .couple-half .groom, + .couple-half .bride { + margin-left: 0; + margin-right: 0; + } + + .couple-half .desc-groom { + padding-right: 0; + text-align: center; + } + + .couple-half .desc-bride { + padding-left: 0; + text-align: center; + } +} + +.feature-center { + text-align: center; + padding-left: 20px; + padding-right: 20px; + float: left; + width: 100%; + margin-bottom: 40px; +} + +@media screen and (max-width: 768px) { + .feature-center { + margin-bottom: 50px; + } +} + +.feature-center .icon { + width: 90px; + height: 90px; + background: #efefef; + display: table; + text-align: center; + margin: 0 auto 30px auto; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} + +.feature-center .icon i { + display: table-cell; + vertical-align: middle; + height: 90px; + font-size: 40px; + line-height: 40px; + color: #F14E95; +} + +.feature-center p, +.feature-center h3 { + margin-bottom: 30px; +} + +.feature-center h3 { + text-transform: uppercase; + font-size: 18px; + color: #5d5d5d; +} + +.fh5co-heading { + margin-bottom: 5em; +} + +.fh5co-heading.fh5co-heading-sm { + margin-bottom: 2em; +} + +.fh5co-heading h2 { + font-size: 60px; + margin-bottom: 10px; + line-height: 1.5; + font-weight: bold; + color: #F14E95; + font-family: "Serif", Arial, serif; +} + +@media screen and (max-width: 768px) { + .fh5co-heading h2 { + font-size: 40px; + } +} + +.fh5co-heading p { + font-size: 18px; + line-height: 1.5; + color: #828282; +} + +.fh5co-heading span { + text-transform: uppercase; + font-size: 13px; + letter-spacing: 2px; + font-weight: 600; + color: rgba(0, 0, 0, 0.4); +} + +#fh5co-testimonial .wrap-testimony { + position: relative; +} + +#fh5co-testimonial .wrap-testimony .testimony-slide { + text-align: center; +} + +#fh5co-testimonial .wrap-testimony .testimony-slide span { + font-size: 12px; + text-transform: uppercase; + letter-spacing: 2px; + font-weight: 700; + display: block; +} + +#fh5co-testimonial .wrap-testimony .testimony-slide span a.twitter { + color: #F14E95; + font-weight: 300; +} + +#fh5co-testimonial .wrap-testimony .testimony-slide figure { + margin-bottom: 10px; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + width: 100px; + height: 100px; +} + +#fh5co-testimonial .wrap-testimony .testimony-slide figure img { + width: 100px; + height: 100px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} + +#fh5co-testimonial .wrap-testimony .testimony-slide blockquote { + border: none; + margin: 30px auto; + width: 50%; + position: relative; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; +} + +@media screen and (max-width: 992px) { + #fh5co-testimonial .wrap-testimony .testimony-slide blockquote { + width: 100%; + } +} + +#fh5co-testimonial .wrap-testimony .testimony-slide blockquote p { + font-style: italic; + color: #8f989f; + font-size: 20px; + line-height: 1.6em; +} + +#fh5co-testimonial .wrap-testimony .testimony-slide.active { + display: block; +} + +#fh5co-testimonial .wrap-testimony .arrow-thumb { + position: absolute; + top: 40%; + display: block; + width: 100%; +} + +#fh5co-testimonial .wrap-testimony .arrow-thumb a { + font-size: 32px; + color: #dadada; +} + +#fh5co-testimonial .wrap-testimony .arrow-thumb a:hover, +#fh5co-testimonial .wrap-testimony .arrow-thumb a:focus, +#fh5co-testimonial .wrap-testimony .arrow-thumb a:active { + text-decoration: none; +} + +.feature-left { + float: left; + width: 100%; + margin-bottom: 30px; + position: relative; +} + +.feature-left:last-child { + margin-bottom: 0; +} + +.feature-left .icon { + float: left; + margin-right: 5%; + width: 54px; + height: 54px; + background: #fff; + display: table; + text-align: center; + -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; +} + +@media screen and (max-width: 768px) { + .feature-left .icon { + margin-right: 5%; + } +} + +.feature-left .icon i { + display: table-cell; + vertical-align: middle; + font-size: 30px; + color: #F14E95; +} + +.feature-left .feature-copy { + float: left; + width: 80%; +} + +@media screen and (max-width: 768px) { + .feature-left .feature-copy { + width: 70%; + float: left; + } +} + +.feature-left .feature-copy h3 { + text-transform: uppercase; + font-size: 18px; + color: #5d5d5d; + margin-bottom: 10px; +} + +#fh5co-started { + position: relative; +} + +#fh5co-started .overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.4); +} + +#fh5co-started .fh5co-heading h2 { + color: #fff; +} + +#fh5co-started .fh5co-heading p { + color: rgba(255, 255, 255, 0.5); +} + +#fh5co-started .form-control { + background: rgba(255, 255, 255, 0.2); + border: none !important; + color: #fff; + font-size: 16px !important; + width: 100%; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +#fh5co-started .form-control::-webkit-input-placeholder { + color: #fff; +} + +#fh5co-started .form-control:-moz-placeholder { + /* Firefox 18- */ + color: #fff; +} + +#fh5co-started .form-control::-moz-placeholder { + /* Firefox 19+ */ + color: #fff; +} + +#fh5co-started .form-control:-ms-input-placeholder { + color: #fff; +} + +#fh5co-started .form-control:focus { + background: rgba(255, 255, 255, 0.3); +} + +#fh5co-started .btn { + height: 54px; + border: none !important; + background: #F14E95; + color: #fff; + font-size: 16px; + text-transform: uppercase; + font-weight: 400; + padding-left: 50px; + padding-right: 50px; +} + +#fh5co-started .form-inline .form-group { + width: 100% !important; + margin-bottom: 10px; +} + +#fh5co-started .form-inline .form-group .form-control { + width: 100%; +} + +#fh5co-started .fh5co-heading { + margin-bottom: 30px; +} + +#fh5co-started .fh5co-heading h2 { + margin-bottom: 0; +} + +@media screen and (max-width: 768px) { + + #fh5co-footer .copyright .pull-left, + #fh5co-footer .copyright .pull-right { + float: none !important; + text-align: center; + } +} + +#fh5co-footer .copyright .block { + display: block; +} + +.owl-carousel .owl-controls .owl-dot span { + background: #e6e6e6; +} + +.owl-carousel .owl-controls .owl-dot span:hover, +.owl-carousel .owl-controls .owl-dot span:focus { + background: #cccccc; +} + +.owl-carousel .owl-controls .owl-dot:hover span, +.owl-carousel .owl-controls .owl-dot:focus span { + background: #cccccc; +} + +.owl-carousel .owl-controls .owl-dot.active span { + background: transparent; + border: 2px solid #F14E95; +} + +#fh5co-offcanvas { + position: absolute; + z-index: 1901; + width: 270px; + background: black; + top: 0; + right: 0; + top: 0; + bottom: 0; + padding: 45px 40px 40px 40px; + overflow-y: auto; + -moz-transform: translateX(270px); + -webkit-transform: translateX(270px); + -ms-transform: translateX(270px); + -o-transform: translateX(270px); + transform: translateX(270px); + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +.offcanvas #fh5co-offcanvas { + -moz-transform: translateX(0px); + -webkit-transform: translateX(0px); + -ms-transform: translateX(0px); + -o-transform: translateX(0px); + transform: translateX(0px); +} + +#fh5co-offcanvas a { + color: rgba(255, 255, 255, 0.5); +} + +#fh5co-offcanvas a:hover { + color: rgba(255, 255, 255, 0.8); +} + +#fh5co-offcanvas ul { + padding: 0; + margin: 0; +} + +#fh5co-offcanvas ul li { + padding: 0; + margin: 0; + list-style: none; +} + +#fh5co-offcanvas ul li>ul { + padding-left: 20px; + display: none; +} + +#fh5co-offcanvas ul li.offcanvas-has-dropdown>a { + display: block; + position: relative; +} + +#fh5co-offcanvas ul li.offcanvas-has-dropdown>a:after { + position: absolute; + right: 0px; + font-family: 'icomoon'; + speak-as: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: "\e921"; + font-size: 20px; + color: rgba(255, 255, 255, 0.2); + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after { + -webkit-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + transform: rotate(-180deg); +} + +.uppercase { + font-size: 14px; + color: #000; + margin-bottom: 10px; + font-weight: 700; + text-transform: uppercase; +} + +.gototop { + position: fixed; + bottom: 65px; + right: 20px; + z-index: 999; + opacity: 0; + visibility: hidden; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +.gototop.active { + opacity: 1; + visibility: visible; +} + +.gototop a { + width: 50px; + height: 50px; + display: table; + background: rgba(0, 0, 0, 0.5); + color: #fff; + text-align: center; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + border-radius: 4px; +} + +.gototop a i { + height: 50px; + display: table-cell; + vertical-align: middle; +} + +.gototop a:hover, +.gototop a:active, +.gototop a:focus { + text-decoration: none; + outline: none; +} + +/* button depan */ +/* General button style */ +.btn-depan { + border: none; + font-family: 'Lato'; + font-size: inherit; + color: inherit; + background: none; + cursor: pointer; + padding: 25px 80px; + display: inline-block; + margin: 15px 30px; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: 700; + outline: none; + position: relative; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; +} + +.btn-depan:after { + content: ''; + position: absolute; + z-index: -1; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; +} + +/* Pseudo elements for icons */ +.btn-depan:before { + font-family: 'FontAwesome'; + speak-as: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + position: relative; + -webkit-font-smoothing: antialiased; +} + +/* Icon separator */ +.btn-sep-depan { + padding: 15px 15px 15px 55px; + +} + +.btn-sep-depan:before { + background: rgba(0, 0, 0, 0.15); +} + +/* Button 4 */ +.btn-4 { + background: #34495e; + color: #fff; + border-radius: 10px; +} + +.btn-4:hover { + background: #2c3e50; +} + +.btn-4:active { + background: #2c3e50; + top: 2px; +} + +.btn-4:before { + position: absolute; + height: 100%; + left: 0; + top: 0; + line-height: 3; + font-size: 95%; + width: 45px; + border-radius: 10px 0px 0px 10px; +} + +/* Icons */ +.icon-send:before { + content: "\f0e0"; +} + +/*end button depan -kolby*/ + +.btn { + margin-right: 4px; + margin-bottom: 4px; + font-family: "Work Sans", Arial, sans-serif; + font-size: 16px; + font-weight: 400; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + -ms-border-radius: 30px; + border-radius: 30px; + -webkit-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; + padding: 8px 20px; +} + +.btn.btn-md { + padding: 8px 20px !important; +} + +.btn.btn-lg { + padding: 18px 36px !important; +} + +.btn:hover, +.btn:active, +.btn:focus { + box-shadow: none !important; + outline: none !important; +} + +.btn-primary { + background: #F14E95; + color: #fff; + border: 2px solid #F14E95; +} + +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active { + background: #f366a3 !important; + border-color: #f366a3 !important; +} + +.btn-primary.btn-outline { + background: transparent; + color: #F14E95; + border: 2px solid #F14E95; +} + +.btn-primary.btn-outline:hover, +.btn-primary.btn-outline:focus, +.btn-primary.btn-outline:active { + background: #F14E95; + color: #fff; +} + +.btn-success { + background: #5cb85c; + color: #fff; + border: 2px solid #5cb85c; +} + +.btn-success:hover, +.btn-success:focus, +.btn-success:active { + background: #4cae4c !important; + border-color: #4cae4c !important; +} + +.btn-success.btn-outline { + background: transparent; + color: #5cb85c; + border: 2px solid #5cb85c; +} + +.btn-success.btn-outline:hover, +.btn-success.btn-outline:focus, +.btn-success.btn-outline:active { + background: #5cb85c; + color: #fff; +} + +.btn-info { + background: #5bc0de; + color: #fff; + border: 2px solid #5bc0de; +} + +.btn-info:hover, +.btn-info:focus, +.btn-info:active { + background: #46b8da !important; + border-color: #46b8da !important; +} + +.btn-info.btn-outline { + background: transparent; + color: #5bc0de; + border: 2px solid #5bc0de; +} + +.btn-info.btn-outline:hover, +.btn-info.btn-outline:focus, +.btn-info.btn-outline:active { + background: #5bc0de; + color: #fff; +} + +.btn-warning { + background: #f0ad4e; + color: #fff; + border: 2px solid #f0ad4e; +} + +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active { + background: #eea236 !important; + border-color: #eea236 !important; +} + +.btn-warning.btn-outline { + background: transparent; + color: #f0ad4e; + border: 2px solid #f0ad4e; +} + +.btn-warning.btn-outline:hover, +.btn-warning.btn-outline:focus, +.btn-warning.btn-outline:active { + background: #f0ad4e; + color: #fff; +} + +.btn-danger { + background: #d9534f; + color: #fff; + border: 2px solid #d9534f; +} + +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active { + background: #d43f3a !important; + border-color: #d43f3a !important; +} + +.btn-danger.btn-outline { + background: transparent; + color: #d9534f; + border: 2px solid #d9534f; +} + +.btn-danger.btn-outline:hover, +.btn-danger.btn-outline:focus, +.btn-danger.btn-outline:active { + background: #d9534f; + color: #fff; +} + +.btn-outline { + background: none; + border: 2px solid gray; + font-size: 16px; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; +} + +.btn-outline:hover, +.btn-outline:focus, +.btn-outline:active { + box-shadow: none; +} + +.btn.with-arrow { + position: relative; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; +} + +.btn.with-arrow i { + visibility: hidden; + opacity: 0; + position: absolute; + right: 0px; + top: 50%; + margin-top: -8px; + -webkit-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +.btn.with-arrow:hover { + padding-right: 50px; +} + +.btn.with-arrow:hover i { + color: #fff; + right: 18px; + visibility: visible; + opacity: 1; +} + +.form-control { + box-shadow: none; + background: transparent; + border: 2px solid rgba(0, 0, 0, 0.1); + height: 54px; + font-size: 18px; + font-weight: 300; +} + +.form-control:active, +.form-control:focus { + outline: none; + box-shadow: none; + border-color: #F14E95; +} + +.row-pb-md { + padding-bottom: 4em !important; +} + +.row-pb-sm { + padding-bottom: 2em !important; +} + +.fh5co-loader { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; + background: url(../images/images-loader.gif) center no-repeat #fff; +} + +.js .animate-box { + opacity: 0; +} + +.button_map { + background-color: #dfc4ab; + border: none; + color: white; + padding: 5px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + width: 100%; +} + + +/*# sourceMappingURL=style.css.map */ +.color-putih { + color: white; + font-size: 40px; +} \ No newline at end of file diff --git a/css/ket.css b/css/ket.css new file mode 100644 index 0000000..4defdd9 --- /dev/null +++ b/css/ket.css @@ -0,0 +1,560 @@ +.timeline-img { + width: 100%; + height: 250px; + object-fit: cover; + object-position: center; + margin-bottom: 10px; + border-radius: 10px; + background-color: #304058; +} + +footer { + width: 100%; + height: 10vh; + color: #fff; + display: flex; + padding-top: 20px; + text-align: center; + align-items: center; + justify-content: center; + background-color: #304058; +} + +footer p { + font-family: sans-serif; +} + +/*========== MENU UCAPAN =============*/ +#konten { + display: flex; + flex-grow: 1; + flex-direction: row; + background: #e7e7e7; +} + +.konten { + text-align: center; + background-size: contain; + background-position: center; + flex: 1; +} + +#ucapan-konten { + margin: 10px 25px; +} + +.ucapan-field { + max-width: 500px; + margin-left: auto; + margin-right: auto; +} + +.komen-netizen { + margin-bottom: 15px; + margin-top: 15px; + max-width: 500px; + margin-left: auto; + margin-right: auto; +} + +.komen { + display: none; + padding: 10px; + margin-left: -15px; + margin-right: -15px; + margin-bottom: 10px; + background-color: #f1f1f1; +} + +.komen2 { + display: none; + padding: 10px; + margin-left: -15px; + margin-right: -15px; + margin-bottom: 10px; + background-color: #f1f1f1; +} + +#submitKomen { + margin-top: 15px; + padding: 5px; + text-align: center; + background-color: #d1d1d1; + color: #16212a; + border-width: 1px; + border-style: solid; + border-color: #3e393c; + /*box-shadow: 0 1px 1px #ccc;*/ + transition: all 600ms ease-in-out; + -webkit-transition: all 600ms ease-in-out; + -moz-transition: all 600ms ease-in-out; + -o-transition: all 600ms ease-in-out; +} + +#submitKomen:hover { + background-color: #fff; + color: #3e393c; +} + +#loadMore { + margin-bottom: 10px; + margin-top: 15px; + padding: 5px; + text-align: center; + background-color: #d1d1d1; + color: #16212a; + border-width: 1px; + border-style: solid; + border-color: #16212a; + /*box-shadow: 0 1px 1px #ccc;*/ + transition: all 600ms ease-in-out; + -webkit-transition: all 600ms ease-in-out; + -moz-transition: all 600ms ease-in-out; + -o-transition: all 600ms ease-in-out; +} + +#loadMore:hover { + background-color: #ffffff; + color: #16212a; +} + +.komen-nama { + color: #16212a; + font-weight: bold; +} + +.komen-isi { + /*color: #000000;*/ + +} + +.ucapan-field {} + +@media (max-width: 300px) { + footer p { + font-size: .9rem; + } +} + +@media (max-width: 575.98px) { + + + object { + width: 100%; + height: 350px; + } + + .videoWrapper { + height: 350px; + } + + footer p { + font-size: 1.2rem; + } + +} + + +@media (min-width: 576px) { + + object { + width: 100%; + height: 350px; + } + + .videoWrapper { + height: 350px; + } +} + +@media (min-width: 768px) { + + object { + width: 100%; + height: 450px; + } + + .videoWrapper { + height: 450px; + } +} + +@media (min-width: 992px) { + + object { + width: 100%; + height: 500px; + } + + .videoWrapper { + height: 500px; + } +} + +/* SPLASHSCREEN */ +#splashscreen { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 100%; + background: #053742; + +} + +.splashscreen-bg { + + /* The image used */ + background-image: url("https://www.makenewstory.com/assets/users/mIjh78y8ge13b89d99c1a29132e57d2ca/album1.png?nocache=1440"); + + /* Full height */ + height: 100%; + + /* Center and scale the image nicely */ + background-position: center; + background-repeat: no-repeat; + background-size: cover; + opacity: 0.2; + -webkit-filter: blur(4px); +} + +.tengah { + margin: 0; + text-align: center; + position: absolute; + top: 50%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); + color: #fff; +} + +/* END OF SPLASHSCREEN */ + +/* MUTE BUTTON */ + +.floatmute { + position: fixed; + width: 40px; + height: 40px; + top: 25px; + right: 25px; + color: #FFF; + border-radius: 50px; + text-align: center; + background: rgba(0, 0, 0, 0.5); + font-size: 20px; + z-index: 100; +} + +.my-float { + margin-top: 10px; +} + +/* END MUTE BUTTON */ + +/* GIFT BUTTON */ +.floatgift { + position: fixed; + width: 40px; + height: 40px; + top: 25px; + left: 25px; + color: #FFF; + /* border-radius:50px; */ + text-align: center; + /* background:rgba(0, 0, 0, 0.5); */ + /* font-size:20px; */ + z-index: 100; +} + +.mdc-button { + width: 146px; + font-size: 12px; +} + +.mdc-button.mdc-button--raised { + background: rgba(0, 0, 0, 0.5); +} + + +.streaming.mdc-button { + width: 186px; + font-size: 12px; + margin-top: 10px; + margin-bottom: -10px; +} + +.streaming.mdc-button.mdc-button--raised { + background: #304058; +} + +.material-icons.mdc-button__icon { + display: inline-flex; + width: 15px; + height: 15px; + font-size: 15px; + vertical-align: middle; + margin-right: 8px; +} + +.giftfloat { + margin-top: 10px; +} + +/* END GIFT BUTTON */ +/* STYLE GIFT INPUT */ + +.file-upload { + display: block; + text-align: center; + font-family: Helvetica, Arial, sans-serif; + font-size: 12px; +} + +.file-upload .file-select { + display: block; + border: 2px solid #dce4ec; + color: #34495e; + cursor: pointer; + height: 40.4px; + line-height: 40px; + text-align: left; + background: #FFFFFF; + overflow: hidden; + position: relative; +} + +.file-upload .file-select .file-select-button { + background: #dce4ec; + padding: 0 10px; + display: inline-block; + height: 40px; + line-height: 40px; +} + +.file-upload .file-select .file-select-name { + line-height: 40px; + display: inline-block; + padding: 0 10px; +} + +.file-upload .file-select:hover { + border-color: #34495e; + transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -webkit-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; +} + +.file-upload .file-select:hover .file-select-button { + background: #34495e; + color: #FFFFFF; + transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -webkit-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; +} + +.file-upload.active .file-select { + border-color: #3fa46a; + transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -webkit-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; +} + +.file-upload.active .file-select .file-select-button { + background: #3fa46a; + color: #FFFFFF; + transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -webkit-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; +} + +.file-upload .file-select input[type=file] { + z-index: 100; + cursor: pointer; + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; + opacity: 0; + filter: alpha(opacity=0); +} + +.file-upload .file-select.file-select-disabled { + opacity: 0.65; +} + +.file-upload .file-select.file-select-disabled:hover { + cursor: default; + display: block; + border: 2px solid #dce4ec; + color: #34495e; + cursor: pointer; + height: 40px; + line-height: 40px; + margin-top: 5px; + text-align: left; + background: #FFFFFF; + overflow: hidden; + position: relative; +} + +.file-upload .file-select.file-select-disabled:hover .file-select-button { + background: #dce4ec; + color: #666666; + padding: 0 10px; + display: inline-block; + height: 40px; + line-height: 40px; +} + +.file-upload .file-select.file-select-disabled:hover .file-select-name { + line-height: 40px; + display: inline-block; + padding: 0 10px; +} + +/* END STYLE GIFT INPUT */ +/* NAVIGASI */ +.navigasi { + position: fixed; + bottom: 0; + width: 100%; + height: 55px; + box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); + background: rgba(0, 0, 0, 0.5); + display: flex; + overflow-x: auto; +} + +.navigasi__link { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + flex-grow: 1; + min-width: 50px; + overflow: hidden; + white-space: nowrap; + font-family: sans-serif; + font-size: 13px; + color: #fff; + text-decoration: none; + -webkit-tap-highlight-color: transparent; + transition: background-color 0.1s ease-in-out; +} + +.navigasi__link:hover { + background: rgba(127, 140, 141, 0.5); +} + +.navigasi__link--active { + color: #009578; +} + +.navigasi__icon { + font-size: 18px; +} + +/* END NAVIGASI */ + +/* SKROLL BUTTON ANIMATED */ +.icon-scroll, +.icon-scroll:before { + position: absolute; + left: 50%; +} + +.icon-scroll { + width: 30px; + height: 50px; + margin-left: -20px; + box-shadow: inset 0 0 0 1px #fff; + border-radius: 25px; +} + +.icon-scroll:before { + content: ''; + width: 8px; + height: 8px; + background: #fff; + margin-left: -4px; + top: 8px; + border-radius: 4px; + animation-duration: 1.5s; + animation-iteration-count: infinite; + animation-name: scroll; +} + +@-moz-keyframes scroll { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + transform: translateY(46px); + } +} + +@-webkit-keyframes scroll { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + transform: translateY(46px); + } +} + +@-o-keyframes scroll { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + transform: translateY(46px); + } +} + +@keyframes scroll { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + transform: translateY(25px); + } +} + +/* END ANIMATED BUTTON SCROLL */ + +/* KEHADIRAN */ +.Akan.Hadir { + background: #304058; + color: #fff; +} + +.Berhalangan.Hadir { + background: #304058; + color: #ECD662; +} + +/* END KEHADIRAN */ + + +/* VALIDASI */ +.isidulu { + box-shadow: 0 0 5px rgba(240, 52, 52, 1); + border: 1px solid rgba(240, 52, 52, 1); +} + +/* END VALIDASI */ \ No newline at end of file diff --git a/css/ket2.css b/css/ket2.css new file mode 100644 index 0000000..80492c6 --- /dev/null +++ b/css/ket2.css @@ -0,0 +1,56 @@ +* { + scroll-behavior: smooth; +} + +#fh5co-header { + /* The image used */ + background-image: url("../img/album1.png"); + height: 100vh; + /* Center and scale the image nicely */ + /* background-attachment: fixed; */ + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +.paralax-acara { + /* The image used */ + background-image: url("../img/album2.png"); + height: 100vh; + /* Center and scale the image nicely */ + /* background-attachment: fixed; */ + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +.float { + position: fixed; + width: 50px; + height: 50px; + bottom: 95px; + right: 20px; + background-color: #304058; + opacity: 0.5; + color: #FFF; + border-radius: 50px; + text-align: center; + padding-top: 9px; + z-index: 1; +} + +.videoWrapper { + position: relative; + padding-bottom: 56.25%; + /* 16:9 */ + padding-top: 25px; + height: 0; +} + +.videoWrapper iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} \ No newline at end of file diff --git a/css/lightbox.css b/css/lightbox.css new file mode 100644 index 0000000..b3b0beb --- /dev/null +++ b/css/lightbox.css @@ -0,0 +1,204 @@ +body.lb-disable-scrolling { + overflow: hidden; +} + +.lightboxOverlay { + position: absolute; + top: 0; + left: 0; + z-index: 9999; + background-color: black; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); + opacity: 0.8; + display: none; +} + +.lightbox { + position: absolute; + left: 0; + width: 100%; + z-index: 10000; + text-align: center; + line-height: 0; + font-weight: normal; + outline: none; +} + +.lightbox .lb-image { + display: block; + height: auto; + max-width: inherit; + max-height: none; + border-radius: 3px; + + /* Image border */ + border: 4px solid white; +} + +.lightbox a img { + border: none; +} + +.lb-outerContainer { + position: relative; + *zoom: 1; + width: 250px; + height: 250px; + margin: 0 auto; + border-radius: 4px; + + /* Background color behind image. + This is visible during transitions. */ + background-color: white; +} + +.lb-outerContainer:after { + content: ""; + display: table; + clear: both; +} + +.lb-loader { + position: absolute; + top: 43%; + left: 0; + height: 25%; + width: 100%; + text-align: center; + line-height: 0; +} + +.lb-cancel { + display: block; + width: 32px; + height: 32px; + margin: 0 auto; + background: url(../images/loading.gif) no-repeat; +} + +.lb-nav { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 10; +} + +.lb-container > .nav { + left: 0; +} + +.lb-nav a { + outline: none; + background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); +} + +.lb-prev, .lb-next { + height: 100%; + cursor: pointer; + display: block; +} + +.lb-nav a.lb-prev { + width: 34%; + left: 0; + float: left; + background: url(../images/prev.png) left 48% no-repeat; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; + -webkit-transition: opacity 0.6s; + -moz-transition: opacity 0.6s; + -o-transition: opacity 0.6s; + transition: opacity 0.6s; +} + +.lb-nav a.lb-prev:hover { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} + +.lb-nav a.lb-next { + width: 64%; + right: 0; + float: right; + background: url(../images/next.png) right 48% no-repeat; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; + -webkit-transition: opacity 0.6s; + -moz-transition: opacity 0.6s; + -o-transition: opacity 0.6s; + transition: opacity 0.6s; +} + +.lb-nav a.lb-next:hover { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} + +.lb-dataContainer { + margin: 0 auto; + padding-top: 5px; + *zoom: 1; + width: 100%; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.lb-dataContainer:after { + content: ""; + display: table; + clear: both; +} + +.lb-data { + padding: 0 4px; + color: #ccc; +} + +.lb-data .lb-details { + width: 85%; + float: left; + text-align: left; + line-height: 1.1em; +} + +.lb-data .lb-caption { + font-size: 13px; + font-weight: bold; + line-height: 1em; +} + +.lb-data .lb-caption a { + color: #4ae; +} + +.lb-data .lb-number { + display: block; + clear: left; + padding-bottom: 1em; + font-size: 12px; + color: #999999; +} + +.lb-data .lb-close { + display: block; + float: right; + width: 30px; + height: 30px; + background: url(../images/close.png) top right no-repeat; + text-align: right; + outline: none; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); + opacity: 0.7; + -webkit-transition: opacity 0.2s; + -moz-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + transition: opacity 0.2s; +} + +.lb-data .lb-close:hover { + cursor: pointer; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} diff --git a/css/material-components-web.css b/css/material-components-web.css new file mode 100644 index 0000000..8d2701f --- /dev/null +++ b/css/material-components-web.css @@ -0,0 +1,15961 @@ +/** + * @license + * Copyright Google LLC All Rights Reserved. + * + * Use of this source code is governed by an MIT-style license that can be + * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE + */ +@charset "UTF-8"; +.mdc-banner__text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-banner__graphic { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-surface, #fff); +} + +.mdc-banner__graphic { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-theme-primary, #6200ee); +} + +.mdc-banner__graphic { + border-radius: 50%; +} + +.mdc-banner__content, +.mdc-banner__fixed { + min-width: 344px; +} +@media (max-width: 480px), (max-width: 344px) { + .mdc-banner__content, +.mdc-banner__fixed { + min-width: 100%; + } +} + +.mdc-banner__content { + max-width: 720px; +} + +.mdc-banner { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-bottom-color: rgba(0, 0, 0, 0.12); + z-index: 1; + border-bottom-style: solid; + border-bottom-width: 1px; + box-sizing: border-box; + display: none; + flex-shrink: 0; + height: 0; + position: relative; + width: 100%; +} +.mdc-banner .mdc-banner__fixed { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} +.mdc-banner .mdc-banner__fixed { + border-bottom-color: rgba(0, 0, 0, 0.12); +} +@media (max-width: 480px) { + .mdc-banner .mdc-banner__fixed { + left: 0; + right: 0; + } + .mdc-banner .mdc-banner__text { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 36px; + } + [dir=rtl] .mdc-banner .mdc-banner__text, .mdc-banner .mdc-banner__text[dir=rtl] { + /* @noflip */ + margin-left: 36px; + /* @noflip */ + margin-right: 16px; + } +} +@media (max-width: 480px) { + .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content { + flex-wrap: wrap; + } + .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic { + margin-bottom: 12px; + } + .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 8px; + padding-bottom: 4px; + } + [dir=rtl] .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text, .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 16px; + } + .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions { + margin-left: auto; + } +} + +.mdc-banner--opening, +.mdc-banner--open, +.mdc-banner--closing { + display: flex; +} + +.mdc-banner--open { + transition: height 300ms ease; +} +.mdc-banner--open .mdc-banner__content { + transition: -webkit-transform 300ms ease; + transition: transform 300ms ease; + transition: transform 300ms ease, -webkit-transform 300ms ease; + -webkit-transform: translateY(0); + transform: translateY(0); +} + +.mdc-banner--closing { + transition: height 250ms ease; +} +.mdc-banner--closing .mdc-banner__content { + transition: -webkit-transform 250ms ease; + transition: transform 250ms ease; + transition: transform 250ms ease, -webkit-transform 250ms ease; +} + +.mdc-banner--centered .mdc-banner__content { + left: 0; + margin-left: auto; + margin-right: auto; + right: 0; +} + +.mdc-banner__fixed { + border-bottom-style: solid; + border-bottom-width: 1px; + box-sizing: border-box; + height: inherit; + position: fixed; + width: 100%; +} + +.mdc-banner__content { + display: flex; + min-height: 52px; + position: absolute; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + width: 100%; +} + +.mdc-banner__graphic-text-wrapper { + display: flex; + width: 100%; +} + +.mdc-banner__graphic { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + flex-shrink: 0; + height: 40px; + margin-top: 16px; + margin-bottom: 16px; + text-align: center; + width: 40px; +} +[dir=rtl] .mdc-banner__graphic, .mdc-banner__graphic[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-banner__icon { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.mdc-banner__text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 90px; + align-self: center; + flex-grow: 1; + padding-top: 16px; + padding-bottom: 16px; +} +[dir=rtl] .mdc-banner__text, .mdc-banner__text[dir=rtl] { + /* @noflip */ + margin-left: 90px; + /* @noflip */ + margin-right: 24px; +} + +.mdc-banner__actions { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + align-self: flex-end; + display: flex; + flex-shrink: 0; + padding-bottom: 8px; + padding-top: 8px; +} +[dir=rtl] .mdc-banner__actions, .mdc-banner__actions[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} + +.mdc-banner__primary-action:not(:disabled) { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} +.mdc-banner__primary-action::before, .mdc-banner__primary-action::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +.mdc-banner__primary-action:hover::before, .mdc-banner__primary-action.mdc-ripple-surface--hover::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-banner__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__primary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-banner__primary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-banner__primary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-banner__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} + +.mdc-banner__secondary-action { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-banner__secondary-action:not(:disabled) { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} +.mdc-banner__secondary-action::before, .mdc-banner__secondary-action::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +.mdc-banner__secondary-action:hover::before, .mdc-banner__secondary-action.mdc-ripple-surface--hover::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-banner__secondary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__secondary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-banner__secondary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-banner__secondary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-banner__secondary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +[dir=rtl] .mdc-banner__secondary-action, .mdc-banner__secondary-action[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} + +.mdc-touch-target-wrapper { + display: inline; +} + +.mdc-elevation-overlay { + position: absolute; + border-radius: inherit; + pointer-events: none; + opacity: 0; + /* @alternate */ + opacity: var(--mdc-elevation-overlay-opacity, 0); + transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-elevation-overlay-color, #fff); +} + +.mdc-button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none); + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + box-sizing: border-box; + min-width: 64px; + 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: visible; + vertical-align: middle; +} +.mdc-button .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-button::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-button:active { + outline: none; +} +.mdc-button:hover { + cursor: pointer; +} +.mdc-button:disabled { + cursor: default; + pointer-events: none; +} +.mdc-button .mdc-button__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; + display: inline-block; + font-size: 1.125rem; + height: 1.125rem; + vertical-align: top; + width: 1.125rem; +} +[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +.mdc-button .mdc-button__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} + +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__label + .mdc-button__icon, +.mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button--outlined .mdc-button__label + .mdc-button__icon { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, +.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], +[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon, +.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 8px; +} + +.mdc-button--touch { + margin-top: 6px; + margin-bottom: 6px; +} + +@-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-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; +} +.mdc-button .mdc-button__ripple::before, +.mdc-button .mdc-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-button .mdc-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-button .mdc-button__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::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 .mdc-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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 .mdc-button__ripple::before, +.mdc-button .mdc-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-button .mdc-button__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} +.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple { + top: 0; + left: 0; +} + +.mdc-button--raised { + /* @alternate */ + 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); + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-button--raised:hover, .mdc-button--raised:focus { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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; +} + +.mdc-button { + height: 36px; + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); + padding: 0 8px 0 8px; +} +.mdc-button:not(:disabled) { + background-color: transparent; +} +.mdc-button:disabled { + background-color: transparent; +} +.mdc-button:not(:disabled) { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} +.mdc-button:disabled { + color: rgba(0, 0, 0, 0.38); +} +.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +.mdc-button:hover .mdc-button__ripple::before, .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-button .mdc-button__ripple { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-button--unelevated { + padding: 0 16px 0 16px; + height: 36px; + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-button--unelevated:not(:disabled) { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-theme-primary, #6200ee); +} +.mdc-button--unelevated:disabled { + background-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--unelevated:not(:disabled) { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button--unelevated:disabled { + color: rgba(0, 0, 0, 0.38); +} +.mdc-button--unelevated .mdc-button__ripple::before, .mdc-button--unelevated .mdc-button__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff)); +} +.mdc-button--unelevated:hover .mdc-button__ripple::before, .mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before { + opacity: 0.08; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.08); +} +.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.24); +} +.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.24); +} +.mdc-button--unelevated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24); +} +.mdc-button--unelevated .mdc-button__ripple { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-button--raised { + padding: 0 16px 0 16px; + height: 36px; + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-button--raised:not(:disabled) { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-theme-primary, #6200ee); +} +.mdc-button--raised:disabled { + background-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--raised:not(:disabled) { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-button--raised:disabled { + color: rgba(0, 0, 0, 0.38); +} +.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff)); +} +.mdc-button--raised:hover .mdc-button__ripple::before, .mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before { + opacity: 0.08; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.08); +} +.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.24); +} +.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.24); +} +.mdc-button--raised.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24); +} +.mdc-button--raised .mdc-button__ripple { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-button--outlined { + height: 36px; + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); + padding: 0 15px 0 15px; + border-width: 1px; +} +.mdc-button--outlined:not(:disabled) { + background-color: transparent; +} +.mdc-button--outlined:disabled { + background-color: transparent; +} +.mdc-button--outlined:not(:disabled) { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} +.mdc-button--outlined:disabled { + color: rgba(0, 0, 0, 0.38); +} +.mdc-button--outlined .mdc-button__ripple::before, .mdc-button--outlined .mdc-button__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +.mdc-button--outlined:hover .mdc-button__ripple::before, .mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-button--outlined.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-button--outlined .mdc-button__ripple { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-button--outlined:not(:disabled) { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--outlined:disabled { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-button--outlined .mdc-button__ripple { + top: -1px; + left: -1px; + border: 1px solid transparent; +} +.mdc-button--outlined .mdc-button__touch { + left: -1px; + width: calc(100% + 2 * 1px); +} + +.mdc-card { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + /* @alternate */ + position: relative; + /* @alternate */ + 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); + display: flex; + flex-direction: column; + box-sizing: border-box; +} +.mdc-card .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-card::after { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; + pointer-events: none; +} + +.mdc-card--outlined { + /* @alternate */ + 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-width: 1px; + border-style: solid; + border-color: #e0e0e0; +} +.mdc-card--outlined::after { + border: none; +} + +.mdc-card__content { + border-radius: inherit; + height: 100%; +} + +.mdc-card__media { + position: relative; + 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; + box-sizing: border-box; +} + +.mdc-card__primary-action { + display: flex; + flex-direction: column; + box-sizing: border-box; + position: relative; + outline: none; + color: inherit; + text-decoration: none; + cursor: pointer; + overflow: hidden; +} + +.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: flex; + flex-direction: row; + align-items: center; + 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: flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; +} + +.mdc-card__action-icons { + color: rgba(0, 0, 0, 0.6); + flex-grow: 1; + 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: inline-flex; + flex-direction: row; + align-items: center; + box-sizing: border-box; + 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 { + justify-content: space-between; + width: 100%; + height: auto; + max-height: none; + margin: 0; + padding: 8px 16px; + /* @noflip */ + 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] { + /* @noflip */ + text-align: right; +} + +.mdc-card__action--icon { + margin: -6px 0; + padding: 12px; +} + +.mdc-card__action--icon:not(:disabled) { + color: rgba(0, 0, 0, 0.6); +} + +.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; +} +.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 { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-card__primary-action::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.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: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, #000); +} +.mdc-card__primary-action:hover::before, .mdc-card__primary-action.mdc-ripple-surface--hover::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-card__primary-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} + +.mdc-checkbox { + padding: calc((40px - 18px) / 2); + /* @alternate */ + padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2); + margin: calc((40px - 40px) / 2); + /* @alternate */ + margin: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2); +} +.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, #000); +} +.mdc-checkbox:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-checkbox.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #018786; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786)); +} +.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #018786; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786)); +} +.mdc-checkbox .mdc-checkbox__background { + top: calc((40px - 18px) / 2); + /* @alternate */ + top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2); + left: calc((40px - 18px) / 2); + /* @alternate */ + left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2); +} +.mdc-checkbox .mdc-checkbox__native-control { + top: calc((40px - 40px) / 2); + /* @alternate */ + top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2); + right: calc((40px - 40px) / 2); + /* @alternate */ + right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2); + left: calc((40px - 40px) / 2); + /* @alternate */ + left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2); + width: 40px; + /* @alternate */ + width: var(--mdc-checkbox-ripple-size, 40px); + height: 40px; + /* @alternate */ + height: var(--mdc-checkbox-ripple-size, 40px); +} +.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; +} +.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background { + border-color: #018786; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786)); + background-color: #018786; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786)); +} +@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #018786; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786)); + background-color: #018786; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786)); + } +} +@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #018786; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786)); + background-color: #018786; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786)); + } +} +@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 { + 0%, 80% { + border-color: #018786; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786)); + background-color: #018786; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 { + 0%, 80% { + border-color: #018786; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786)); + background-color: #018786; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786; + animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786; +} +.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786; + animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786; +} +.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.38); + /* @alternate */ + border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38)); + background-color: transparent; +} +.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background { + border-color: transparent; + background-color: rgba(0, 0, 0, 0.38); + /* @alternate */ + background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38)); +} +.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: #fff; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: #fff; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, #fff); +} +.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, #fff); +} + +@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path { + 0%, 50% { + stroke-dashoffset: 29.7833385; + } + 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.7833385; + } + 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.7833385; + } +} +@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.7833385; + } +} +@-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; + flex: 0 0 18px; + box-sizing: content-box; + width: 18px; + height: 18px; + line-height: 0; + white-space: nowrap; + cursor: pointer; + vertical-align: bottom; +} + +@media screen and (-ms-high-contrast: active) { + .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: GrayText; + /* @alternate */ + border-color: var(--mdc-checkbox-disabled-color, GrayText); + background-color: transparent; + } + + .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background { + border-color: GrayText; + background-color: transparent; + /* @alternate */ + background-color: var(--mdc-checkbox-disabled-color, transparent); + } + + .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + color: GrayText; + /* @alternate */ + color: var(--mdc-checkbox-ink-color, GrayText); + } + .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + border-color: GrayText; + /* @alternate */ + border-color: var(--mdc-checkbox-ink-color, GrayText); + } + + .mdc-checkbox__mixedmark { + margin: 0 1px; + } +} +.mdc-checkbox--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-checkbox__background { + display: inline-flex; + position: absolute; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 18px; + height: 18px; + border: 2px solid currentColor; + border-radius: 2px; + background-color: transparent; + pointer-events: none; + will-change: background-color, border-color; + 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); +} + +.mdc-checkbox__checkmark { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + opacity: 0; + transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-checkbox--upgraded .mdc-checkbox__checkmark { + opacity: 1; +} + +.mdc-checkbox__checkmark-path { + transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); + stroke: currentColor; + stroke-width: 3.12px; + stroke-dashoffset: 29.7833385; + stroke-dasharray: 29.7833385; +} + +.mdc-checkbox__mixedmark { + width: 100%; + height: 0; + -webkit-transform: scaleX(0) rotate(0deg); + transform: scaleX(0) rotate(0deg); + border-width: 1px; + border-style: solid; + opacity: 0; + 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); +} + +.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: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s; + animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { + -webkit-animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s; + animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { + -webkit-animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s; + animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { + -webkit-animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s; + animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { + -webkit-animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s; + animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { + -webkit-animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s; + animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { + -webkit-animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s; + animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s; + transition: none; +} +.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { + -webkit-animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s; + animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s; + transition: none; +} + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background { + 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, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { + stroke-dashoffset: 0; +} + +.mdc-checkbox__native-control { + position: absolute; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; +} +.mdc-checkbox__native-control:disabled { + cursor: default; + pointer-events: none; +} + +.mdc-checkbox--touch { + margin: calc((48px - 40px) / 2); + /* @alternate */ + margin: calc((var(--mdc-checkbox-touch-target-size, 48px) - var(--mdc-checkbox-ripple-size, 40px)) / 2); +} +.mdc-checkbox--touch .mdc-checkbox__native-control { + top: calc((40px - 48px) / 2); + /* @alternate */ + top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2); + right: calc((40px - 48px) / 2); + /* @alternate */ + right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2); + left: calc((40px - 48px) / 2); + /* @alternate */ + left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2); + width: 48px; + /* @alternate */ + width: var(--mdc-checkbox-touch-target-size, 48px); + height: 48px; + /* @alternate */ + height: var(--mdc-checkbox-touch-target-size, 48px); +} + +.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + 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, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; + 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); +} +.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark, +.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { + -webkit-transform: scaleX(1) rotate(0deg); + transform: scaleX(1) rotate(0deg); + opacity: 1; +} + +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, +.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark { + transition: none; +} + +.mdc-checkbox { + --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 .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-checkbox .mdc-checkbox__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-checkbox .mdc-checkbox__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::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 .mdc-checkbox__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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 .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before, +.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::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 .mdc-checkbox__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-checkbox { + z-index: 0; +} +.mdc-checkbox .mdc-checkbox__ripple::before, +.mdc-checkbox .mdc-checkbox__ripple::after { + z-index: -1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, -1); +} + +.mdc-checkbox__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-deprecated-chip-trailing-action__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + /* @noflip */ + left: 50%; + width: 48px; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.mdc-deprecated-chip-trailing-action { + border: none; + display: inline-flex; + position: relative; + align-items: center; + justify-content: center; + box-sizing: border-box; + padding: 0; + outline: none; + cursor: pointer; + -webkit-appearance: none; + background: none; +} +.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__icon { + height: 18px; + width: 18px; + font-size: 18px; +} +.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__touch { + width: 26px; +} +.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__icon { + fill: currentColor; + color: inherit; +} + +.mdc-deprecated-chip-trailing-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; +} +.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before, +.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; +} +.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-deprecated-chip-trailing-action__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-chip-trailing-action__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-chip-trailing-action__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before, +.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::before, +.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::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-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before, .mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000)); +} +.mdc-deprecated-chip-trailing-action:hover .mdc-deprecated-chip-trailing-action__ripple::before, .mdc-deprecated-chip-trailing-action.mdc-ripple-surface--hover .mdc-deprecated-chip-trailing-action__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-deprecated-chip-trailing-action__ripple::before, .mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-deprecated-chip-trailing-action__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-deprecated-chip-trailing-action__ripple::after { + transition: opacity 150ms linear; +} +.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-deprecated-chip-trailing-action__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple { + position: absolute; + box-sizing: content-box; + width: 100%; + height: 100%; + overflow: hidden; +} + +.mdc-chip__icon--leading { + color: rgba(0, 0, 0, 0.54); +} + +.mdc-deprecated-chip-trailing-action { + color: #000; +} + +.mdc-chip__icon--trailing { + color: rgba(0, 0, 0, 0.54); +} +.mdc-chip__icon--trailing:hover { + color: rgba(0, 0, 0, 0.62); +} +.mdc-chip__icon--trailing:focus { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + width: 20px; + height: 20px; + font-size: 20px; +} + +.mdc-deprecated-chip-trailing-action__icon { + height: 18px; + width: 18px; + font-size: 18px; +} + +.mdc-chip__icon.mdc-chip__icon--trailing { + width: 18px; + height: 18px; + font-size: 18px; +} + +.mdc-deprecated-chip-trailing-action { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-deprecated-chip-trailing-action, .mdc-deprecated-chip-trailing-action[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} + +.mdc-chip__icon--trailing { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +[dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} + +.mdc-chip { + border-radius: 16px; + background-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + height: 32px; + /* @alternate */ + position: relative; + display: inline-flex; + align-items: center; + box-sizing: border-box; + padding: 0 12px; + border-width: 0; + outline: none; + cursor: pointer; + -webkit-appearance: none; +} +.mdc-chip .mdc-chip__ripple { + border-radius: 16px; +} +.mdc-chip:hover { + color: rgba(0, 0, 0, 0.87); +} +.mdc-chip.mdc-chip--selected .mdc-chip__checkmark, +.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { + /* @noflip */ + margin-left: -4px; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl], +[dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), +.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: -4px; +} +.mdc-chip .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-chip::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-chip:hover { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-chip .mdc-chip__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.mdc-chip--exit { + 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__overflow { + text-overflow: ellipsis; + overflow: hidden; +} + +.mdc-chip__text { + white-space: nowrap; +} + +.mdc-chip__icon { + border-radius: 50%; + outline: none; + vertical-align: middle; +} + +.mdc-chip__checkmark { + height: 20px; +} + +.mdc-chip__checkmark-path { + transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1); + stroke-width: 2px; + stroke-dashoffset: 29.7833385; + stroke-dasharray: 29.7833385; +} + +.mdc-chip__primary-action:focus { + outline: none; +} + +.mdc-chip--selected .mdc-chip__checkmark-path { + stroke-dashoffset: 0; +} + +.mdc-chip__icon--leading, +.mdc-chip__icon--trailing { + position: relative; +} + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading { + color: rgba(98, 0, 238, 0.54); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} +.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path { + stroke: #6200ee; + /* @alternate */ + stroke: var(--mdc-theme-primary, #6200ee); +} +.mdc-chip-set--choice .mdc-chip--selected { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-chip__checkmark-svg { + width: 0; + height: 20px; + 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 { + transition: opacity 75ms linear; + transition-delay: -50ms; + opacity: 1; +} +.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark { + transition: opacity 75ms linear; + transition-delay: 80ms; + opacity: 0; +} +.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg { + 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; +} + +.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; +} +.mdc-chip .mdc-chip__ripple::before, +.mdc-chip .mdc-chip__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-chip .mdc-chip__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-chip .mdc-chip__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::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 .mdc-chip__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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 .mdc-chip__ripple::before, +.mdc-chip .mdc-chip__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-chip .mdc-chip__ripple::before, .mdc-chip .mdc-chip__ripple::after { + background-color: rgba(0, 0, 0, 0.87); + /* @alternate */ + background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87)); +} +.mdc-chip:hover .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-surface--hover .mdc-chip__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-chip.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-chip .mdc-chip__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + overflow: hidden; +} + +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before { + opacity: 0.08; + /* @alternate */ + opacity: var(--mdc-ripple-selected-opacity, 0.08); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-surface--hover .mdc-chip__ripple::before { + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.12); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before { + transition-duration: 75ms; + opacity: 0.2; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.2); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after { + transition: opacity 150ms linear; +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after { + transition-duration: 75ms; + opacity: 0.2; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.2); +} +.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2); +} + +@-webkit-keyframes mdc-chip-entry { + from { + -webkit-transform: scale(0.8); + transform: scale(0.8); + opacity: 0.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: 0.4; + } + to { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +.mdc-chip-set { + padding: 4px; + display: flex; + flex-wrap: wrap; + box-sizing: border-box; +} +.mdc-chip-set .mdc-chip { + margin: 4px; +} +.mdc-chip-set .mdc-chip--touch { + margin-top: 8px; + margin-bottom: 8px; +} + +.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-circular-progress__determinate-circle, +.mdc-circular-progress__indeterminate-circle-graphic { + stroke: #6200ee; + /* @alternate */ + stroke: var(--mdc-theme-primary, #6200ee); +} + +.mdc-circular-progress__determinate-track { + stroke: transparent; +} + +@-webkit-keyframes mdc-circular-progress-container-rotate { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes mdc-circular-progress-container-rotate { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes mdc-circular-progress-spinner-layer-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); + } + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + } + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg); + } + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg); + } + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg); + } + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg); + } + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg); + } + 100% { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} +@keyframes mdc-circular-progress-spinner-layer-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); + } + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + } + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg); + } + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg); + } + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg); + } + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg); + } + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg); + } + 100% { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} +@-webkit-keyframes mdc-circular-progress-color-1-fade-in-out { + from { + opacity: 0.99; + } + 25% { + opacity: 0.99; + } + 26% { + opacity: 0; + } + 89% { + opacity: 0; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0.99; + } +} +@keyframes mdc-circular-progress-color-1-fade-in-out { + from { + opacity: 0.99; + } + 25% { + opacity: 0.99; + } + 26% { + opacity: 0; + } + 89% { + opacity: 0; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0.99; + } +} +@-webkit-keyframes mdc-circular-progress-color-2-fade-in-out { + from { + opacity: 0; + } + 15% { + opacity: 0; + } + 25% { + opacity: 0.99; + } + 50% { + opacity: 0.99; + } + 51% { + opacity: 0; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-color-2-fade-in-out { + from { + opacity: 0; + } + 15% { + opacity: 0; + } + 25% { + opacity: 0.99; + } + 50% { + opacity: 0.99; + } + 51% { + opacity: 0; + } + to { + opacity: 0; + } +} +@-webkit-keyframes mdc-circular-progress-color-3-fade-in-out { + from { + opacity: 0; + } + 40% { + opacity: 0; + } + 50% { + opacity: 0.99; + } + 75% { + opacity: 0.99; + } + 76% { + opacity: 0; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-color-3-fade-in-out { + from { + opacity: 0; + } + 40% { + opacity: 0; + } + 50% { + opacity: 0.99; + } + 75% { + opacity: 0.99; + } + 76% { + opacity: 0; + } + to { + opacity: 0; + } +} +@-webkit-keyframes mdc-circular-progress-color-4-fade-in-out { + from { + opacity: 0; + } + 65% { + opacity: 0; + } + 75% { + opacity: 0.99; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0; + } +} +@keyframes mdc-circular-progress-color-4-fade-in-out { + from { + opacity: 0; + } + 65% { + opacity: 0; + } + 75% { + opacity: 0.99; + } + 90% { + opacity: 0.99; + } + to { + opacity: 0; + } +} +@-webkit-keyframes mdc-circular-progress-left-spin { + from { + -webkit-transform: rotate(265deg); + transform: rotate(265deg); + } + 50% { + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + to { + -webkit-transform: rotate(265deg); + transform: rotate(265deg); + } +} +@keyframes mdc-circular-progress-left-spin { + from { + -webkit-transform: rotate(265deg); + transform: rotate(265deg); + } + 50% { + -webkit-transform: rotate(130deg); + transform: rotate(130deg); + } + to { + -webkit-transform: rotate(265deg); + transform: rotate(265deg); + } +} +@-webkit-keyframes mdc-circular-progress-right-spin { + from { + -webkit-transform: rotate(-265deg); + transform: rotate(-265deg); + } + 50% { + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + to { + -webkit-transform: rotate(-265deg); + transform: rotate(-265deg); + } +} +@keyframes mdc-circular-progress-right-spin { + from { + -webkit-transform: rotate(-265deg); + transform: rotate(-265deg); + } + 50% { + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); + } + to { + -webkit-transform: rotate(-265deg); + transform: rotate(-265deg); + } +} +.mdc-circular-progress { + display: inline-flex; + position: relative; + /* @noflip */ + direction: ltr; + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} + +.mdc-circular-progress__determinate-container, +.mdc-circular-progress__indeterminate-circle-graphic, +.mdc-circular-progress__indeterminate-container, +.mdc-circular-progress__spinner-layer { + position: absolute; + width: 100%; + height: 100%; +} + +.mdc-circular-progress__determinate-container { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); +} + +.mdc-circular-progress__indeterminate-container { + font-size: 0; + letter-spacing: 0; + white-space: nowrap; + opacity: 0; +} + +.mdc-circular-progress__determinate-circle-graphic, +.mdc-circular-progress__indeterminate-circle-graphic { + fill: transparent; +} + +.mdc-circular-progress__determinate-circle { + transition: stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-circular-progress__gap-patch { + position: absolute; + top: 0; + /* @noflip */ + left: 47.5%; + box-sizing: border-box; + width: 5%; + height: 100%; + overflow: hidden; +} +.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + left: -900%; + width: 2000%; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} + +.mdc-circular-progress__circle-clipper { + display: inline-flex; + position: relative; + width: 50%; + height: 100%; + overflow: hidden; +} +.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic { + width: 200%; +} + +.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + left: -100%; +} + +.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container { + opacity: 0; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container { + opacity: 1; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container { + -webkit-animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite; + animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer { + -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 { + -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 { + -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 { + -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 { + -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + -webkit-animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} +.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { + /* @noflip */ + -webkit-animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +.mdc-circular-progress--closed { + opacity: 0; +} + +.mdc-floating-label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + position: absolute; + /* @noflip */ + left: 0; + /* @noflip */ + -webkit-transform-origin: left top; + /* @noflip */ + transform-origin: left top; + line-height: 1.15rem; + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + cursor: text; + overflow: hidden; + /* @alternate */ + will-change: transform; + 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); +} +[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] { + /* @noflip */ + right: 0; + /* @noflip */ + left: auto; + /* @noflip */ + -webkit-transform-origin: right top; + /* @noflip */ + transform-origin: right top; + /* @noflip */ + text-align: right; +} + +.mdc-floating-label--float-above { + cursor: auto; +} + +.mdc-floating-label--required::after { + /* @noflip */ + margin-left: 1px; + /* @noflip */ + margin-right: 0px; + content: "*"; +} +[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 1px; +} + +.mdc-floating-label--float-above { + -webkit-transform: translateY(-106%) scale(0.75); + transform: translateY(-106%) 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(-106%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } +} + +@keyframes mdc-floating-label-shake-float-above-standard { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); + } +} +.mdc-line-ripple::before, .mdc-line-ripple::after { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + border-bottom-style: solid; + content: ""; +} +.mdc-line-ripple::before { + border-bottom-width: 1px; + z-index: 1; +} +.mdc-line-ripple::after { + -webkit-transform: scaleX(0); + transform: scaleX(0); + border-bottom-width: 2px; + opacity: 0; + z-index: 2; +} +.mdc-line-ripple::after { + 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); +} + +.mdc-line-ripple--active::after { + -webkit-transform: scaleX(1); + transform: scaleX(1); + opacity: 1; +} + +.mdc-line-ripple--deactivating::after { + opacity: 0; +} + +.mdc-notched-outline { + display: flex; + position: absolute; + top: 0; + right: 0; + left: 0; + box-sizing: border-box; + width: 100%; + max-width: 100%; + height: 100%; + /* @noflip */ + text-align: left; + pointer-events: none; +} +[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] { + /* @noflip */ + text-align: right; +} +.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing { + box-sizing: border-box; + height: 100%; + border-top: 1px solid; + border-bottom: 1px solid; + pointer-events: none; +} +.mdc-notched-outline__leading { + /* @noflip */ + border-left: 1px solid; + /* @noflip */ + border-right: none; + width: 12px; +} +[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-left: none; + /* @noflip */ + border-right: 1px solid; +} +.mdc-notched-outline__trailing { + /* @noflip */ + border-left: none; + /* @noflip */ + border-right: 1px solid; + flex-grow: 1; +} +[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-left: 1px solid; + /* @noflip */ + border-right: none; +} +.mdc-notched-outline__notch { + flex: 0 0 auto; + width: auto; + max-width: calc(100% - 12px * 2); +} +.mdc-notched-outline .mdc-floating-label { + display: inline-block; + position: relative; + max-width: 100%; +} +.mdc-notched-outline .mdc-floating-label--float-above { + text-overflow: clip; +} +.mdc-notched-outline--upgraded .mdc-floating-label--float-above { + max-width: calc(100% / 0.75); +} + +.mdc-notched-outline--notched .mdc-notched-outline__notch { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + border-top: none; +} +[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} + +.mdc-notched-outline--no-label .mdc-notched-outline__notch { + display: none; +} + +.mdc-select { + display: inline-flex; + position: relative; +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text { + color: rgba(0, 0, 0, 0.87); +} +.mdc-select.mdc-select--disabled .mdc-select__selected-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-floating-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { + color: rgba(98, 0, 238, 0.87); +} +.mdc-select.mdc-select--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon { + fill: rgba(0, 0, 0, 0.54); +} +.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon { + fill: #6200ee; + /* @alternate */ + fill: var(--mdc-theme-primary, #6200ee); +} +.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon { + fill: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text { + color: rgba(0, 0, 0, 0.6); +} +.mdc-select.mdc-select--disabled + .mdc-select-helper-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-select:not(.mdc-select--disabled) .mdc-select__icon { + color: rgba(0, 0, 0, 0.54); +} +.mdc-select.mdc-select--disabled .mdc-select__icon { + color: rgba(0, 0, 0, 0.38); +} +@media screen and (-ms-high-contrast: active) { + .mdc-select.mdc-select--disabled .mdc-select__selected-text { + color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon { + fill: red; + } + .mdc-select.mdc-select--disabled .mdc-floating-label { + color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-line-ripple::before { + border-bottom-color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-notched-outline__leading, +.mdc-select.mdc-select--disabled .mdc-notched-outline__notch, +.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing { + border-color: GrayText; + } + .mdc-select.mdc-select--disabled .mdc-select__icon { + color: GrayText; + } + .mdc-select.mdc-select--disabled + .mdc-select-helper-text { + color: GrayText; + } +} +.mdc-select .mdc-floating-label { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; +} +.mdc-select .mdc-select__anchor { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-select .mdc-select__icon { + width: 24px; + height: 24px; + font-size: 24px; +} +.mdc-select .mdc-select__dropdown-icon { + width: 24px; + height: 24px; +} +.mdc-select .mdc-select__menu .mdc-deprecated-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item, .mdc-select .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic, .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 0; +} +.mdc-select__dropdown-icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; + display: inline-flex; + position: relative; + align-self: center; + align-items: center; + justify-content: center; + flex-shrink: 0; + pointer-events: none; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active, +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + position: absolute; + top: 0; + left: 0; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic { + width: 41.6666666667%; + height: 20.8333333333%; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + opacity: 1; + transition: opacity 75ms linear 75ms; +} +.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active { + opacity: 0; + transition: opacity 75ms linear; +} +[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} +.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive { + opacity: 0; + transition: opacity 49.5ms linear; +} +.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active { + opacity: 1; + transition: opacity 100.5ms linear 49.5ms; +} + +.mdc-select__anchor { + width: 200px; + min-width: 0; + flex: 1 1 auto; + position: relative; + box-sizing: border-box; + overflow: hidden; + outline: none; + cursor: pointer; +} +.mdc-select__anchor .mdc-floating-label--float-above { + -webkit-transform: translateY(-106%) scale(0.75); + transform: translateY(-106%) scale(0.75); +} + +.mdc-select__selected-text-container { + display: flex; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + pointer-events: none; + box-sizing: border-box; + width: auto; + min-width: 0; + flex-grow: 1; + height: 28px; + border: none; + outline: none; + padding: 0; + background-color: transparent; + color: inherit; +} + +.mdc-select__selected-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + width: 100%; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon { + fill: #b00020; + /* @alternate */ + fill: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon { + fill: #b00020; + /* @alternate */ + fill: var(--mdc-theme-error, #b00020); +} +.mdc-select--disabled { + cursor: default; + pointer-events: none; +} + +.mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 12px; +} + +.mdc-select__menu .mdc-deprecated-list .mdc-select__icon { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-select__menu .mdc-deprecated-list .mdc-select__icon, .mdc-select__menu .mdc-deprecated-list .mdc-select__icon[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected, +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic, +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-select--filled .mdc-select__anchor { + height: 56px; + display: flex; + align-items: baseline; +} +.mdc-select--filled .mdc-select__anchor::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before { + content: "​"; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container { + height: 100%; + display: inline-flex; + align-items: center; +} +.mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before { + display: none; +} +.mdc-select--filled .mdc-select__anchor { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-small, 4px); + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-small, 4px); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor { + background-color: whitesmoke; +} +.mdc-select--filled.mdc-select--disabled .mdc-select__anchor { + background-color: #fafafa; +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.42); +} +.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.87); +} +.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after { + border-bottom-color: #6200ee; + /* @alternate */ + border-bottom-color: var(--mdc-theme-primary, #6200ee); +} +.mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.06); +} +.mdc-select--filled .mdc-floating-label { + max-width: calc(100% - 64px); +} +.mdc-select--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-select--filled .mdc-menu-surface--is-open-below { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} +.mdc-select--filled.mdc-select--focused.mdc-line-ripple::after { + -webkit-transform: scale(1, 2); + transform: scale(1, 2); + opacity: 1; +} +.mdc-select--filled .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label { + max-width: calc(100% - 96px); +} +.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 96px / 0.75); +} + +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined { + border: none; +} +.mdc-select--outlined .mdc-select__anchor { + height: 56px; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + -webkit-transform: translateY(-37.25px) scale(1); + transform: translateY(-37.25px) scale(1); +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + -webkit-transform: translateY(-34.75px) scale(0.75); + transform: translateY(-34.75px) scale(0.75); +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1; + animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1; +} +@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-56px { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-56px { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { + width: max(12px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch { + max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2); + } +} +.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +@supports (top: max(0%)) { + .mdc-select--outlined .mdc-select__anchor { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] { + /* @noflip */ + padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-select--outlined + .mdc-select-helper-text { + /* @noflip */ + margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor { + background-color: transparent; +} +.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor { + background-color: transparent; +} +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.87); +} +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #6200ee; + /* @alternate */ + border-color: var(--mdc-theme-primary, #6200ee); +} +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.06); +} +.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} +.mdc-select--outlined .mdc-select__anchor { + display: flex; + align-items: baseline; + overflow: visible; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1; + animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1; +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + -webkit-transform: translateY(-37.25px) scale(1); + transform: translateY(-37.25px) scale(1); +} +.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + -webkit-transform: translateY(-34.75px) scale(0.75); + transform: translateY(-34.75px) scale(0.75); +} +.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 1px; +} +.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before { + content: "​"; +} +.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container { + height: 100%; + display: inline-flex; + align-items: center; +} +.mdc-select--outlined .mdc-select__anchor::before { + display: none; +} +.mdc-select--outlined .mdc-select__selected-text-container { + display: flex; + border: none; + z-index: 1; + background-color: transparent; +} +.mdc-select--outlined .mdc-select__icon { + z-index: 2; +} +.mdc-select--outlined .mdc-floating-label { + line-height: 1.15rem; + /* @noflip */ + left: 4px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 4px; +} +.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 2px; +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label { + /* @noflip */ + left: 36px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 36px; +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { + -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1); + transform: translateY(-37.25px) translateX(-32px) scale(1); +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] { + -webkit-transform: translateY(-37.25px) translateX(32px) scale(1); + transform: translateY(-37.25px) translateX(32px) scale(1); +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75); + transform: translateY(-34.75px) translateX(-32px) scale(0.75); +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { + -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75); + transform: translateY(-34.75px) translateX(32px) scale(0.75); +} +.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; + animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; +} +@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px { + 0% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px { + 0% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; + animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1; +} +@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} +.mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 96px); +} +.mdc-select--outlined .mdc-menu-surface { + margin-bottom: 8px; +} +.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface, +.mdc-select--outlined .mdc-menu-surface--is-open-below { + margin-bottom: 0; +} + +.mdc-select__anchor { + --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-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-select__anchor .mdc-select__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-select__anchor .mdc-select__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; +} +.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-select__anchor .mdc-select__ripple::before, +.mdc-select__anchor .mdc-select__ripple::after { + background-color: rgba(0, 0, 0, 0.87); + /* @alternate */ + background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87)); +} +.mdc-select__anchor:hover .mdc-select__ripple::before, .mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-select__anchor .mdc-select__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000)); +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after { + transition: opacity 150ms linear; +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000)); +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} + +.mdc-select-helper-text { + margin: 0; + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +[dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-select-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} + +.mdc-select-helper-text--validation-msg { + opacity: 0; + transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mdc-select--invalid + .mdc-select-helper-text--validation-msg, +.mdc-select-helper-text--validation-msg-persistent { + opacity: 1; +} + +.mdc-select--with-leading-icon .mdc-select__icon { + display: inline-block; + box-sizing: border-box; + border: none; + text-decoration: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + flex-shrink: 0; + align-self: center; + background-color: transparent; + fill: currentColor; +} +.mdc-select--with-leading-icon .mdc-select__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} +[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 12px; +} + +.mdc-select__icon:not([tabindex]), +.mdc-select__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; +} + +.mdc-data-table__content { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); +} + +.mdc-data-table { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + -webkit-overflow-scrolling: touch; + display: inline-flex; + flex-direction: column; + box-sizing: border-box; + position: relative; +} +.mdc-data-table .mdc-data-table__header-cell:first-child { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-medium, 4px); +} +[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:first-child, .mdc-data-table .mdc-data-table__header-cell:first-child[dir=rtl] { + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-medium, 4px); + border-top-left-radius: 0; +} +.mdc-data-table .mdc-data-table__header-cell:last-child { + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-medium, 4px); +} +[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:last-child, .mdc-data-table .mdc-data-table__header-cell:last-child[dir=rtl] { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-medium, 4px); + border-top-right-radius: 0; +} + +.mdc-data-table__row { + background-color: inherit; +} + +.mdc-data-table__header-cell { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-data-table__row--selected { + background-color: rgba(98, 0, 238, 0.04); +} + +.mdc-data-table__header-cell:after { + border-bottom-color: rgba(0, 0, 0, 0.12); +} + +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading, +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch, +.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-data-table__row, +.mdc-data-table__pagination { + border-top-color: rgba(0, 0, 0, 0.12); +} + +.mdc-data-table__header-cell:after { + border-bottom-style: solid; + border-bottom-width: 1px; +} + +.mdc-data-table__row, +.mdc-data-table__pagination { + border-top-width: 1px; + border-top-style: solid; +} + +.mdc-data-table__row:not(.mdc-data-table__row--selected):hover { + background-color: rgba(0, 0, 0, 0.04); +} + +.mdc-data-table__header-cell { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-data-table__pagination-total, +.mdc-data-table__pagination-rows-per-page-label, +.mdc-data-table__cell { + color: rgba(0, 0, 0, 0.87); +} + +.mdc-data-table__cell { + height: 52px; +} + +.mdc-data-table__pagination { + min-height: 52px; +} + +.mdc-data-table__header-cell { + height: 56px; +} + +.mdc-data-table__cell, +.mdc-data-table__header-cell { + padding-right: 16px; + padding-left: 16px; +} + +.mdc-data-table__header-cell--checkbox, +.mdc-data-table__cell--checkbox { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-data-table__header-cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl], +[dir=rtl] .mdc-data-table__cell--checkbox, +.mdc-data-table__cell--checkbox[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; +} + +.mdc-data-table__sort-icon-button { + color: rgba(0, 0, 0, 0.6); +} +.mdc-data-table__sort-icon-button::before, .mdc-data-table__sort-icon-button::after { + background-color: rgba(0, 0, 0, 0.6); + /* @alternate */ + background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.6)); +} +.mdc-data-table__sort-icon-button:hover::before, .mdc-data-table__sort-icon-button.mdc-ripple-surface--hover::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-data-table__sort-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} + +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button { + color: rgba(0, 0, 0, 0.87); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::after { + background-color: rgba(0, 0, 0, 0.87); + /* @alternate */ + background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87)); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:hover::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-surface--hover::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} + +.mdc-data-table__table-container { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + width: 100%; +} + +.mdc-data-table__table { + min-width: 100%; + border: 0; + white-space: nowrap; + border-collapse: collapse; + /** + * With table-layout:fixed, table and column widths are defined by the width + * of the first row of cells. Cells in subsequent rows do not affect column + * widths. This results in a predictable table layout and may also speed up + * rendering. + */ + table-layout: fixed; +} + +.mdc-data-table__cell { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + box-sizing: border-box; + overflow: hidden; + text-align: left; + text-overflow: ellipsis; +} +[dir=rtl] .mdc-data-table__cell, .mdc-data-table__cell[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-data-table__cell--numeric { + text-align: right; +} +[dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] { + /* @noflip */ + text-align: left; +} + +.mdc-data-table__cell--checkbox { + width: 1px; +} + +.mdc-data-table__header-cell { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); + box-sizing: border-box; + text-overflow: ellipsis; + overflow: hidden; + outline: none; + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-data-table__header-cell--checkbox { + width: 1px; +} + +.mdc-data-table__header-cell--numeric { + text-align: right; +} +[dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] { + /* @noflip */ + text-align: left; +} + +.mdc-data-table__sort-icon-button { + width: 28px; + height: 28px; + padding: 2px; + -webkit-transform: rotate(0.0001deg); + transform: rotate(0.0001deg); + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; + transition: -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; +} +[dir=rtl] .mdc-data-table__sort-icon-button, .mdc-data-table__sort-icon-button[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +.mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; +} +.mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button { + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.mdc-data-table__sort-icon-button:focus, .mdc-data-table__header-cell:hover .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button { + opacity: 1; +} + +.mdc-data-table__header-cell-wrapper { + align-items: center; + display: inline-flex; + vertical-align: middle; +} + +.mdc-data-table__header-cell--with-sort { + cursor: pointer; +} + +.mdc-data-table__sort-status-label { + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + overflow: hidden; + position: absolute; + white-space: nowrap; + /* added line */ + width: 1px; +} + +.mdc-data-table__progress-indicator { + display: none; + position: absolute; + width: 100%; +} +.mdc-data-table--in-progress .mdc-data-table__progress-indicator { + display: block; +} + +.mdc-data-table__scrim { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + height: 100%; + opacity: 0.32; + position: absolute; + top: 0; + width: 100%; +} + +.mdc-data-table--sticky-header .mdc-data-table__header-cell { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1; +} +.mdc-data-table--sticky-header .mdc-data-table__header-cell:after { + bottom: 0; + content: ""; + left: 0; + position: absolute; + width: 100%; +} +.mdc-data-table--sticky-header .mdc-data-table__row:first-child { + border-top: 0; +} + +.mdc-data-table__pagination { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + box-sizing: border-box; + display: flex; + justify-content: flex-end; +} + +.mdc-data-table__pagination-trailing { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; +} +[dir=rtl] .mdc-data-table__pagination-trailing, .mdc-data-table__pagination-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} + +.mdc-data-table__pagination-navigation { + align-items: center; + display: flex; +} + +.mdc-data-table__pagination-button { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 4px; +} +[dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] { + /* @noflip */ + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} +[dir=rtl] .mdc-data-table__pagination-button, .mdc-data-table__pagination-button[dir=rtl] { + /* @noflip */ + margin-left: 4px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-total { + /* @noflip */ + margin-left: 14px; + /* @noflip */ + margin-right: 36px; + white-space: nowrap; +} +[dir=rtl] .mdc-data-table__pagination-total, .mdc-data-table__pagination-total[dir=rtl] { + /* @noflip */ + margin-left: 36px; + /* @noflip */ + margin-right: 14px; +} + +.mdc-data-table__pagination-rows-per-page { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 22px; + align-items: center; + display: inline-flex; +} +[dir=rtl] .mdc-data-table__pagination-rows-per-page, .mdc-data-table__pagination-rows-per-page[dir=rtl] { + /* @noflip */ + margin-left: 22px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-rows-per-page-label { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 12px; + white-space: nowrap; +} +[dir=rtl] .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__pagination-rows-per-page-label[dir=rtl] { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: 0; +} + +.mdc-data-table__pagination-rows-per-page-select { + min-width: 80px; + /* @alternate */ + min-width: var(--mdc-menu-min-width, 80px); + margin: 8px 0; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor { + width: 100%; + min-width: 80px; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor { + height: 36px; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above { + -webkit-transform: translateY(-27.25px) scale(1); + transform: translateY(-27.25px) scale(1); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + -webkit-transform: translateY(-24.75px) scale(0.75); + transform: translateY(-24.75px) scale(0.75); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1; + animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1; +} +@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-36px { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +@keyframes mdc-floating-label-shake-float-above-select-outlined-36px { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +.mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon { + width: 20px; + height: 20px; +} +.mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 56px); +} +.mdc-data-table__pagination-rows-per-page-select .mdc-deprecated-list-item { + height: 36px; +} + +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after { + transition: opacity 150ms linear; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded, +.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after, +.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before, +.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; +} +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background { + border-color: #6200ee; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee)); + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee)); +} +@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #6200ee; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee)); + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee)); + } +} +@keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE { + 0% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } + 50% { + border-color: #6200ee; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee)); + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee)); + } +} +@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE { + 0%, 80% { + border-color: #6200ee; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee)); + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +@keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE { + 0%, 80% { + border-color: #6200ee; + /* @alternate */ + border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee)); + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee)); + } + 100% { + border-color: rgba(0, 0, 0, 0.54); + /* @alternate */ + border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54)); + background-color: transparent; + } +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE; + animation-name: mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE; +} +.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, +.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { + -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE; + animation-name: mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE; +} + +.mdc-dialog, +.mdc-dialog__scrim { + position: fixed; + top: 0; + left: 0; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 100%; + height: 100%; +} + +.mdc-dialog { + display: none; + z-index: 7; + /* @alternate */ + z-index: var(--mdc-dialog-z-index, 7); +} +.mdc-dialog .mdc-dialog__surface { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} +.mdc-dialog .mdc-dialog__scrim { + background-color: rgba(0, 0, 0, 0.32); +} +.mdc-dialog .mdc-dialog__surface-scrim { + background-color: rgba(0, 0, 0, 0.32); +} +.mdc-dialog .mdc-dialog__title { + color: rgba(0, 0, 0, 0.87); +} +.mdc-dialog .mdc-dialog__content { + color: rgba(0, 0, 0, 0.6); +} +.mdc-dialog .mdc-dialog__close { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-dialog .mdc-dialog__close::before, .mdc-dialog .mdc-dialog__close::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000)); +} +.mdc-dialog .mdc-dialog__close:hover::before, .mdc-dialog .mdc-dialog__close.mdc-ripple-surface--hover::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded--background-focused::before, .mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions, .mdc-dialog.mdc-dialog--scrollable.mdc-dialog-scroll-divider-footer .mdc-dialog__actions { + border-color: rgba(0, 0, 0, 0.12); +} +.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + margin-bottom: 0; +} +.mdc-dialog.mdc-dialog-scroll-divider-header.mdc-dialog--fullscreen .mdc-dialog__header { + /* @alternate */ + 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-dialog .mdc-dialog__content { + padding: 20px 24px 20px 24px; +} +.mdc-dialog .mdc-dialog__surface { + min-width: 280px; +} +@media (max-width: 592px) { + .mdc-dialog .mdc-dialog__surface { + max-width: calc(100vw - 32px); + } +} +@media (min-width: 592px) { + .mdc-dialog .mdc-dialog__surface { + max-width: 560px; + } +} +.mdc-dialog .mdc-dialog__surface { + max-height: calc(100% - 32px); +} +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .mdc-dialog .mdc-dialog__container { + /* stylelint-disable */ + /* stylelint-enable*/ + } +} +.mdc-dialog .mdc-dialog__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); +} +@media (max-width: 960px) and (max-height: 1440px) { + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface { + max-height: 560px; + max-width: 560px; + } + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close { + right: -12px; + } +} +@media (max-width: 720px) and (max-height: 1023px) and (max-width: 672px) { + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface { + max-width: calc(100vw - 112px); + } +} +@media (max-width: 720px) and (max-height: 1023px) and (min-width: 672px) { + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface { + max-width: 560px; + } +} +@media (max-width: 720px) and (max-height: 1023px) and (max-height: 720px) { + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface { + max-height: calc(100vh - 160px); + } +} +@media (max-width: 720px) and (max-height: 1023px) and (min-height: 720px) { + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface { + max-height: 560px; + } +} +@media (max-width: 720px) and (max-height: 1023px) { + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close { + right: -12px; + } +} +@media (max-width: 720px) and (max-height: 400px) { + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface { + max-width: 100vw; + width: 100vw; + max-height: 100vh; + height: 100vh; + border-radius: 0; + } + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close { + order: -1; + left: -12px; + } + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header { + padding: 0 16px 9px; + justify-content: flex-start; + } + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title { + margin-left: calc(16px - 2 * 12px); + } +} +@media (max-width: 600px) and (max-height: 960px) { + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface { + max-width: 100vw; + width: 100vw; + max-height: 100vh; + height: 100vh; + border-radius: 0; + } + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close { + order: -1; + left: -12px; + } + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header { + padding: 0 16px 9px; + justify-content: flex-start; + } + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title { + margin-left: calc(16px - 2 * 12px); + } +} +@media (min-width: 960px) and (min-height: 1440px) { + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface { + max-width: calc(100vw - 400px); + } + .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close { + right: -12px; + } +} +.mdc-dialog.mdc-dialog__scrim--hidden .mdc-dialog__scrim { + opacity: 0; +} + +.mdc-dialog__scrim { + opacity: 0; + z-index: -1; +} + +.mdc-dialog__container { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + box-sizing: border-box; + height: 100%; + -webkit-transform: scale(0.8); + transform: scale(0.8); + opacity: 0; + pointer-events: none; +} + +.mdc-dialog__surface { + /* @alternate */ + position: relative; + /* @alternate */ + 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); + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; + box-sizing: border-box; + max-width: 100%; + max-height: 100%; + pointer-events: auto; + overflow-y: auto; +} +.mdc-dialog__surface .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +[dir=rtl] .mdc-dialog__surface, .mdc-dialog__surface[dir=rtl] { + /* @noflip */ + text-align: right; +} +@media screen and (-ms-high-contrast: active) { + .mdc-dialog__surface { + outline: 2px solid windowText; + } +} +.mdc-dialog__surface::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 2px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + .mdc-dialog__surface::before { + content: none; + } +} + +.mdc-dialog__title { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + position: relative; + flex-shrink: 0; + box-sizing: border-box; + margin: 0 0 1px; + padding: 0 24px 9px; +} +.mdc-dialog__title::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +[dir=rtl] .mdc-dialog__title, .mdc-dialog__title[dir=rtl] { + /* @noflip */ + text-align: right; +} + +.mdc-dialog--scrollable .mdc-dialog__title { + margin-bottom: 1px; + padding-bottom: 15px; +} + +.mdc-dialog--fullscreen .mdc-dialog__header { + display: inline-flex; + padding: 0 24px 9px; + border-bottom: 1px solid transparent; + justify-content: space-between; + align-items: baseline; +} +.mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close { + right: -12px; +} +.mdc-dialog--fullscreen .mdc-dialog__title { + margin-bottom: 0; + padding: 0; + border-bottom: 0; +} +.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__title { + border-bottom: 0; + margin-bottom: 0; +} +.mdc-dialog--fullscreen .mdc-dialog__close { + top: 5px; +} +.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions { + border-top: 1px solid transparent; +} + +.mdc-dialog__content { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-body1-font-size, 1rem); + line-height: 1.5rem; + /* @alternate */ + line-height: var(--mdc-typography-body1-line-height, 1.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body1-font-weight, 400); + letter-spacing: 0.03125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body1-text-transform, inherit); + flex-grow: 1; + box-sizing: border-box; + margin: 0; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.mdc-dialog__content > :first-child { + margin-top: 0; +} +.mdc-dialog__content > :last-child { + margin-bottom: 0; +} + +.mdc-dialog__title + .mdc-dialog__content, +.mdc-dialog__header + .mdc-dialog__content { + padding-top: 0; +} + +.mdc-dialog--scrollable .mdc-dialog__title + .mdc-dialog__content { + padding-top: 8px; + padding-bottom: 8px; +} + +.mdc-dialog__content .mdc-deprecated-list:first-child:last-child { + padding: 6px 0 0; +} + +.mdc-dialog--scrollable .mdc-dialog__content .mdc-deprecated-list:first-child:last-child { + padding: 0; +} + +.mdc-dialog__actions { + display: flex; + position: relative; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + box-sizing: border-box; + min-height: 52px; + margin: 0; + padding: 8px; + border-top: 1px solid transparent; +} +.mdc-dialog--stacked .mdc-dialog__actions { + flex-direction: column; + align-items: flex-end; +} + +.mdc-dialog__button { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; + max-width: 100%; + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} +.mdc-dialog__button:first-child { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] { + /* @noflip */ + text-align: left; +} +.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) { + margin-top: 12px; +} + +.mdc-dialog--open, +.mdc-dialog--opening, +.mdc-dialog--closing { + display: flex; +} + +.mdc-dialog--opening .mdc-dialog__scrim { + transition: opacity 150ms linear; +} +.mdc-dialog--opening .mdc-dialog__container { + transition: opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-dialog--closing .mdc-dialog__scrim, +.mdc-dialog--closing .mdc-dialog__container { + transition: opacity 75ms linear; +} +.mdc-dialog--closing .mdc-dialog__container { + -webkit-transform: none; + transform: none; +} + +.mdc-dialog--open .mdc-dialog__scrim { + opacity: 1; +} +.mdc-dialog--open .mdc-dialog__container { + -webkit-transform: none; + transform: none; + opacity: 1; +} +.mdc-dialog--open.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim { + opacity: 1; + z-index: 1; +} +.mdc-dialog--open.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim { + transition: opacity 75ms linear; +} +.mdc-dialog--open.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim { + transition: opacity 150ms linear; +} + +.mdc-dialog__surface-scrim { + display: none; + opacity: 0; + position: absolute; + width: 100%; + height: 100%; +} +.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim, .mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim, .mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim { + display: block; +} + +.mdc-dialog-scroll-lock { + overflow: hidden; +} + +.mdc-drawer { + border-color: rgba(0, 0, 0, 0.12); + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-bottom-right-radius: 0; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-bottom-left-radius: 0; + z-index: 6; + width: 256px; + display: flex; + flex-direction: column; + flex-shrink: 0; + box-sizing: border-box; + height: 100%; + /* @noflip */ + border-right-width: 1px; + /* @noflip */ + border-right-style: solid; + overflow: hidden; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-drawer .mdc-drawer__title { + color: rgba(0, 0, 0, 0.87); +} +.mdc-drawer .mdc-deprecated-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-deprecated-list-item__graphic { + color: rgba(0, 0, 0, 0.6); +} +.mdc-drawer .mdc-deprecated-list-item { + color: rgba(0, 0, 0, 0.87); +} +.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic { + color: #6200ee; +} +.mdc-drawer .mdc-deprecated-list-item--activated { + color: rgba(98, 0, 238, 0.87); +} +[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-large, 0); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 0; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-large, 0); +} +.mdc-drawer .mdc-deprecated-list-item { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} +.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content { + /* @noflip */ + margin-left: 256px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 256px; +} +[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] { + /* @noflip */ + border-right-width: 0; + /* @noflip */ + border-left-width: 1px; + /* @noflip */ + border-right-style: none; + /* @noflip */ + border-left-style: solid; +} +.mdc-drawer .mdc-deprecated-list-item { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); + height: calc(48px - 2 * 4px); + margin: 8px 8px; + padding: 0 8px; +} +.mdc-drawer .mdc-deprecated-list-item:nth-child(1) { + margin-top: 2px; +} +.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1) { + margin-bottom: 0; +} +.mdc-drawer .mdc-deprecated-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin: 0; + padding: 0 16px; +} +.mdc-drawer .mdc-deprecated-list-group__subheader::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-drawer .mdc-deprecated-list-divider { + margin: 3px 0 4px; +} +.mdc-drawer .mdc-deprecated-list-item__text, +.mdc-drawer .mdc-deprecated-list-item__graphic { + pointer-events: none; +} + +.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); + 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%); + transition-duration: 200ms; +} +[dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] { + -webkit-transform: translateX(100%); + transform: translateX(100%); +} + +.mdc-drawer__header { + flex-shrink: 0; + box-sizing: border-box; + min-height: 64px; + padding: 0 16px 4px; +} + +.mdc-drawer__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + 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 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + 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; + -webkit-overflow-scrolling: touch; +} + +.mdc-drawer--dismissible { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + display: none; + position: absolute; +} +[dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} +.mdc-drawer--dismissible.mdc-drawer--open { + 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--modal { + /* @alternate */ + 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: flex; +} + +.mdc-drawer-scrim { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 5; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-drawer--open + .mdc-drawer-scrim { + display: block; +} +.mdc-drawer--animate + .mdc-drawer-scrim { + opacity: 0; +} +.mdc-drawer--opening + .mdc-drawer-scrim { + transition-duration: 250ms; + opacity: 1; +} +.mdc-drawer--closing + .mdc-drawer-scrim { + transition-duration: 200ms; + opacity: 0; +} + +.mdc-elevation--z0 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + /* @alternate */ + 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 { + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); + will-change: box-shadow; +} + +.mdc-fab { + /* @alternate */ + position: relative; + display: inline-flex; + position: relative; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 56px; + height: 56px; + padding: 0; + border: none; + fill: currentColor; + text-decoration: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + overflow: visible; + transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, -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-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); + background-color: #018786; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #018786); + /* @alternate */ + 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-fab .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-fab::-moz-focus-inner { + padding: 0; + border: 0; +} +.mdc-fab:hover { + /* @alternate */ + 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.mdc-ripple-upgraded--background-focused, .mdc-fab:not(.mdc-ripple-upgraded):focus { + /* @alternate */ + 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, .mdc-fab:focus:active { + /* @alternate */ + 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%; +} +.mdc-fab .mdc-fab__icon { + width: 24px; + height: 24px; + font-size: 24px; +} +.mdc-fab, .mdc-fab:not(:disabled) .mdc-fab__icon, .mdc-fab:not(:disabled) .mdc-fab__label, .mdc-fab:disabled .mdc-fab__icon, .mdc-fab:disabled .mdc-fab__label { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #fff); +} +.mdc-fab:not(.mdc-fab--extended) { + border-radius: 50%; +} +.mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple { + border-radius: 50%; +} + +.mdc-fab--mini { + width: 40px; + height: 40px; +} + +.mdc-fab--extended { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none); + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + border-radius: 24px; + /* @noflip */ + padding-left: 20px; + /* @noflip */ + padding-right: 20px; + width: auto; + max-width: 100%; + height: 48px; + /* @alternate */ + line-height: normal; +} +.mdc-fab--extended .mdc-fab__ripple { + border-radius: 24px; +} +.mdc-fab--extended .mdc-fab__icon { + /* @noflip */ + margin-left: calc(12px - 20px); + /* @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: calc(12px - 20px); +} +.mdc-fab--extended .mdc-fab__label + .mdc-fab__icon { + /* @noflip */ + margin-left: 12px; + /* @noflip */ + margin-right: calc(12px - 20px); +} +[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: calc(12px - 20px); + /* @noflip */ + margin-right: 12px; +} + +.mdc-fab--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-fab--touch .mdc-fab__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + /* @noflip */ + left: 50%; + width: 48px; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.mdc-fab::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} + +.mdc-fab__label { + justify-content: flex-start; + text-overflow: ellipsis; + white-space: nowrap; + overflow-x: hidden; + overflow-y: visible; +} + +.mdc-fab__icon { + 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: inline-flex; + align-items: center; + justify-content: center; +} + +.mdc-fab--exited { + -webkit-transform: scale(0); + transform: scale(0); + opacity: 0; + 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); +} +.mdc-fab--exited .mdc-fab__icon { + -webkit-transform: scale(0); + transform: scale(0); + 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-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; +} +.mdc-fab .mdc-fab__ripple::before, +.mdc-fab .mdc-fab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-fab .mdc-fab__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-fab .mdc-fab__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::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 .mdc-fab__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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 .mdc-fab__ripple::before, +.mdc-fab .mdc-fab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-fab .mdc-fab__ripple::before, .mdc-fab .mdc-fab__ripple::after { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-on-secondary, #fff)); +} +.mdc-fab .mdc-fab__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + overflow: hidden; +} +.mdc-fab { + z-index: 0; +} +.mdc-fab .mdc-fab__ripple::before, +.mdc-fab .mdc-fab__ripple::after { + z-index: -1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, -1); +} + +.mdc-form-field { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-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: inline-flex; + align-items: center; + vertical-align: middle; +} +.mdc-form-field > label { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; + order: 0; +} +[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; +} + +.mdc-form-field--nowrap > label { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.mdc-form-field--align-end > label { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 4px; + order: -1; +} +[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} +[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] { + /* @noflip */ + padding-left: 4px; + /* @noflip */ + padding-right: 0; +} + +.mdc-form-field--space-between { + justify-content: space-between; +} +.mdc-form-field--space-between > label { + margin: 0; +} +[dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] { + margin: 0; +} + +.mdc-icon-button { + display: inline-block; + position: relative; + box-sizing: border-box; + border: none; + outline: none; + background-color: transparent; + fill: currentColor; + color: inherit; + font-size: 24px; + text-decoration: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 48px; + height: 48px; + padding: 12px; +} +.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)); +} +.mdc-icon-button:disabled { + cursor: default; + pointer-events: none; +} + +.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-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; +} +.mdc-icon-button::before, .mdc-icon-button::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-icon-button::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-icon-button::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.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: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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::before, .mdc-icon-button::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, #000); +} +.mdc-icon-button:hover::before, .mdc-icon-button.mdc-ripple-surface--hover::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-icon-button:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-icon-button:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-icon-button.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} + +.mdc-image-list { + display: flex; + flex-wrap: wrap; + margin: 0 auto; + padding: 0; +} + +.mdc-image-list__item, +.mdc-image-list__image-aspect-container { + position: relative; + 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__image { + border-radius: 0; +} + +.mdc-image-list--with-text-protection .mdc-image-list__supporting { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.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: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding: 8px 0; + line-height: 24px; +} + +.mdc-image-list__label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-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: 24px; + --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: 840px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 24px; + padding: var(--mdc-layout-grid-margin-desktop, 24px); + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-tablet, 16px); + } +} +@media (max-width: 599px) { + .mdc-layout-grid { + box-sizing: border-box; + margin: 0 auto; + padding: 16px; + padding: var(--mdc-layout-grid-margin-phone, 16px); + } +} + +@media (min-width: 840px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + align-items: stretch; + margin: -12px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); + } + @supports (display: grid) { + .mdc-layout-grid__inner { + display: grid; + margin: 0; + grid-gap: 24px; + grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px); + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + } +} +@media (min-width: 600px) and (max-width: 839px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + 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: 599px) { + .mdc-layout-grid__inner { + display: flex; + flex-flow: row wrap; + 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: 840px) { + .mdc-layout-grid__cell { + width: calc(33.3333333333% - 24px); + width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + box-sizing: border-box; + margin: 12px; + margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 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.3333333333% - 24px); + width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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.6666666667% - 24px); + width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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% - 24px); + width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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.3333333333% - 24px); + width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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.6666666667% - 24px); + width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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% - 24px); + width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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.3333333333% - 24px); + width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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.6666666667% - 24px); + width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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% - 24px); + width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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.3333333333% - 24px); + width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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.6666666667% - 24px); + width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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% - 24px); + width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); + } + @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: 600px) and (max-width: 839px) { + .mdc-layout-grid__cell { + width: calc(50% - 16px); + width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); + 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: 599px) { + .mdc-layout-grid__cell { + width: calc(100% - 16px); + width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); + 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 { + order: 1; +} +.mdc-layout-grid__cell--order-2 { + order: 2; +} +.mdc-layout-grid__cell--order-3 { + order: 3; +} +.mdc-layout-grid__cell--order-4 { + order: 4; +} +.mdc-layout-grid__cell--order-5 { + order: 5; +} +.mdc-layout-grid__cell--order-6 { + order: 6; +} +.mdc-layout-grid__cell--order-7 { + order: 7; +} +.mdc-layout-grid__cell--order-8 { + order: 8; +} +.mdc-layout-grid__cell--order-9 { + order: 9; +} +.mdc-layout-grid__cell--order-10 { + order: 10; +} +.mdc-layout-grid__cell--order-11 { + order: 11; +} +.mdc-layout-grid__cell--order-12 { + order: 12; +} +.mdc-layout-grid__cell--align-top { + align-self: flex-start; +} +@supports (display: grid) { + .mdc-layout-grid__cell--align-top { + align-self: start; + } +} +.mdc-layout-grid__cell--align-middle { + align-self: center; +} +.mdc-layout-grid__cell--align-bottom { + align-self: flex-end; +} +@supports (display: grid) { + .mdc-layout-grid__cell--align-bottom { + align-self: end; + } +} + +@media (min-width: 840px) { + .mdc-layout-grid--fixed-column-width { + width: 1176px; + width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 ); + } +} +@media (min-width: 600px) and (max-width: 839px) { + .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: 599px) { + .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; +} + +@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(0); + transform: translateX(0); + } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(83.67142%); + transform: translateX(83.67142%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%)); + transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%)); + } + 100% { + -webkit-transform: translateX(200.611057%); + transform: translateX(200.611057%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%)); + transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%)); + } +} + +@keyframes mdc-linear-progress-primary-indeterminate-translate { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(0); + transform: translateX(0); + } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(83.67142%); + transform: translateX(83.67142%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%)); + transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%)); + } + 100% { + -webkit-transform: translateX(200.611057%); + transform: translateX(200.611057%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%)); + transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%)); + } +} +@-webkit-keyframes mdc-linear-progress-primary-indeterminate-scale { + 0% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); + } + 36.65% { + -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1); + animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 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.661479); + transform: scaleX(0.661479); + } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); + } +} +@keyframes mdc-linear-progress-primary-indeterminate-scale { + 0% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); + } + 36.65% { + -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1); + animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 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.661479); + transform: scaleX(0.661479); + } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); + } +} +@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + -webkit-transform: translateX(0); + transform: translateX(0); + } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + -webkit-transform: translateX(37.651913%); + transform: translateX(37.651913%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%)); + transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%)); + } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + -webkit-transform: translateX(84.386165%); + transform: translateX(84.386165%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%)); + transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%)); + } + 100% { + -webkit-transform: translateX(160.277782%); + transform: translateX(160.277782%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%)); + transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%)); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-translate { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + -webkit-transform: translateX(0); + transform: translateX(0); + } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + -webkit-transform: translateX(37.651913%); + transform: translateX(37.651913%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%)); + transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%)); + } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + -webkit-transform: translateX(84.386165%); + transform: translateX(84.386165%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%)); + transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%)); + } + 100% { + -webkit-transform: translateX(160.277782%); + transform: translateX(160.277782%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%)); + transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%)); + } +} +@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-scale { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971); + animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971); + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); + } + 19.15% { + -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315); + animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315); + -webkit-transform: scaleX(0.457104); + transform: scaleX(0.457104); + } + 44.15% { + -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179); + animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179); + -webkit-transform: scaleX(0.72796); + transform: scaleX(0.72796); + } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-scale { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971); + animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971); + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); + } + 19.15% { + -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315); + animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315); + -webkit-transform: scaleX(0.457104); + transform: scaleX(0.457104); + } + 44.15% { + -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179); + animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179); + -webkit-transform: scaleX(0.72796); + transform: scaleX(0.72796); + } + 100% { + -webkit-transform: scaleX(0.08); + transform: scaleX(0.08); + } +} +@-webkit-keyframes mdc-linear-progress-buffering { + from { + -webkit-transform: rotate(180deg) translateX(-10px); + transform: rotate(180deg) translateX(-10px); + } +} +@keyframes mdc-linear-progress-buffering { + from { + -webkit-transform: rotate(180deg) translateX(-10px); + transform: rotate(180deg) translateX(-10px); + } +} +@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate-reverse { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(0); + transform: translateX(0); + } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(-83.67142%); + transform: translateX(-83.67142%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%)); + transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%)); + } + 100% { + -webkit-transform: translateX(-200.611057%); + transform: translateX(-200.611057%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%)); + transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%)); + } +} +@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 20% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(0); + transform: translateX(0); + } + 59.15% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(-83.67142%); + transform: translateX(-83.67142%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%)); + transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%)); + } + 100% { + -webkit-transform: translateX(-200.611057%); + transform: translateX(-200.611057%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%)); + transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%)); + } +} +@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + -webkit-transform: translateX(0); + transform: translateX(0); + } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + -webkit-transform: translateX(-37.651913%); + transform: translateX(-37.651913%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%)); + transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%)); + } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + -webkit-transform: translateX(-84.386165%); + transform: translateX(-84.386165%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%)); + transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%)); + } + 100% { + -webkit-transform: translateX(-160.277782%); + transform: translateX(-160.277782%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%)); + transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%)); + } +} +@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse { + 0% { + -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); + -webkit-transform: translateX(0); + transform: translateX(0); + } + 25% { + -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); + -webkit-transform: translateX(-37.651913%); + transform: translateX(-37.651913%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%)); + transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%)); + } + 48.35% { + -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); + -webkit-transform: translateX(-84.386165%); + transform: translateX(-84.386165%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%)); + transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%)); + } + 100% { + -webkit-transform: translateX(-160.277782%); + transform: translateX(-160.277782%); + /* @alternate */ + -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%)); + transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%)); + } +} +@-webkit-keyframes mdc-linear-progress-buffering-reverse { + from { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } +} +@keyframes mdc-linear-progress-buffering-reverse { + from { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } +} +.mdc-linear-progress { + position: relative; + width: 100%; + height: 4px; + -webkit-transform: translateZ(0); + transform: translateZ(0); + outline: 1px solid transparent; + overflow: hidden; + transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-linear-progress__bar { + position: absolute; + width: 100%; + height: 100%; + -webkit-animation: none; + animation: none; + -webkit-transform-origin: top left; + transform-origin: top left; + 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%; + -webkit-animation: none; + animation: none; + border-top: 4px solid; +} +.mdc-linear-progress__buffer { + display: flex; + position: absolute; + width: 100%; + height: 100%; +} +.mdc-linear-progress__buffer-dots { + background-repeat: repeat-x; + background-size: 10px 4px; + flex: auto; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + -webkit-animation: mdc-linear-progress-buffering 250ms infinite linear; + animation: mdc-linear-progress-buffering 250ms infinite linear; +} +.mdc-linear-progress__buffer-bar { + flex: 0 1 100%; + transition: flex-basis 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 { + transition: none; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar { + left: -145.166611%; +} +.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar { + left: -54.888891%; + visibility: visible; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar { + -webkit-animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear; + animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner { + -webkit-animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear; + animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar { + -webkit-animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear; + animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear; +} +.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner { + -webkit-animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear; + animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear; +} +[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar { + /* @noflip */ + right: 0; + /* @noflip */ + -webkit-transform-origin: center right; + /* @noflip */ + transform-origin: center right; +} +[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar { + -webkit-animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse; + animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse; +} +[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar { + -webkit-animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse; + animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse; +} +[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots { + -webkit-animation: mdc-linear-progress-buffering-reverse 250ms infinite linear; + animation: mdc-linear-progress-buffering-reverse 250ms infinite linear; + -webkit-transform: rotate(0); + transform: rotate(0); +} +[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar { + /* @noflip */ + right: -145.166611%; + /* @noflip */ + left: auto; +} +[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar { + /* @noflip */ + right: -54.888891%; + /* @noflip */ + left: auto; +} +.mdc-linear-progress--closed { + opacity: 0; +} +.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots { + -webkit-animation: none; + animation: none; +} +.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar, +.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner { + -webkit-animation: none; + animation: none; +} + +.mdc-linear-progress__bar-inner { + border-color: #6200ee; + /* @alternate */ + border-color: var(--mdc-theme-primary, #6200ee); +} + +.mdc-linear-progress__buffer-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-bar { + background-color: #e6e6e6; +} + +.mdc-deprecated-list { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + /* @alternate */ + line-height: 1.5rem; + margin: 0; + padding: 8px 0; + list-style-type: none; + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} +.mdc-deprecated-list:focus { + outline: none; +} + +.mdc-deprecated-list-item { + height: 48px; +} + +.mdc-deprecated-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-deprecated-list-item__graphic { + background-color: transparent; +} + +.mdc-deprecated-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-deprecated-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-deprecated-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-deprecated-list-item--disabled .mdc-deprecated-list-item__text { + opacity: 0.38; +} + +.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text, +.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__primary-text, +.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__secondary-text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-deprecated-list-item--selected, +.mdc-deprecated-list-item--activated { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} +.mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic, +.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} + +.mdc-deprecated-list--dense { + padding-top: 4px; + padding-bottom: 4px; + font-size: 0.812rem; +} + +.mdc-deprecated-list-item { + display: flex; + position: relative; + align-items: center; + justify-content: flex-start; + overflow: hidden; + padding: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 48px; +} +.mdc-deprecated-list-item:focus { + outline: none; +} +.mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected):focus::before, .mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} +.mdc-deprecated-list-item.mdc-deprecated-list-item--selected::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 3px double transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} +[dir=rtl] .mdc-deprecated-list-item, .mdc-deprecated-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-deprecated-list--icon-list .mdc-deprecated-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 56px; +} +[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-deprecated-list--image-list .mdc-deprecated-list-item { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + height: 72px; +} +[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item, .mdc-deprecated-list--image-list .mdc-deprecated-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-deprecated-list--video-list .mdc-deprecated-list-item { + /* @noflip */ + padding-left: 0px; + /* @noflip */ + padding-right: 16px; + height: 72px; +} +[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item, .mdc-deprecated-list--video-list .mdc-deprecated-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0px; +} + +.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 20px; + height: 20px; +} +[dir=rtl] .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +.mdc-deprecated-list-item__graphic { + flex-shrink: 0; + align-items: center; + justify-content: center; + fill: currentColor; + -o-object-fit: cover; + object-fit: cover; + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; +} +[dir=rtl] .mdc-deprecated-list-item__graphic, .mdc-deprecated-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; +} +.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 32px; + width: 24px; + height: 24px; +} +[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 0; +} +.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; + border-radius: 50%; +} +[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 40px; + height: 40px; +} +[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 56px; + height: 56px; +} +[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 100px; + height: 56px; +} +[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +.mdc-deprecated-list .mdc-deprecated-list-item__graphic { + display: inline-flex; +} + +.mdc-deprecated-list-item__meta { + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; +} +.mdc-deprecated-list-item__meta:not(.material-icons) { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} +.mdc-deprecated-list-item[dir=rtl] .mdc-deprecated-list-item__meta, [dir=rtl] .mdc-deprecated-list-item .mdc-deprecated-list-item__meta { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} + +.mdc-deprecated-list-item__text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.mdc-deprecated-list-item__text[for] { + pointer-events: none; +} + +.mdc-deprecated-list-item__primary-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-deprecated-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-deprecated-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-deprecated-list-item__secondary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-deprecated-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} +.mdc-deprecated-list--dense .mdc-deprecated-list-item__secondary-text { + font-size: inherit; +} + +.mdc-deprecated-list--dense .mdc-deprecated-list-item { + height: 40px; +} + +.mdc-deprecated-list--two-line .mdc-deprecated-list-item__text { + align-self: flex-start; +} + +.mdc-deprecated-list--two-line .mdc-deprecated-list-item { + height: 64px; +} +.mdc-deprecated-list--two-line.mdc-deprecated-list--video-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--image-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item { + height: 72px; +} +.mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic { + align-self: flex-start; + margin-top: 16px; +} + +.mdc-deprecated-list--two-line.mdc-deprecated-list--dense .mdc-deprecated-list-item, +.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item { + height: 60px; +} + +.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; + width: 36px; + height: 36px; +} +[dir=rtl] .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} + +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item { + cursor: pointer; +} + +a.mdc-deprecated-list-item { + color: inherit; + text-decoration: none; +} + +.mdc-deprecated-list-divider { + height: 0; + margin: 0; + border: none; + border-bottom-width: 1px; + border-bottom-style: solid; +} + +.mdc-deprecated-list-divider { + border-bottom-color: rgba(0, 0, 0, 0.12); +} + +.mdc-deprecated-list-divider--padded { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--padded[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-deprecated-list-divider--inset { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-deprecated-list-divider--inset, .mdc-deprecated-list-divider--inset[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} + +.mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} + +.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-deprecated-list .mdc-deprecated-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 72px); +} +[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing { + /* @noflip */ + margin-left: 72px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 72px; +} +.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading { + /* @noflip */ + margin-left: 88px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 88px); +} +[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 88px; +} +.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing { + /* @noflip */ + margin-left: 88px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 104px); +} +[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 88px; +} +.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 32px); +} +[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} + +.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading { + /* @noflip */ + margin-left: 116px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 116px); +} +[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 116px; +} +.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-trailing { + width: calc(100% - 16px); +} +.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing { + /* @noflip */ + margin-left: 116px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 132px); +} +[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 116px; +} +.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 0px); +} +[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0px; +} +.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0; + width: calc(100% - 16px); +} +[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 0px; +} + +.mdc-deprecated-list-group .mdc-deprecated-list { + padding: 0; +} + +.mdc-deprecated-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + margin: calc( (3rem - 1.5rem) / 2 ) 16px; +} + +.mdc-list-item__primary-text { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); +} + +.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--with-leading-icon .mdc-list-item__start, +.mdc-list-item--with-trailing-icon .mdc-list-item__end { + background-color: transparent; +} + +.mdc-list-item--with-leading-icon .mdc-list-item__start, +.mdc-list-item--with-trailing-icon .mdc-list-item__end { + 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--with-trailing-meta .mdc-list-item__end { + color: rgba(0, 0, 0, 0.38); + /* @alternate */ + color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); +} + +.mdc-list-item--disabled .mdc-list-item__start, +.mdc-list-item--disabled .mdc-list-item__content, +.mdc-list-item--disabled .mdc-list-item__end { + opacity: 0.38; +} + +.mdc-list-item--disabled .mdc-list-item__primary-text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-list-item--disabled .mdc-list-item__secondary-text { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} +.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end { + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); +} + +.mdc-list-item--selected .mdc-list-item__primary-text, +.mdc-list-item--activated .mdc-list-item__primary-text { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} +.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start, +.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} + +.mdc-deprecated-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)); +} + +@media screen and (-ms-high-contrast: active) { + .mdc-list-divider::after { + content: ""; + display: block; + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: white; + } +} +.mdc-list { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + /* @alternate */ + line-height: 1.5rem; + margin: 0; + padding: 8px 0; + list-style-type: none; +} +.mdc-list:focus { + outline: none; +} + +.mdc-list-item { + display: flex; + position: relative; + align-items: center; + justify-content: flex-start; + overflow: hidden; + padding: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; + align-items: stretch; + cursor: pointer; +} +.mdc-list-item:focus { + outline: none; +} +[dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 16px; +} +.mdc-list-item.mdc-list-item--with-one-line { + height: 48px; +} +.mdc-list-item.mdc-list-item--with-two-lines { + height: 64px; +} +.mdc-list-item.mdc-list-item--with-three-lines { + height: 88px; +} +.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start { + align-self: center; + margin-top: 0; +} +.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start { + align-self: flex-start; + margin-top: 16px; +} +.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start { + align-self: flex-start; + margin-top: 16px; +} +.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end { + align-self: center; + margin-top: 0; +} +.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end { + align-self: center; + margin-top: 0; +} +.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end { + align-self: flex-start; + margin-top: 16px; +} +.mdc-list-item.mdc-list-item--disabled, .mdc-list-item.mdc-list-item--non-interactive { + cursor: auto; +} +.mdc-list-item:not(.mdc-list-item--selected):focus::before, .mdc-list-item.mdc-ripple-upgraded--background-focused::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} +.mdc-list-item.mdc-list-item--selected::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 3px double transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} + +a.mdc-list-item { + color: inherit; + text-decoration: none; +} + +.mdc-list-item__start { + fill: currentColor; + flex-shrink: 0; + pointer-events: none; +} + +.mdc-list-item__end { + flex-shrink: 0; + pointer-events: none; +} + +.mdc-list-item__content { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + align-self: center; + flex: 1; + pointer-events: none; +} +.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content { + align-self: stretch; +} +.mdc-list-item__content[for] { + pointer-events: none; +} + +.mdc-list-item__primary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-list-item__secondary-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item__secondary-text::before { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: 0; +} + +.mdc-list-item__overline-text { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.mdc-list-item--with-two-lines .mdc-list-item__overline-text, .mdc-list-item--with-three-lines .mdc-list-item__overline-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before, .mdc-list-item--with-three-lines .mdc-list-item__overline-text::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after, .mdc-list-item--with-three-lines .mdc-list-item__overline-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} + +.mdc-list-item--with-leading-avatar.mdc-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item, .mdc-list-item--with-leading-avatar.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-list-item--with-leading-avatar .mdc-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start, .mdc-list-item--with-leading-avatar .mdc-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-list-item--with-leading-avatar .mdc-list-item__start { + width: 40px; + height: 40px; +} +.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line { + height: 56px; +} +.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines { + height: 72px; +} +.mdc-list-item--with-leading-avatar .mdc-list-item__start { + border-radius: 50%; +} + +.mdc-list-item--with-leading-icon .mdc-list-item__start { + width: 24px; + height: 24px; +} +.mdc-list-item--with-leading-icon.mdc-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item, .mdc-list-item--with-leading-icon.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-list-item--with-leading-icon .mdc-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 32px; +} +[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--with-leading-icon .mdc-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 32px; + /* @noflip */ + margin-right: 16px; +} +.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { + height: 56px; +} +.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { + height: 72px; +} + +.mdc-list-item--with-leading-thumbnail.mdc-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-list-item--with-leading-thumbnail.mdc-list-item, .mdc-list-item--with-leading-thumbnail.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-list-item--with-leading-thumbnail .mdc-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-list-item--with-leading-thumbnail .mdc-list-item__start, .mdc-list-item--with-leading-thumbnail .mdc-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-list-item--with-leading-thumbnail .mdc-list-item__start { + width: 40px; + height: 40px; +} +.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-one-line { + height: 56px; +} +.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines { + height: 72px; +} + +.mdc-list-item--with-leading-image.mdc-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-list-item--with-leading-image.mdc-list-item, .mdc-list-item--with-leading-image.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-list-item--with-leading-image .mdc-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-list-item--with-leading-image .mdc-list-item__start, .mdc-list-item--with-leading-image .mdc-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-list-item--with-leading-image .mdc-list-item__start { + width: 56px; + height: 56px; +} +.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-image.mdc-list-item--with-one-line { + height: 72px; +} +.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines { + height: 72px; +} + +.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__start { + align-self: flex-start; + margin-top: 8px; +} +.mdc-list-item--with-leading-video.mdc-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-list-item--with-leading-video.mdc-list-item, .mdc-list-item--with-leading-video.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-list-item--with-leading-video .mdc-list-item__start { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-list-item--with-leading-video .mdc-list-item__start, .mdc-list-item--with-leading-video .mdc-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 0; +} +.mdc-list-item--with-leading-video .mdc-list-item__start { + width: 100px; + height: 56px; +} +.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-video.mdc-list-item--with-one-line { + height: 72px; +} +.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines { + height: 72px; +} + +.mdc-list-item--with-leading-checkbox.mdc-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item, .mdc-list-item--with-leading-checkbox.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-list-item--with-leading-checkbox .mdc-list-item__start { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start, .mdc-list-item--with-leading-checkbox .mdc-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +.mdc-list-item--with-leading-checkbox .mdc-list-item__start { + width: 40px; + height: 40px; +} +.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start { + align-self: flex-start; + margin-top: 8px; +} +.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line { + height: 56px; +} +.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines { + height: 72px; +} + +.mdc-list-item--with-leading-radio.mdc-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item, .mdc-list-item--with-leading-radio.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-list-item--with-leading-radio .mdc-list-item__start { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start, .mdc-list-item--with-leading-radio .mdc-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +.mdc-list-item--with-leading-radio .mdc-list-item__start { + width: 40px; + height: 40px; +} +.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start { + align-self: flex-start; + margin-top: 8px; +} +.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-radio.mdc-list-item--with-one-line { + height: 56px; +} +.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines { + height: 72px; +} + +.mdc-list-item--with-leading-switch.mdc-list-item { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-list-item--with-leading-switch.mdc-list-item, .mdc-list-item--with-leading-switch.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +.mdc-list-item--with-leading-switch .mdc-list-item__start { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-list-item--with-leading-switch .mdc-list-item__start, .mdc-list-item--with-leading-switch .mdc-list-item__start[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-list-item--with-leading-switch .mdc-list-item__start { + width: 36px; + height: 20px; +} +.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__start { + align-self: flex-start; + margin-top: 16px; +} +.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin-bottom: -20px; +} +.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after { + display: inline-block; + width: 0; + height: 20px; + content: ""; + vertical-align: -20px; +} +.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before { + display: inline-block; + width: 0; + height: 32px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-leading-switch.mdc-list-item--with-one-line { + height: 56px; +} +.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines { + height: 72px; +} + +.mdc-list-item--with-trailing-icon.mdc-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item, .mdc-list-item--with-trailing-icon.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-list-item--with-trailing-icon .mdc-list-item__end { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-list-item--with-trailing-icon .mdc-list-item__end, .mdc-list-item--with-trailing-icon .mdc-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-list-item--with-trailing-icon .mdc-list-item__end { + width: 24px; + height: 24px; +} + +.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end { + align-self: flex-start; + margin-top: 0; +} +.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end { + align-self: flex-start; + margin-top: 0; +} +.mdc-list-item--with-trailing-meta.mdc-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item, .mdc-list-item--with-trailing-meta.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-list-item--with-trailing-meta .mdc-list-item__end { + /* @noflip */ + margin-left: 28px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end, .mdc-list-item--with-trailing-meta .mdc-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 28px; +} +.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; +} +.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-list-item--with-trailing-meta .mdc-list-item__end { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} + +.mdc-list-item--with-trailing-checkbox.mdc-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item, .mdc-list-item--with-trailing-checkbox.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-list-item--with-trailing-checkbox .mdc-list-item__end { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end, .mdc-list-item--with-trailing-checkbox .mdc-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +.mdc-list-item--with-trailing-checkbox .mdc-list-item__end { + width: 40px; + height: 40px; +} +.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end { + align-self: flex-start; + margin-top: 8px; +} + +.mdc-list-item--with-trailing-radio.mdc-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item, .mdc-list-item--with-trailing-radio.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-list-item--with-trailing-radio .mdc-list-item__end { + /* @noflip */ + margin-left: 24px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end, .mdc-list-item--with-trailing-radio .mdc-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 24px; +} +.mdc-list-item--with-trailing-radio .mdc-list-item__end { + width: 40px; + height: 40px; +} +.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end { + align-self: flex-start; + margin-top: 8px; +} + +.mdc-list-item--with-trailing-switch.mdc-list-item { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-list-item--with-trailing-switch.mdc-list-item, .mdc-list-item--with-trailing-switch.mdc-list-item[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: auto; +} +.mdc-list-item--with-trailing-switch .mdc-list-item__end { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +[dir=rtl] .mdc-list-item--with-trailing-switch .mdc-list-item__end, .mdc-list-item--with-trailing-switch .mdc-list-item__end[dir=rtl] { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 16px; +} +.mdc-list-item--with-trailing-switch .mdc-list-item__end { + width: 36px; + height: 20px; +} +.mdc-list-item--with-trailing-switch.mdc-list-item--with-three-lines .mdc-list-item__end { + align-self: flex-start; + margin-top: 16px; +} + +.mdc-list-group .mdc-deprecated-list { + padding: 0; +} + +.mdc-list-group__subheader { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + margin: calc( (3rem - 1.5rem) / 2 ) 16px; +} + +.mdc-list-divider { + background-color: rgba(0, 0, 0, 0.12); +} + +.mdc-list-divider { + height: 1px; + padding: 0; + background-clip: content-box; +} + +.mdc-list-divider.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset, .mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset, +.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +.mdc-list-divider.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset, .mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl], +[dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset, +.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: auto; +} + +.mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset { + /* @noflip */ + padding-left: 0px; + /* @noflip */ + padding-right: auto; +} +[dir=rtl] .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset, .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset[dir=rtl] { + /* @noflip */ + padding-left: auto; + /* @noflip */ + padding-right: 0px; +} + +[dir=rtl] .mdc-list-divider, .mdc-list-divider[dir=rtl] { + padding: 0; +} + +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-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; + --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-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before, +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before, +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before, +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before, +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, #000); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, #000); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before { + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-activated-opacity, 0.12); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before { + opacity: 0.16; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.16); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.24); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.24); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before { + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-activated-opacity, 0.12); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before { + opacity: 0.16; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.16); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.24); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.24); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before { + opacity: 0.08; + /* @alternate */ + opacity: var(--mdc-ripple-selected-opacity, 0.08); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before { + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.12); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.2; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.2); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.2; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.2); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before { + opacity: 0.08; + /* @alternate */ + opacity: var(--mdc-ripple-selected-opacity, 0.08); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before { + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.12); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.2; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.2); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.2; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.2); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2); +} +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple, +:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-deprecated-list-item--disabled { + --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-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-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before, +.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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-deprecated-list-item--disabled .mdc-list-item__ripple::before, +.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before, +.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before, +.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before, +.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, #000); +} +.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before, +.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, #000); +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, .mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple, +.mdc-deprecated-list-item--disabled .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +: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-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::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-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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-item--disabled).mdc-list-item .mdc-list-item__ripple::before, +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, #000); +} +:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before { + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-activated-opacity, 0.12); +} +:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before { + opacity: 0.16; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.16); +} +:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.24); +} +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.24); +} +:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24); +} +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before { + opacity: 0.08; + /* @alternate */ + opacity: var(--mdc-ripple-selected-opacity, 0.08); +} +:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before { + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.12); +} +:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.2; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.2); +} +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after { + transition: opacity 150ms linear; +} +:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after { + transition-duration: 75ms; + opacity: 0.2; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.2); +} +:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2); +} +:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-list-item--disabled { + --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-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-list-item--disabled .mdc-list-item__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-list-item--disabled .mdc-list-item__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-list-item--disabled .mdc-list-item__ripple::before, +.mdc-list-item--disabled .mdc-list-item__ripple::after { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, #000); +} +.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-list-item--disabled .mdc-list-item__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-menu { + min-width: 112px; + /* @alternate */ + min-width: var(--mdc-menu-min-width, 112px); +} +.mdc-menu .mdc-deprecated-list-item__meta { + color: rgba(0, 0, 0, 0.87); +} +.mdc-menu .mdc-deprecated-list-item__graphic { + color: rgba(0, 0, 0, 0.87); +} +.mdc-menu .mdc-deprecated-list { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + position: relative; +} +.mdc-menu .mdc-deprecated-list .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-menu .mdc-deprecated-list-divider { + margin: 8px 0; +} +.mdc-menu .mdc-deprecated-list-item { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.mdc-menu .mdc-deprecated-list-item--disabled { + cursor: auto; +} +.mdc-menu a.mdc-deprecated-list-item .mdc-deprecated-list-item__text, +.mdc-menu a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic { + pointer-events: none; +} + +.mdc-menu__selection-group { + padding: 0; + fill: currentColor; +} +.mdc-menu__selection-group .mdc-deprecated-list-item { + /* @noflip */ + padding-left: 56px; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-menu__selection-group .mdc-deprecated-list-item, .mdc-menu__selection-group .mdc-deprecated-list-item[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 56px; +} +.mdc-menu__selection-group .mdc-menu__selection-group-icon { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; + display: none; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .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 { + display: none; + position: absolute; + box-sizing: border-box; + max-width: calc(100vw - 32px); + /* @alternate */ + max-width: var(--mdc-menu-max-width, calc(100vw - 32px)); + max-height: calc(100vh - 32px); + /* @alternate */ + max-height: var(--mdc-menu-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: 8; + transition: opacity 0.03s linear, height 250ms cubic-bezier(0, 0, 0.2, 1), -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), height 250ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1); + /* @alternate */ + 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: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + color: #000; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000); + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-medium, 4px); + /* @noflip */ + transform-origin-left: top left; + /* @noflip */ + transform-origin-right: top right; +} +.mdc-menu-surface:focus { + outline: none; +} +.mdc-menu-surface--open { + display: inline-block; + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.mdc-menu-surface--animating-open { + display: inline-block; + -webkit-transform: scale(0.8); + transform: scale(0.8); + opacity: 0; +} +.mdc-menu-surface--animating-closed { + display: inline-block; + opacity: 0; + transition: opacity 0.075s linear; +} +[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--anchor { + position: relative; + overflow: visible; +} + +.mdc-menu-surface--fixed { + position: fixed; +} + +.mdc-menu-surface--fullwidth { + width: 100%; +} + +.mdc-radio { + padding: 10px; + display: inline-block; + position: relative; + flex: 0 0 auto; + box-sizing: content-box; + width: 20px; + height: 20px; + 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: #018786; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #018786); +} +.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: #018786; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #018786); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-radio .mdc-radio__background::before { + background-color: #018786; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #018786); +} +.mdc-radio .mdc-radio__background::before { + top: -10px; + left: -10px; + width: 40px; + height: 40px; +} +.mdc-radio .mdc-radio__native-control { + top: 0px; + right: 0px; + left: 0px; + width: 40px; + height: 40px; +} +@media screen and (-ms-high-contrast: active) { + .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { + border-color: GrayText; + } + .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, +.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle { + border-color: GrayText; + } + .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, +.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { + border-color: GrayText; + } +} +.mdc-radio__background { + display: inline-block; + position: relative; + box-sizing: border-box; + width: 20px; + height: 20px; +} +.mdc-radio__background::before { + position: absolute; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; + 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); +} +.mdc-radio__outer-circle { + position: absolute; + top: 0; + left: 0; + box-sizing: border-box; + width: 100%; + height: 100%; + border-width: 2px; + border-style: solid; + border-radius: 50%; + transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); +} +.mdc-radio__inner-circle { + position: absolute; + top: 0; + left: 0; + box-sizing: border-box; + width: 100%; + height: 100%; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + border-width: 10px; + border-style: solid; + border-radius: 50%; + 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); +} +.mdc-radio__native-control { + position: absolute; + margin: 0; + padding: 0; + opacity: 0; + cursor: inherit; + z-index: 1; +} +.mdc-radio--touch { + margin-top: 4px; + margin-bottom: 4px; + margin-right: 4px; + margin-left: 4px; +} +.mdc-radio--touch .mdc-radio__native-control { + top: -4px; + right: -4px; + left: -4px; + width: 48px; + height: 48px; +} + +.mdc-radio__native-control:checked + .mdc-radio__background, +.mdc-radio__native-control:disabled + .mdc-radio__background { + 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 { + 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 { + 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); + 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:focus + .mdc-radio__background::before { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 0.12; + 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 { + --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-radio .mdc-radio__ripple::before, +.mdc-radio .mdc-radio__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-radio .mdc-radio__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-radio .mdc-radio__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::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 .mdc-radio__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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 .mdc-radio__ripple::before, +.mdc-radio .mdc-radio__ripple::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before, +.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::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 .mdc-radio__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after { + background-color: #018786; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786)); +} +.mdc-radio:hover .mdc-radio__ripple::before, .mdc-radio.mdc-ripple-surface--hover .mdc-radio__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before, .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after { + transition: opacity 150ms linear; +} +.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-radio.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-radio.mdc-ripple-upgraded .mdc-radio__background::before, .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before { + content: none; +} + +.mdc-radio__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.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 { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-ripple-surface::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.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: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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: #000; + /* @alternate */ + background-color: var(--mdc-ripple-color, #000); +} +.mdc-ripple-surface:hover::before, .mdc-ripple-surface.mdc-ripple-surface--hover::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-ripple-surface.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.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], +.mdc-ripple-upgraded--unbounded { + overflow: visible; +} +.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after, +.mdc-ripple-upgraded--unbounded::before, +.mdc-ripple-upgraded--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, +.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before, +.mdc-ripple-upgraded--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, +.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} + +.mdc-segmented-button { + display: inline-block; + font-size: 0; +} + +.mdc-segmented-button__segment { + border-color: rgba(0, 0, 0, 0.12); + /* @alternate */ + border-color: var(--mdc-segmented-button-outline-color, rgba(0, 0, 0, 0.12)); +} + +.mdc-segmented-button__segment { + color: rgba(0, 0, 0, 0.6); + /* @alternate */ + color: var(--mdc-segmented-button-unselected-ink-color, rgba(0, 0, 0, 0.6)); +} + +.mdc-segmented-button__segment { + background-color: white; + /* @alternate */ + background-color: var(--mdc-segmented-button-unselected-container-fill-color, white); +} + +.mdc-segmented-button__segment--selected { + color: #6200ee; + /* @alternate */ + color: var(--mdc-segmented-button-selected-ink-color, #6200ee); +} + +.mdc-segmented-button__segment--selected { + background-color: rgba(98, 0, 238, 0.08); + /* @alternate */ + background-color: var(--mdc-segmented-button-selected-container-fill-color, rgba(98, 0, 238, 0.08)); +} + +.mdc-segmented-button__segment { + /* @alternate */ + position: relative; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none); + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + display: inline-flex; + vertical-align: top; + align-items: center; + height: 36px; + min-width: 48px; + padding: 0 12px; + border-width: 1px 0 1px 1px; +} +.mdc-segmented-button__segment .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-segmented-button__segment:hover { + cursor: pointer; +} +.mdc-segmented-button__segment:focus { + outline-width: 0; +} +.mdc-segmented-button__segment:first-child { + border-radius: 4px 0 0 4px; +} +.mdc-segmented-button__segment:last-child { + border-right-width: 1px; + border-radius: 0 4px 4px 0; +} +.mdc-segmented-button__segment .mdc-segmented-button__segment__touch { + position: absolute; + top: 50%; + right: 0; + height: 48px; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.mdc-segmented-button__segment .mdc-segmented-button__segment--touch { + margin-top: 0px; + margin-bottom: 0px; +} + +.mdc-touch-target-wrapper .mdc-segmented-button__segment { + border-radius: 0; + border-right-width: 0; +} +.mdc-touch-target-wrapper:first-child .mdc-segmented-button__segment { + border-radius: 4px 0 0 4px; +} +.mdc-touch-target-wrapper:last-child .mdc-segmented-button__segment { + border-right-width: 1px; + border-radius: 0 4px 4px 0; +} + +.mdc-segmented-button__icon { + width: 24px; + font-size: 18px; +} + +.mdc-segmented-button__icon + .mdc-segmented-button__label { + padding-left: 6px; +} + +.mdc-segmented-button__segment { + --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; + overflow: hidden; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, +.mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--unbounded .mdc-segmented-button__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-activation .mdc-segmented-button__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-deactivation .mdc-segmented-button__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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-segmented-button__segment .mdc-segmented-button__ripple::before, +.mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment .mdc-segmented-button__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, #6200ee); +} +.mdc-segmented-button__segment:hover .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment.mdc-ripple-surface--hover .mdc-segmented-button__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded--background-focused .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment.mdc-ripple-upgraded:focus-within .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus-within .mdc-segmented-button__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-segmented-button__segment:not(.mdc-ripple-upgraded) .mdc-segmented-button__ripple::after { + transition: opacity 150ms linear; +} +.mdc-segmented-button__segment:not(.mdc-ripple-upgraded):active .mdc-segmented-button__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-segmented-button__segment.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-segmented-button__segment .mdc-segmented-button__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-slider__thumb { + --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-slider__thumb::before, .mdc-slider__thumb::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-slider__thumb::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-slider__thumb::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-slider__thumb.mdc-ripple-upgraded::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-slider__thumb.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-slider__thumb.mdc-ripple-upgraded--unbounded::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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-slider__thumb::before, .mdc-slider__thumb::after { + top: calc(50% - 50%); + /* @noflip */ + left: calc(50% - 50%); + width: 100%; + height: 100%; +} +.mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.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-slider__thumb.mdc-ripple-upgraded::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-slider__thumb::before, .mdc-slider__thumb::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +.mdc-slider__thumb:hover::before, .mdc-slider__thumb.mdc-ripple-surface--hover::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-slider__thumb.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} + +.mdc-slider { + cursor: pointer; + height: 48px; + margin: 0 24px; + position: relative; + touch-action: pan-y; +} +.mdc-slider .mdc-slider__track { + height: 4px; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 100%; +} +.mdc-slider .mdc-slider__track--active, +.mdc-slider .mdc-slider__track--inactive { + display: flex; + height: 100%; + position: absolute; + width: 100%; +} +.mdc-slider .mdc-slider__track--active { + border-radius: 3px; + height: 6px; + overflow: hidden; + top: -1px; +} +.mdc-slider .mdc-slider__track--active_fill { + border-top: 6px solid; + box-sizing: border-box; + height: 100%; + width: 100%; + position: relative; + /* @noflip */ + -webkit-transform-origin: left; + /* @noflip */ + transform-origin: left; +} +[dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] { + /* @noflip */ + -webkit-transform-origin: right; + /* @noflip */ + transform-origin: right; +} +.mdc-slider .mdc-slider__track--inactive { + border-radius: 2px; + height: 4px; + left: 0; + top: 0; +} +.mdc-slider .mdc-slider__track--inactive::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} +.mdc-slider .mdc-slider__track--active_fill { + border-color: #6200ee; + /* @alternate */ + border-color: var(--mdc-theme-primary, #6200ee); +} +.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill { + border-color: #000; + /* @alternate */ + border-color: var(--mdc-theme-on-surface, #000); +} +.mdc-slider .mdc-slider__track--inactive { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-theme-primary, #6200ee); + opacity: 0.24; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + opacity: 0.24; +} +.mdc-slider .mdc-slider__value-indicator-container { + bottom: 44px; + /* @noflip */ + left: 50%; + pointer-events: none; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.mdc-slider .mdc-slider__value-indicator { + transition: -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1); + transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1); + align-items: center; + border-radius: 4px; + display: flex; + height: 32px; + padding: 0 12px; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: bottom; + transform-origin: bottom; +} +.mdc-slider .mdc-slider__value-indicator::before { + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 6px solid; + bottom: -5px; + content: ""; + height: 0; + /* @noflip */ + left: 50%; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 0; +} +.mdc-slider .mdc-slider__value-indicator::after { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} +.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container { + pointer-events: auto; +} +.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator { + transition: -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1); + -webkit-transform: scale(1); + transform: scale(1); +} +@media (prefers-reduced-motion) { + .mdc-slider .mdc-slider__value-indicator, +.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator { + transition: none; + } +} +.mdc-slider .mdc-slider__value-indicator-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); +} +.mdc-slider .mdc-slider__value-indicator { + background-color: #000; + opacity: 0.6; +} +.mdc-slider .mdc-slider__value-indicator::before { + border-top-color: #000; +} +.mdc-slider .mdc-slider__value-indicator { + color: #fff; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff); +} +.mdc-slider .mdc-slider__thumb { + display: flex; + height: 48px; + /* @noflip */ + left: -24px; + outline: none; + position: absolute; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 48px; +} +.mdc-slider .mdc-slider__thumb--top { + z-index: 1; +} +.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob { + border: 1px solid; + box-sizing: content-box; + border-color: #fff; +} +.mdc-slider .mdc-slider__thumb-knob { + /* @alternate */ + 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); + border: 10px solid; + border-radius: 50%; + box-sizing: border-box; + height: 20px; + /* @noflip */ + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: 20px; +} +.mdc-slider .mdc-slider__thumb-knob { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-theme-primary, #6200ee); + border-color: #6200ee; + /* @alternate */ + border-color: var(--mdc-theme-primary, #6200ee); +} +.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + border-color: #000; + /* @alternate */ + border-color: var(--mdc-theme-on-surface, #000); +} +.mdc-slider .mdc-slider__thumb::before, .mdc-slider .mdc-slider__thumb::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +.mdc-slider .mdc-slider__thumb:hover::before, .mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-slider .mdc-slider__tick-marks { + align-items: center; + box-sizing: border-box; + display: flex; + height: 100%; + justify-content: space-between; + padding: 0 1px; + position: absolute; + width: 100%; +} +.mdc-slider .mdc-slider__tick-mark--active, +.mdc-slider .mdc-slider__tick-mark--inactive { + border-radius: 50%; + height: 2px; + width: 2px; +} +.mdc-slider .mdc-slider__tick-mark--active { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-on-primary, #fff); + opacity: 0.6; +} +.mdc-slider .mdc-slider__tick-mark--inactive { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-theme-primary, #6200ee); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); + opacity: 0.6; +} +.mdc-slider.mdc-slider--disabled { + opacity: 0.38; + cursor: auto; +} +.mdc-slider.mdc-slider--disabled .mdc-slider__thumb { + pointer-events: none; +} +.mdc-slider--discrete .mdc-slider__thumb, +.mdc-slider--discrete .mdc-slider__track--active_fill { + transition: -webkit-transform 80ms ease; + transition: transform 80ms ease; + transition: transform 80ms ease, -webkit-transform 80ms ease; +} +@media (prefers-reduced-motion) { + .mdc-slider--discrete .mdc-slider__thumb, +.mdc-slider--discrete .mdc-slider__track--active_fill { + transition: none; + } +} + +.mdc-slider__input { + cursor: pointer; + left: 0; + margin: 0; + height: 100%; + opacity: 0; + pointer-events: none; + position: absolute; + top: 0; + width: 100%; +} + +.mdc-snackbar { + z-index: 8; + margin: 8px; + display: none; + position: fixed; + right: 0; + bottom: 0; + left: 0; + align-items: center; + justify-content: center; + box-sizing: border-box; + pointer-events: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.mdc-snackbar__surface { + background-color: #333333; +} + +.mdc-snackbar__label { + color: rgba(255, 255, 255, 0.87); +} + +.mdc-snackbar__surface { + min-width: 344px; +} +@media (max-width: 480px), (max-width: 344px) { + .mdc-snackbar__surface { + min-width: 100%; + } +} + +.mdc-snackbar__surface { + max-width: 672px; +} + +.mdc-snackbar__surface { + /* @alternate */ + 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-snackbar__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-snackbar--opening, +.mdc-snackbar--open, +.mdc-snackbar--closing { + display: flex; +} + +.mdc-snackbar--open .mdc-snackbar__label, +.mdc-snackbar--open .mdc-snackbar__actions { + visibility: visible; +} + +.mdc-snackbar--leading { + justify-content: flex-start; +} + +.mdc-snackbar--stacked .mdc-snackbar__label { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 8px; + padding-bottom: 12px; +} +[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label, .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 16px; +} +.mdc-snackbar--stacked .mdc-snackbar__surface { + flex-direction: column; + align-items: flex-start; +} +.mdc-snackbar--stacked .mdc-snackbar__actions { + align-self: flex-end; + margin-bottom: 8px; +} + +.mdc-snackbar__surface { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 8px; + display: flex; + align-items: center; + justify-content: flex-start; + box-sizing: border-box; + -webkit-transform: scale(0.8); + transform: scale(0.8); + opacity: 0; +} +.mdc-snackbar__surface::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} +[dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 0; +} +.mdc-snackbar--open .mdc-snackbar__surface { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + pointer-events: auto; + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} +.mdc-snackbar--closing .mdc-snackbar__surface { + -webkit-transform: scale(1); + transform: scale(1); + transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-snackbar__label { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 8px; + width: 100%; + flex-grow: 1; + box-sizing: border-box; + margin: 0; + visibility: hidden; + padding-top: 14px; + padding-bottom: 14px; +} +[dir=rtl] .mdc-snackbar__label, .mdc-snackbar__label[dir=rtl] { + /* @noflip */ + padding-left: 8px; + /* @noflip */ + padding-right: 16px; +} + +.mdc-snackbar__label::before { + display: inline; + content: attr(data-mdc-snackbar-label-text); +} + +.mdc-snackbar__actions { + display: flex; + flex-shrink: 0; + align-items: center; + box-sizing: border-box; + visibility: hidden; +} + +.mdc-snackbar__action:not(:disabled) { + color: #bb86fc; +} +.mdc-snackbar__action::before, .mdc-snackbar__action::after { + background-color: #bb86fc; + /* @alternate */ + background-color: var(--mdc-ripple-color, #bb86fc); +} +.mdc-snackbar__action:hover::before, .mdc-snackbar__action.mdc-ripple-surface--hover::before { + opacity: 0.08; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.08); +} +.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.24); +} +.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.24); +} +.mdc-snackbar__action.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24); +} + +.mdc-snackbar__dismiss { + color: rgba(255, 255, 255, 0.87); +} +.mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after { + background-color: rgba(255, 255, 255, 0.87); + /* @alternate */ + background-color: var(--mdc-ripple-color, rgba(255, 255, 255, 0.87)); +} +.mdc-snackbar__dismiss:hover::before, .mdc-snackbar__dismiss.mdc-ripple-surface--hover::before { + opacity: 0.08; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.08); +} +.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.24); +} +.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.24); +} +.mdc-snackbar__dismiss.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24); +} + +.mdc-snackbar__dismiss.mdc-snackbar__dismiss { + width: 36px; + height: 36px; + padding: 9px; + font-size: 18px; +} +.mdc-snackbar__dismiss.mdc-snackbar__dismiss svg, +.mdc-snackbar__dismiss.mdc-snackbar__dismiss img { + width: 18px; + height: 18px; +} + +.mdc-snackbar__action + .mdc-snackbar__dismiss { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 0; +} +[dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: 8px; +} + +.mdc-switch__thumb-underlay { + /* @noflip */ + left: -14px; + /* @noflip */ + right: initial; + top: -17px; + width: 48px; + height: 48px; +} +[dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: -14px; +} + +.mdc-switch__native-control { + width: 64px; + height: 48px; +} + +.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: #018786; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #018786); +} +.mdc-switch.mdc-switch--checked .mdc-switch__thumb { + background-color: #018786; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #018786); + border-color: #018786; + /* @alternate */ + border-color: var(--mdc-theme-secondary, #018786); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { + background-color: #000; + /* @alternate */ + background-color: var(--mdc-theme-on-surface, #000); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); + border-color: #fff; + /* @alternate */ + border-color: var(--mdc-theme-surface, #fff); +} + +.mdc-switch__native-control { + /* @noflip */ + left: 0; + /* @noflip */ + right: initial; + position: absolute; + top: 0; + margin: 0; + opacity: 0; + cursor: pointer; + pointer-events: auto; + transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); +} +[dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 0; +} + +.mdc-switch__track { + box-sizing: border-box; + width: 36px; + height: 14px; + border: 1px solid transparent; + border-radius: 7px; + opacity: 0.38; + 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); +} + +.mdc-switch__thumb-underlay { + display: flex; + position: absolute; + align-items: center; + justify-content: center; + -webkit-transform: translateX(0); + transform: translateX(0); + 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); +} + +.mdc-switch__thumb { + /* @alternate */ + 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-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: 0.54; +} +.mdc-switch--checked .mdc-switch__thumb-underlay { + -webkit-transform: translateX(16px); + transform: translateX(16px); +} +[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] { + -webkit-transform: translateX(-16px); + transform: translateX(-16px); +} +.mdc-switch--checked .mdc-switch__native-control { + -webkit-transform: translateX(-16px); + transform: translateX(-16px); +} +[dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] { + -webkit-transform: translateX(16px); + transform: translateX(16px); +} + +.mdc-switch--disabled { + opacity: 0.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; +} + +.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; + /* @alternate */ + background-color: var(--mdc-ripple-color, #9e9e9e); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-surface--hover::before { + opacity: 0.08; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.08); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.24); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.24); +} +.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24); +} + +.mdc-switch__thumb-underlay { + --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-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 { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-switch__thumb-underlay::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.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: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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: #018786; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786)); +} +.mdc-switch__thumb-underlay:hover::before, .mdc-switch__thumb-underlay.mdc-ripple-surface--hover::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { + transition: opacity 150ms linear; +} +.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-switch__thumb-underlay.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} + +.mdc-tab { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none); + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); + padding-right: 24px; + padding-left: 24px; + min-width: 90px; + position: relative; + display: flex; + flex: 1 0 auto; + justify-content: center; + box-sizing: border-box; + margin: 0; + padding-top: 0; + padding-bottom: 0; + border: none; + outline: none; + background: none; + text-align: center; + white-space: nowrap; + cursor: pointer; + -webkit-appearance: none; + z-index: 1; +} +.mdc-tab .mdc-tab__text-label { + color: rgba(0, 0, 0, 0.6); +} +.mdc-tab .mdc-tab__icon { + color: rgba(0, 0, 0, 0.54); + fill: currentColor; +} +.mdc-tab::-moz-focus-inner { + padding: 0; + border: 0; +} + +.mdc-tab--min-width { + flex: 0 1 auto; +} + +.mdc-tab__content { + position: relative; + display: flex; + align-items: center; + justify-content: center; + height: inherit; + pointer-events: none; +} + +.mdc-tab__text-label { + transition: 150ms color linear; + display: inline-block; + line-height: 1; + z-index: 2; +} + +.mdc-tab__icon { + transition: 150ms color linear; + width: 24px; + height: 24px; + font-size: 24px; + z-index: 2; +} + +.mdc-tab--stacked .mdc-tab__content { + flex-direction: column; + align-items: center; + justify-content: center; +} +.mdc-tab--stacked .mdc-tab__text-label { + padding-top: 6px; + padding-bottom: 4px; +} + +.mdc-tab--active .mdc-tab__text-label { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} +.mdc-tab--active .mdc-tab__icon { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); + fill: currentColor; +} +.mdc-tab--active .mdc-tab__text-label, +.mdc-tab--active .mdc-tab__icon { + transition-delay: 100ms; +} + +.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; +} + +.mdc-tab { + --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); +} +.mdc-tab .mdc-tab__ripple::before, +.mdc-tab .mdc-tab__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-tab .mdc-tab__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-tab .mdc-tab__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after { + top: 0; + /* @noflip */ + left: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: center center; + transform-origin: center center; +} +.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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 .mdc-tab__ripple::before, +.mdc-tab .mdc-tab__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} +.mdc-tab .mdc-tab__ripple::before, .mdc-tab .mdc-tab__ripple::after { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee)); +} +.mdc-tab:hover .mdc-tab__ripple::before, .mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple::before, .mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple::after { + transition: opacity 150ms linear; +} +.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple::after { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.12); +} +.mdc-tab.mdc-ripple-upgraded { + --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12); +} + +.mdc-tab__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; + will-change: transform, opacity; +} + +/** + * @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%; +} + +.mdc-tab { + height: 48px; +} + +.mdc-tab--stacked { + height: 72px; +} + +/** + * @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: flex; + position: absolute; + top: 0; + left: 0; + justify-content: center; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 1; +} +.mdc-tab-indicator .mdc-tab-indicator__content--underline { + border-color: #6200ee; + /* @alternate */ + border-color: var(--mdc-theme-primary, #6200ee); +} +.mdc-tab-indicator .mdc-tab-indicator__content--icon { + color: #018786; + /* @alternate */ + color: var(--mdc-theme-secondary, #018786); +} +.mdc-tab-indicator .mdc-tab-indicator__content--underline { + border-top-width: 2px; +} +.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 { + align-self: flex-end; + box-sizing: border-box; + width: 100%; + border-top-style: solid; +} + +.mdc-tab-indicator__content--icon { + align-self: center; + margin: 0 auto; +} + +.mdc-tab-indicator--active .mdc-tab-indicator__content { + opacity: 1; +} + +.mdc-tab-indicator .mdc-tab-indicator__content { + 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 { + transition: none; +} + +.mdc-tab-indicator--fade .mdc-tab-indicator__content { + transition: 150ms opacity linear; +} + +.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content { + 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.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content { + 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-scroller__test { + position: absolute; + top: -9999px; + width: 100px; + height: 100px; + overflow-x: scroll; +} + +.mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: touch; + 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: flex; + flex: 1 0 auto; + -webkit-transform: none; + transform: none; + will-change: transform; +} + +.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content { + justify-content: flex-start; +} + +.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content { + justify-content: flex-end; +} + +.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content { + justify-content: center; +} + +.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area { + -webkit-overflow-scrolling: auto; +} + +.mdc-text-field--filled { + --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-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + position: absolute; + border-radius: 50%; + opacity: 0; + pointer-events: none; + content: ""; +} +.mdc-text-field--filled .mdc-text-field__ripple::before { + transition: opacity 15ms linear, background-color 15ms linear; + z-index: 1; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 1); +} +.mdc-text-field--filled .mdc-text-field__ripple::after { + z-index: 0; + /* @alternate */ + z-index: var(--mdc-ripple-z-index, 0); +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before { + -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); + transform: scale(var(--mdc-ripple-fg-scale, 1)); +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::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--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after { + top: var(--mdc-ripple-top, 0); + /* @noflip */ + left: var(--mdc-ripple-left, 0); +} +.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after { + -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; + animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; +} +.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after { + -webkit-animation: mdc-ripple-fg-opacity-out 150ms; + animation: mdc-ripple-fg-opacity-out 150ms; + -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--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + top: calc(50% - 100%); + /* @noflip */ + left: calc(50% - 100%); + width: 200%; + height: 200%; +} +.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after { + width: var(--mdc-ripple-fg-size, 100%); + height: var(--mdc-ripple-fg-size, 100%); +} + +.mdc-text-field__ripple { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +.mdc-text-field { + border-top-left-radius: 4px; + /* @alternate */ + border-top-left-radius: var(--mdc-shape-small, 4px); + border-top-right-radius: 4px; + /* @alternate */ + border-top-right-radius: var(--mdc-shape-small, 4px); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + display: inline-flex; + align-items: baseline; + padding: 0 16px; + position: relative; + box-sizing: border-box; + overflow: hidden; + /* @alternate */ + will-change: opacity, transform, color; +} +.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 { + color: rgba(0, 0, 0, 0.87); +} +@media all { + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.54); + } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.54); + } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.54); + } + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.54); + } +} +@media all { + .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.54); + } +} +.mdc-text-field .mdc-text-field__input { + caret-color: #6200ee; + /* @alternate */ + caret-color: var(--mdc-theme-primary, #6200ee); +} +.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter, +.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { + color: rgba(0, 0, 0, 0.54); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix { + color: rgba(0, 0, 0, 0.6); +} +.mdc-text-field .mdc-floating-label { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; +} + +.mdc-text-field__input { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + height: 28px; + transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + width: 100%; + min-width: 0; + border: none; + border-radius: 0; + background: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: 0; +} +.mdc-text-field__input::-ms-clear { + display: none; +} +.mdc-text-field__input::-webkit-calendar-picker-indicator { + display: none; +} +.mdc-text-field__input:focus { + outline: none; +} +.mdc-text-field__input:invalid { + box-shadow: none; +} +@media all { + .mdc-text-field__input::-webkit-input-placeholder { + transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } + .mdc-text-field__input:-ms-input-placeholder { + transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } + .mdc-text-field__input::-ms-input-placeholder { + transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } + .mdc-text-field__input::placeholder { + transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } +} +@media all { + .mdc-text-field__input:-ms-input-placeholder { + transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + } +} +@media all { + .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } + .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } + .mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } + .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } +} +@media all { + .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder { + transition-delay: 40ms; + transition-duration: 110ms; + opacity: 1; + } +} + +.mdc-text-field__affix { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); + height: 28px; + transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 0; + white-space: nowrap; +} +.mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix { + opacity: 1; +} +@supports (-webkit-hyphens: none) { + .mdc-text-field--outlined .mdc-text-field__affix { + align-items: center; + align-self: center; + display: inline-flex; + height: 100%; + } +} + +.mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} +[dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] { + /* @noflip */ + padding-left: 2px; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--end-aligned .mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} + +.mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 12px; +} +.mdc-text-field--end-aligned .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 2px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} + +.mdc-text-field--filled { + height: 56px; +} +.mdc-text-field--filled .mdc-text-field__ripple::before, +.mdc-text-field--filled .mdc-text-field__ripple::after { + background-color: rgba(0, 0, 0, 0.87); + /* @alternate */ + background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87)); +} +.mdc-text-field--filled:hover .mdc-text-field__ripple::before, .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before { + opacity: 0.04; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.04); +} +.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before { + transition-duration: 75ms; + opacity: 0.12; + /* @alternate */ + opacity: var(--mdc-ripple-focus-opacity, 0.12); +} +.mdc-text-field--filled::before { + display: inline-block; + width: 0; + height: 40px; + content: ""; + vertical-align: 0; +} +.mdc-text-field--filled:not(.mdc-text-field--disabled) { + background-color: whitesmoke; +} +.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.42); +} +.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--filled .mdc-line-ripple::after { + border-bottom-color: #6200ee; + /* @alternate */ + border-bottom-color: var(--mdc-theme-primary, #6200ee); +} +.mdc-text-field--filled .mdc-floating-label { + /* @noflip */ + left: 16px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 16px; +} +.mdc-text-field--filled .mdc-floating-label--float-above { + -webkit-transform: translateY(-106%) scale(0.75); + transform: translateY(-106%) scale(0.75); +} +.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { + height: 100%; +} +.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label { + display: none; +} +.mdc-text-field--filled.mdc-text-field--no-label::before { + display: none; +} +@supports (-webkit-hyphens: none) { + .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix { + align-items: center; + align-self: center; + display: inline-flex; + height: 100%; + } +} + +.mdc-text-field--outlined { + height: 56px; + overflow: visible; +} +.mdc-text-field--outlined .mdc-floating-label--float-above { + -webkit-transform: translateY(-37.25px) scale(1); + transform: translateY(-37.25px) scale(1); +} +.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + -webkit-transform: translateY(-34.75px) scale(0.75); + transform: translateY(-34.75px) scale(0.75); +} +.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.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; +} +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); + } +} +.mdc-text-field--outlined .mdc-text-field__input { + height: 100%; +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.87); +} +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { + border-color: #6200ee; + /* @alternate */ + border-color: var(--mdc-theme-primary, #6200ee); +} +.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { + width: max(12px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch { + max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2); + } +} +.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-right-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-right-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { + /* @noflip */ + border-top-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-top-left-radius: var(--mdc-shape-small, 4px); + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 4px; + /* @alternate */ + /* @noflip */ + border-bottom-left-radius: var(--mdc-shape-small, 4px); +} +@supports (top: max(0%)) { + .mdc-text-field--outlined { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined + .mdc-text-field-helper-line { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +@supports (top: max(0%)) { + .mdc-text-field--outlined + .mdc-text-field-helper-line { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-right: max(16px, var(--mdc-shape-small, 4px)); + } +} +[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-right: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-left: max(16px, var(--mdc-shape-small, 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-right: 0; +} +@supports (top: max(0%)) { + .mdc-text-field--outlined.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-left: 0; +} +@supports (top: max(0%)) { + [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px)); + } +} +.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 1px; +} +.mdc-text-field--outlined .mdc-text-field__ripple::before, +.mdc-text-field--outlined .mdc-text-field__ripple::after { + content: none; +} +.mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 4px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 4px; +} +.mdc-text-field--outlined .mdc-text-field__input { + display: flex; + border: none !important; + background-color: transparent; +} +.mdc-text-field--outlined .mdc-notched-outline { + z-index: 1; +} + +.mdc-text-field--textarea { + flex-direction: column; + align-items: center; + width: auto; + height: auto; + padding: 0; + transition: none; +} +.mdc-text-field--textarea .mdc-floating-label { + top: 19px; +} +.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) { + -webkit-transform: none; + transform: none; +} +.mdc-text-field--textarea .mdc-text-field__input { + flex-grow: 1; + height: auto; + min-height: 1.5rem; + overflow-x: hidden; + overflow-y: auto; + box-sizing: border-box; + resize: none; + padding: 0 16px; + line-height: 1.5rem; +} +.mdc-text-field--textarea.mdc-text-field--filled::before { + display: none; +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above { + -webkit-transform: translateY(-10.25px) scale(0.75); + transform: translateY(-10.25px) scale(0.75); +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1; + animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1; +} +@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } +} +@keyframes mdc-floating-label-shake-float-above-textarea-filled { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75); + } +} +.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input { + margin-top: 23px; + margin-bottom: 9px; +} +.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { + margin-top: 16px; + margin-bottom: 16px; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 0; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above { + -webkit-transform: translateY(-27.25px) scale(1); + transform: translateY(-27.25px) scale(1); +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + -webkit-transform: translateY(-24.75px) scale(0.75); + transform: translateY(-24.75px) scale(0.75); +} +.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake { + -webkit-animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1; + animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1; +} +@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +@keyframes mdc-floating-label-shake-float-above-textarea-outlined { + 0% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75); + } +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input { + margin-top: 16px; + margin-bottom: 16px; +} +.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label { + top: 18px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input { + margin-bottom: 2px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter { + align-self: flex-end; + padding: 0 16px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: -16px; +} +.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before { + display: none; +} + +.mdc-text-field__resizer { + align-self: stretch; + display: inline-flex; + flex-direction: column; + flex-grow: 1; + max-height: 100%; + max-width: 100%; + min-height: 56px; + min-width: -webkit-fit-content; + min-width: -moz-fit-content; + min-width: fit-content; + /* @alternate */ + min-width: -moz-available; + /* @alternate */ + min-width: -webkit-fill-available; + overflow: hidden; + resize: both; +} +.mdc-text-field--filled .mdc-text-field__resizer { + -webkit-transform: translateY(-1px); + transform: translateY(-1px); +} +.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input, +.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter { + -webkit-transform: translateY(1px); + transform: translateY(1px); +} +.mdc-text-field--outlined .mdc-text-field__resizer { + -webkit-transform: translateX(-1px) translateY(-1px); + transform: translateX(-1px) translateY(-1px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] { + -webkit-transform: translateX(1px) translateY(-1px); + transform: translateX(1px) translateY(-1px); +} +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter { + -webkit-transform: translateX(1px) translateY(1px); + transform: translateX(1px) translateY(1px); +} +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl], +[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter, +.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] { + -webkit-transform: translateX(-1px) translateY(1px); + transform: translateX(-1px) translateY(1px); +} + +.mdc-text-field--with-leading-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +[dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 48px); + /* @noflip */ + left: 48px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 48px; +} +.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label { + /* @noflip */ + left: 36px; + /* @noflip */ + right: initial; +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] { + /* @noflip */ + left: initial; + /* @noflip */ + right: 36px; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1); + transform: translateY(-37.25px) translateX(-32px) scale(1); +} +[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(-37.25px) translateX(32px) scale(1); + transform: translateY(-37.25px) translateX(32px) scale(1); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { + font-size: 0.75rem; +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75); + transform: translateY(-34.75px) translateX(-32px) scale(0.75); +} +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], +[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { + -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75); + transform: translateY(-34.75px) translateX(32px) scale(0.75); +} +.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, +.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { + font-size: 1rem; +} +.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; +} +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { + 0% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { + 0% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75); + } +} +[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 250ms 1; + animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; +} +@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} +@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { + 0% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } + 33% { + -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); + -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75); + } + 66% { + -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); + -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75); + } + 100% { + -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75); + } +} + +.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} +.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 64px); +} +.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 64px / 0.75); +} +.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch { + max-width: calc(100% - 60px); +} + +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 0; +} +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label { + max-width: calc(100% - 96px); +} +.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above { + max-width: calc(100% / 0.75 - 96px / 0.75); +} + +.mdc-text-field-helper-line { + display: flex; + justify-content: space-between; + box-sizing: border-box; +} +.mdc-text-field + .mdc-text-field-helper-line { + padding-right: 16px; + padding-left: 16px; +} + +.mdc-form-field > .mdc-text-field + label { + align-self: flex-start; +} + +.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { + color: rgba(98, 0, 238, 0.87); +} +.mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--focused .mdc-notched-outline__trailing { + border-width: 2px; +} +.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { + opacity: 1; +} +.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 2px; +} +.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch { + padding-top: 0; +} + +.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid .mdc-text-field__input { + caret-color: #b00020; + /* @alternate */ + caret-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { + color: #b00020; + /* @alternate */ + color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before { + border-bottom-color: #b00020; + /* @alternate */ + border-bottom-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, +.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { + border-color: #b00020; + /* @alternate */ + border-color: var(--mdc-theme-error, #b00020); +} +.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { + opacity: 1; +} + +.mdc-text-field--disabled { + pointer-events: none; +} +.mdc-text-field--disabled .mdc-text-field__input { + color: rgba(0, 0, 0, 0.38); +} +@media all { + .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.38); + } + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.38); + } + .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder { + color: rgba(0, 0, 0, 0.38); + } + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: rgba(0, 0, 0, 0.38); + } +} +@media all { + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.38); + } +} +.mdc-text-field--disabled .mdc-floating-label { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field-character-counter, +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field__icon--leading { + color: rgba(0, 0, 0, 0.3); +} +.mdc-text-field--disabled .mdc-text-field__icon--trailing { + color: rgba(0, 0, 0, 0.3); +} +.mdc-text-field--disabled .mdc-text-field__affix--prefix { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-text-field__affix--suffix { + color: rgba(0, 0, 0, 0.38); +} +.mdc-text-field--disabled .mdc-line-ripple::before { + border-bottom-color: rgba(0, 0, 0, 0.06); +} +.mdc-text-field--disabled .mdc-notched-outline__leading, +.mdc-text-field--disabled .mdc-notched-outline__notch, +.mdc-text-field--disabled .mdc-notched-outline__trailing { + border-color: rgba(0, 0, 0, 0.06); +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder { + color: GrayText; + } + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: GrayText; + } + .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder { + color: GrayText; + } + .mdc-text-field--disabled .mdc-text-field__input::placeholder { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-floating-label { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field-character-counter, +.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__icon--leading { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__icon--trailing { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__affix--prefix { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-text-field__affix--suffix { + color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-line-ripple::before { + border-bottom-color: GrayText; + } +} +@media screen and (-ms-high-contrast: active) { + .mdc-text-field--disabled .mdc-notched-outline__leading, +.mdc-text-field--disabled .mdc-notched-outline__notch, +.mdc-text-field--disabled .mdc-notched-outline__trailing { + border-color: GrayText; + } +} +.mdc-text-field--disabled .mdc-floating-label { + cursor: default; +} +.mdc-text-field--disabled.mdc-text-field--filled { + background-color: #fafafa; +} +.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple { + display: none; +} +.mdc-text-field--disabled .mdc-text-field__input { + pointer-events: auto; +} + +.mdc-text-field--end-aligned .mdc-text-field__input { + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] { + /* @noflip */ + text-align: left; +} + +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input, +.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix { + /* @noflip */ + direction: ltr; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 2px; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 12px; + /* @noflip */ + padding-right: 0; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading { + order: 1; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix { + order: 2; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input { + order: 3; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix { + order: 4; +} +[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing { + order: 5; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input { + /* @noflip */ + text-align: right; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix { + /* @noflip */ + padding-right: 12px; +} +[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix { + /* @noflip */ + padding-left: 2px; +} + +.mdc-text-field-helper-text { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + margin: 0; + opacity: 0; + will-change: opacity; + transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); +} +.mdc-text-field-helper-text::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} + +.mdc-text-field-helper-text--persistent { + transition: none; + opacity: 1; + will-change: initial; +} + +.mdc-text-field-character-counter { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + /* @noflip */ + margin-left: auto; + /* @noflip */ + margin-right: 0; + /* @noflip */ + padding-left: 16px; + /* @noflip */ + padding-right: 0; + white-space: nowrap; +} +.mdc-text-field-character-counter::before { + display: inline-block; + width: 0; + height: 16px; + content: ""; + vertical-align: 0; +} +[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { + /* @noflip */ + margin-left: 0; + /* @noflip */ + margin-right: auto; +} +[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { + /* @noflip */ + padding-left: 0; + /* @noflip */ + padding-right: 16px; +} + +.mdc-text-field__icon { + align-self: center; + cursor: pointer; +} +.mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] { + cursor: default; + pointer-events: none; +} +.mdc-text-field__icon svg { + display: block; +} + +.mdc-text-field__icon--leading { + /* @noflip */ + margin-left: 16px; + /* @noflip */ + margin-right: 8px; +} +[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] { + /* @noflip */ + margin-left: 8px; + /* @noflip */ + margin-right: 16px; +} + +.mdc-text-field__icon--trailing { + padding: 12px; + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0px; +} +[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] { + /* @noflip */ + margin-left: 0px; + /* @noflip */ + margin-right: 0px; +} + +:root { + --mdc-theme-primary: #6200ee; + --mdc-theme-secondary: #018786; + --mdc-theme-background: #fff; + --mdc-theme-surface: #fff; + --mdc-theme-error: #b00020; + --mdc-theme-on-primary: #fff; + --mdc-theme-on-secondary: #fff; + --mdc-theme-on-surface: #000; + --mdc-theme-on-error: #fff; + --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: #6200ee !important; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee) !important; +} + +.mdc-theme--secondary { + color: #018786 !important; + /* @alternate */ + color: var(--mdc-theme-secondary, #018786) !important; +} + +.mdc-theme--background { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-background, #fff); +} + +.mdc-theme--surface { + background-color: #fff; + /* @alternate */ + background-color: var(--mdc-theme-surface, #fff); +} + +.mdc-theme--error { + color: #b00020 !important; + /* @alternate */ + color: var(--mdc-theme-error, #b00020) !important; +} + +.mdc-theme--on-primary { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-primary, #fff) !important; +} + +.mdc-theme--on-secondary { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-secondary, #fff) !important; +} + +.mdc-theme--on-surface { + color: #000 !important; + /* @alternate */ + color: var(--mdc-theme-on-surface, #000) !important; +} + +.mdc-theme--on-error { + color: #fff !important; + /* @alternate */ + color: var(--mdc-theme-on-error, #fff) !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: #6200ee !important; + /* @alternate */ + background-color: var(--mdc-theme-primary, #6200ee) !important; +} + +.mdc-theme--secondary-bg { + background-color: #018786 !important; + /* @alternate */ + background-color: var(--mdc-theme-secondary, #018786) !important; +} + +.mdc-tooltip__surface { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-tooltip__caret-surface-top, +.mdc-tooltip__caret-surface-bottom { + border-radius: 4px; + /* @alternate */ + border-radius: var(--mdc-shape-small, 4px); +} + +.mdc-tooltip__surface { + color: white; + /* @alternate */ + color: var(--mdc-theme-text-primary-on-dark, white); +} + +.mdc-tooltip__surface { + background-color: rgba(0, 0, 0, 0.6); +} + +.mdc-tooltip__surface { + word-break: break-all; + /* @alternate */ + word-break: var(--mdc-tooltip-word-break, normal); + overflow-wrap: anywhere; +} + +.mdc-tooltip { + z-index: 2; +} + +.mdc-tooltip--showing-transition .mdc-tooltip__surface-animation { + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); +} + +.mdc-tooltip--hide-transition .mdc-tooltip__surface-animation { + transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); +} + +.mdc-tooltip__title { + color: rgba(0, 0, 0, 0.87); + /* @alternate */ + color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); +} + +.mdc-tooltip__content { + color: rgba(0, 0, 0, 0.6); +} + +.mdc-tooltip__content-link { + color: #6200ee; + /* @alternate */ + color: var(--mdc-theme-primary, #6200ee); +} + +.mdc-tooltip { + position: fixed; + display: none; +} +.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__surface { + background-color: #fff; +} +.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-top, +.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-bottom { + background-color: #fff; +} + +.mdc-tooltip-wrapper--rich { + position: relative; +} + +.mdc-tooltip--shown, +.mdc-tooltip--showing, +.mdc-tooltip--hide { + display: inline-flex; +} +.mdc-tooltip--shown.mdc-tooltip--rich, +.mdc-tooltip--showing.mdc-tooltip--rich, +.mdc-tooltip--hide.mdc-tooltip--rich { + display: inline-block; + /* @noflip */ + left: -320px; + position: absolute; +} + +.mdc-tooltip__surface { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); + line-height: 16px; + padding: 4px 8px; + min-width: 40px; + max-width: 200px; + min-height: 24px; + max-height: 40vh; + box-sizing: border-box; + overflow: hidden; + text-align: center; +} +.mdc-tooltip__surface::before { + position: absolute; + box-sizing: border-box; + width: 100%; + height: 100%; + top: 0; + left: 0; + border: 1px solid transparent; + border-radius: inherit; + content: ""; + pointer-events: none; +} +.mdc-tooltip--rich .mdc-tooltip__surface { + /* @alternate */ + 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); + align-items: flex-start; + border-radius: 4px; + display: flex; + flex-direction: column; + line-height: 20px; + min-height: 24px; + min-width: 40px; + max-width: 320px; + position: relative; +} +.mdc-tooltip--rich .mdc-tooltip__surface .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} +.mdc-tooltip--multiline .mdc-tooltip__surface { + /* @noflip */ + text-align: left; +} +[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface, .mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl] { + /* @noflip */ + text-align: right; +} +.mdc-tooltip__surface .mdc-tooltip__title { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); + margin: 0 8px; +} +.mdc-tooltip__surface .mdc-tooltip__title::before { + display: inline-block; + width: 0; + height: 28px; + content: ""; + vertical-align: 0; +} +.mdc-tooltip__surface .mdc-tooltip__content { + display: block; + margin-top: 0; + /* @alternate */ + line-height: normal; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); + max-width: calc(100% - 2 * 8px); + margin: 0 8px 16px 8px; + /* @noflip */ + text-align: left; +} +.mdc-tooltip__surface .mdc-tooltip__content::before { + display: inline-block; + width: 0; + height: 24px; + content: ""; + vertical-align: 0; +} +[dir=rtl] .mdc-tooltip__surface .mdc-tooltip__content, .mdc-tooltip__surface .mdc-tooltip__content[dir=rtl] { + /* @noflip */ + text-align: right; +} +.mdc-tooltip__surface .mdc-tooltip__content-link { + text-decoration: none; +} + +.mdc-tooltip__surface-animation { + opacity: 0; + -webkit-transform: scale(0.8); + transform: scale(0.8); + will-change: transform, opacity; +} +.mdc-tooltip--shown .mdc-tooltip__surface-animation { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.mdc-tooltip--hide .mdc-tooltip__surface-animation { + -webkit-transform: scale(1); + transform: scale(1); +} + +.mdc-tooltip__caret-surface-top, +.mdc-tooltip__caret-surface-bottom { + position: absolute; + height: 24px; + width: 24px; +} +.mdc-tooltip__caret-surface-top .mdc-elevation-overlay, +.mdc-tooltip__caret-surface-bottom .mdc-elevation-overlay { + width: 100%; + height: 100%; + top: 0; + /* @noflip */ + left: 0; +} + +.mdc-tooltip__caret-surface-bottom { + /* @alternate */ + 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); + outline: 1px solid transparent; + z-index: -1; +} + +.mdc-top-app-bar { + background-color: #6200ee; + /* @alternate */ + background-color: var(--mdc-theme-primary, #6200ee); + color: white; + display: flex; + position: fixed; + flex-direction: column; + justify-content: space-between; + 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; + /* @alternate */ + background-color: var(--mdc-ripple-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__action-item.mdc-ripple-surface--hover::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-surface--hover::before { + opacity: 0.08; + /* @alternate */ + opacity: var(--mdc-ripple-hover-opacity, 0.08); +} +.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before, +.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-focus-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 { + 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 { + transition-duration: 75ms; + opacity: 0.24; + /* @alternate */ + opacity: var(--mdc-ripple-press-opacity, 0.24); +} +.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: var(--mdc-ripple-press-opacity, 0.24); +} +.mdc-top-app-bar__row { + display: flex; + position: relative; + box-sizing: border-box; + width: 100%; + height: 64px; +} +.mdc-top-app-bar__section { + display: inline-flex; + flex: 1 1 auto; + align-items: center; + min-width: 0; + padding: 8px 12px; + z-index: 1; +} +.mdc-top-app-bar__section--align-start { + justify-content: flex-start; + order: -1; +} +.mdc-top-app-bar__section--align-end { + justify-content: flex-end; + order: 1; +} +.mdc-top-app-bar__title { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-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--short-collapsed { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 24px; + /* @noflip */ + border-bottom-left-radius: 0; +} +[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] { + /* @noflip */ + border-top-left-radius: 0; + /* @noflip */ + border-top-right-radius: 0; + /* @noflip */ + border-bottom-right-radius: 0; + /* @noflip */ + border-bottom-left-radius: 24px; +} + +.mdc-top-app-bar--short { + top: 0; + /* @noflip */ + right: auto; + /* @noflip */ + left: 0; + width: 100%; + 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] { + /* @noflip */ + right: 0; + /* @noflip */ + 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 { + transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); + opacity: 1; +} + +.mdc-top-app-bar--short-collapsed { + /* @alternate */ + 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; + transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); +} +.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 { + 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 { + 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 { + align-self: flex-start; +} + +.mdc-top-app-bar--fixed { + transition: box-shadow 200ms linear; +} + +.mdc-top-app-bar--fixed-scrolled { + /* @alternate */ + 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); + transition: 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 { + transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); + } + + .mdc-top-app-bar--short-collapsed { + 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 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-font-family, Roboto, sans-serif); +} + +.mdc-typography--headline1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 6rem; + /* @alternate */ + font-size: var(--mdc-typography-headline1-font-size, 6rem); + line-height: 6rem; + /* @alternate */ + line-height: var(--mdc-typography-headline1-line-height, 6rem); + font-weight: 300; + /* @alternate */ + font-weight: var(--mdc-typography-headline1-font-weight, 300); + letter-spacing: -0.015625em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-headline1-text-decoration, inherit); + text-decoration: var(--mdc-typography-headline1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline1-text-transform, inherit); +} + +.mdc-typography--headline2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 3.75rem; + /* @alternate */ + font-size: var(--mdc-typography-headline2-font-size, 3.75rem); + line-height: 3.75rem; + /* @alternate */ + line-height: var(--mdc-typography-headline2-line-height, 3.75rem); + font-weight: 300; + /* @alternate */ + font-weight: var(--mdc-typography-headline2-font-weight, 300); + letter-spacing: -0.0083333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline2-letter-spacing, -0.0083333333em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-headline2-text-decoration, inherit); + text-decoration: var(--mdc-typography-headline2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline2-text-transform, inherit); +} + +.mdc-typography--headline3 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 3rem; + /* @alternate */ + font-size: var(--mdc-typography-headline3-font-size, 3rem); + line-height: 3.125rem; + /* @alternate */ + line-height: var(--mdc-typography-headline3-line-height, 3.125rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline3-font-weight, 400); + letter-spacing: normal; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline3-letter-spacing, normal); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-headline3-text-decoration, inherit); + text-decoration: var(--mdc-typography-headline3-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline3-text-transform, inherit); +} + +.mdc-typography--headline4 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 2.125rem; + /* @alternate */ + font-size: var(--mdc-typography-headline4-font-size, 2.125rem); + line-height: 2.5rem; + /* @alternate */ + line-height: var(--mdc-typography-headline4-line-height, 2.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline4-font-weight, 400); + letter-spacing: 0.0073529412em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline4-letter-spacing, 0.0073529412em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-headline4-text-decoration, inherit); + text-decoration: var(--mdc-typography-headline4-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline4-text-transform, inherit); +} + +.mdc-typography--headline5 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.5rem; + /* @alternate */ + font-size: var(--mdc-typography-headline5-font-size, 1.5rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline5-line-height, 2rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-headline5-font-weight, 400); + letter-spacing: normal; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-headline5-text-decoration, inherit); + text-decoration: var(--mdc-typography-headline5-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline5-text-transform, inherit); +} + +.mdc-typography--headline6 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1.25rem; + /* @alternate */ + font-size: var(--mdc-typography-headline6-font-size, 1.25rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-headline6-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-headline6-font-weight, 500); + letter-spacing: 0.0125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-decoration: var(--mdc-typography-headline6-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-headline6-text-transform, inherit); +} + +.mdc-typography--subtitle1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle1-font-size, 1rem); + line-height: 1.75rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle1-font-weight, 400); + letter-spacing: 0.009375em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle1-text-transform, inherit); +} + +.mdc-typography--subtitle2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem); + line-height: 1.375rem; + /* @alternate */ + line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-subtitle2-font-weight, 500); + letter-spacing: 0.0071428571em; + /* @alternate */ + letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-subtitle2-text-transform, inherit); +} + +.mdc-typography--body1 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 1rem; + /* @alternate */ + font-size: var(--mdc-typography-body1-font-size, 1rem); + line-height: 1.5rem; + /* @alternate */ + line-height: var(--mdc-typography-body1-line-height, 1.5rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body1-font-weight, 400); + letter-spacing: 0.03125em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-decoration: var(--mdc-typography-body1-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body1-text-transform, inherit); +} + +.mdc-typography--body2 { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-body2-font-size, 0.875rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-body2-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-body2-font-weight, 400); + letter-spacing: 0.0178571429em; + /* @alternate */ + letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-decoration: var(--mdc-typography-body2-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-body2-text-transform, inherit); +} + +.mdc-typography--caption { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-caption-font-size, 0.75rem); + line-height: 1.25rem; + /* @alternate */ + line-height: var(--mdc-typography-caption-line-height, 1.25rem); + font-weight: 400; + /* @alternate */ + font-weight: var(--mdc-typography-caption-font-weight, 400); + letter-spacing: 0.0333333333em; + /* @alternate */ + letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em); + text-decoration: inherit; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-decoration: var(--mdc-typography-caption-text-decoration, inherit); + text-transform: inherit; + /* @alternate */ + text-transform: var(--mdc-typography-caption-text-transform, inherit); +} + +.mdc-typography--button { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.875rem; + /* @alternate */ + font-size: var(--mdc-typography-button-font-size, 0.875rem); + line-height: 2.25rem; + /* @alternate */ + line-height: var(--mdc-typography-button-line-height, 2.25rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-button-font-weight, 500); + letter-spacing: 0.0892857143em; + /* @alternate */ + letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); + text-decoration: none; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none); + text-decoration: var(--mdc-typography-button-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-button-text-transform, uppercase); +} + +.mdc-typography--overline { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: Roboto, sans-serif; + /* @alternate */ + font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); + font-size: 0.75rem; + /* @alternate */ + font-size: var(--mdc-typography-overline-font-size, 0.75rem); + line-height: 2rem; + /* @alternate */ + line-height: var(--mdc-typography-overline-line-height, 2rem); + font-weight: 500; + /* @alternate */ + font-weight: var(--mdc-typography-overline-font-weight, 500); + letter-spacing: 0.1666666667em; + /* @alternate */ + letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em); + text-decoration: none; + /* @alternate */ + -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none); + text-decoration: var(--mdc-typography-overline-text-decoration, none); + text-transform: uppercase; + /* @alternate */ + text-transform: var(--mdc-typography-overline-text-transform, uppercase); +} + +/*# sourceMappingURL=material-components-web.css.map*/ \ No newline at end of file diff --git a/fonts/Chapaza.ttf b/fonts/Chapaza.ttf new file mode 100644 index 0000000..d95813e Binary files /dev/null and b/fonts/Chapaza.ttf differ diff --git a/fonts/NorthernSoul-Script.otf b/fonts/NorthernSoul-Script.otf new file mode 100644 index 0000000..5cd9716 Binary files /dev/null and b/fonts/NorthernSoul-Script.otf differ diff --git a/fonts/icomoon-icomoon.ttf b/fonts/icomoon-icomoon.ttf new file mode 100644 index 0000000..778bca9 Binary files /dev/null and b/fonts/icomoon-icomoon.ttf differ diff --git a/fonts/icomoon-icomoon.woff b/fonts/icomoon-icomoon.woff new file mode 100644 index 0000000..23c0f79 Binary files /dev/null and b/fonts/icomoon-icomoon.woff differ diff --git a/img/album1.png b/img/album1.png new file mode 100644 index 0000000..3d9c49f Binary files /dev/null and b/img/album1.png differ diff --git a/img/album2.png b/img/album2.png new file mode 100644 index 0000000..d5d52a4 Binary files /dev/null and b/img/album2.png differ diff --git a/img/album3.png b/img/album3.png new file mode 100644 index 0000000..a24f4a3 Binary files /dev/null and b/img/album3.png differ diff --git a/img/album4.png b/img/album4.png new file mode 100644 index 0000000..543dad5 Binary files /dev/null and b/img/album4.png differ diff --git a/img/album5.png b/img/album5.png new file mode 100644 index 0000000..e5fda08 Binary files /dev/null and b/img/album5.png differ diff --git a/img/album6.png b/img/album6.png new file mode 100644 index 0000000..74ade59 Binary files /dev/null and b/img/album6.png differ diff --git a/img/bride.png b/img/bride.png new file mode 100644 index 0000000..f12e3f9 Binary files /dev/null and b/img/bride.png differ diff --git a/img/couple-1.png b/img/couple-1.png new file mode 100644 index 0000000..d5cbe54 Binary files /dev/null and b/img/couple-1.png differ diff --git a/img/groom.png b/img/groom.png new file mode 100644 index 0000000..ddc19ac Binary files /dev/null and b/img/groom.png differ diff --git a/img/images-loader.gif b/img/images-loader.gif new file mode 100644 index 0000000..317182d Binary files /dev/null and b/img/images-loader.gif differ diff --git a/img/kita.png b/img/kita.png new file mode 100644 index 0000000..b020ba0 Binary files /dev/null and b/img/kita.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..5125d49 --- /dev/null +++ b/index.html @@ -0,0 +1,611 @@ + + + +
+ + +