<commit_before>/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}a{background-color:transparent}a:active,a:hover{outline:0}strong{font-weight:700}h1{font-size:2em;margin:.67em 0}img{border:0}button,input{color:inherit;font:inherit;margin:0}button{overflow:visible;text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}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}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}ul{list-style-type:none}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}.valign-wrapper{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center}ul{padding:0}ul li{list-style-type:none}.btn,.btn-floating,.btn-large,.card-panel,.dropdown-content,.toast,.z-depth-1{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.btn-floating:hover,.btn-large:hover,.btn:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}.modal{box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)}i{line-height:inherit}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax{top:0;left:0;right:0;z-index:-1}.parallax,.parallax img{position:absolute;bottom:0}.parallax img{display:none;left:50%;min-width:100%;min-height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.collection{margin:.5rem 0 1rem;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}.collection .collection-item:last-child{border-bottom:none}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:#42a5f5}.collection a.collection-item:not(.active):hover{background-color:#ddd}input[type=range],input[type=range]+.thumb{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width:601px){.container{width:85%}}@media only screen and (min-width:993px){.container{width:70%}}.section{padding-top:1rem;padding-bottom:1rem}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;box-sizing:border-box;padding:0 .75rem}.row .col.s2{width:16.66667%;margin-left:0}.row .col.s3{width:25%;margin-left:0}.row .col.s4{width:33.33333%;margin-left:0}.row .col.s8{width:66.66667%;margin-left:0}.row .col.s12{width:100%;margin-left:0}nav .input-field{margin:0}nav .input-field input{height:100%;font-size:1.2rem;border:none;padding-left:2rem}nav .input-field input:focus,nav .input-field input[type=date]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=text]:valid,nav .input-field input[type=url]:valid{border:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:hsla(0,0%,100%,.7);-webkit-transition:color .3s;transition:color .3s}nav .input-field label.active i{color:#fff}nav .input-field label.active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}a{text-decoration:none}html{line-height:1.5;font-family:Roboto,sans-serif;font-weight:400;color:rgba(0,0,0,.87)}@media only screen and (min-width:0){html{font-size:14px}}@media only screen and (min-width:992px){html{font-size:14.5px}}@media only screen and (min-width:1200px){html{font-size:15px}}h1,h2,h5,h6{font-weight:400;line-height:1.1}h1{font-size:4.2rem;margin:2.1rem 0 1.68rem}h1,h2{line-height:110%}h2{font-size:3.56rem;margin:1.78rem 0 1.424rem}h5{font-size:1.64rem;margin:.82rem 0 .656rem}h5,h6{line-height:110%}h6{font-size:1rem;margin:.5rem 0 .4rem}strong{font-weight:500}.card-panel{-webkit-transition:box-shadow .25s;transition:box-shadow .25s;padding:20px;margin:.5rem 0 1rem;border-radius:2px;background-color:#fff}#toast-container{display:block;position:fixed;z-index:6}@media only screen and (max-width:600px){#toast-container{min-width:100%;bottom:0}}@media only screen and (min-width:601px) and (max-width:992px){#toast-container{min-width:30%;left:5%;bottom:7%}}@media only screen and (min-width:993px){#toast-container{min-width:8%;top:10%;right:7%}}.toast{border-radius:2px;top:0;width:auto;clear:both;margin-top:10px;position:relative;max-width:100%;height:48px;line-height:48px;background-color:#323232;padding:0 25px;font-size:1.1rem;font-weight:300;color:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center;-webkit-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.toast .btn,.toast .btn-flat,.toast .btn-large{margin:0;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width:600px){.toast{width:100%;border-radius:0}}@media only screen and (min-width:601px) and (max-width:992px){.toast{float:left}}@media only screen and (min-width:993px){.toast{float:right}}.tabs{position:relative;height:48px;background-color:#fff;margin:0 auto;width:100%;white-space:nowrap}.tabs .tab{display:block;float:left;text-align:center;line-height:48px;height:48px;padding:0 20px;margin:0;text-transform:uppercase;letter-spacing:.8px;width:15%}.tabs .tab a{color:#ee6e73;display:block;width:100%;height:100%;-webkit-transition:color .28s ease;transition:color .28s ease}.tabs .tab a:hover{color:#f9c9cb}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#f6b2b5;will-change:left,right}.tabs .tab{padding:0}.btn,.btn-large{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;outline:0;padding:0 2rem;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.btn-floating:disabled,.btn-large:disabled,.btn:disabled{background-color:#dfdfdf!important;box-shadow:none;color:#9f9f9f!important;cursor:default}.btn-floating:disabled *,.btn-large:disabled *{pointer-events:none}.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn:disabled:hover{background-color:#dfdfdf;color:#9f9f9f}.btn-floating i,.btn-large i{font-size:1.3rem;line-height:inherit}.btn,.btn-large{text-decoration:none;color:#fff;background-color:#42a5f5;text-align:center;letter-spacing:.5px;-webkit-transition:.2s ease-out;transition:.2s ease-out;cursor:pointer}.btn-large:hover,.btn:hover{background-color:#5ab1f6}.btn-floating{position:relative;overflow:hidden;z-index:1;width:37px;height:37px;padding:0;background-color:#42a5f5;border-radius:50%;-webkit-transition:.3s;transition:.3s;cursor:pointer;vertical-align:middle}.btn-floating,.btn-floating i{display:inline-block;color:#fff;line-height:37px}.btn-floating i{width:inherit;text-align:center;font-size:1.6rem}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:55.5px;height:55.5px}.btn-floating.btn-large i{line-height:55.5px}.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:4}.btn-large{height:54px;line-height:56px}.btn-large i{font-size:1.6rem}.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;max-height:650px;overflow-y:auto;opacity:0;position:absolute;z-index:5;will-change:width,height}.dropdown-content li{clear:both;color:rgba(0,0,0,.87);cursor:pointer;line-height:1.5rem;width:100%;text-align:left;text-transform:none}.dropdown-content li:hover{background-color:#eee}.dropdown-content li>a{font-size:1.2rem;color:#42a5f5;display:block;padding:1rem}

html {
    height:100%;
}
body {
    margin: 0 auto;
    font-family: Roboto, -apple-system-font, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color:#f2f2f2;
}
.desk{display: none;}
@media screen and (min-width: 700px){
    .index, .calc, .featured{display: none;}
    .desk{display: block;}
}
.container{
    margin-top: 8em;
}
.container .content{
    padding-top: 1em;
}
    
/* Nav */
.nav-extended{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    background-color: #263238; 
}
.nav-extended .nav-wrapper .brand-logo{
    padding-top: .1em;
    font-size: 1.5rem;
}
.calc .nav-extended .nav-wrapper .brand-logo,
.featured .nav-extended .nav-wrapper .brand-logo{
    font-size: 1.3rem;
}
.nav-extended .nav-wrapper .button-collapse{
    margin: 0;
}
.nav-extended .nav-wrapper .button-collapse .material-icons{
    padding-left: .5em;
}
.nav-extended .nav-wrapper .dropdown .material-icons{
    margin-right: -.5em;
}
.nav-extended .nav-wrapper .dropdown #sub-menu{
    margin-right: 2em;
    padding-right: .2em;
    background-color: #f2f2f2;
}
.calc .nav-extended .nav-wrapper .material-icons,
.featured .nav-extended .nav-wrapper .material-icons{
    margin-left: .4em;
}
.calc .nav-extended .nav-wrapper .brand-logo{
    margin-left: -3em;
}
.featured .nav-extended .nav-wrapper .brand-logo{
    margin-left: -5em;
}
.side-nav{
    background-color: #40545E;    
}
.side-nav .logo{
    margin: 0;
    padding: 1em;
    height: 3em;
    font-size: 2rem;
    color: #ffffff;
    background-color: #263238;
}
.side-nav li a{
    color: #f2f2f2;
    font-size: 1.5rem;
}
.side-nav li.subtitle{
    padding: .3em;
    font-size: 1.2rem;
    color: #263238;
}
@media only screen and (max-width: 320px){
    .featured .nav-extended .nav-wrapper .brand-logo{
        margin-left: -4em;
    }
    .calc .nav-extended .nav-wrapper .brand-logo{
        margin-left: -1em
    }
}

