.calcBlock{border:2px solid var(--color-tool-border-pale);height:580px;border-radius:5px;overflow:hidden}.width50{float:left;text-align:center;padding:15px}.dailyVideo.width50{width:60%;padding-left:15px}.pinkBlock.width50{width:40%}.dailyVideo .width50{padding:19px;width:50%}.dailyVideo .averageForm{margin:30px 0 0;font-size:25px;line-height:60px;font-weight:600}.dailyVideo>.title{font-size:30px;font-weight:600;padding-bottom:5px}.dailyVideo .subtitle{font-weight:400}.dailyVideo .viewsDay{margin-top:20px;line-height:50px;font-size:14px}.dailyVideo .viewsDay span{font-size:70px;font-weight:600;color:var(--color-tool-danger-muted);padding-left:15%}.dailyVideo #resPerMonth,.dailyVideo #resPerYear{color:var(--color-tool-danger-muted);font-size:35px;line-height:35px;font-weight:600}.pinkBlock{background-color:var(--color-tool-danger-muted);color:var(--color-text-inverse)}.pinkBlock .border{border-bottom:1px dashed;padding-bottom:40px;margin:20px 0 30px}.pinkBlock .title{font-size:19px;font-weight:600}.pinkBlock .cost{font-size:35px;font-weight:600;margin-top:15px}.calcBlock>.width50{height:580px;margin:0 0 25px}.calcBlock .border.daily{margin-top:35px}input[type=range]{width:100%}datalist{display:block}datalist option{float:left;padding-left:1%;text-align:left;color:var(--color-overlay);display:table-cell;font-size:11px;line-height:4px}datalist#views option:nth-child(1){width:7%}datalist#views option:nth-child(2){width:10%}datalist#views option:nth-child(3),datalist#views option:nth-child(6){width:19%}datalist#views option:nth-child(4),datalist#views option:nth-child(5){width:20%}datalist#views option:nth-child(7){width:4%}datalist#percents option:nth-child(1){width:28%}datalist#percents option:nth-child(2){width:29%}datalist#percents option:nth-child(3){width:30%}datalist#percents option:nth-child(4){width:11.5%;text-align:right}datalist#percents option:after{content:'%';height:15px;font-size:11px}#calcBlock .irs-line{background-color:var(--color-tool-neutral-line);border-radius:10px}#calcBlock .irs-line-mid,#calcBlock .irs-line-left,#calcBlock .irs-line-right,#calcBlock .irs-bar,#calcBlock .irs-bar-edge,#calcBlock .irs-slider{background-image:unset}#calcBlock .irs-bar{background:var(--color-tool-youtube-red);background:-moz-linear-gradient(left,var(--color-tool-youtube-red) 0%,var(--color-tool-youtube-red) 79%,var(--color-tool-youtube-red) 79%,var(--color-surface) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,var(--color-tool-youtube-red)),color-stop(79%,var(--color-tool-youtube-red)),color-stop(79%,var(--color-tool-youtube-red)),color-stop(100%,var(--color-surface)));background:-webkit-linear-gradient(left,var(--color-tool-youtube-red) 0%,var(--color-tool-youtube-red) 79%,var(--color-tool-youtube-red) 79%,var(--color-surface) 100%);background:-o-linear-gradient(left,var(--color-tool-youtube-red) 0%,var(--color-tool-youtube-red) 79%,var(--color-tool-youtube-red) 79%,var(--color-surface) 100%);background:-ms-linear-gradient(left,var(--color-tool-youtube-red) 0%,var(--color-tool-youtube-red) 79%,var(--color-tool-youtube-red) 79%,var(--color-surface) 100%);background:linear-gradient(to right,var(--color-tool-youtube-red) 0%,var(--color-tool-youtube-red) 79%,var(--color-tool-youtube-red) 79%,var(--color-surface) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-tool-youtube-red)',endColorstr='var(--color-icon-inverse)',GradientType=1 )}#calcBlock .irs-bar-edge{background-color:var(--color-tool-youtube-red-alt);border-radius:10px 0 0 10px}#calcBlock .irs-slider.single{background-color:var(--color-tool-slate);border-radius:50%;width:18px;margin-left:-1px}#calcBlock .irs-single{margin-left:-1px}.noxinf{margin-bottom:20px;text-align:center;display:none;margin-top:-20px}.noxinf span{display:block;color:var(--color-tool-border-muted);font-size:14px}.noxinf a:hover{opacity:.8}a.youtubead_btn.youtube_calc_slider_btn{display:block;background-color:var(--color-tool-danger-soft);width:90%;max-width:500px;color:var(--color-text-inverse);text-align:center;padding:6px;border-radius:6px;margin:0 auto 20px;border:1px solid var(--color-icon-inverse);transition:.5s;position:relative}.noxinf a.youtubead_btn.youtube_calc_slider_btn:hover{background-color:var(--color-surface);color:var(--color-tool-danger-soft);text-decoration:none;opacity:1;border:1px solid}.koji_area{padding:15px 30px}.koji_area a{width:127px}@media screen and (max-width:1200px){.dailyVideo .viewsDay span{font-size:60px}.pinkBlock .title{font-size:17px}.pinkBlock .cost{font-size:27px;margin-top:10px}.pinkBlock .border{padding-bottom:40px;margin:20px 0 30px}.dailyVideo #resPerMonth,.dailyVideo #resPerYear{font-size:30px;line-height:32px}.pinkBlock .border{margin:35px 0 30px}.calcBlock>.width50{height:470px}.koji_area p{max-width:206px}.koji_area p.koji_price{max-width:unset}}@media screen and (max-width:1023px){.dailyVideo .viewsDay span{padding-left:0}.koji_area p.koji_price{font-size:22px}}@media(max-width:790px){.koji_area p{margin-bottom:10px}}@media screen and (max-width:670px){.calcBlock>.width50{width:100%;padding:20px 0}input{margin:0}.dailyVideo .viewsDay span{font-size:60px}.pinkBlock .title{font-size:20px}.pinkBlock .cost{font-size:40px;margin-top:15px}.pinkBlock .border{padding-bottom:30px;margin:10px 0 20px}.dailyVideo #resPerMonth,.dailyVideo #resPerYear{font-size:30px;line-height:32px}.koji_area a{max-width:100%;width:100%}}@media screen and (max-width:460px){.calcBlock{min-height:530px;height:auto}.calcBlock .dailyVideo{padding:15px 10px 0}.calcBlock .dailyVideo .averageForm,.calcBlock .dailyVideo .title{font-size:18px}#calcBlock .pinkBlock{border-top-right-radius:0!important;margin-bottom:0}.calcBlock>.width50:first-child{height:auto}.dailyVideo .viewsDay span{font-size:40px}.dailyVideo #resPerMonth,.dailyVideo #resPerYear{font-size:20px}.dailyVideo .titleResMonth{font-size:12px}.dailyVideo .width50{padding:19px 10px}.pinkBlock .cost{font-size:25px}.pinkBlock .title{font-size:18px}.pinkHead .pinkForm form,.footBlock .whiteHead .whiteForm{width:100%}.pinkHead .pinkForm input,#video input{width:79%}.pinkForm button,.whiteForm button{width:15%}}.topHead{text-align:center;font-size:40px;font-weight:600;padding:20px 0}.pinkBlock{color:var(--color-text-inverse);text-align:center;background-position:top right;background-size:cover}#calcBlock{overflow:hidden}#youtube-calc .pinkBlock .title{font-weight:500;padding-bottom:15px}.pinkBlock .pinkHead{padding:15px 25px 5px}.pinkBlock .pinkHead .h2_title,.footBlock .whiteHead .h2_title{font-weight:600;font-size:24px;text-align:center}.footBlock .whiteHead .h2_title{margin-bottom:0}.pinkBlock .pinkHead .h2_title{color:var(--color-text-inverse);margin-bottom:0;line-height:30px}.pinkForm,.footBlock .whiteForm{width:75%;margin:0 auto;padding:10px 0 0;display:inline-block}.pinkForm form,.whiteForm form{width:50%;float:right}.pinkForm input,.whiteForm input{height:28px;width:75%;padding:0;float:left;border:none;border-radius:8px;padding-left:10px;color:var(--color-text-inverse)!important;font-weight:700;margin-top:3px}#video input{background:var(--color-tool-border-pale)}.pinkForm span,.whiteForm span{float:left;padding-top:3px;font-size:14px}.pinkBlock .borderBot{height:2px;width:100%;border-top:1px dashed var(--color-icon-inverse);margin-bottom:10px}.pinkBlock>.result{display:inline-block;width:100%;position:relative;margin-bottom:-7px;padding:10px;border-top:1px solid var(--color-surface-translucent-20)}.pinkBlock>.result:before{content:'';position:absolute;top:0;width:100%;height:100%;background-color:var(--color-overlay-soft);left:0}.pinkBlock .width50{width:50%;float:left;min-height:50px;padding:20px 0;position:relative}.pinkBlock .width50 .title{font-size:15px;padding-bottom:20px}.pinkBlock .width50>div:last-of-type{font-size:36px;font-weight:600;display:inline-block;width:100%;position:relative}.pinkBlock .width50>div:last-of-type:before,.pinkBlock .width50:first-child>div:last-of-type:after,.pinkBlock .width50:nth-child(3)>div:last-of-type:after{content:'';display:block;width:30%;height:1px;background-color:var(--color-surface-translucent-20);position:absolute;top:50%}.pinkBlock .width50>div:last-of-type:before{left:85%}.pinkBlock .width50:first-child>div:last-of-type:after,.pinkBlock .width50:nth-child(3)>div:last-of-type:after{right:85%}.footBlock{border-bottom-left-radius:5px;border-bottom-right-radius:5px;text-align:center;padding:20px;border:1px solid var(--color-tool-youtube-red-deep);display:inline-block;padding-bottom:30px;width:100%}.whiteForm span{text-align:right;width:47%;padding-right:3%}.footBlock .whiteForm{width:60%;padding-top:5px}.pinkBorder{height:2px;border-top:1px dashed var(--color-tool-youtube-pink);margin-top:20px}.pinkForm button,.whiteForm button{background-color:var(--color-surface-transparent);border:none;width:7%;float:left;padding-top:5px;cursor:pointer;min-width:15%;padding:5px 0}button:hover{opacity:.85}.pinkForm button img,.whiteForm button img{width:22px;opacity:.9}.whiteForm button img{opacity:.7}.footBlock .whiteRes,.footBlock .footEarning{width:50%;float:left;display:inline-block;margin-top:25px}.footBlock .whiteRes .whiteResViews,.footBlock .footEarning .sumRes{font-size:36px;color:var(--color-tool-youtube-red-deep);padding:10px}.footBlock .whiteRes .whiteResViews{padding-top:19px}.footBlock .footEarning .title{margin-bottom:-13px}.footBlock .footEarning .title span{background-color:var(--color-surface);padding:0 5px}.footBlock .footEarning .sumRes{border:1px solid var(--color-tool-youtube-red-deep);border-radius:10px;padding-top:26px;padding-bottom:18px}#calcBlock.calcBlock{border-radius:5px 5px 0 0;border:2px solid var(--color-tool-neutral-line)}.koji_area{margin-top:0;border-radius:0 0 5px 5px;margin-bottom:15px;border:2px solid var(--color-tool-neutral-line);box-shadow:unset}.koji_area div{max-width:520px}@media screen and (min-width:1024px){.footBlock .footEarning{width:44%}}@media screen and (max-width:1260px){.pinkHead .pinkForm{width:85%!important}}@media screen and (min-width:769px) and (max-width:980px){.pinkBlock .width50{padding:20px 0}.pinkForm,.footBlock .whiteForm{width:100%}.footEarning .sumRes{width:60%}.footEarning .title{width:175px}}@media(max-width:680px){.koji_area{max-width:100%;margin:0 0 15px}#calcBlock.calcBlock{height:auto}#calcBlock .pinkBlock{margin-bottom:0}}@media screen and (min-width:461px) and (max-width:768px){.pinkBlock .width50{padding:10px 0;width:49%}.pinkForm form,.whiteForm form{width:85%}.pinkForm span,.whiteForm span{float:none}}@media screen and (max-width:460px){.pinkForm,.footBlock .whiteForm,.footBlock .whiteRes,.footBlock .footEarning,.footEarning .title{width:100%;text-align:center}#video input{width:85%}.footBlock .whiteHead h2{font-size:18px}.footBlock .footEarning .title{margin-bottom:-10px}.whiteForm button{float:right}.pinkForm span,.whiteForm span{float:none}.pinkForm form,.whiteForm form{width:100%}.pinkForm input,.whiteForm input{width:85%}.pinkBlock .width50{width:100%}.pinkBlock .width50:first-child{border-right:0}.pinkBlock .width50:nth-child(3){border-right:0 dashed;border-bottom:1px dashed}.footEarning .sumRes{width:100%}}.video-container{width:540px;height:300px;margin:0 auto}.video-container:hover{cursor:pointer}.video-container:hover .play-button{filter:none}.video-container .image-container{position:relative}.video-container .image-container img{vertical-align:middle;width:100%;height:300px;object-fit:cover}.play-button{width:68px;height:48px;position:absolute;transform:translate3d(-50%, -50%, 0);top:50%;left:50%;z-index:1;background-color:var(--color-surface-transparent);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');filter:grayscale(100%);transition:filter 0.1s cubic-bezier(0, 0, 0.2, 1);border:none}@media (max-width: 780px){.video-container{width:360px;height:220px}.teamavatar{width:143px;height:125px}}