external-tools-frontend/assets/sass/main.css

.row>*{padding-left:6px;padding-right:6px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}@media (min-width:768px){.row>*{padding-left:8px;padding-right:8px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}}@media (min-width:1024px){.row>*{padding-left:16px;padding-right:16px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}}@media (min-width:1700px){.row>*{padding-left:16px;padding-right:16px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}}.col-1{width:8.3333333333%;max-width:8.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%}.col-2{width:16.6666666667%;max-width:16.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%}.col-3{width:25%;max-width:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.col-4{width:33.3333333333%;max-width:33.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%}.col-5{width:41.6666666667%;max-width:41.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%}.col-6{width:50%;max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.col-7{width:58.3333333333%;max-width:58.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%}.col-8{width:66.6666666667%;max-width:66.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%}.col-9{width:75%;max-width:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}.col-10{width:83.3333333333%;max-width:83.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%}.col-11{width:91.6666666667%;max-width:91.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%}.col-12{width:100%;max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}@media (min-width:768px){.col-md-1{width:8.3333333333%;max-width:8.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%}.col-md-2{width:16.6666666667%;max-width:16.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%}.col-md-3{width:25%;max-width:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.col-md-4{width:33.3333333333%;max-width:33.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%}.col-md-5{width:41.6666666667%;max-width:41.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%}.col-md-6{width:50%;max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.col-md-7{width:58.3333333333%;max-width:58.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%}.col-md-8{width:66.6666666667%;max-width:66.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%}.col-md-9{width:75%;max-width:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}.col-md-10{width:83.3333333333%;max-width:83.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%}.col-md-11{width:91.6666666667%;max-width:91.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%}.col-md-12{width:100%;max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}@media (min-width:1024px){.col-lg-1{width:8.3333333333%;max-width:8.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%}.col-lg-2{width:16.6666666667%;max-width:16.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%}.col-lg-3{width:25%;max-width:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.col-lg-4{width:33.3333333333%;max-width:33.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%}.col-lg-5{width:41.6666666667%;max-width:41.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%}.col-lg-6{width:50%;max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.col-lg-7{width:58.3333333333%;max-width:58.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%}.col-lg-8{width:66.6666666667%;max-width:66.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%}.col-lg-9{width:75%;max-width:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}.col-lg-10{width:83.3333333333%;max-width:83.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%}.col-lg-11{width:91.6666666667%;max-width:91.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%}.col-lg-12{width:100%;max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}@media (min-width:1700px){.col-xl-1{width:8.3333333333%;max-width:8.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%}.col-xl-2{width:16.6666666667%;max-width:16.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%}.col-xl-3{width:25%;max-width:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.col-xl-4{width:33.3333333333%;max-width:33.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%}.col-xl-5{width:41.6666666667%;max-width:41.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%}.col-xl-6{width:50%;max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.col-xl-7{width:58.3333333333%;max-width:58.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%}.col-xl-8{width:66.6666666667%;max-width:66.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%}.col-xl-9{width:75%;max-width:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}.col-xl-10{width:83.3333333333%;max-width:83.3333333333%;-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%}.col-xl-11{width:91.6666666667%;max-width:91.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%}.col-xl-12{width:100%;max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-6px;margin-right:-6px}@media (min-width:768px){.row{margin-left:-8px;margin-right:-8px}}@media (min-width:1024px){.row{margin-left:-16px;margin-right:-16px}}@media (min-width:1700px){.row{margin-left:-16px;margin-right:-16px}}*{-webkit-box-sizing:border-box;box-sizing:border-box}main{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;background:0;font-size:100%;font-family:inherit;vertical-align:baseline}h1,h2,h3,h4,h5,h6{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{line-height:1.15;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none;background-color:transparent}svg{fill:currentColor}ol,ul{list-style:none}img{border-style:none;max-width:100%}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[hidden]{display:none}html{color:#000;margin:0 0 40px;font:400 13px/1.4 'Open Sans',arial,sans-serif}body{padding-top:60px}*{-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}.button:hover,button:hover{opacity:.8}button,input,label{cursor:pointer}b,strong{font-weight:600}h1{text-align:center;font-size:32px;font-weight:600;margin-top:40px}h3,h4{display:block;width:100%;margin:40px 0 10px;font-size:16px;font-weight:600}.align-right{text-align:right}.wrapper{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:100%;padding-left:24px;padding-right:24px}@media (min-width:768px){.wrapper{padding-left:32px;padding-right:32px}}@media (min-width:1024px){.wrapper{padding-left:48px;padding-right:48px}}@media (min-width:1700px){.wrapper{padding-left:48px;padding-right:48px}}.button{padding:6px 16px;background:#349000;color:#ffefbf;font-size:14px;font-weight:700;line-height:1.2;text-shadow:0 1px 1px #000;cursor:pointer;border-radius:40px;border:0}.button--danger{background:#860602;color:#fff}[data-titan-thumb]{display:inline-block;width:32px;height:32px;background:#000;border-radius:50%;vertical-align:middle;margin:1px;border:1px solid #666;background-size:cover}[data-titan-thumb].thumb--large{width:46px;height:46px;margin:2px}[data-titan-thumb="4000"]{background-image:url(../img/Titans/4000.png)}[data-titan-thumb="4001"]{background-image:url(../img/Titans/4001.png)}[data-titan-thumb="4002"]{background-image:url(../img/Titans/4002.png)}[data-titan-thumb="4003"]{background-image:url(../img/Titans/4003.png)}[data-titan-thumb="4010"]{background-image:url(../img/Titans/4010.png)}[data-titan-thumb="4011"]{background-image:url(../img/Titans/4011.png)}[data-titan-thumb="4012"]{background-image:url(../img/Titans/4012.png)}[data-titan-thumb="4013"]{background-image:url(../img/Titans/4013.png)}[data-titan-thumb="4020"]{background-image:url(../img/Titans/4020.png)}[data-titan-thumb="4021"]{background-image:url(../img/Titans/4021.png)}[data-titan-thumb="4022"]{background-image:url(../img/Titans/4022.png)}[data-titan-thumb="4023"]{background-image:url(../img/Titans/4023.png)}.war h1 date{display:block;font-size:16px;color:#666}.war .row{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.war .team{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#666;line-height:1.2;padding:2px 8px;margin:0 -8px}.war .team.is--hover{outline:2px solid gold}.war .team__details{margin-left:8px}.war .team__location{display:block;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:11px;color:#0079b3;margin-bottom:2px}.war .best-team{font-weight:600;color:#000}.war img{max-width:32px;background:#000;border-radius:50%;vertical-align:middle;margin:1px;border:1px solid #666;display:none}.war input[type=checkbox]{margin:0 6px 0 0;vertical-align:middle}@media (min-width:1700px){.war img{display:inline-block}}.hamburger{position:fixed;background:#fff;top:60px;bottom:0;left:0;padding:20px;overflow:auto;border-right:1px solid #e1e1e1;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 250ms;transition:-webkit-transform 250ms;transition:transform 250ms;transition:transform 250ms,-webkit-transform 250ms}.hamburger.is-active{-webkit-transform:translateX(0);transform:translateX(0)}.hamburger h3{margin-top:0}.hamburger li{margin-bottom:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hamburger .button{margin-right:8px}header{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e1e1e1;position:fixed;top:0;left:0;width:100%;background:#fff;z-index:1000}header .form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .form h3{margin:0;width:auto;margin-right:10px}header .form textarea{resize:none;overflow:hidden;width:112px;height:28px;line-height:1.4;padding:4px;outline:0}header .form .button{margin:0 5px}header .form .button:last-child{margin-right:0}header [type=file]{display:none}.calculator{display:block}.calculator table{margin:80px auto}.calculator thead{font-weight:600;color:#261cd1}.calculator td{border:0;padding:15px 20px;width:calc(100% / 6)}.calculator tbody tr:nth-child(odd) td{background:#fafafc}.calculator input{border:0;font:inherit;font-weight:600;background:0 0;outline:0;cursor:text;color:#261cd1}.loadingbar{position:fixed;top:0;left:0;width:0;height:8px;background:#3a86ff}.toe__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toe__filters span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;display:block;padding:3px 16px;line-height:20px;margin:0 5px;-webkit-box-shadow:0 0 0 1px #eee;box-shadow:0 0 0 1px #eee;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toe__filters span:hover{-webkit-box-shadow:0 0 0 1px #333;box-shadow:0 0 0 1px #333}.toe__filters input{display:none}.toe__filters input:checked+span{-webkit-box-shadow:0 0 0 2px #3a86ff;box-shadow:0 0 0 2px #3a86ff}.toe .titans{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:200px}.toe .titans__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:20px 0 60px}.toe .titans__shortcut{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:15px}.toe .titans__shortcut button{width:46px;height:46px;line-height:46px;border-radius:50%;margin:2px;font-size:16px;font-weight:300;text-align:center;color:#fff;border:1px solid rgba(0,0,0,.2)}.toe .titans__waterteam{background:#359ae8}.toe .titans__fireteam{background:#f54a48}.toe .titans__earthteam{background:#4ebf41}.toe .titans__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin-top:20px}.toe .titans__clear{padding:8px 32px;border-radius:16px;background:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.2)}.toe .titans li{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;width:25%;max-width:25%}.toe .titans .thumb--large{opacity:.5;max-width:46px;margin:2px}.toe .titans input{display:none}.toe .titans input:checked+.thumb--large{opacity:1}.toe table{width:700px;margin:0 auto}.toe table tfoot td{font-weight:700;padding:40px 0 20px}.toe table thead{font-weight:600;color:#261cd1}.toe table thead th{padding-bottom:20px;font-weight:600}.toe table td{padding:5px 10px;text-align:center;vertical-align:middle;border:solid #fff;border-width:2px 0}.toe table .missed td:first-child{border-left:8px solid #ffadad}.toe img{max-width:32px;background:#000;border-radius:50%;vertical-align:middle;margin:1px;border:1px solid #666}@media print{@page{margin:0}body{padding:0}[type=checkbox],header{display:none}.war .team__details{margin-left:0;color:#000;font-weight:400}.war .team.is--hover{outline:0}}