/* Index
-----------------------------------------------------*/
#index{
    margin: 0 -.4em;
}
#index form{
    margin-bottom: 1em;
}
#index .wrapper__result ul{
    margin: .5em 1.4em;
    padding: 1em;
    text-align: center;
    color: #696969;
    background-color: #ffffff;
    clear: both;
}
#index .wrapper__result ul li{
    margin-left: -.4em;
    display: inline-block;
}
#index .wrapper__result ul li + li{
    margin-left: 5em;
}
@media screen and (min-width: 700px){
    .nav-extended .nav-wrapper .brand-logo{
        margin-left: .5em;
    }
    .nav-extended{
        position: relative;
    }
    #index,
    #default_size{
        margin: 0 -3em;
    }
}

/* label color */
.input-field label {
    color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #000;
}

#default_size{
    margin-top: -1em;
}
#error{
    margin-top: 2em;
    font-size: 1.5rem;
    text-align: center;
}
.result{
    margin-top: 1em;
    font-weight: 600;
    text-align: center;
    color: #263238;
}
.result li{
    padding: 0 4em;
    display: inline-block;
}
.result li + li{
    border-left: 1px solid #263238; 
}

@media only screen and (max-width: 320px){
    .result li{
        padding: 0 3em;
    }
    .result li + li{
        border-left: 1px solid #263238;    
    }
}

