.accordion_button{cursor:pointer}.accordion_button,.accordion_button .text{display:inline-block}.accordion_button .chevron{display:inline-block;position:absolute;right:10px;top:28px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .1s ease-in-out}.accordion{overflow-x:hidden;overflow-y:hidden;transition:all .2s ease-in-out}.accordion .accordion{overflow:hidden}.accordion .accordion_button{background-color:transparent;cursor:pointer;font-family:Garamond;line-height:30px;outline:none;padding:10px 21px;position:relative;text-align:left;width:125px}.accordion .accordion_button .text{display:inline-block}.accordion .accordion_button .chevron{display:inline-block;position:absolute;right:10px;top:28px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .1s ease-in-out}.footer{background-color:hsla(0,0%,100%,0);border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;display:inline-block;margin-bottom:-15px;margin-top:15px;max-width:calc(100% - 30px);padding:15px;text-align:center;width:680px;z-index:1}.footer .credit a{color:#002b36;font-weight:600;text-underline-offset:3px}.footer .credit hr{border:none;height:2px;margin:20px auto;width:200px}@font-face{font-family:Garamond;src:url(/static/media/Garamond%20Premier%20Pro%20Regular.711e49fbc9b19f0c845c.ttf) format("truetype")}.footer .credit hr,body{background-color:#002b36}body{font-family:Garamond;margin:0;overflow:hidden;overflow-anchor:none}body .App{height:100vh;max-height:-webkit-fill-available;overflow-x:hidden;overflow-y:hidden;position:absolute;text-align:center;width:100vw}body .App .video_background{bottom:0;height:100%;left:50%;opacity:.4;overflow-x:hidden;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:-1}body .App #menu.large{display:none}body .App .navigation_container{display:inline-block;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;width:250px}body .App .navigation_container .navigation{background-color:hsla(0,0%,100%,.8);border:none;height:calc(100vh - 30px);max-height:-webkit-fill-available;padding:15px 0;position:relative;-webkit-transform:translate(0);transform:translate(0);vertical-align:top;width:250px}body .App .navigation_container .navigation .x{display:none;font-size:50px;position:absolute;right:0;top:0}body .App .navigation_container .navigation .header{font-size:24px;font-weight:600;margin:15px 0 30px}body .App .navigation_container .navigation .item{border-bottom:2px solid #002b36;cursor:pointer;justify-content:space-between;padding:15px;text-align:left}body .App .navigation_container .navigation .item:nth-child(3){border-top:2px solid #002b36}body .App .navigation_container .navigation .item .text{display:inline-block;font-size:20px;vertical-align:middle}body .App .navigation_container .navigation .item .arrow{display:inline-block;float:right;font-size:24px;vertical-align:middle}body .App .navigation_container .navigation .item:hover{background-color:rgba(0,43,54,.6)}body .App .navigation_container .navigation .item.active{background-color:#002b36;color:#d0b986}@media (max-width:990px){body .App .navigation_container{background-color:transparent;position:fixed;text-align:left;-webkit-transform:translate(calc(-100% - 1px));transform:translate(calc(-100% - 1px));width:100vw;z-index:4}body .App .navigation_container .navigation{background-color:#fff;text-align:center;width:300px}body .App .navigation_container .navigation .x{display:block}body .App .navigation_container .navigation .header{margin:30px 0}}body .App .body{display:inline-block;height:calc(100vh - 30px);max-height:-webkit-fill-available;overflow-y:auto;padding:15px;scroll-behavior:smooth;vertical-align:top;width:calc(100% - 280px)}body .App .body.large{display:block;width:calc(100% - 30px)}body .App .body .heading{z-index:1}body .App .body .heading .burger{display:none}body .App .body .heading .logo_box{margin:auto;max-width:100%;position:relative;width:650px}body .App .body .heading .logo_box .logo{display:block;margin:auto;width:100%}body .App .body .heading .logo_box .logo .sub{bottom:0;color:#d0b986;font-size:30px;font-weight:600;margin:auto;padding-right:57px;position:absolute;right:20px;text-align:right;width:100%}@media (max-width:990px){body .App .body .heading .burger{color:#fff;display:inline-block;font-size:50px;font-weight:800;margin-bottom:-16px;margin-right:15px;vertical-align:middle}body .App .body .heading .logo_box{display:inline-block;vertical-align:middle;width:calc(100% - 65px)}}body .App .body .optimised{background-color:hsla(0,0%,100%,.8);border-radius:5px;display:inline-block;margin-top:15px;max-width:calc(100% - 30px);padding:15px;text-align:center;width:680px}body .App .body .optimised .title{font-family:Garamond;font-size:26px;margin-bottom:20px;text-align:center}body .App .body .optimised .sub-title{margin:0 auto 20px;width:300px}body .App .body .optimised .preresult{font-size:18px}body .App .body .optimised .result{font-size:24px;margin-bottom:20px}body .App .body .optimised .result .compare{margin-top:50px;text-align:center}body .App .body .optimised .result .compare .text{display:block;font-size:20px;margin-right:10px}body .App .body .optimised .result .compare .buttons{text-align:center}body .App .body .optimised .result .compare .buttons .compare_button{border:1px solid #002b36;border-radius:4px;cursor:pointer;display:inline-block;font-size:18px;margin:5px;padding:5px 10px}body .App .body .optimised .result .compare .buttons .compare_button.active{background-color:#002b36;color:#d0b986}body .App .body .optimised .result .compare select{background-color:#002b36;border:none;color:#d0b986;font-family:Garamond;font-size:20px;outline:none;padding:5px 10px}body .App .body .optimised .result .stats{font-size:20px;margin-top:20px;text-align:left}body .App .body .optimised .result .stats .column{display:inline-block;vertical-align:top;width:50%}body .App .body .optimised .result .stats .column .stat{font-size:16px}body .App .body .optimised .result .stats .column .stat .label{display:inline-block;margin-right:10px;vertical-align:middle;width:114px}body .App .body .optimised .result .stats .column .stat .value{background-color:#002b36;border-radius:4px;color:#d0b986;display:inline-block;font-weight:600;height:23px;line-height:23px;margin:5px 0;padding:5px 10px;vertical-align:middle}body .App .body .optimised .result .stats .column .stat .comparison{display:inline-block;font-weight:600;margin-left:10px;vertical-align:middle}body .App .body .optimised .table_container{overflow-x:auto;width:100%}body .App .body .optimised .table_container table{width:100%}body .App .body .optimised .levels .level{margin-bottom:10px}body .App .body .optimised .levels .level .title{display:inline-block;font-size:18px;text-align:left;vertical-align:baseline;vertical-align:initial;width:90px}body .App .body .optimised .levels .level .level_value{background-color:#002b36;border:1px solid #002b36;border-radius:2px;color:#d0b986;display:inline-block;font-weight:600;height:30px;line-height:30px;margin:3px 10px 0;outline:none;text-align:center;vertical-align:middle;width:30px}body .App .body .optimised .levels .level input::-webkit-inner-spin-button,body .App .body .optimised .levels .level input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body .App .body .optimised .levels .level input[type=number]{-moz-appearance:textfield}body .App .body .optimised .levels .level .slider_container{display:inline-block;vertical-align:top;width:calc(100% - 204px)}body .App .body .optimised .levels .level .slider_container .slider{-webkit-appearance:none;appearance:none;background:#d3d3d3;border-radius:6px;height:12px;margin:5px 0;outline:none;overflow:hidden;width:100%}body .App .body .optimised .levels .level .slider_container .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#002b36;border-radius:50%;box-shadow:-2005px 0 0 2000px #d0b986;cursor:pointer;height:12px;width:12px}body .App .body .optimised .levels .level .slider_container .slider::-moz-range-thumb{background:#d0b986;cursor:pointer;height:25px;width:25px}body .App .body .optimised .levels .level .slider_container .slider::-webkit-slider-runnable-track{background:#fff}body .App .body .optimised .levels .level .slider_container .slider::-moz-range-progress,body .App .body .optimised .levels .level .slider_container .slider::-ms-fill-lower{background:#d0b986}@media (max-width:500px){body .App .body .levels .level{text-align:left}body .App .body .levels .level .title{display:block!important;margin:20px 0 0!important;text-align:left!important}body .App .body .levels .level .level_value{margin-left:0!important}body .App .body .levels .level .slider_container{width:calc(100% - 111px)!important}}@media (max-width:750px){body .App .body .optimised .result .stats .column{display:block!important;width:100%!important}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body .App .body .weapons{background-color:hsla(0,0%,100%,.8);border-radius:10px;display:inline-block;margin-top:15px;max-width:calc(100% - 30px);padding:15px;position:relative;text-align:center;width:680px}body .App .body .weapons .add_weapon_button{background-color:#002b36;border:none;border-radius:4px;color:#d0b986;cursor:pointer;font-family:Garamond;font-size:20px;margin:20px auto 0;padding:10px 20px;width:250px}body .App .body .weapons.large{width:1130px}body .App .body .weapons #input.large,body .App .body .weapons #result.large{display:inline-block;vertical-align:top}body .App .body .weapons #input.large{margin-right:80px;margin-top:20px;position:-webkit-sticky;position:sticky;top:0}body .App .body .weapons .fullscreen{font-size:20px;position:absolute;right:10px;top:10px}body .App .body .weapons .loader{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.2);border-radius:10px;height:calc(100% - 30px);margin:-15px;max-width:calc(100% - 30px);padding:15px;position:absolute;width:100%;z-index:10}body .App .body .weapons .loader .spinner{-webkit-animation:spin .6s linear infinite;animation:spin .6s linear infinite;border:5px solid;border-color:#000 #000 transparent;border-radius:50%;height:50px;left:calc(50% - 30px);position:absolute;top:calc(50% - 30px);width:50px}body .App .body .weapons .title{font-family:Garamond;font-size:26px;margin-bottom:20px;text-align:center}body .App .body .weapons .sub-title{margin:0 auto 20px;width:300px}body .App .body .weapons .optimal_weapon{margin-top:30px}body .App .body .weapons .optimal_weapon button{background-color:#002b36;border:none;border-radius:4px;color:#d0b986;cursor:pointer;font-family:Garamond;font-size:20px;padding:10px 20px;width:100%}body .App .body .weapons .or{color:#002b36;font-size:20px;margin-bottom:10px;margin-top:30px}body .App .body .weapons .or .arrow{font-size:26px;vertical-align:middle}body .App .body .weapons .weapon_input{text-align:left}body .App .body .weapons .weapon_input .x{cursor:pointer;font-size:40px;margin-bottom:-30px;text-align:right}body .App .body .weapons .weapon_input .weapon_details{color:#002b36;display:inline-block;margin-top:20px;max-width:100%;padding-right:15px;text-align:left;vertical-align:bottom}body .App .body .weapons .weapon_input .weapon_details .search_icon{border:3px solid #002b36;border-radius:50%;border-bottom-right-radius:0;color:#002b36;cursor:pointer;display:inline-block;font-size:20px;font-weight:900;height:17px;padding:10px;vertical-align:bottom;width:17px}body .App .body .weapons .weapon_input .weapon_details .label{font-size:16px;margin-bottom:5px}body .App .body .weapons .weapon_input .weapon_details .datalist,body .App .body .weapons .weapon_input .weapon_details .select{background-color:transparent;border:none;border-bottom:3px solid #002b36;color:#002b36;cursor:pointer;font-family:Garamond;font-size:18px;outline:none;padding:5px 0;width:300px}body .App .body .weapons .weapon_input .weapon_details .datalist{margin-bottom:0;max-width:calc(100% - 43px);vertical-align:bottom}body .App .body .weapons .weapon_input .weapon_details .select{text-indent:0;width:100px}body .App .body .weapons .weapon_input .weapon_details #input_weapon{width:calc(100% - 103px)}body .App .body .weapons .weapon_input .weapon_details input::-webkit-calendar-picker-indicator{opacity:1}body .App .body .weapons .levels .level{margin-bottom:10px}body .App .body .weapons .levels .level .title{display:inline-block;font-size:18px;text-align:left;vertical-align:baseline;vertical-align:initial;width:90px}body .App .body .weapons .levels .level .level_value{background-color:#002b36;border:1px solid #002b36;border-radius:2px;color:#d0b986;display:inline-block;font-weight:600;height:30px;line-height:30px;margin:3px 10px 0;outline:none;text-align:center;vertical-align:middle;width:30px}body .App .body .weapons .levels .level input::-webkit-inner-spin-button,body .App .body .weapons .levels .level input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body .App .body .weapons .levels .level input[type=number]{-moz-appearance:textfield}body .App .body .weapons .levels .level .slider_container{display:inline-block;vertical-align:top;width:calc(100% - 211px)}body .App .body .weapons .levels .level .slider_container .slider{-webkit-appearance:none;appearance:none;background:#d3d3d3;border-radius:6px;height:12px;margin:5px 0;outline:none;overflow:hidden;width:100%}body .App .body .weapons .levels .level .slider_container .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#002b36;border-radius:50%;box-shadow:-2005px 0 0 2000px #d0b986;cursor:pointer;height:12px;width:12px}body .App .body .weapons .levels .level .slider_container .slider::-moz-range-thumb{background:#d0b986;cursor:pointer;height:25px;width:25px}body .App .body .weapons .levels .level .slider_container .slider::-webkit-slider-runnable-track{background:#fff}body .App .body .weapons .levels .level .slider_container .slider::-moz-range-progress,body .App .body .weapons .levels .level .slider_container .slider::-ms-fill-lower{background:#d0b986}body .App .body hr{background-color:#002b36;border:none;height:2px;margin:50px auto 60px;width:50%}body .App .body .weapon_stats{margin-top:30px}body .App .body .weapon_stats .header{font-size:24px;margin-top:23px;text-align:left}body .App .body .weapon_stats .weapon_type{color:#002b36cc;font-size:14px;font-weight:600;margin-bottom:7px;text-align:left}body .App .body .weapon_stats .checkbox{cursor:pointer;text-align:left;width:142px}body .App .body .weapon_stats .checkbox .box{background-color:#fff;border:2px solid #002b36;border-radius:3px;display:inline-block;height:23px;vertical-align:middle;width:23px}body .App .body .weapon_stats .checkbox .box .tick{color:#d0b986;font-size:20px;font-weight:600;line-height:32px;padding-left:1px}body .App .body .weapon_stats .checkbox .label{display:inline-block;font-size:18px;padding-left:10px;vertical-align:middle}body .App .body .weapon_stats .requirements{margin-top:30px;overflow:auto;width:100%}body .App .body .weapon_stats .requirements table{border-collapse:collapse;font-weight:600;margin:auto;width:100%}body .App .body .weapon_stats .requirements table thead tr td{background-color:#d0b986;color:#002b36;padding:5px}body .App .body .weapon_stats .requirements table thead tr td:first-child{background-color:transparent}body .App .body .weapon_stats .requirements table tbody tr td{background-color:transparent;color:#002b36;padding:5px}body .App .body .weapon_stats .requirements table tbody tr td:first-child{background-color:#d0b986;color:#002b36;font-size:18px;text-align:left}body .App .body .weapon_stats .column{display:inline-block;vertical-align:top;width:50%}body .App .body .weapon_stats .column .damage{margin-top:20px}body .App .body .weapon_stats .column .damage table{border-collapse:collapse;margin:auto}body .App .body .weapon_stats .column .damage table tbody tr td{font-size:20px;padding:5px;text-align:left}body .App .body .weapon_stats .column .damage table tbody tr td .dmg{background-color:#d0b986;border:1px solid #d0b986;border-radius:2px;color:#002b36;font-weight:600;height:30px;line-height:30px;outline-color:#002b36;text-align:center;width:30px}body .App .body .weapon_stats .column .damage table tbody tr td .ar{background-color:#002b36;border:1px solid #002b36;border-radius:2px;color:#d0b986;font-size:24px;font-weight:600;line-height:37px;outline-color:#d0b986;padding:0 5px 3px;text-align:center;text-decoration:underline;-webkit-text-decoration-style:double;text-decoration-style:double;text-underline-offset:3px}body .App .body .weapon_stats .column .damage table tbody tr td:first-child{border-right:2px solid #002b36;padding:5px 20px 5px 5px}body .App .body .weapon_stats .column .damage table tbody tr td:nth-child(2){padding:5px 5px 5px 20px}body .App .body .weapon_stats .column .damage table tbody tr td:nth-child(3){border-right:2px solid #002b36;padding:5px 20px 5px 5px}body .App .body .weapon_stats .column .damage table tbody tr td:nth-child(4){padding:5px 5px 5px 20px}@media (max-width:730px){body .App .body .weapon_stats .column{width:100%}}body .App .body .bottom{display:none;margin:20px auto auto;max-width:calc(100% - 50px);width:500px}body .App .body .bottom .text{color:#fff;font-size:18px}body .App .body .bottom .text .button{color:#d0b986;cursor:pointer;display:inline-block;font-weight:600}@media (max-width:990px){body .App .body .bottom{display:block}}body .App .body .weapons .optimal{text-align:left}body .App .body .weapons .optimal .back{cursor:pointer;font-weight:600}body .App .body .weapons .optimal .back .arrow{display:inline-block;font-size:26px;vertical-align:middle}body .App .body .weapons .optimal .back .text{display:inline-block;font-size:18px;vertical-align:text-bottom}body .App .body .weapons .optimal .header{font-family:Garamond;font-size:26px;margin-bottom:20px;text-align:center}body .App .body .weapons .optimal .filters{margin-bottom:60px;margin-top:30px}body .App .body .weapons .optimal .filters .title{font-size:22px;margin-bottom:0;text-align:left}body .App .body .weapons .optimal .filters .filter{display:inline-block;margin-right:10px;margin-top:20px;vertical-align:middle}body .App .body .weapons .optimal .filters .filter .label{font-size:16px}body .App .body .weapons .optimal .filters .filter select{background-color:transparent;border:none;border-bottom:3px solid #002b36;color:#002b36;cursor:pointer;font-family:Garamond;font-size:18px;outline:none;padding:5px 0}body .App .body .weapons .optimal .results .noresult{font-size:20px;font-weight:600;text-align:center}body .App .body .weapons .optimal .results .loadmore{background-color:#002b36;border-radius:4px;color:#d0b986;cursor:pointer;font-size:18px;font-weight:600;margin:20px auto 0;padding:10px 20px;text-align:center;width:100px}body .App .body .weapons .optimal .results hr{background-color:#002b36;border:none;height:2px;margin:50px auto 60px;width:50%}body .App .body .weapons .optimal .results .optimal_weapon_item .overview{display:inline-block;vertical-align:top;width:100%}body .App .body .weapons .optimal .results .optimal_weapon_item .overview .name{color:#002b36;font-size:24px;font-weight:600}body .App .body .weapons .optimal .results .optimal_weapon_item .overview .weapon_type{color:#002b36cc;font-size:14px;font-weight:600;margin-top:7px}body .App .body .weapons .optimal .results .optimal_weapon_item .overview .attack_rating{color:#002b36;font-size:22px;font-weight:600}body .App .body .weapons .optimal .results .optimal_weapon_item .overview .attack_rating .value{background-color:#002b36;border:1px solid #002b36;border-radius:2px;color:#d0b986;display:inline-block;font-size:24px;font-weight:600;line-height:37px;margin-left:15px;outline-color:#d0b986;padding:0 5px 3px;text-align:center;text-decoration:underline;-webkit-text-decoration-style:double;text-decoration-style:double;text-underline-offset:3px;vertical-align:middle}body .App .body .weapons .optimal .results .optimal_weapon_item .overview .requirements{margin-top:20px;overflow:auto;width:100%}body .App .body .weapons .optimal .results .optimal_weapon_item .overview .requirements table{border-collapse:collapse;font-weight:600;margin:auto;width:100%}body .App .body .weapons .optimal .results .optimal_weapon_item .overview .requirements table thead tr td{background-color:#d0b986;color:#002b36;padding:5px}body .App .body .weapons .optimal .results .optimal_weapon_item .overview .requirements table thead tr td:first-child{background-color:transparent}body .App .body .weapons .optimal .results .optimal_weapon_item .overview .requirements table tbody tr td{background-color:transparent;color:#002b36;padding:5px;text-align:center}body .App .body .weapons .optimal .results .optimal_weapon_item .overview .requirements table tbody tr td:first-child{background-color:#d0b986;color:#002b36;font-size:18px;text-align:left}body .App .body .weapons .optimal .results .optimal_weapon_item .column{display:inline-block;text-align:center;vertical-align:top;width:50%}body .App .body .weapons .optimal .results .optimal_weapon_item .column .damage{display:inline-block;text-align:left;vertical-align:top}body .App .body .weapons .optimal .results .optimal_weapon_item .column .damage table{border-collapse:collapse;margin:auto}body .App .body .weapons .optimal .results .optimal_weapon_item .column .damage table tbody tr td{font-size:20px;padding:5px;text-align:left}body .App .body .weapons .optimal .results .optimal_weapon_item .column .damage table tbody tr td .dmg{background-color:#d0b986;border:1px solid #d0b986;border-radius:2px;color:#002b36;font-weight:600;height:30px;line-height:30px;outline-color:#002b36;text-align:center;width:30px}body .App .body .weapons .optimal .results .optimal_weapon_item .column .damage table tbody tr td .ar{background-color:#002b36;border:1px solid #002b36;border-radius:2px;color:#d0b986;font-size:24px;font-weight:600;line-height:37px;outline-color:#d0b986;padding:0 5px 3px;text-align:center;text-decoration:underline;-webkit-text-decoration-style:double;text-decoration-style:double;text-underline-offset:3px}body .App .body .weapons .optimal .results .optimal_weapon_item .column .damage table tbody tr td:first-child{border-right:2px solid #002b36;padding:5px 20px 5px 5px}body .App .body .weapons .optimal .results .optimal_weapon_item .column .damage table tbody tr td:nth-child(2){padding:5px 5px 5px 20px}body .App .body .weapons .optimal .results .optimal_weapon_item .column .damage table tbody tr td:nth-child(3){border-right:2px solid #002b36;padding:5px 20px 5px 5px}body .App .body .weapons .optimal .results .optimal_weapon_item .column .damage table tbody tr td:nth-child(4){padding:5px 5px 5px 20px}@media (max-width:730px){body .App .body .weapons .optimal .results .optimal_weapon_item .column,body .App .body .weapons .optimal .results .optimal_weapon_item .overview{width:100%}}body .App .body .runes_container{z-index:3}body .App .body .runes_container .runes{background-color:hsla(0,0%,100%,.8);border-radius:5px;display:inline-block;margin-top:15px;max-width:calc(100% - 30px);padding:15px;text-align:center;width:680px}body .App .body .runes_container .runes .title{font-family:Garamond;font-size:26px;margin-bottom:20px;text-align:center}body .App .body .runes_container .runes .input_box{display:inline-block;position:relative;vertical-align:middle;width:300px}body .App .body .runes_container .runes .input_box .input{display:inline-block;text-align:center;width:50%}body .App .body .runes_container .runes .input_box .input .input_title{font-family:Garamond;font-size:18px;margin-bottom:10px}body .App .body .runes_container .runes .input_box .input input{border:none;border-bottom:5px solid #d0b986;border-radius:5px;font-family:Garamond;font-size:20px;font-weight:700;outline:none;padding:15px;text-align:center;width:50px}body .App .body .runes_container .runes .input_box .input input::-webkit-inner-spin-button,body .App .body .runes_container .runes .input_box .input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body .App .body .runes_container .runes .input_box .input input[type=number]{-moz-appearance:textfield}body .App .body .runes_container .runes .input_box .arrow{font-size:30px;font-weight:900;left:50%;position:absolute;top:35%;-webkit-transform:translate(-50%);transform:translate(-50%)}body .App .body .runes_container .runes .required{display:inline-block;margin-bottom:44px;margin-left:30px;position:relative;vertical-align:middle}body .App .body .runes_container .runes .required .equals{font-size:30px;font-weight:900;left:-15px;position:absolute;top:60%;-webkit-transform:translate(-50%);transform:translate(-50%)}body .App .body .runes_container .runes .required .title{font-size:18px;margin-bottom:15px;text-align:center}body .App .body .runes_container .runes .required .value{font-size:40px;margin-bottom:-10px;text-align:center}body .App .body .runes_container .consumables{background-color:hsla(0,0%,100%,.8);border-radius:5px;display:inline-block;margin-top:15px;max-width:calc(100% - 30px);padding:15px;text-align:center;width:680px}body .App .body .runes_container .consumables .title{font-family:Garamond;font-size:26px;margin-bottom:20px;text-align:center}body .App .body .runes_container .consumables .subtitle{font-family:Garamond;font-size:22px;margin-bottom:20px;text-align:center;text-decoration:underline;text-underline-offset:4px}body .App .body .runes_container .consumables .consumable{margin-bottom:10px}body .App .body .runes_container .consumables .consumable .name{display:inline-block;font-size:20px;padding-right:20px;text-align:right;vertical-align:middle;width:200px}body .App .body .runes_container .consumables .consumable .number_input{display:inline-block;vertical-align:middle}body .App .body .runes_container .consumables .consumable .number_input .minus{background-color:#d0b986;border-bottom:5px solid #d0b986;border-bottom-left-radius:5px;border-top-left-radius:5px;cursor:pointer;display:inline-block;font-size:30px;font-weight:600;height:30px;line-height:25px;margin-right:-1px;vertical-align:middle;width:30px}body .App .body .runes_container .consumables .consumable .number_input input{border:none;border-bottom:5px solid #d0b986;display:inline-block;font-size:20px;height:28px;outline:none;text-align:center;vertical-align:middle;width:100px}body .App .body .runes_container .consumables .consumable .number_input input::-webkit-inner-spin-button,body .App .body .runes_container .consumables .consumable .number_input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body .App .body .runes_container .consumables .consumable .number_input input[type=number]{-moz-appearance:textfield}body .App .body .runes_container .consumables .consumable .number_input .plus{background-color:#d0b986;border-bottom:5px solid #d0b986;border-bottom-right-radius:5px;border-top-right-radius:5px;cursor:pointer;display:inline-block;font-size:24px;font-weight:900;height:30px;line-height:30px;margin-left:-1px;vertical-align:middle;width:30px}body .App .body .runes_container .consumables .result{font-size:40px}body .App .body .runes_container .credit{bottom:10px;color:#fff;font-family:sans-serif;position:absolute;right:10px}body .App .body .runes_container .credit a{color:#d0b986;text-underline-offset:4px}@media (max-width:990px){body .App .body{width:calc(100% - 30px)}}@media (max-width:920px){body .App .body .runes_container .runes .input-box{display:block}body .App .body .runes_container .runes .required{margin-left:0!important;margin-top:15px;width:100%}body .App .body .runes_container .runes .required .equals{display:none}}@media (max-width:460px){body .App .body .runes_container .consumables .consumable .name{display:block;margin:10px auto 5px;padding-right:0;text-align:center}}
/*# sourceMappingURL=main.39524fed.css.map*/