/* Calculation
-----------------------------------------------------*/
.calc .container .content{
    margin: -4em -.4em;
}
.calc .container .content section ul{
    padding: 0 .5em;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
}
.calc .container .content section ul li{
    margin-bottom: 1em;
}
.calc .container .content section span{
    padding: .2em .3em;
    font-weight: 600;
    color: #fff;
    background-color: #9f9f9f;
    border-radius: 3px;
}

/* Featured
-----------------------------------------------------*/<commit_msg>Update and Create Desktop Styles<commit_after>/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}a{background-color:transparent}a:active,a:hover{outline:0}strong{font-weight:700}h1{font-size:2em;margin:.67em 0}img{border:0}button,input{color:inherit;font:inherit;margin:0}button{overflow:visible;text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}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}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}ul{list-style-type:none}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}.valign-wrapper{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center}ul{padding:0}ul li{list-style-type:none}.btn,.btn-floating,.btn-large,.card-panel,.dropdown-content,.toast,.z-depth-1{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.btn-floating:hover,.btn-large:hover,.btn:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}.modal{box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)}i{line-height:inherit}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax{top:0;left:0;right:0;z-index:-1}.parallax,.parallax img{position:absolute;bottom:0}.parallax img{display:none;left:50%;min-width:100%;min-height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.collection{margin:.5rem 0 1rem;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}.collection .collection-item:last-child{border-bottom:none}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:#42a5f5}.collection a.collection-item:not(.active):hover{background-color:#ddd}input[type=range],input[type=range]+.thumb{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width:601px){.container{width:85%}}@media only screen and (min-width:993px){.container{width:70%}}.section{padding-top:1rem;padding-bottom:1rem}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;box-sizing:border-box;padding:0 .75rem}.row .col.s2{width:16.66667%;margin-left:0}.row .col.s3{width:25%;margin-left:0}.row .col.s4{width:33.33333%;margin-left:0}.row .col.s8{width:66.66667%;margin-left:0}.row .col.s12{width:100%;margin-left:0}nav .input-field{margin:0}nav .input-field input{height:100%;font-size:1.2rem;border:none;padding-left:2rem}nav .input-field input:focus,nav .input-field input[type=date]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=text]:valid,nav .input-field input[type=url]:valid{border:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:hsla(0,0%,100%,.7);-webkit-transition:color .3s;transition:color .3s}nav .input-field label.active i{color:#fff}nav .input-field label.active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}a{text-decoration:none}html{line-height:1.5;font-family:Roboto,sans-serif;font-weight:400;color:rgba(0,0,0,.87)}@media only screen and (min-width:0){html{font-size:14px}}@media only screen and (min-width:992px){html{font-size:14.5px}}@media only screen and (min-width:1200px){html{font-size:15px}}h1,h2,h5,h6{font-weight:400;line-height:1.1}h1{font-size:4.2rem;margin:2.1rem 0 1.68rem}h1,h2{line-height:110%}h2{font-size:3.56rem;margin:1.78rem 0 1.424rem}h5{font-size:1.64rem;margin:.82rem 0 .656rem}h5,h6{line-height:110%}h6{font-size:1rem;margin:.5rem 0 .4rem}strong{font-weight:500}.card-panel{-webkit-transition:box-shadow .25s;transition:box-shadow .25s;padding:20px;margin:.5rem 0 1rem;border-radius:2px;background-color:#fff}#toast-container{display:block;position:fixed;z-index:6}@media only screen and (max-width:600px){#toast-container{min-width:100%;bottom:0}}@media only screen and (min-width:601px) and (max-width:992px){#toast-container{min-width:30%;left:5%;bottom:7%}}@media only screen and (min-width:993px){#toast-container{min-width:8%;top:10%;right:7%}}.toast{border-radius:2px;top:0;width:auto;clear:both;margin-top:10px;position:relative;max-width:100%;height:48px;line-height:48px;background-color:#323232;padding:0 25px;font-size:1.1rem;font-weight:300;color:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center;-webkit-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.toast .btn,.toast .btn-flat,.toast .btn-large{margin:0;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width:600px){.toast{width:100%;border-radius:0}}@media only screen and (min-width:601px) and (max-width:992px){.toast{float:left}}@media only screen and (min-width:993px){.toast{float:right}}.tabs{position:relative;height:48px;background-color:#fff;margin:0 auto;width:100%;white-space:nowrap}.tabs .tab{display:block;float:left;text-align:center;line-height:48px;height:48px;padding:0 20px;margin:0;text-transform:uppercase;letter-spacing:.8px;width:15%}.tabs .tab a{color:#ee6e73;display:block;width:100%;height:100%;-webkit-transition:color .28s ease;transition:color .28s ease}.tabs .tab a:hover{color:#f9c9cb}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#f6b2b5;will-change:left,right}.tabs .tab{padding:0}.btn,.btn-large{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;outline:0;padding:0 2rem;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.btn-floating:disabled,.btn-large:disabled,.btn:disabled{background-color:#dfdfdf!important;box-shadow:none;color:#9f9f9f!important;cursor:default}.btn-floating:disabled *,.btn-large:disabled *{pointer-events:none}.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn:disabled:hover{background-color:#dfdfdf;color:#9f9f9f}.btn-floating i,.btn-large i{font-size:1.3rem;line-height:inherit}.btn,.btn-large{text-decoration:none;color:#fff;background-color:#42a5f5;text-align:center;letter-spacing:.5px;-webkit-transition:.2s ease-out;transition:.2s ease-out;cursor:pointer}.btn-large:hover,.btn:hover{background-color:#5ab1f6}.btn-floating{position:relative;overflow:hidden;z-index:1;width:37px;height:37px;padding:0;background-color:#42a5f5;border-radius:50%;-webkit-transition:.3s;transition:.3s;cursor:pointer;vertical-align:middle}.btn-floating,.btn-floating i{display:inline-block;color:#fff;line-height:37px}.btn-floating i{width:inherit;text-align:center;font-size:1.6rem}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:55.5px;height:55.5px}.btn-floating.btn-large i{line-height:55.5px}.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:4}.btn-large{height:54px;line-height:56px}.btn-large i{font-size:1.6rem}.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;max-height:650px;overflow-y:auto;opacity:0;position:absolute;z-index:5;will-change:width,height}.dropdown-content li{clear:both;color:rgba(0,0,0,.87);cursor:pointer;line-height:1.5rem;width:100%;text-align:left;text-transform:none}.dropdown-content li:hover{background-color:#eee}.dropdown-content li>a{font-size:1.2rem;color:#42a5f5;display:block;padding:1rem}

html {
    height:100%;
}
body {
    margin: 0 auto;
    font-family: Roboto, -apple-system-font, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color:#f2f2f2;
}
.desk{display: none;}
.container{
    margin-top: 8em;
}
.container .content{
    padding-top: 1em;
}  
/* Nav */
.nav-extended{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    background-color: #263238; 
}
.nav-extended .nav-wrapper .brand-logo{
    font-size: 1.5rem;
}
.nav-extended .nav-wrapper .button-collapse{
    margin: 0;
}
.nav-extended .nav-wrapper .button-collapse .material-icons{
    padding-left: .5em;
}
.nav-extended .nav-wrapper .dropdown .material-icons{
    margin-right: -.5em;
}
.nav-extended .nav-wrapper .dropdown #sub-menu{
    margin-right: 2em;
    padding-right: .2em;
    background-color: #f2f2f2;
}
.calc .nav-extended .nav-wrapper .material-icons,
.featured .nav-extended .nav-wrapper .material-icons{
    margin-left: .4em;
}
.side-nav{
    width: 18em;
    background-color: #40545E;    
}
.side-nav .logo{
    margin: 0;
    padding: 1em;
    height: 3em;
    font-size: 2rem;
    color: #ffffff;
    background-color: #263238;
}
.side-nav li a{
    font-size: 1.5rem;
    color: #f2f2f2;
}
.side-nav li.subtitle{
    padding: .3em;
    font-size: 1.2rem;
    color: #263238;
}
/* @media only screen and (max-width: 320px){
    .featured .nav-extended .nav-wrapper .brand-logo{
        margin-left: -4em;
    }
    .calc .nav-extended .nav-wrapper .brand-logo{
        margin-left: -1em
    }
} */

/* Index
-----------------------------------------------------*/
#index{
    margin: 0 -.4em;
}
#index form{
    margin-bottom: 1em;
}
#index .wrapper__result ul{
    margin: .5em 1.4em;
    padding: 1em;
    text-align: center;
    color: #696969;
    background-color: #ffffff;
    clear: both;
}
#index .wrapper__result ul li{
    margin-left: -.4em;
    display: inline-block;
}
#index .wrapper__result ul li + li{
    margin-left: 5em;
}
#index #convertButton{
    height: 3em;
}
/* @media screen and (min-width: 700px){
    .nav-extended .nav-wrapper .brand-logo{
        margin-left: .5em;
    }
    .nav-extended{
        position: relative;
    }
    #index,
    #default_size{
        margin: 0 -3em;
    }
} */

/* label color */
.input-field label {
    color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #000;
}

#default_size{
    margin-top: -1em;
}
#error{
    margin-top: 2em;
    font-size: 1.5rem;
    text-align: center;
}
.result{
    margin-top: 1em;
    font-weight: 600;
    text-align: center;
    color: #263238;
}
.result li{
    padding: 0 4em;
    display: inline-block;
}
.result li + li{
    border-left: 1px solid #263238; 
}
@media only screen and (max-width: 320px){
    .result li{
        padding: 0 3em;
    }
    .result li + li{
        border-left: 1px solid #263238;    
    }
}
/* Calculation
-----------------------------------------------------*/
.calc .container .content{
    margin: -4em -.4em;
}
.calc .container .content section ul{
    padding: 0 .5em;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
}
.calc .container .content section ul li{
    margin-bottom: 1em;
}
.calc .container .content section span{
    padding: .2em .3em;
    font-weight: 600;
    color: #fff;
    background-color: #9f9f9f;
    border-radius: 3px;
}
/* Featured
-----------------------------------------------------*/

/* Desktop
-----------------------------------------------------*/
@media only screen and (min-width: 700px){
    .index, .calc, .featured{display: none;}
    .desk{display: block;}
    body{
        background-color: #F1F1F1;
        color: #263238;
    }
    .desk{
        margin-top: -2em;
    }
    .desk header{
        padding-top: 5.5em;
        height: 45vh;
        text-align: center;
        color: #ffffff;
        background-color: #263238;
    }
    .desk header p{
        font-size: 1.6rem;
    }
    .desk .container{
        margin: 0 auto 3em auto;
    }
    .desk .container .content{
        margin: auto;
        width: 60%;
        height: 100%;
        text-align: center;
    }
    .desk .thumbnail-col{
        margin-top: 2em;
        padding-top: 2em;
        border-top: 1px solid #d3d3d3;
    }
    .desk .thumbnail-col .thumbnail{
        background-color: gray;
    }
    .desk .thumbnail-col .thumbnail .thumbnail-text{
        text-align: center;
    }
    .desk footer{
        padding: 1em 0;
        border-top: 1px solid #d3d3d3;
    }
}
{'fraction_non_alphanumeric': 0.18982663364450372, 'fraction_numerical': 0.055210516288816916, 'mean_word_length': 4.875531676740541, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4510330', 'n_tokens_mistral': 10557, 'n_tokens_neox': 9604, 'n_words': 1185}