/* Reference geometry: inline-cssom */ @keyframes moveFromLeft { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes moveFromRight { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0px); } } @keyframes moveFromBottom { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes moveFromTop { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes moveFromTopRight { 0% { opacity: 0; transform: translate(100%, -100%); } 100% { opacity: 1; transform: translate(0px, 0px); } } @keyframes moveFromTopLeft { 0% { opacity: 0; transform: translate(-100%, -100%); } 100% { opacity: 1; transform: translate(0px, 0px); } } @keyframes jumpToTop { 0% { transform: translateY(0px); } 50% { transform: translateY(-30%); } 100% { transform: translateY(0px); } } @keyframes floatUpAndDown { 0% { transform: translateY(0px); } 25% { transform: translateY(30%); } 75% { transform: translateY(-30%); } 100% { transform: translateY(0px); } } @keyframes fadeOut { 0% { opacity: 0.8; height: 100%; } 100% { opacity: 0.1; height: 0px; } } @keyframes fadeIn { 0% { opacity: 0.1; height: 0px; } 100% { opacity: 1; height: 100%; } } @keyframes fadeFromBlack { 0% { filter: brightness(0%); } 100% { filter: brightness(100%); } } @keyframes rainDropEffect { 50% { transform: scale(1.5, 1.5); opacity: 0; } 99% { transform: scale(0.001, 0.001); opacity: 0; } 100% { transform: scale(0.001, 0.001); opacity: 1; } } :where(.gg-calculator){color: rgb(33, 38, 46); font-family: Ubuntu, Helvetica, sans-serif; text-shadow: rgba(0, 0, 0, 0.004) 1px 1px 1px; text-rendering: optimizelegibility !important; -webkit-font-smoothing: antialiased !important;} :where(.gg-calculator){margin: 0px;} :where(.gg-calculator) header{background-color: rgb(20, 13, 40); height: 95px; position: relative;} :where(.gg-calculator) main{min-height: 50vh; position: relative; margin-top: -1px; padding-top: 1px;} :where(.gg-calculator) main::after{content: ""; display: table; clear: both;} :where(.gg-calculator) footer{background-color: rgb(34, 23, 67); position: relative;} :where(.gg-calculator) a{cursor: pointer; text-decoration: none;} :where(.gg-calculator) .hidden{display: none !important;} :where(.gg-calculator) .disabled{opacity: 0.1; position: relative;} :where(.gg-calculator) .disabled::after{content: ""; display: block; width: 100%; height: 100%; z-index: 1; position: absolute; inset: 0px;} :where(.gg-calculator) .app-tooltip .tooltip{position: fixed; z-index: 99; width: auto; height: auto; display: none; opacity: 0; transition: opacity 0.3s; padding: 15px 20px; overflow: hidden; background: rgb(247, 248, 250); border: 1px solid rgb(138, 114, 252); border-radius: 3px; font-style: normal; text-align: left; font-family: Ubuntu !important; font-size: 12px !important; line-height: 12px !important; font-weight: 600 !important; color: rgb(33, 38, 46) !important;} :where(.gg-calculator) .app-popup.open{display: block; height: 100%; opacity: 1; overflow-x: auto;} :where(.gg-calculator) .app-popup.open .app-popup-overlay{transform: scale(1);} :where(.gg-calculator) .app-breadcrumbs a.disabled{color: rgb(152, 152, 152);} :where(.gg-calculator) [class*="app-booble-"]{border-radius: 50%; overflow: hidden; background: linear-gradient(270deg, rgb(250, 149, 92) 0%, rgb(253, 77, 77) 100%); box-shadow: rgba(252, 119, 86, 0.5) 5px 15px 25px; min-width: 15px; min-height: 15px; display: inline-block; position: absolute; z-index: 2; animation-name: floatUpAndDown; animation-delay: 1s; animation-duration: 25s; animation-iteration-count: infinite;} :where(.gg-calculator) .app-button .active{display: none;} :where(.gg-calculator) .app-button.disabled, :where(.gg-calculator) a.disabled{opacity: 0.7; cursor: not-allowed;} :where(.gg-calculator) .item.active .app-button .active, :where(.gg-calculator) .app-button.active .active{display: inline-block;} :where(.gg-calculator) .item.active .app-button .inactive, :where(.gg-calculator) .app-button.active .inactive{display: none;} :where(.gg-calculator) .app-carousel .app-carousel-control.prev{left: -9%; background: url("/assets/gg-calculator/img/ui/blank.svg") center center / auto no-repeat;} :where(.gg-calculator) .app-carousel .app-carousel-control.next{right: -9%; background: url("/assets/gg-calculator/img/ui/blank.svg") center center / auto no-repeat;} :where(.gg-calculator) .app-slider-control.prev{background: url("/assets/gg-calculator/img/ui/blank.svg") center center no-repeat;} :where(.gg-calculator) .app-slider-control.next{background: url("/assets/gg-calculator/img/ui/blank.svg") center center no-repeat;} :where(.gg-calculator) .app-slider-controls.app-order-controls .control .icon{height: 65px;} :where(.gg-calculator) .app-slider-controls .control{text-align: center; font-size: 18px; color: rgb(255, 255, 255); outline: none; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; cursor: pointer; padding: 0px 10px; position: relative; z-index: 2;} :where(.gg-calculator) .app-slider-controls .control.active::before{content: ""; position: absolute; display: block; inset: 0px; background: linear-gradient(270deg, rgb(112, 65, 246) 0%, rgb(144, 126, 253) 100%); opacity: 0.3; filter: blur(50px); border-radius: 50%;} :where(.gg-calculator) .app-slider-controls .control.active .name{color: rgb(144, 126, 253);} :where(.gg-calculator) .app-slider-controls .control .name span{vertical-align: middle; display: table-cell; width: 100%;} :where(.gg-calculator) .app-slider-controls .control .name{display: table; text-align: center; height: 55px; width: 100%;} :where(.gg-calculator) .app-slider-controls .control .icon{display: block; text-align: center; height: 75px; width: 100%;} :where(.gg-calculator) .app-slider-controls .control .icon img{height: auto; width: auto; max-height: 100%;} :where(.gg-calculator) .app-slider .app-slide.active .app-slide-content{animation: 1s ease-out 0s 1 normal none running moveFromTopRight;} :where(.gg-calculator) .app-dropdown .icon{position: relative; display: block !important;} :where(.gg-calculator) .app-dropdown .icon .counter{position: absolute; top: -8px; right: -8px; line-height: 20px; border-radius: 999px; background-image: linear-gradient(270deg, rgb(117, 228, 114) 0%, rgb(84, 207, 119) 100%); color: rgb(255, 255, 255); border: 3px solid rgb(20, 13, 40); width: 20px; height: 20px; display: block; font-weight: 700; font-size: 12px;} :where(.gg-calculator) .app-dropdown .app-dropdown-list .item ~ .empty{display: none; visibility: hidden; opacity: 0;} :where(.gg-calculator) .app-dropdown.open .app-dropdown-list{display: block;} :where(.gg-calculator) .app-dropdown.onhover-open:hover .app-dropdown-list .item, :where(.gg-calculator) .app-dropdown.open .app-dropdown-list .item{animation: 0.25s ease-in-out 0s 1 normal none running fadeIn;} :where(.gg-calculator) .app-dropdown .app-dropdown-list .item{display: block; text-align: center; padding: 15px 0px; border-bottom: 1px solid rgb(33, 44, 60);} :where(.gg-calculator) .app-dropdown .app-dropdown-list .item:last-child{border-color: transparent;} :where(.gg-calculator) .app-dropdown .app-dropdown-list .item:hover, :where(.gg-calculator) .app-dropdown-list .item.active{color: rgb(255, 255, 255); box-shadow: rgb(111, 114, 250) 0px 1px 1px 0px inset;} :where(.gg-calculator) .app-dropdown.app-dropdown-cart .app-dropdown-list .item:hover{box-shadow: none; background-color: rgb(34, 23, 67);} :where(.gg-calculator) .app-dropdown.app-dropdown-cart .app-dropdown-list .item:hover::before{display: none;} :where(.gg-calculator) .app-dropdown.app-dropdown-cart .app-dropdown-list .item{text-align: left; padding: 20px; background: rgb(20, 13, 40);} :where(.gg-calculator) .app-dropdown.app-dropdown-cart .app-dropdown-list .item::after{content: ""; display: table; clear: both;} :where(.gg-calculator) .app-dropdown.app-dropdown-cart .app-dropdown-list .image{display: block; border-radius: 3px; background-position: center center; background-size: cover; background-repeat: no-repeat; min-width: 35px; max-width: 35px; height: 35px; overflow: hidden;} :where(.gg-calculator) .app-dropdown.app-dropdown-cart .app-dropdown-list .name{font-weight: 400; font-size: 13px; line-height: 15px; color: rgb(255, 255, 255);} :where(.gg-calculator) .app-dropdown.app-dropdown-cart .app-dropdown-list .price{font-weight: 700; font-size: 15px; line-height: 17px; color: rgb(117, 228, 114); padding-top: 5px;} :where(.gg-calculator) .app-dropdown.app-dropdown-cart .app-dropdown-list .buttons .remove{background: url("/assets/gg-calculator/img/ui/blank.svg") center center / contain no-repeat transparent; width: 10px; height: 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; outline: none; cursor: pointer;} :where(.gg-calculator) nav{background-color: rgb(34, 23, 67); position: relative;} :where(.gg-calculator) nav > *{background-color: inherit;} :where(.gg-calculator) .app-main-menu.app-main-menu-cascade .app-submenu .app-submenu-group-name.active::before{bottom: 0px; top: auto; height: 1px; animation: 0.2s ease-in-out 0s 1 normal none running moveFromLeft;} :where(.gg-calculator) .app-main-menu.app-main-menu-cascade .app-submenu .app-submenu-group .app-submenu-group-name.active ~ .app-submenu-group-links{opacity: 1; visibility: visible;} :where(.gg-calculator) .app-main-menu .item{color: rgb(255, 255, 255); text-decoration: none; text-transform: uppercase; font-size: 15px; letter-spacing: 0.03em; display: block; margin: 0px 20px; position: relative; background-color: inherit;} :where(.gg-calculator) .app-main-menu .item a{color: inherit; text-decoration: inherit; text-transform: inherit; padding: 25px 0px; display: inline-block;} :where(.gg-calculator) .app-main-menu .item:hover::before, :where(.gg-calculator) .app-main-menu .item.active::before{content: ""; display: block; background: linear-gradient(270deg, rgb(112, 65, 246) 0%, rgb(144, 126, 253) 100%); box-shadow: rgba(111, 114, 250, 0.8) 0px 5px 15px; height: 2px; position: absolute; left: 0px; right: 0px; top: 0px; z-index: 1; animation: 0.2s ease-in-out 0s 1 normal none running moveFromRight;} :where(.gg-calculator) .app-main-menu .item.active{font-weight: 700; color: rgb(144, 126, 253); background-clip: text;} :where(.gg-calculator) .app-main-menu .item.with-submenu a::after{content: "▾"; font-size: 13px; margin-left: 3px;} :where(.gg-calculator) .app-main-menu .item:hover + .app-submenu{display: block; animation: 0.3s ease-in-out 0s 1 normal none running moveFromLeft;} :where(.gg-calculator) .app-main-menu .app-submenu a.active::before{content: ""; display: block; background: linear-gradient(270deg, rgb(112, 65, 246) 0%, rgb(144, 126, 253) 100%); box-shadow: rgba(111, 114, 250, 0.8) 0px 5px 15px; height: 2px; position: absolute; left: 0px; right: 0px; top: 0px; z-index: 1; transition: 0.2s; animation: 0.2s ease-in-out 0s 1 normal none running moveFromRight;} :where(.gg-calculator) .app-main-menu .app-submenu a.active{font-weight: 700; color: rgb(144, 126, 253);} :where(.gg-calculator) .app-social-buttons .link{color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; text-decoration: none; display: inline-block; height: 30px; line-height: 30px;} :where(.gg-calculator) .app-social-buttons .link .icon{position: absolute; left: 10px; top: 15px; width: 20px;} :where(.gg-calculator) .app-social-buttons .link .icon img{max-width: 100%;} :where(.gg-calculator) .app-social-buttons .link{background-color: rgb(30, 42, 58); width: auto; text-align: center; padding: 10px 20px 10px 40px; transition: letter-spacing 0.5s; position: relative; border-right: 1px solid rgb(20, 28, 39); font-size: 15px; font-weight: 400; margin-right: -4px;} :where(.gg-calculator) .app-social-buttons .link:last-child{border-color: transparent; margin-right: 0px !important;} :where(.gg-calculator) .app-social-buttons .link:hover span{background-image: linear-gradient(to right, rgb(144, 126, 253), rgb(112, 65, 246)); color: transparent; background-clip: text;} :where(.gg-calculator) .app-auth-buttons > .item{text-align: center; font-size: 13px; font-weight: 500; text-decoration: none; height: 100%; position: relative; display: table-cell; vertical-align: middle; padding: 0px 15px; border-right: 1px solid rgb(34, 23, 67);} :where(.gg-calculator) .app-auth-buttons > .item:first-child{border-left: 1px solid rgb(34, 23, 67);} :where(.gg-calculator) .app-auth-buttons > .item:hover, :where(.gg-calculator) .app-auth-buttons > .item.open, :where(.gg-calculator) .app-auth-buttons > .item.active{cursor: pointer; box-shadow: rgb(111, 114, 250) 0px 1px 1px inset;} :where(.gg-calculator) .app-auth-buttons > .item:hover::before, :where(.gg-calculator) .app-auth-buttons > .item.active::before, :where(.gg-calculator) .app-auth-buttons > .item.open::before{content: ""; display: block; background: linear-gradient(270deg, rgb(112, 65, 246) 0%, rgb(144, 126, 253) 100%); box-shadow: rgba(111, 114, 250, 0.8) 0px 5px 15px; height: 2px; position: absolute; left: 0px; right: 0px; top: 0px; z-index: 1; animation: 0.2s ease-in-out 0s 1 normal none running moveFromTop;} :where(.gg-calculator) .app-auth-buttons .item .app-user-balance{font-size: 21px; font-weight: 400; line-height: 26px;} :where(.gg-calculator) .app-auth-buttons .item .app-user-profile{font-size: 15px; font-weight: 500;} :where(.gg-calculator) .app-auth-buttons .item .icon, :where(.gg-calculator) .app-auth-buttons .item .avatar{display: inline; margin-right: 5px;} :where(.gg-calculator) .app-auth-buttons .item .avatar{width: 40px; height: 40px; border-radius: 50%; vertical-align: middle;} :where(.gg-calculator) .app-auth-buttons .item .icon{vertical-align: top;} :where(.gg-calculator) .app-footer .app-main-menu .item{text-transform: none; margin: 0px 0px 10px; font-weight: 100; font-size: 14px; line-height: 16px; padding-top: 5px; display: inline-block;} :where(.gg-calculator) .app-footer .app-main-menu .item a{padding: 12px 0px;} :where(.gg-calculator) .app-widgets .item{display: block; width: auto; max-width: 230px; padding: 5px; border-radius: 2px; overflow: hidden; text-align: center; box-sizing: border-box;} :where(.gg-calculator) .app-widgets .item img{height: 100%; width: auto; max-width: 100%; display: block; border-radius: inherit;} :where(.gg-calculator) .app-widgets .item > *{max-height: 100%;} :where(.gg-calculator) .app-footer .app-social-buttons .link{display: block; box-sizing: border-box; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-align: left; padding: 0px 10px 0px 30px; line-height: 15px; margin-top: 5px;} :where(.gg-calculator) .app-footer .app-social-buttons .link.social{display: block; float: left; padding-left: 0px; padding-right: 12px; margin-right: 0px; margin-top: 8px;} :where(.gg-calculator) .app-footer .app-social-buttons .link.social img{max-width: none !important;} :where(.gg-calculator) .app-footer .app-social-buttons .link.social .icon{position: static;} :where(.gg-calculator) .app-footer .app-social-buttons .link .icon{left: 0px; top: 0px; width: 18px; height: 18px; text-align: center; border-radius: 50%;} :where(.gg-calculator) .app-footer .app-social-buttons .link .icon img{width: auto; height: auto; max-width: 100%;} :where(.gg-calculator) .app-footer .app-social-buttons .link:hover .icon{animation: 0.3s ease 0s 1 normal none running jumpToTop;} :where(.gg-calculator) .app-footer .app-social-buttons .link.social:hover{animation: 0.3s ease 0s 1 normal none running jumpToTop;} :where(.gg-calculator) .app-footer .app-social-buttons .link:hover{text-shadow: rgba(111, 114, 250, 0.8) 0px 0px 15px;} :where(.gg-calculator) .app-footer-paysystems .list{margin: 0px; display: table; width: 100%; border-spacing: 5px;} :where(.gg-calculator) .app-footer-paysystems .item{margin: 0px; display: table-cell; background-color: rgb(255, 255, 255); border-radius: 3px; text-align: center; padding: 10px 5px; width: 10%; vertical-align: middle;} :where(.gg-calculator) .app-footer-paysystems .item img, :where(.gg-calculator) .app-footer-paysystems .item a{vertical-align: middle; max-width: 100%;} :where(.gg-calculator) .app-why-us .item{min-width: 20%; margin: 15px; background-color: rgb(20, 13, 40); color: rgb(255, 255, 255); padding: 30px 30px 95px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center;} :where(.gg-calculator) .app-why-us .item .title{font-size: 19px; margin-bottom: 15px; font-weight: 700;} :where(.gg-calculator) .app-why-us .item .text{font-size: 15px; font-weight: 400; line-height: 21px; padding-right: 25%;} :where(.gg-calculator) .app-why-us .item .image{position: absolute; right: -5%; top: -5%;} :where(.gg-calculator) .app-why-us .item .app-button{display: inline-block; padding-left: 15px; padding-right: 15px; min-width: 160px; margin-top: 10px; font-size: 16px; position: absolute; bottom: 30px; left: 30px;} :where(.gg-calculator) .app-how-we-work .item{margin: 15px; background-color: rgb(255, 255, 255); color: rgb(33, 38, 46); min-width: 20%; box-sizing: border-box; padding: 75px 30px 25px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 3px;} :where(.gg-calculator) .app-how-we-work .item .title{font-size: 19px; margin-bottom: 10px; font-weight: 700;} :where(.gg-calculator) .app-how-we-work .item .text{font-size: 15px; font-weight: 400; line-height: 21px; padding-right: 25%;} :where(.gg-calculator) .app-how-we-work .item .image{position: absolute; width: auto; max-height: 45px; top: 25px;} :where(.gg-calculator) .app-how-we-work .item .app-button{display: inline-block; padding-left: 15px; padding-right: 15px; min-width: 160px; margin-top: 10px; font-size: 16px; position: absolute; bottom: 30px; left: 30px;} :where(.gg-calculator) .app-features-table table .icon{display: block; margin: auto auto 5px;} :where(.gg-calculator) .app-features-table table td.active{background-color: rgb(245, 243, 255); border-right: 1px solid rgba(138, 114, 252, 0.2); border-left: 1px solid rgba(138, 114, 252, 0.2); padding: 0px 20px;} :where(.gg-calculator) .app-features-table table thead td.active{border-top: 1px solid rgba(138, 114, 252, 0.2); border-bottom-color: transparent;} :where(.gg-calculator) .app-reviews .review{width: 100%; padding: 10px;} :where(.gg-calculator) .app-reviews .review .review-body{padding-top: 20px;} :where(.gg-calculator) .app-reviews .review .author{display: inline-block; padding-right: 20px; color: rgb(33, 38, 46); font-size: 16px; font-weight: 400;} :where(.gg-calculator) .app-reviews .review .mark{display: inline-block;} :where(.gg-calculator) .app-reviews .review .message{font-size: 15px; line-height: 21px; color: rgb(33, 38, 46); font-weight: 400;} :where(.gg-calculator) .app-contact .icon{position: absolute; left: 20px; top: 40px;} :where(.gg-calculator) .app-file-loader:hover .icon{animation: 0.7s ease 0s infinite normal none running jumpToTop;} :where(.gg-calculator) .app-file-loader .icon{display: inline-block; vertical-align: middle; margin-right: 5px; margin-bottom: 5px; height: 20px; width: auto;} :where(.gg-calculator) .app-form-field label .required{box-shadow: rgba(251, 109, 83, 0.61) 5px 5px 15px 0px !important;} :where(.gg-calculator) label.required{box-shadow: rgba(252, 91, 80, 0.4) 0px 0px 15px 0px, rgba(252, 80, 78, 0.2) 0px 0px 30px 0px inset;} :where(.gg-calculator) .app-form-field label.required input:focus, :where(.gg-calculator) .app-form-field label.required textarea:focus{box-shadow: rgba(251, 109, 83, 0.4) 3px 3px 20px;} :where(.gg-calculator) .app-order-promo .cover{position: absolute; right: 8%; top: 0px; z-index: 2;} :where(.gg-calculator) .app-order-promo .title{margin: 10px 0px 0px; font-size: 48px; line-height: 58px; font-family: Trajan; background-image: linear-gradient(270deg, rgb(250, 149, 92) 0%, rgb(253, 77, 77) 100%); background-clip: text; -webkit-text-fill-color: transparent;} :where(.gg-calculator) .app-order-promo .text{margin: 10px 0px 0px; font-weight: 400; font-size: 18px; line-height: 28px;} :where(.gg-calculator) .app-promo-timer .values{box-sizing: border-box; width: 33.333%; float: left; text-align: center; border-right: 1px solid rgb(247, 246, 255); color: rgb(182, 182, 182);} :where(.gg-calculator) .app-promo-timer .values:last-child{border-color: transparent;} :where(.gg-calculator) .app-promo-timer .values .value{font-size: 54px; font-family: Trajan;} :where(.gg-calculator) .app-promo-timer .values .name{font-size: 15px; font-family: Ubuntu; margin-top: -10px;} :where(.gg-calculator) .app-faqs .cover{width: auto; height: auto; position: absolute; bottom: -25%; right: -20%;} :where(.gg-calculator) .app-profile-menu .item{background-color: rgb(39, 32, 60); display: table; width: 120px; height: 100px; border-bottom: 1px solid rgb(52, 51, 76); border-top: 1px solid rgb(64, 69, 91); cursor: pointer; transition: 0.2s; text-decoration: none;} :where(.gg-calculator) .app-profile-menu .item:first-child{border-top-color: transparent; border-top-right-radius: 3px;} :where(.gg-calculator) .app-profile-menu .item:last-child{border-bottom-color: transparent; border-bottom-right-radius: 3px;} :where(.gg-calculator) .app-profile-menu .item.active{background-color: rgb(138, 114, 252); box-shadow: rgba(112, 73, 247, 0.5) 5px 0px 25px; border-color: transparent;} :where(.gg-calculator) .app-profile-menu .item:not(.active):hover{background-color: rgb(67, 55, 101); box-shadow: rgba(112, 73, 247, 0.2) 15px 0px 25px; transform: translateX(10px);} :where(.gg-calculator) .app-profile-menu .item .content{display: table-cell; width: 100%; height: 100%; vertical-align: middle; line-height: 18px; font-size: 13px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: rgb(255, 255, 255); padding: 0px 10%; position: relative;} :where(.gg-calculator) .app-profile-menu .item .content .icon{display: inline-block; width: 100%; margin-bottom: 5px;} :where(.gg-calculator) .app-profile-menu .item .counter{display: block; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(270deg, rgb(117, 228, 114) 0%, rgb(84, 207, 119) 100%); color: rgb(255, 255, 255); font-size: 13px; text-align: center; letter-spacing: 0.05em; box-sizing: border-box; padding: 5px 0px 5px 1px; position: absolute; top: 5%; right: 20%;} :where(.gg-calculator) .profile-edit-button.active::after{background-image: url("/assets/gg-calculator/img/ui/blank.svg");} :where(.gg-calculator) .app-profile-form:not(.active) .app-edit-mode{display: none;} :where(.gg-calculator) .app-profile-form.active .app-view-mode{display: none;} :where(.gg-calculator) .app-edit-mode .app-avatar-viewer .cover{border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;} :where(.gg-calculator) .app-avatar-viewer .cover{border-radius: 3px; background-color: rgb(34, 23, 67); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 240px; width: 240px;} :where(.gg-calculator) .app-user-subscribtion.active h6.inactive{display: none;} :where(.gg-calculator) .app-user-subscribtion:not(.active) h6.active{display: none;} :where(.gg-calculator) .app-profile-table .kda .red{color: rgb(236, 21, 75);} :where(.gg-calculator) .app-games-history-table tr.active + tr.details{display: table-row;} :where(.gg-calculator) .app-game-details-table tr.selected td{background-color: rgb(45, 35, 77) !important;} :where(.gg-calculator) .app-chat.app-chat-spaced .app-chat-message .person .name{width: 80px; box-sizing: border-box;} :where(.gg-calculator) .app-chat.app-chat-spaced .app-chat-message.self .person{float: right;} :where(.gg-calculator) .app-chat.app-chat-spaced .app-chat-message .content{margin-top: 0px; margin-left: 10px; margin-right: 10px; width: 70%;} :where(.gg-calculator) .app-chat.app-chat-spaced .app-chat-message .content::before{left: -4px; top: 20px;} :where(.gg-calculator) .app-chat.app-chat-spaced .app-chat-message .content::after{left: 0px; top: 0px; width: 10px; height: 100%;} :where(.gg-calculator) .app-chat.app-chat-spaced .app-chat-message.self .content::before{right: -4px; left: auto;} :where(.gg-calculator) .app-chat.app-chat-spaced .app-chat-message.self .content::after{right: 0px; left: auto;} :where(.gg-calculator) .app-chat .app-chat-message .person .name{float: left; font-size: 15px; color: rgb(33, 38, 46); font-weight: 400; padding: 5px 10px 0px; font-family: Ubuntu; text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px;} :where(.gg-calculator) .app-chat .app-chat-message .content{border-radius: 3px; margin-top: 15px; font-size: 15px; color: rgb(33, 38, 46); border: 1px solid rgb(244, 244, 244); padding: 20px; width: 80%; float: left; text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px; position: relative; background-color: rgb(255, 255, 255);} :where(.gg-calculator) .app-chat .app-chat-message .content .files{margin: 5px -2px 0px;} :where(.gg-calculator) .app-chat .app-chat-message .content .files a{margin: 0px 2px; font-size: 10px; padding: 4px 8px; border-radius: 2px; color: rgb(255, 255, 255); background-color: rgb(112, 66, 246); text-decoration: none;} :where(.gg-calculator) .app-chat .app-chat-message .content::before{content: ""; display: block; width: 7px; height: 7px; border-radius: 2px; border: inherit; background: inherit; position: absolute; top: -4px; left: 20px; right: auto; transform: rotate(45deg); z-index: 1;} :where(.gg-calculator) .app-chat .app-chat-message .content::after{content: ""; display: block; width: 100%; height: 10px; background-color: inherit; top: 0px; left: 0px; right: 0px; position: absolute; z-index: 2;} :where(.gg-calculator) .app-chat .app-chat-message.admin .content{border-color: rgb(253, 128, 123);} :where(.gg-calculator) .app-chat .app-chat-message.self .content{float: right; background-color: rgb(138, 114, 252); color: rgb(255, 255, 255); border-color: transparent;} :where(.gg-calculator) .app-chat .app-chat-message.self .content::before{right: 20px; left: auto;} :where(.gg-calculator) .app-chat .app-chat-message.self .person .avatar{float: right;} :where(.gg-calculator) .app-chat .app-chat-message.self .person .name{float: right; text-align: right;} :where(.gg-calculator) .app-chat .app-chat-message.self .content .files a{background-color: rgb(87, 51, 189);} :where(.gg-calculator) .app-profile-order-details .info-booster .progress{position: absolute; bottom: 0px; left: 0px; right: auto; height: 3px; width: 1%; background: linear-gradient(270deg, rgb(250, 149, 92) 0%, rgb(253, 77, 77) 100%);} :where(.gg-calculator) .app-profile-order-details .info-booster span.name{display: table-cell; vertical-align: middle; font-family: Trajan; font-size: 14px; text-align: left;} :where(.gg-calculator) .app-profile-order-details .info-booster span.value{display: table-cell; vertical-align: middle; font-family: Ubuntu; font-size: 21px; text-align: right; font-weight: 700;} :where(.gg-calculator) .app-chart-tooltip .date{display: block; font-size: 14px; font-weight: 400; text-align: center; color: rgb(138, 138, 138);} :where(.gg-calculator) .app-chart-tooltip .value{display: block; font-size: 18px; font-weight: 700; text-align: center; color: rgb(0, 0, 0); margin-top: 5px;} :where(.gg-calculator) .app-chart-tooltip .value small{font-size: 15px;} :where(.gg-calculator) .app-chart-tooltip .value small.green{color: rgb(110, 223, 115);} :where(.gg-calculator) .app-chart-tooltip .value small.red{color: rgb(231, 77, 61);} :where(.gg-calculator) .app-order-chart-progress .progress{display: block; height: 10px; width: 100%; background-color: rgb(234, 234, 255); position: absolute; left: 0px; right: 0px; top: 20px; font-size: 13px; text-indent: 10px; white-space: nowrap; line-height: 10px;} :where(.gg-calculator) .app-order-chart-progress .progress.thick{color: rgb(255, 255, 255); text-transform: uppercase; line-height: 30px; height: 30px; top: 5px;} :where(.gg-calculator) .app-order-chart-progress .progress span{display: block; height: 100%; width: 0px; min-width: 0px; max-width: 100%; background: linear-gradient(270deg, rgb(112, 65, 246) 0%, rgb(144, 126, 253) 100%);} :where(.gg-calculator) .app-order-chart-progress .item{flex: 1 1 0px; max-width: 50px; height: 50px; position: relative; cursor: pointer; text-align: center;} :where(.gg-calculator) .app-order-chart-progress > .item.left{text-align: left;} :where(.gg-calculator) .app-order-chart-progress > .item.right{text-align: right;} :where(.gg-calculator) .app-order-chart-progress .item > .icon, :where(.gg-calculator) .app-order-chart-progress .item > .value{display: block; height: 50%; box-sizing: border-box; font-size: 13px; text-align: inherit;} :where(.gg-calculator) .app-order-chart-progress .item > .icon{vertical-align: top; padding-bottom: 15px; font-size: 15px; background-position: center top; background-repeat: no-repeat; color: rgb(33, 38, 46);} :where(.gg-calculator) .app-order-chart-progress .item > .value{vertical-align: bottom; padding-top: 15px; color: rgb(196, 196, 196);} :where(.gg-calculator) .app-order-chart-progress .item.win > .icon{background-image: url("/assets/gg-calculator/img/ui/blank.svg"); background-size: 13px auto;} :where(.gg-calculator) .app-order-chart-progress .item.loose > .icon{background-image: url("/assets/gg-calculator/img/ui/blank.svg"); background-size: 10px auto;} :where(.gg-calculator) .app-order-chart-medals .item{line-height: 21px; font-size: 15px; color: rgb(33, 38, 46); font-weight: 500; text-align: center;} :where(.gg-calculator) .app-order-chart-medals .item.box{font-size: 18px;} :where(.gg-calculator) .app-order-chart-medals .item.box .value{margin-top: 10px; display: inline-block;} :where(.gg-calculator) .app-order-chart-medals .item:first-child{text-align: left;} :where(.gg-calculator) .app-order-chart-medals .item:last-child{text-align: right;} :where(.gg-calculator) .app-order-chart-medals .item.box .app-medal-container{border-radius: 3px; background-color: rgb(255, 255, 255); padding: 10px; max-width: 170px; margin: auto; box-sizing: border-box; box-shadow: rgba(112, 73, 247, 0.15) 0px 0px 15px;} :where(.gg-calculator) .app-order-chart-medals .item .app-medal-container img{height: 55px; max-height: 100%; width: auto;} :where(.gg-calculator) .app-order-chart-medals .item .app-medal-container .value{display: inline-block; text-align: inherit;} :where(.gg-calculator) .app-order-chart-medals .item .app-order-step-main-subtitle{color: rgb(138, 114, 252);} :where(.gg-calculator) .app-user-current-balance .image, :where(.gg-calculator) .app-user-current-balance .value{display: table-cell; vertical-align: middle; font-family: Ubuntu; font-size: 15px; letter-spacing: 0.05em; color: rgb(138, 138, 138);} :where(.gg-calculator) .app-user-current-balance .value{padding-left: 5px;} :where(.gg-calculator) .app-user-current-balance .value b{display: inline-block; width: 100%; font-weight: 700; line-height: 33px; font-size: 24px; color: rgb(33, 38, 46);} :where(.gg-calculator) .app-user-current-balance .image img{width: auto; height: 55px; max-width: 100%;} :where(.gg-calculator) .app-paginator a:not(.disabled):hover{background: linear-gradient(270deg, rgb(112, 65, 246) 0%, rgb(144, 126, 253) 100%); color: rgb(255, 255, 255);} :where(.gg-calculator) .app-paginator a.active{background: linear-gradient(270deg, rgb(112, 65, 246) 0%, rgb(144, 126, 253) 100%); box-shadow: rgba(112, 73, 247, 0.5) 5px 15px 25px; color: rgb(255, 255, 255);} :where(.gg-calculator) .app-paginator a.disabled{opacity: 0.8; cursor: not-allowed;} :where(.gg-calculator) .app-list-scrollable .item{display: block; font-size: 13px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: rgb(33, 38, 46); text-decoration: none; padding: 12px 20px; word-break: break-all;} :where(.gg-calculator) .app-list-scrollable .item.active{background: rgb(138, 114, 252); box-shadow: rgba(112, 73, 247, 0.5) 5px 15px 25px; font-weight: 700; padding: 18px 20px; color: rgb(255, 255, 255) !important;} :where(.gg-calculator) .app-list-scrollable .item:not(.active):hover{color: rgb(138, 114, 252) !important;} :where(.gg-calculator) .app-list-scrollable .item.green{color: rgb(117, 228, 114);} :where(.gg-calculator) .app-list-scrollable .item.red{color: rgb(250, 149, 92);} :where(.gg-calculator) [data-simplebar]{position: relative; flex-flow: column wrap; place-content: flex-start; align-items: flex-start; width: inherit; height: inherit; max-width: inherit; max-height: inherit;} :where(.gg-calculator) .app-accounts-list .item{padding: 25px; min-height: 200px; box-sizing: border-box; min-width: 33.333%; max-width: 33.333%; position: relative;} :where(.gg-calculator) .app-accounts-list .item .account-details{min-height: 100%; background: url("/assets/gg-calculator/img/ui/blank.svg") center center / cover no-repeat rgb(34, 23, 67); padding: 15px; border-radius: 3px; box-sizing: border-box; box-shadow: rgba(112, 73, 247, 0.3) 5px 10px 35px; transition: 0.2s; left: 0px; right: 0px; top: 0px;} :where(.gg-calculator) .account-details .badge{transition: 0.2s; position: absolute; right: -5px; top: -5px; width: 55px; height: 55px; color: rgb(255, 255, 255); background: rgb(251, 131, 88); text-align: center; font-size: 14px; font-weight: 700; line-height: 50px; letter-spacing: 0.5px; border: 2px solid transparent; border-radius: 50%; box-sizing: border-box; opacity: 0.5; z-index: 3;} :where(.gg-calculator) .account-details .image{width: 100%; height: 50%; min-height: 130px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;} :where(.gg-calculator) .account-details .image a{display: block; position: absolute; inset: 0px; height: 100%; width: 100%; background: url("/assets/gg-calculator/img/ui/blank.svg") center center / 50px auto no-repeat rgba(143, 125, 253, 0.35); transform: scale(0.3); opacity: 0; z-index: 2; transition: 0.15s;} :where(.gg-calculator) .account-details .image:hover .badge{right: -35px; top: -35px; border-color: rgb(246, 247, 250); opacity: 1;} :where(.gg-calculator) .account-details .image:hover a{opacity: 1; transform: scale(1);} :where(.gg-calculator) .account-details .details .account-price .old{color: rgb(251, 131, 88); text-decoration: line-through; font-size: 0.8em;} :where(.gg-calculator) .account-details .details .account-price .new{color: rgb(33, 196, 82); font-weight: 900;} :where(.gg-calculator) .app-order-timer .values{box-sizing: border-box; text-align: center; border-right: 1px solid rgb(247, 246, 255); color: rgb(182, 182, 182); flex: 1 1 100%;} :where(.gg-calculator) .app-order-timer .values:last-child{border-color: transparent;} :where(.gg-calculator) .app-order-timer .values .value{font-size: 54px; font-family: Trajan;} :where(.gg-calculator) .app-order-timer .values .name{font-size: 15px; font-family: Ubuntu; margin-top: -10px;} :where(.gg-calculator) .app-order-timer .buttons .app-button{display: block; font-size: 12px; text-align: center; padding: 12px; min-width: 90px; margin: 2px auto;} :where(.gg-calculator) .app-order-timer .buttons .app-button.pause.active{background: rgb(112, 225, 114);} :where(.gg-calculator) .app-order-timer .buttons .app-button.stop{background: rgb(253, 77, 77);} :where(.gg-calculator) .app-tabs .app-tab.active{display: block;} :where(.gg-calculator) .app-tabs-buttons a.active{color: rgb(255, 255, 255); background-color: rgb(138, 114, 252);} :where(.gg-calculator) .app-tabs-buttons a.usable:hover{color: rgb(255, 255, 255); background-color: rgb(212, 203, 255); cursor: pointer;} :where(.gg-calculator) .app-games-header .app-flex .item{margin: 0px -15px;} :where(.gg-calculator) .app-games-header .app-flex .item.app-column-shrink{padding: 15px;} :where(.gg-calculator) .app-games-header .item{text-align: center; padding: 15px 0px; transition: 0.15s;} :where(.gg-calculator) .app-games-header .item:hover{box-shadow: rgb(34, 23, 67) 0px 0px 10px 0px inset;} :where(.gg-calculator) .app-games-header .item img{height: 45px;} :where(.gg-calculator) .app-games-header .item .name{font-family: Ubuntu; font-style: normal; font-weight: 400; font-size: 14px; align-items: center; text-align: center; color: rgb(255, 255, 255); display: block; padding: 10px 10px 0px;} :where(.gg-calculator) .app-games-header .item .name::after{display: inline-block; height: 100%; vertical-align: middle;} :where(.gg-calculator) .app-games-header .item .name span{display: inline-block; vertical-align: middle;} :where(.gg-calculator) .app-recent-posts-carousel .item{display: block; padding: 0px 15px; height: 230px; position: relative;} :where(.gg-calculator) .app-recent-posts-carousel .item .cover{display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-origin: content-box;} :where(.gg-calculator) .app-recent-posts-carousel .item::after{content: ""; display: block; position: absolute; z-index: 1; inset: 0px 15px; background: linear-gradient(rgba(33, 38, 46, 0) 0%, rgb(0, 0, 0) 100%); transition: opacity 0.3s;} :where(.gg-calculator) .app-recent-posts-carousel .item:hover::after{opacity: 0.2;} :where(.gg-calculator) .app-recent-posts-carousel .item .details{position: absolute; z-index: 2; bottom: 0px; left: 0px; right: 0px; padding: 30px 45px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 15px; color: rgb(196, 196, 196);} :where(.gg-calculator) .app-recent-posts-carousel .item .title{display: block; color: rgb(255, 255, 255); font-size: 17px; margin-bottom: 10px;} :where(.gg-calculator) .app-recent-posts-carousel .item .date{display: inline-block; height: 20px; padding: 0px 10px 0px 20px; background: url("/assets/gg-calculator/img/ui/blank.svg") left top / 14px auto no-repeat transparent;} :where(.gg-calculator) .app-recent-posts-carousel .item .comments{display: inline-block; height: 20px; padding: 0px 10px 0px 25px; background: url("/assets/gg-calculator/img/ui/blank.svg") left top / 19px auto no-repeat transparent;} :where(.gg-calculator) .app-post-content .image{position: relative;} :where(.gg-calculator) .app-post-content .image img{display: block; margin: auto; width: 100%; max-height: 470px;} :where(.gg-calculator) .app-post-content .details .title{display: block; font-family: Trajan; font-size: 21px; line-height: 25px; color: rgb(255, 255, 255); margin-bottom: 7px;} :where(.gg-calculator) .app-post-content .date{display: inline-block; height: 20px; padding: 0px 10px 0px 20px; background: url("/assets/gg-calculator/img/ui/blank.svg") left top / 14px auto no-repeat transparent;} :where(.gg-calculator) .app-post-content .text{margin: 40px 0px; font-family: Ubuntu; font-style: normal; font-weight: 400; font-size: 15px; line-height: 28px; color: rgb(0, 0, 0);} :where(.gg-calculator) .app-post-content .text h1, :where(.gg-calculator) .app-post-content .text h2, :where(.gg-calculator) .app-post-content .text h3, :where(.gg-calculator) .app-post-content .text h4, :where(.gg-calculator) .app-post-content .text h5, :where(.gg-calculator) .app-post-content .text h6{font-family: Trajan;} :where(.gg-calculator) .app-post-content .text ol{list-style: none; counter-reset: my-awesome-counter 0; margin: 0px; padding-left: 0px;} :where(.gg-calculator) .app-post-content .text ol li{counter-increment: my-awesome-counter 1; line-height: 24px; font-size: 15px; color: rgb(33, 38, 46); margin: 12px 0px; position: relative; padding-left: 30px;} :where(.gg-calculator) .app-post-content .text ol li::before{line-height: 20px; font-weight: 700; content: counter(my-awesome-counter); background: none; box-shadow: none; display: inline-block; width: 20px; height: 20px; font-size: 18px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: rgb(138, 114, 252); margin-right: 0px; position: absolute; left: 0px; top: 0px;} :where(.gg-calculator) .app-post-content .text ul{list-style: none; margin: 0px; padding-left: 0px;} :where(.gg-calculator) .app-post-content .text ul li{line-height: 24px; font-size: 15px; color: rgb(33, 38, 46); margin: 12px 0px; position: relative; padding-left: 30px;} :where(.gg-calculator) .app-post-content .text ul li::before{background: url("/assets/gg-calculator/img/ui/blank.svg") left center no-repeat transparent; display: inline-block; width: 20px; height: 20px; content: ""; position: absolute; left: 0px; top: 0px;} :where(.gg-calculator) .app-featured-news-list .app-post-item .image{display: block; height: 110px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 3px 3px 0px 0px;} :where(.gg-calculator) .app-featured-news-list .app-post-item .title{font-weight: 500; font-size: 17px; line-height: 137.88%; color: rgb(33, 38, 46);} :where(.gg-calculator) .app-featured-news-list .app-post-item .info{font-family: Ubuntu; font-style: normal; font-weight: 400; font-size: 13px; line-height: 15px; color: rgb(196, 196, 196); margin-top: 10px;} :where(.gg-calculator) .app-featured-news-list .app-post-item .date{display: inline-block; height: 20px; padding: 0px 15px 0px 20px; background: url("/assets/gg-calculator/img/ui/blank.svg") left top / 14px auto no-repeat transparent;} :where(.gg-calculator) .app-comments-section .item{display: table; width: 100%;} :where(.gg-calculator) .app-comments-section .item:not(:last-child){padding-bottom: 10px;} :where(.gg-calculator) .app-comments-section .item .avatar{width: 50px; text-align: center; display: table-cell; vertical-align: top; position: relative;} :where(.gg-calculator) .app-comments-section .item .avatar .image{width: 50px; height: 50px; background-color: rgb(138, 114, 252); border-radius: 50%; position: relative; z-index: 2; overflow: hidden;} :where(.gg-calculator) .app-comments-section .item .avatar .image img{width: 100%; height: 100%;} :where(.gg-calculator) .app-comments-section .item:not(:last-child) > .avatar::before{content: ""; position: absolute; left: 24px; top: 24px; height: 100%; border-left: 2px solid rgb(244, 244, 244); visibility: hidden;} :where(.gg-calculator) .app-comments-section .item .replies .item:not(:last-child) > .avatar::before{visibility: visible;} :where(.gg-calculator) .app-comments-section .item .text{display: table-cell; vertical-align: middle; padding-left: 15px; padding-top: 7px; width: 100%;} :where(.gg-calculator) .app-comments-section .item .text h6{font-size: 15px; color: rgb(140, 154, 176);} :where(.gg-calculator) .app-comments-section .item .user{line-height: 21px; display: block; font-size: 15px; font-weight: 500; color: rgb(33, 38, 46);} :where(.gg-calculator) .app-comments-section .item .date{display: block; font-size: 13px; color: rgb(196, 196, 196); font-weight: 300;} :where(.gg-calculator) .app-comments-section .item .date::before{padding-right: 5px;} :where(.gg-calculator) .app-comments-section .item .comment{z-index: 3; position: relative; background: rgb(255, 255, 255); font-size: 15px; color: rgb(0, 0, 0); border-radius: 3px; padding: 20px; border: 1px solid rgb(244, 244, 244); margin-top: 25px; margin-bottom: 10px; margin-left: -65px;} :where(.gg-calculator) .app-comments-section .item .controls{padding-top: 10px; vertical-align: bottom;} :where(.gg-calculator) .app-comments-section .item .controls::after{content: ""; display: table; clear: both;} :where(.gg-calculator) .app-comments-section .item .controls span{font-size: 12px; transition: 0.15s; cursor: pointer; padding-right: 6px; display: inline-block !important;} :where(.gg-calculator) .app-comments-section .item .controls span:hover{color: rgb(22, 161, 204);} :where(.gg-calculator) .app-comments-section .item .controls .comments-count::before{content: "✉"; font-size: 14px; padding-right: 5px;} :where(.gg-calculator) .app-comments-section .item .controls .show, :where(.gg-calculator) .app-comments-section .item .controls .reply{text-transform: capitalize; user-select: none; position: relative;} :where(.gg-calculator) .app-comments-section .item.open > .text > .controls > .show{color: rgb(22, 161, 204);} :where(.gg-calculator) .app-comments-section .item.open > .text > .controls > .show::after{content: "▲";} :where(.gg-calculator) .app-comments-section .item.new-reply > .text > .controls > .reply{color: rgb(22, 161, 204);} :where(.gg-calculator) .app-comments-section .item.new-reply > .text > .controls > .reply::after{content: "▲";} :where(.gg-calculator) .app-comments-section .item .controls .show::after, :where(.gg-calculator) .app-comments-section .item .controls .reply::after{content: "▼"; font-size: 10px; padding-left: 5px;} :where(.gg-calculator) .app-comments-section .item .replies{padding: 0px; transition: 0.2s;} :where(.gg-calculator) .app-comments-section .item > .text > .replies{transition: 0.2s; visibility: hidden; opacity: 0; height: 0px;} :where(.gg-calculator) .app-comments-section .item.open > .text > .replies{visibility: visible; opacity: 1; height: auto; padding: 5px 0px 0px 5px;} :where(.gg-calculator) .app-comments-section .item > .text > .add-reply{transition: 0.2s; visibility: hidden; opacity: 0; height: 0px;} :where(.gg-calculator) .app-comments-section .item.new-reply > .text > .add-reply{visibility: visible; opacity: 1; height: auto; padding: 10px 0px 10px 100px;} :where(.gg-calculator) .app-comments-section .item .add-reply{padding: 10px 0px;} :where(.gg-calculator) .app-comments-section .item .add-reply label{display: block; height: 40px; position: relative;} :where(.gg-calculator) .app-comments-section .item .add-reply input{padding-left: 15px; font: 400 12px Verdana; color: rgb(140, 154, 176); display: block; width: 100%; height: 100%; border-radius: 5px 0px 0px 5px; outline: none; border-width: 1px; border-style: solid; border-color: rgb(56, 64, 93) transparent rgb(56, 64, 93) rgb(56, 64, 93); border-image: none; background-color: transparent;} :where(.gg-calculator) .app-comments-section .item .add-reply input::placeholder{color: rgb(140, 154, 176);} :where(.gg-calculator) .app-comments-section .item .add-reply input:focus{border-color: rgb(22, 161, 204);} :where(.gg-calculator) .app-comments-section .item .add-reply .btn{height: 40px; border-radius: 0px 5px 5px 0px; letter-spacing: 0px; text-transform: uppercase; padding: 0px 15px !important; font-size: 10px !important;} :where(.gg-calculator) .app-comments-add.open{display: block;} :where(.gg-calculator) .app-digital-chart .item{flex: 1 1 0px; min-width: 25%; padding: 20px 5px 5px 35px; box-sizing: border-box; color: rgb(255, 255, 255);} :where(.gg-calculator) .app-digital-chart .item .name{font-weight: 400; font-size: 15px; line-height: 19px; padding-top: 7px;} :where(.gg-calculator) .app-digital-chart .item .value{white-space: nowrap; font-weight: 700; font-size: 48px; line-height: 40px; color: rgb(250, 133, 89); background: -webkit-linear-gradient(270deg, rgb(250, 149, 92) 0%, rgb(253, 77, 77) 100%) text; -webkit-text-fill-color: transparent;} :where(.gg-calculator) .app-digital-chart .item .value i{color: rgb(196, 196, 196); font-size: 13px; -webkit-text-fill-color: rgb(196, 196, 196); font-style: normal; text-transform: uppercase; vertical-align: middle; padding-left: 1px; font-weight: 100; display: inline-block; transform: rotate(-90deg); background-clip: padding-box !important;} :where(.gg-calculator) .app-main-stat-charts .item{min-width: 25%; box-sizing: border-box;} :where(.gg-calculator) .app-main-stat-charts .item .icon{display: block; float: left; height: 100%; padding-right: 25px;} :where(.gg-calculator) .app-main-stat-charts .item .details{display: block; float: left; height: 100%; padding-top: 5px;} :where(.gg-calculator) .app-main-stat-charts .item .name{display: block; width: 100%; font-weight: 400; font-size: 14px; text-transform: uppercase; color: rgb(33, 38, 46); letter-spacing: 0.05em;} :where(.gg-calculator) .app-main-stat-charts .item .value{display: block; width: 100%; font-family: Trajan; font-size: 36px; color: rgb(33, 38, 46);} :where(.gg-calculator) .app-main-promo .details .title{font-family: Trajan; font-size: 36px; line-height: 43px; color: rgb(255, 255, 255);} :where(.gg-calculator) .app-main-promo .details .text{font-family: Ubuntu; font-weight: 400; font-size: 15px; line-height: 21px; color: rgb(255, 255, 255); padding-right: 25%;} :where(.gg-calculator) .app-latest-order-widget .game, :where(.gg-calculator) .app-latest-order-widget .name{font-weight: 400; font-size: 15px; line-height: 30px; color: rgb(33, 38, 46); display: block;} :where(.gg-calculator) .app-latest-order-widget .date, :where(.gg-calculator) .app-latest-order-widget .price{display: inline-block; margin-top: 25px; padding-left: 30px; padding-right: 20px; font-weight: 400; font-size: 15px; line-height: 22px; color: rgb(33, 38, 46); background-position: left center; background-repeat: no-repeat; background-size: auto 100%;} :where(.gg-calculator) .app-latest-order-widget .date{background-image: url("/assets/gg-calculator/img/ui/blank.svg"); padding-left: 35px;} :where(.gg-calculator) .app-latest-order-widget .price{background-image: url("/assets/gg-calculator/img/ui/blank.svg");} :where(.gg-calculator) .app-game-services .item{padding: 75px 0px;} :where(.gg-calculator) .app-game-services .item .image{padding-right: 20px; width: 35%; box-sizing: border-box;} :where(.gg-calculator) .app-game-services .item .image img{width: 100%; height: auto;} :where(.gg-calculator) .app-game-services .item .name{font-family: Trajan; font-size: 36px; line-height: 43px; color: rgb(33, 38, 46); padding-bottom: 15px; padding-top: 15px; margin-top: 0px; margin-bottom: 0px;} :where(.gg-calculator) .app-game-services .item .content{font-family: Ubuntu; font-weight: 400; font-size: 15px; line-height: 21px; color: rgb(33, 38, 46); text-shadow: rgba(0, 0, 0, 0.47) 0px 0px 1px;} :where(.gg-calculator) .app-game-services .item .charts{text-shadow: rgba(0, 0, 0, 0.47) 0px 0px 1px; margin: 15px -15px 0px;} :where(.gg-calculator) .app-game-services .item .charts .chart{max-width: 20%; padding: 15px; box-sizing: border-box;} :where(.gg-calculator) .app-game-services .item .charts .chart .icon{height: 44px; display: block;} :where(.gg-calculator) .app-game-services .item .charts .chart img{display: block; margin-left: 0px; max-height: 100%;} :where(.gg-calculator) .app-game-services .item .charts .chart span{font-size: 15px; line-height: 19px; color: rgb(33, 38, 46);} :where(.gg-calculator) .app-game-services .item .app-button{font-size: 16px; min-width: 250px; padding: 20px 25px;} @keyframes blink { 0% { opacity: 0.2; } 49% { opacity: 0.8; } 100% { opacity: 0.2; } } :where(.gg-calculator) .app-latest-lots-list .app-lot-item .image{display: block; height: 154px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; background-color: rgb(232, 232, 232);} :where(.gg-calculator) .app-latest-lots-list .app-lot-item:hover .badge{left: -100%; opacity: 0;} :where(.gg-calculator) .app-latest-lots-list .app-lot-item .badge{transition: 0.2s; position: absolute; left: 0px; top: 22px; min-width: 80px; border-radius: 0px 999px 999px 0px; box-sizing: border-box; padding: 8px 15px; font-weight: 700; font-size: 12px; text-align: center; letter-spacing: 0.05em; color: rgb(255, 255, 255);} :where(.gg-calculator) .app-latest-lots-list .app-lot-item .title{font-weight: 700; font-size: 16px; line-height: 137.88%; color: rgb(33, 38, 46); margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} :where(.gg-calculator) .app-latest-lots-list .app-lot-item .info{font-weight: 400; font-size: 15px; line-height: 21px; color: rgb(33, 38, 46); text-shadow: rgba(0, 0, 0, 0.47) 0px 0px 1px; height: 6em; overflow: hidden;} :where(.gg-calculator) .app-latest-lots-list .app-lot-item .prices{margin-top: 40px;} :where(.gg-calculator) .app-latest-lots-list.app-game-services-list .app-lot-item .image{height: 180px; display: block;} :where(.gg-calculator) .app-latest-lots-list.app-game-services-list .app-lot-item .title{font-size: 18px; margin-bottom: 15px;} :where(.gg-calculator) .app-latest-lots-list.app-game-services-list .app-lot-item .prices{margin-top: 20px;} :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.active > a::after{border-color: rgb(138, 114, 252); box-shadow: rgba(112, 73, 247, 0.5) 5px 15px 25px; border-radius: 0px 0px 3px 3px;} :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.active > a{color: rgb(138, 114, 252); text-shadow: rgb(138, 114, 252) -1px -1px 1px;} :where(.gg-calculator) .app-tabs-container .app-tab-content > .app-tab-pane.active{display: block; background-color: inherit;} :where(.gg-calculator) .app-tabs-container .app-tab-content > .active{display: block;} :where(.gg-calculator) .app-tabs-container.app-tabs-boxed-buttons > .app-nav-tabs > li.active > a{color: rgb(255, 255, 255); background: linear-gradient(270deg, rgb(112, 65, 246) 0%, rgb(144, 126, 253) 100%); box-shadow: rgba(112, 73, 247, 0.25) -10px 5px 25px;} :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.active.purple > a{text-shadow: rgb(138, 114, 252) 0px 0px 1px;} :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.active.purple > a::after{border-color: rgb(138, 114, 252);} :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.active.green > a{text-shadow: rgb(117, 228, 114) 0px 0px 1px;} :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.active.green > a::after{border-color: rgb(117, 228, 114);} :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.red > a{color: rgb(250, 149, 92);} :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.active.red > a{text-shadow: rgb(250, 149, 92) 0px 0px 1px;} :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.active.red > a::after, :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.red:hover > a::after{border-color: rgb(250, 149, 92);} :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.active.grey > a{text-shadow: rgb(171, 171, 179) 0px 0px 1px;} :where(.gg-calculator) .app-tabs-container .app-nav-tabs > li.active.grey > a::after{border-color: rgb(171, 171, 179);} :where(.gg-calculator) .app-boosters-grid .item{padding: 30px; border-radius: 3px; background-color: rgb(255, 255, 255); position: relative; margin: 40px 15px; box-sizing: border-box; min-width: calc(25% - 30px); max-width: calc(25% - 30px); box-shadow: rgba(0, 0, 0, 0.05) 0px 15px 25px;} :where(.gg-calculator) .app-boosters-grid .item .avatar{width: 70px; height: 70px; border-radius: 50%; background-color: rgb(119, 79, 248); background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0px auto; position: absolute; left: 0px; right: 0px; top: -35px;} :where(.gg-calculator) .app-boosters-grid .item .name{text-align: center; color: rgb(33, 38, 46); font-size: 19px; font-weight: 700; margin: 18px 0px;} :where(.gg-calculator) .app-boosters-grid .item .rating i{width: 20px; height: 18px; text-align: right;} :where(.gg-calculator) .app-boosters-grid .item .rating i::before{font-size: 18px; color: rgb(23, 28, 41);} :where(.gg-calculator) .app-boosters-grid .item .info-table{width: 100%; line-height: 21px; font-size: 15px; font-weight: 500;} :where(.gg-calculator) .app-boosters-grid .item .info-table tr td:first-child{text-align: left; color: rgb(197, 197, 197);} :where(.gg-calculator) .app-boosters-grid .item .info-table tr td:last-child{text-align: right; color: rgb(33, 38, 46);} :where(.gg-calculator) .app-boosters-grid .item .app-button{box-shadow: rgba(112, 73, 247, 0.25) 5px 15px 25px; padding: 12px 30px; height: 40px; width: 80%; margin-top: 20px;} :where(.gg-calculator) .app-boosters-grid .item .item-details{box-shadow: inherit; display: none; padding-right: inherit; padding-bottom: inherit; padding-left: inherit; padding-top: 0px; position: absolute; z-index: 2; top: 100%; left: 0px; right: 0px; background: inherit; border-right: inherit; border-bottom: inherit; border-left: inherit; border-image: inherit; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-radius: 0px 0px 3px 3px;} :where(.gg-calculator) .app-boosters-grid .item.active{border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; z-index: 5;} :where(.gg-calculator) .app-boosters-grid .item.active .item-details{display: block;} :where(.gg-calculator) .app-boosters-grid .info-heroes .icon{box-sizing: border-box; padding: 3px; display: block; float: left; max-width: 25%; text-align: center;} :where(.gg-calculator) .app-boosters-grid .info-heroes .icon > *{display: block; margin: 0px auto; border-radius: 3px; width: 36px; height: 36px; background-origin: content-box; background-position: center center; background-repeat: no-repeat; background-size: cover;} :where(.gg-calculator) .app-boosters-grid .info-rating .black{color: rgb(33, 38, 46);} :where(.gg-calculator) .app-box-form-field .select, :where(.gg-calculator) .app-box-form-field .input{display: block; height: 60px;} :where(.gg-calculator) .app-box-form-field .select.thin, :where(.gg-calculator) .app-box-form-field .input.thin{display: block; height: 50px;} :where(.gg-calculator) .app-box-form-field .select.thin select, :where(.gg-calculator) .app-box-form-field .input.thin input{border-color: transparent;} :where(.gg-calculator) .app-box-form-field .input.double input{width: calc(50% - 10px); float: left;} :where(.gg-calculator) .app-box-form-field .input.double input:first-child{margin-right: 20px;} :where(.gg-calculator) .app-box-form-field .input input, :where(.gg-calculator) .app-box-form-field .select select{appearance: none; display: block; width: 100%; height: 100%; border: 1px solid rgba(138, 114, 252, 0.3); box-sizing: border-box; border-radius: 3px; font-size: 15px; line-height: 21px; color: rgb(154, 154, 154); padding: 10px 25px 10px 20px; outline: none;} :where(.gg-calculator) .app-box-form-field .input input{padding-right: 15px; padding-left: 15px;} :where(.gg-calculator) .app-box-form-field .input input:focus, :where(.gg-calculator) .app-box-form-field .select select:focus{box-shadow: rgb(142, 122, 253) 0px -1px 6px -1px;} :where(.gg-calculator) .app-box-form-field .select select::after{display: none;} :where(.gg-calculator) .app-box-form-field .select select.purple-arrow{background-image: linear-gradient(45deg, transparent 50%, rgb(138, 114, 252) 50%), linear-gradient(135deg, rgb(138, 114, 252) 50%, transparent 50%); background-position: calc(100% - 20px) center, calc(100% - 15px) center; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;} :where(.gg-calculator) .app-box-form-field .label{display: block; font-weight: 400; font-size: 15px; line-height: 17px; letter-spacing: 0.05em; text-transform: uppercase; color: rgb(61, 65, 72); margin-bottom: 5px;} :where(.gg-calculator) .app-booster-info .avatar .image{width: 90px; height: 90px; display: block; border-radius: 50%; background-color: rgb(119, 79, 248); background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0px auto;} :where(.gg-calculator) .app-booster-info .rating .black{color: rgb(33, 38, 46);} :where(.gg-calculator) .app-booster-info .description > .name{font-weight: 700; font-size: 19px; line-height: 22px; color: rgb(33, 38, 46); margin-bottom: 10px;} :where(.gg-calculator) .app-booster-info .description .perks .perk .name{color: rgb(196, 196, 196); font-size: 15px; line-height: 21px; font-weight: 400; padding-bottom: 2px;} :where(.gg-calculator) .app-booster-info .description .perks .perk .value{color: rgb(33, 38, 46); font-size: 15px; line-height: 21px; font-weight: 500;} :where(.gg-calculator) .app-booster-info .description .text{font-weight: 400; font-size: 14px; line-height: 24px; color: rgb(145, 145, 145);} :where(.gg-calculator) .app-star-rating .progress{position: absolute; width: 100%; height: 100%; background: linear-gradient(270deg, rgb(250, 149, 92) 0%, rgb(255, 183, 74) 100%); left: 0px; top: 0px; bottom: 0px; z-index: 1; max-width: 100% !important;} :where(.gg-calculator) .app-likes-section .button{background-color: transparent; background-position: left center; background-repeat: no-repeat; background-size: auto; outline: none; letter-spacing: 1px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 21px; padding: 0px 15px 0px 20px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer;} :where(.gg-calculator) .app-reviews-container .item{background: rgb(255, 255, 255); border-radius: 3px; padding: 30px; margin-bottom: 30px; position: relative;} :where(.gg-calculator) .app-reviews-container .item::after{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; background: rgb(196, 196, 196); height: 3px; width: 100%; display: block;} :where(.gg-calculator) .app-reviews-container .item.red::after{background: linear-gradient(270deg, rgb(250, 149, 92) 0%, rgb(253, 77, 77) 100%);} :where(.gg-calculator) .app-reviews-container .item.green::after{background: linear-gradient(270deg, rgb(117, 228, 114) 0%, rgb(84, 207, 119) 100%);} :where(.gg-calculator) .app-reviews-container .item .text{font-weight: 400; font-size: 14px; line-height: 24px; color: rgb(138, 138, 138);} :where(.gg-calculator) .app-reviews-container .item .name{font-weight: 700; font-size: 17px; line-height: 23px; color: rgb(33, 38, 46); margin-bottom: 10px;} :where(.gg-calculator) .app-reviews-container .item .name .right{float: right;} :where(.gg-calculator) .app-process-line .icon{height: 45px; margin-bottom: 20px; position: relative; margin-right: auto; margin-left: auto; display: flex; flex-flow: wrap;} :where(.gg-calculator) .app-process-line .icon img{max-height: 100%; height: auto; width: auto; display: inline-block; vertical-align: middle; flex: 0 0 auto; min-width: 0px;} :where(.gg-calculator) .app-process-line .icon .line{content: ""; display: block; height: 1px; margin: 22px 10px; flex: 1 1 0px; min-width: 0px; background-image: linear-gradient(90deg, transparent, transparent 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), linear-gradient(90deg, rgb(250, 163, 164), rgb(249, 198, 171)); background-size: 5px 1px, 100% 1px;} :where(.gg-calculator) .app-process-line .icon::after{content: ""; display: inline-block; vertical-align: middle; height: 100%;} :where(.gg-calculator) .app-process-line .text{font-weight: 400; font-size: 17px; line-height: 23px; color: rgb(33, 38, 46); padding: 0px 25px 10px 0px;} :where(.gg-calculator) .app-image-carousel .app-image-list .item{margin: 5px; width: 104px; height: 58px; background-position: center center; background-size: cover; float: left; cursor: pointer; box-sizing: border-box; position: relative;} :where(.gg-calculator) .app-image-carousel .app-image-list .item::after{content: ""; display: block; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.5; position: absolute; z-index: 1; inset: 0px;} :where(.gg-calculator) .app-image-carousel .app-image-list .item.active{box-shadow: rgb(117, 228, 115) 0px 0px 1px 1px;} :where(.gg-calculator) .app-image-carousel .app-image-list .item.active::after{opacity: 0;} :where(.gg-calculator) .app-store-entity-perks .item{padding-bottom: 7px;} :where(.gg-calculator) .app-store-entity-perks .item::after{content: ""; display: table; clear: both;} :where(.gg-calculator) .app-store-entity-perks .item .column{display: block; float: left; width: 50%; font-weight: 400; font-size: 15px; line-height: 21px; box-sizing: border-box;} :where(.gg-calculator) .app-store-entity-perks .item .l{color: rgb(138, 138, 138);} :where(.gg-calculator) .app-store-entity-perks .item .r{color: rgb(33, 38, 46);} :where(.gg-calculator) .app-store-entity-perks .item > .title{font-weight: 700; font-size: 17px; color: rgb(33, 38, 46); margin-top: 20px; margin-bottom: 10px;} :where(.gg-calculator) .app-store-entity-perks .column .title{font-size: 15px; line-height: 21px; letter-spacing: 0.05em; text-transform: uppercase; color: rgb(138, 138, 138); margin-top: 10px; margin-bottom: 5px;} :where(.gg-calculator) .app-store-entity-perks .prices .price{font-weight: 700; font-size: 36px; line-height: 40px; color: rgb(95, 214, 117);} :where(.gg-calculator) .app-store-entity-perks .prices .price.old{font-weight: 400; font-size: 24px; line-height: 28px; color: rgb(138, 138, 138); background-image: none; text-decoration: line-through;} :where(.gg-calculator) .app-store-entity-perks .vendor .icon{border-radius: 3px; background-color: rgb(255, 255, 255); display: inline-block; padding: 10px;} :where(.gg-calculator) .app-store-entity-perks .vendor .icon img{max-width: 80px; height: auto;} :where(.gg-calculator) .app-store-entity-perks .advantages .column .icon{width: 40px; display: inline-block; text-align: center;} :where(.gg-calculator) .app-store-entity-perks .advantages .column .icon img{vertical-align: top;} :where(.gg-calculator) .app-cart-contents .app-cart-item .line.header, :where(.gg-calculator) .app-cart-contents .app-cart-item .line.footer{padding: 20px 0px; font-family: Trajan; font-weight: 700; font-size: 16px; line-height: 19px; align-items: center; color: rgb(255, 255, 255); border-bottom: 1px solid rgb(75, 66, 102); position: relative;} :where(.gg-calculator) .app-cart-contents .app-cart-item .line.header:hover{cursor: pointer;} :where(.gg-calculator) .app-cart-contents .app-cart-item .line.footer{font-family: Ubuntu; font-weight: 400; font-size: 16px; line-height: 22px; color: rgb(255, 255, 255); border-top: 1px solid rgb(75, 66, 102); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;} :where(.gg-calculator) .app-cart-contents .app-cart-item.expandable.expand .details{display: block;} :where(.gg-calculator) .app-cart-contents .app-cart-item .line.header::before{content: "+"; position: absolute; left: 15px; top: 25px; z-index: 3; text-align: center; font-family: "Lucida Console"; font-size: 18px; font-weight: 400;} :where(.gg-calculator) .app-cart-contents .app-cart-item.expand .line.header::before{content: "-";} :where(.gg-calculator) .app-cart-contents .app-cart-item .line{color: rgb(194, 188, 212); font-size: 15px; line-height: 17px; position: relative;} :where(.gg-calculator) .app-cart-contents .app-cart-item .line::after{content: ""; display: table; clear: both;} :where(.gg-calculator) .app-cart-contents .app-cart-item .line .left{float: left; color: inherit; padding: 7px 5px 7px 30px; background: rgb(39, 32, 60); position: relative; z-index: 2;} :where(.gg-calculator) .app-cart-contents .app-cart-item .line .right{float: right; color: rgb(255, 255, 255); padding: 7px 30px 7px 5px; background: rgb(39, 32, 60); position: relative; z-index: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} :where(.gg-calculator) .app-cart-contents .app-cart-item .line b{letter-spacing: 0.5px;} :where(.gg-calculator) .app-paysystems-container .title{font-family: Trajan; font-style: normal; font-weight: 700; font-size: 20px; line-height: 24px; color: rgb(33, 38, 46); margin-bottom: 20px;} :where(.gg-calculator) .app-paysystems-container .app-paysystems-selector .border{position: absolute; display: none; inset: 0px; box-shadow: rgb(138, 114, 252) 0px 0px 7px -2px; border-radius: inherit;} :where(.gg-calculator) .app-paysystems-container .app-paysystems-selector label input:checked ~ .border{display: block;} :where(.gg-calculator) .app-order-step-info .item{min-width: 50%; text-align: center; color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; font-family: Ubuntu; min-height: 100px; padding: 20px 5px 15px; box-sizing: border-box; border: 1px solid transparent;} :where(.gg-calculator) .app-order-step-info .item.item-2x{min-width: 100%; border-right-color: transparent !important; border-left-color: transparent !important;} :where(.gg-calculator) .app-order-step-info .item.item-2x ~ .item.item-1x{border-bottom-color: transparent !important;} :where(.gg-calculator) .app-order-step-info .item.item-2x ~ .item.item-1x:nth-child(2n){border-right-color: rgb(97, 96, 125) !important;} :where(.gg-calculator) .app-order-step-info .item.item-2x ~ .item.item-1x:nth-child(2n+1){border-right-color: transparent !important;} :where(.gg-calculator) .app-order-step-info .item:nth-child(1){border-bottom-color: rgb(97, 96, 125);} :where(.gg-calculator) .app-order-step-info .item.item-1x:nth-child(2){border-bottom-color: rgb(97, 96, 125);} :where(.gg-calculator) .app-order-step-info .item.item-1x:nth-child(2n+1){border-right-color: rgb(97, 96, 125);} :where(.gg-calculator) .app-order-step-info .item .icon{width: auto; height: auto; max-width: 50%;} :where(.gg-calculator) .app-order-step-info .item .name{color: rgb(255, 255, 255); display: block; margin-top: 5px;} :where(.gg-calculator) .app-order-step-info .item .value{color: rgb(250, 126, 87);} :where(.gg-calculator) .app-order-amount .value{font-weight: 700; line-height: 39px; font-size: 32px; color: rgb(33, 196, 82); margin-top: 5px;} :where(.gg-calculator) .app-order-amount.app-order-amount-old .value{font-weight: 400; line-height: 39px; font-size: 28px; color: rgb(255, 255, 255); text-decoration: line-through;} :where(.gg-calculator) .app-order-amount.app-order-discount .value{font-weight: 400; line-height: 39px; font-size: 28px; color: rgb(250, 126, 87);} :where(.gg-calculator) .fade{transition: opacity 0.15s linear;} :where(.gg-calculator) .alert-dismissible .close{position: absolute; top: 0px; right: 0px; padding: 0px; background-color: transparent; border: 0px; appearance: none; float: right; font-size: 1.21875rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5;} :where(.gg-calculator) .app-review-form .field{padding-top: 10px;} :where(.gg-calculator) .app-review-form .field > label{display: block; width: 100%; overflow: hidden;} :where(.gg-calculator) .app-review-form .title{font-family: Ubuntu; font-style: normal; font-weight: 400; font-size: 19px; line-height: 22px; color: rgb(33, 38, 46); margin: 0px 0px 10px;} :where(.gg-calculator) .app-pros-and-cons .item.texts{padding: 45px 0px;} :where(.gg-calculator) .app-pros-and-cons .item{width: 50%; box-sizing: border-box; position: relative;} :where(.gg-calculator) .app-pros-and-cons .item img{width: auto; height: auto; max-width: 90%; display: block; margin: auto;} :where(.gg-calculator) .app-pros-and-cons .cons{margin-bottom: 40px;} :where(.gg-calculator) .app-pros-and-cons .cons{color: rgb(123, 119, 136);} :where(.gg-calculator) .app-pros-and-cons .cons code{font-weight: 700; padding: 15px 20px; background: linear-gradient(270deg, rgb(117, 228, 114) 0%, rgb(84, 207, 119) 100%); border-radius: 3px; display: inline-block;} :where(.gg-calculator) .app-pros-and-cons .pros .title, :where(.gg-calculator) .app-pros-and-cons .cons .title{font-family: Trajan, Helvetica, sans-serif; font-size: 28px; position: relative;} :where(.gg-calculator) .app-pros-and-cons .pros .title::before, :where(.gg-calculator) .app-pros-and-cons .cons .title::before{content: ""; display: block; width: 22px; height: 22px; background-position: center center; background-repeat: no-repeat; background-size: auto; position: absolute; top: 3px; left: -45px;} :where(.gg-calculator) .app-pros-and-cons .pros .title::before{background-image: url("/assets/gg-calculator/img/icon-check-green.png");} :where(.gg-calculator) .app-pros-and-cons .cons .title::before{background-image: url("/assets/gg-calculator/img/icon-close-red.png");} :where(.gg-calculator) .app-pros-and-cons .cons code, :where(.gg-calculator) .app-pros-and-cons .pros .text, :where(.gg-calculator) .app-pros-and-cons .cons .text{font-family: Ubuntu; font-size: 15px; line-height: 21px;} :where(.gg-calculator) .app-wizard-step.active{background-image: url("/assets/gg-calculator/img/ui/blank.svg"); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(252, 119, 86, 0.25) -15px 15px 25px;} :where(.gg-calculator) .app-wizard-step.active .app-wizard-step-name{color: rgb(255, 197, 188);} :where(.gg-calculator) .app-wizard-step.active .app-wizard-step-desc{color: rgb(255, 255, 255);} :where(.gg-calculator) .app-wizard-step.past .app-wizard-step-name{opacity: 0.8;} :where(.gg-calculator) .app-wizard-step.past + .app-wizart-step-line::after{content: ""; display: block; background-color: rgb(28, 165, 216); height: 7px; margin: 4px -6px;} :where(.gg-calculator) .app-order-step-details-container.active{display: block;} :where(.gg-calculator) .app-slider-form .noUi-connect.c3{background: rgb(96, 32, 27);} :where(.gg-calculator) .app-order-options-container .app-heroes-counters .picked{color: rgb(98, 211, 112);} :where(.gg-calculator) .app-hero-select .hero-list .hero-box.picked .hero-image::after{background-color: rgba(117, 228, 114, 0.7); background-image: url("/assets/gg-calculator/img/ui/blank.svg");} :where(.gg-calculator) .app-hero-select .hero-list .hero-box.picked:hover .hero-image::after{background-color: rgba(0, 0, 0, 0.5); background-image: url("/assets/gg-calculator/img/ui/blank.svg");} :where(.gg-calculator) .app-hero-select .hero-list .hero-box.picked input:checked ~ .hero-image::after{background-size: 22px auto;} :where(.gg-calculator) .app-paysystems-selector label.x2{width: 16em; height: 10em;} :where(.gg-calculator) .app-payment-variant .app-input-group span .value{font-style: normal; font-size: 24px; color: rgb(84, 207, 119); font-weight: 700; vertical-align: middle; padding-left: 5px;} :where(.gg-calculator) .le-dr-selector .controlls .prev, :where(.gg-calculator) .le-dr-selector .controlls .next{cursor: pointer; height: 100%; width: 30px; transition: 0.15s; background: rgb(255, 255, 255); color: rgb(138, 114, 252); box-shadow: rgba(112, 73, 247, 0.25) 5px 10px 25px; border-radius: 3px; user-select: none;} :where(.gg-calculator) .le-dr-selector .controlls .prev:hover, :where(.gg-calculator) .le-dr-selector .controlls .next:hover{background: rgb(138, 114, 252); color: rgb(255, 255, 255);} :where(.gg-calculator) .le-dr-selector .controlls .prev::after, :where(.gg-calculator) .le-dr-selector .controlls .next::after{content: ""; display: inline-block; height: 100%; vertical-align: middle;} :where(.gg-calculator) .le-dr-selector .controlls .prev{float: left;} :where(.gg-calculator) .le-dr-selector .controlls .next{float: right;} :where(.gg-calculator) .le-dr-selector .leading .list [data-le]{display: block; width: 100%; height: 0px; opacity: 0; transition: opacity 0.2s; overflow: hidden; font-weight: 500; font-size: 16px; line-height: 30px; text-align: center;} :where(.gg-calculator) .le-dr-selector .leading .list [data-le].active{height: auto; opacity: 1; animation: 0.2s ease-in 0s 1 normal none running animateblursm;} :where(.gg-calculator) .le-dr-selector .driven .list{padding: 10px; background-color: rgb(255, 255, 255); width: 90px; height: 90px; margin: auto; box-shadow: rgba(112, 73, 247, 0.15) 0px 0px 15px; box-sizing: border-box;} :where(.gg-calculator) .le-dr-selector .driven .list [data-le]{display: block; width: 100%; text-align: center; font-size: 12px; font-weight: 900; height: 0px; opacity: 0; transition: opacity 0.2s; overflow: hidden;} :where(.gg-calculator) .le-dr-selector .driven .list [data-le].active{height: 100%; opacity: 1; animation: 0.2s ease-in 0s 1 normal none running animateblursm;} :where(.gg-calculator) .le-dr-selector .driven .list [data-le] [data-dr]{display: block; width: 100%; text-align: center; font-size: 12px; font-weight: 900; height: 0px; opacity: 0; transition: opacity 0.4s; overflow: hidden; background-size: auto 100%; background-position: center center; background-repeat: no-repeat;} :where(.gg-calculator) .le-dr-selector .driven .list [data-le] [data-dr].active{height: 100%; opacity: 1; animation: 0.2s ease-in 0s 1 normal none running animateblursm;} :where(.gg-calculator) .le-dr-selector .driven .list [data-le] [data-dr] *{max-width: 90%; max-height: 90%;} :where(.gg-calculator) .le-dr-selector .driven .list [data-le] [data-dr] .number{font-family: Trajan, Helvetica, sans-serif; font-size: 25px; color: rgb(252, 98, 81); display: block; text-align: right;} :where(.gg-calculator) .le-dr-selector .driven .list [data-le] [data-dr] img{max-height: 70px;} :where(.gg-calculator) .le-dr-selector .driven .list [data-le] [data-dr] input{display: none; opacity: 0; visibility: hidden;} @keyframes animateblursm { 0% { filter: blur(5px); } 100% { filter: blur(0px); } } :where(.gg-calculator) .circles-blue circle[data-quest].selected{stroke: rgb(175, 254, 255) !important; stroke-width: 18px !important;} :where(.gg-calculator) .circles-rose circle[data-quest].selected{stroke: rgb(225, 211, 254) !important; stroke-width: 18px !important;} :where(.gg-calculator) .circles-yellow circle[data-quest].selected{stroke: rgb(248, 240, 149) !important; stroke-width: 18px !important;} @media (max-width: 1400px) {} @media (max-width: 991px) {:where(.gg-calculator) .app-comments-section .item.new-reply > .text > .add-reply{padding: 10px 0px;} :where(.gg-calculator) .app-comments-section .item.open > .text > .replies{padding: 0px;}} @media (max-width: 767px) { :where(.gg-calculator) .app-comments-section .item .avatar{width: 30px;} :where(.gg-calculator) .app-comments-section .item .avatar .image{width: 30px; height: 30px;} :where(.gg-calculator) .app-comments-section .item .text{padding-top: 5px; padding-left: 10px;} :where(.gg-calculator) .app-comments-section .item .text .replies{margin-left: -20px;} :where(.gg-calculator) .app-comments-section .item:not(:last-child) > .avatar::before{left: 14px; top: 14px; visibility: visible;}} @media (max-width: 500px) {:where(.gg-calculator) .app-comments-section .item .text .replies{margin-left: -35px;} :where(.gg-calculator) .app-comments-section .item .comment{font-size: 12px;} :where(.gg-calculator) .app-comments-section .item .user{font-size: 15px;} :where(.gg-calculator) .app-comments-section .item .date{float: right; white-space: nowrap;} :where(.gg-calculator) .app-comments-section .item .add-reply label, :where(.gg-calculator) .app-comments-section .item .add-reply .btn{height: 30px;}} @media (max-width: 380px) { :where(.gg-calculator) .app-comments-section .item .date{font-size: 10px;} :where(.gg-calculator) .app-comments-section .item .controls span{font-size: 10px;} :where(.gg-calculator) .app-comments-section .item .avatar::before{left: 1px;} :where(.gg-calculator) .app-comments-section .item .text .replies{margin-left: -20px;} :where(.gg-calculator) .app-comments-section .item .avatar .image{padding: 0px;} :where(.gg-calculator) .app-comments-section .item .text{padding-top: 0px; padding-left: 5px;} :where(.gg-calculator) .app-comments-section .item .add-reply .btn{font-size: 8px !important;} :where(.gg-calculator) .app-comments-section .item .comment{margin-left: -30px !important;}} :where(.gg-calculator) ol{list-style: none; counter-reset: my-awesome-counter 0; margin: 0px; padding-left: 0px;} :where(.gg-calculator) ol li{counter-increment: my-awesome-counter 1; line-height: 24px; font-size: 15px; color: rgb(33, 38, 46); margin: 12px 0px; position: relative; padding-left: 45px;} :where(.gg-calculator) ol li::before{content: counter(my-awesome-counter); border-radius: 3px; background: linear-gradient(270deg, rgb(117, 228, 114) 0%, rgb(84, 207, 119) 100%); box-shadow: rgba(33, 196, 82, 0.15) 5px 5px 25px; display: inline-block; width: 25px; height: 25px; font-size: 14px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: rgb(241, 252, 247); margin-right: 15px; position: absolute; left: 0px; top: 0px;} @media (max-width: 1700px) {} @media (max-width: 1440px) { :where(.gg-calculator) .app-social-buttons .link{padding: 10px 10px 10px 40px;} :where(.gg-calculator) .app-auth-buttons .item{padding: 0px 10px;} :where(.gg-calculator) .app-widgets .item img{max-height: 75px;}} @media (max-width: 1280px) { :where(.gg-calculator) .app-how-we-work .item .image{top: 20px;} :where(.gg-calculator) .app-how-we-work .item{padding: 75px 20px 20px; margin: 7px;} :where(.gg-calculator) .app-how-we-work .item .title{min-height: 2em; font-size: 16px;} :where(.gg-calculator) .app-how-we-work .item .text{padding-right: 0px; font-size: 14px;} :where(.gg-calculator) .app-latest-lots-list .app-lot-item .prices .app-column{min-width: 100%; padding-top: 10px;} :where(.gg-calculator) .app-latest-lots-list .app-lot-item .prices{margin-top: 0px;} :where(.gg-calculator) .app-latest-lots-list .app-lot-item .info{font-size: 12px;} :where(.gg-calculator) .app-latest-lots-list .app-lot-item .title{font-size: 15px;} :where(.gg-calculator) .app-latest-lots-list .app-lot-item .image{height: 130px;} :where(.gg-calculator) .app-featured-news-list .app-post-item .date{width: 100%;} :where(.gg-calculator) header{height: 75px;} :where(.gg-calculator) .app-social-buttons .link{font-size: 14px;} :where(.gg-calculator) .app-auth-buttons .item .app-user-balance{font-size: 16px;} :where(.gg-calculator) .app-auth-buttons .item .app-user-profile{font-size: 14px;} :where(.gg-calculator) .app-auth-buttons .item .avatar{width: 30px; height: 30px;} :where(.gg-calculator) .app-social-buttons .link{padding: 2px 10px 2px 35px;} :where(.gg-calculator) .app-social-buttons .link .icon{left: 5px; top: 7px;} :where(.gg-calculator) footer .app-footer .app-main-menu .item{width: 100%;} :where(.gg-calculator) .app-main-menu .item{margin: 0px 15px; font-size: 12px;} :where(.gg-calculator) .app-slider-controls .control{padding: 0px 5px; font-size: 14px;} :where(.gg-calculator) .app-slider-controls .control .icon{height: 45px;} :where(.gg-calculator) .app-why-us .item{margin: 10px;} :where(.gg-calculator) .app-why-us .item .image{max-width: 90px;} :where(.gg-calculator) .app-why-us .item .text{font-size: 13px;} :where(.gg-calculator) .app-profile-menu .item{width: 70px; height: 100px;} :where(.gg-calculator) .app-profile-menu .item .content{font-size: 11px; padding: 0px; letter-spacing: 0px;} :where(.gg-calculator) .app-profile-menu .item .counter{width: 25px; height: 25px; padding: 3px 0px 3px 1px;} :where(.gg-calculator) .app-avatar-viewer .cover{height: 200px; width: 200px;} :where(.gg-calculator) .app-boosters-grid .item{padding: 25px 15px; margin: 20px 10px; min-width: calc(25% - 20px); max-width: calc(25% - 20px);} :where(.gg-calculator) .app-order-promo .cover{right: 20px;} :where(.gg-calculator) .app-order-step-payment-info .app-order-amount .value{font-size: 24px;} :where(.gg-calculator) .app-order-step-payment-info .app-order-amount.app-order-amount-old .value{font-size: 22px;}} @media (min-width: 991px) {} @media (max-width: 991px) { :where(.gg-calculator) .app-how-we-work .item{min-width: 40%;} :where(.gg-calculator) .app-how-we-work .item .image{margin: auto; left: 0px; right: 0px;} :where(.gg-calculator) .app-how-we-work .item .title{text-align: center;} :where(.gg-calculator) .app-main-stat-charts .item .value{font-size: 32px;} :where(.gg-calculator) .app-featured-news-list .app-post-item .title{font-size: 15px;} :where(.gg-calculator) .app-carousel .app-carousel-control.prev{left: -5%;} :where(.gg-calculator) .app-carousel .app-carousel-control.next{right: -5%;} :where(.gg-calculator) .app-main-menu.app-mobile-menu .item{margin: 0px;} :where(.gg-calculator) .app-social-buttons .link{background-color: transparent; text-align: left; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px 5px 0px 20px; font-size: 12px;} :where(.gg-calculator) .app-social-buttons .link .icon{left: 0px; top: 8px; width: 15px;} :where(.gg-calculator) .app-main-menu.app-mobile-menu .item{margin-right: 0px; padding: 10px 0px; width: 100%; text-align: center; box-sizing: border-box; font-size: 16px; float: none !important;} :where(.gg-calculator) .app-main-menu.app-mobile-menu .item:nth-child(2n){background-color: rgb(38, 26, 74);} :where(.gg-calculator) .app-main-menu.app-mobile-menu .item.with-submenu::after{display: none;} :where(.gg-calculator) header{border-bottom: 1px solid rgb(34, 23, 67);} :where(.gg-calculator) .app-footer .app-social-buttons .link{width: 100%; height: 25px;} :where(.gg-calculator) .app-widgets .item{padding: 0px 5px;} :where(.gg-calculator) [class*="app-booble-"]{z-index: 0 !important;} :where(.gg-calculator) .app-contact .icon{left: 0px; top: 20px;} :where(.gg-calculator) .app-profile-menu .item{display: table-cell; height: auto; width: 2%; vertical-align: top; text-align: center; border-right: 1px solid rgb(52, 51, 76); border-left: 1px solid rgb(64, 69, 91);} :where(.gg-calculator) .app-profile-menu .item .content{display: inline-block; padding: 10px 2px; width: auto;} :where(.gg-calculator) .app-profile-menu .item .content .icon{height: 35px; display: block;} :where(.gg-calculator) .app-profile-menu .item .content .icon img{max-height: 100%; width: auto;} :where(.gg-calculator) .app-profile-menu .item .counter{top: 5%; right: 5%;} :where(.gg-calculator) .app-boosters-grid .item{padding: 25px 10px; margin: 20px 5px; min-width: calc(25% - 10px); max-width: calc(25% - 10px);} :where(.gg-calculator) .app-boosters-grid .item .app-button{width: 100%;} :where(.gg-calculator) .app-boosters-grid .item .name{font-size: 16px;} :where(.gg-calculator) .app-boosters-grid .item .info-table{line-height: 18px; font-size: 14px;} :where(.gg-calculator) .app-pros-and-cons .item.texts{padding: 5px 0px; min-width: 60%; width: 60%;} :where(.gg-calculator) .app-pros-and-cons .pros .title::before, :where(.gg-calculator) .app-pros-and-cons .cons .title::before{left: -30px; top: -2px;} :where(.gg-calculator) .app-pros-and-cons .pros .title, :where(.gg-calculator) .app-pros-and-cons .cons .title{font-size: 20px;} :where(.gg-calculator) .app-pros-and-cons .cons{margin-bottom: 25px;} :where(.gg-calculator) .app-pros-and-cons .cons code, :where(.gg-calculator) .app-pros-and-cons .pros .text, :where(.gg-calculator) .app-pros-and-cons .cons .text{font-size: 14px;} :where(.gg-calculator) .app-order-step-info .item{padding: 10px 5px; min-height: 50px;} :where(.gg-calculator) .app-payment-variant .app-input-group span .value{font-size: 20px;} :where(.gg-calculator) .app-accounts-list .item{padding: 10px;}} @media (max-width: 767px) { :where(.gg-calculator) .app-box-form-field .input.double input:first-child{margin-right: 10px;} :where(.gg-calculator) .app-box-form-field .input.double input{width: calc(50% - 5px);} :where(.gg-calculator) .app-box-form-field .input input{padding-right: 10px; padding-left: 10px;} :where(.gg-calculator) .app-booster-info .avatar .image{float: left; margin: 0px 20px 0px 0px;} :where(.gg-calculator) .app-booster-info .description > .name{font-size: 28px; text-align: center;} :where(.gg-calculator) .app-game-services .item .image{width: 40%;} :where(.gg-calculator) .app-game-services .item .charts{margin-top: 0px;} :where(.gg-calculator) .app-game-services .item .app-button{margin-top: 10px; min-width: 0px;} :where(.gg-calculator) .app-game-services .item{padding: 40px 0px;} :where(.gg-calculator) .app-game-services .item .name{font-size: 30px; padding-top: 0px;} :where(.gg-calculator) .app-game-services .item .content{font-size: 14px;} :where(.gg-calculator) .app-game-services .item .charts .chart{min-width: 25%;} :where(.gg-calculator) .app-game-services .item .charts .chart span{font-size: 12px; line-height: 12px; text-align: center; display: block;} :where(.gg-calculator) .app-game-services .item .charts .chart img{margin: auto;} :where(.gg-calculator) .app-digital-chart .item{padding: 20px 5px 5px;} :where(.gg-calculator) .app-digital-chart .item .value{font-size: 37px; text-align: center;} :where(.gg-calculator) .app-digital-chart .item .name{font-size: 14px; text-align: center; padding-top: 0px;} :where(.gg-calculator) .app-main-promo .details .title{font-size: 30px;} :where(.gg-calculator) .app-features-table table .icon{max-width: 120px;} :where(.gg-calculator) .app-features-table table .icon.status{max-width: 12px;} :where(.gg-calculator) .app-features-table table td.active{padding: 0px 5px;} :where(.gg-calculator) .app-why-us .item .text{padding-right: 10%;} :where(.gg-calculator) .app-latest-order-widget .game, :where(.gg-calculator) .app-latest-order-widget .name{line-height: 22px;} :where(.gg-calculator) .app-latest-order-widget .date, :where(.gg-calculator) .app-latest-order-widget .price{margin-top: 15px;} :where(.gg-calculator) .app-main-stat-charts .item .icon{width: 100%; text-align: center; height: auto; padding-right: 0px;} :where(.gg-calculator) .app-main-stat-charts .item .details{width: 100%; text-align: center; height: auto;} :where(.gg-calculator) .app-main-stat-charts .item .icon img{max-height: 40px;} :where(.gg-calculator) .app-main-stat-charts .item .value{font-size: 22px;} :where(.gg-calculator) .app-comments-section .item .comment{margin-left: -40px;} :where(.gg-calculator) .app-footer-widgets .app-widgets .item{float: left; width: 50%; max-width: 100%;} :where(.gg-calculator) .app-social-buttons .link{padding: 0px 15px 0px 20px;} :where(.gg-calculator) .app-games-header .item img{height: 35px;} :where(.gg-calculator) .app-chat .content{max-width: 95%;} :where(.gg-calculator) .app-auth-buttons .item{padding: 10px 5px;} :where(.gg-calculator) header{height: auto;} :where(.gg-calculator) .app-auth-buttons .item .app-user-balance{font-size: 14px;} :where(.gg-calculator) .app-auth-buttons .item .avatar{width: 25px; height: 25px;} :where(.gg-calculator) .app-widgets .item{float: none; margin-bottom: 5px;} :where(.gg-calculator) .app-widgets .item > img, :where(.gg-calculator) .app-widgets .item > *{max-height: 170px; height: auto; margin: 0px auto; display: inline-block;} :where(.gg-calculator) .app-footer-menu .app-main-menu .item{display: inline-block; float: none; margin-right: 5px; margin-left: 5px;} :where(.gg-calculator) .app-footer .app-social-buttons .link{width: auto; height: auto; display: block; margin: 10px 0px;} :where(.gg-calculator) .app-footer .app-social-buttons .link.social{display: inline-block;} :where(.gg-calculator) .app-slider-controls .control{font-size: 12px;} :where(.gg-calculator) .app-slider-controls .control .icon{height: 30px;} :where(.gg-calculator) .app-slider-controls.app-order-controls .control{padding: 10px 5px;} :where(.gg-calculator) .app-slider-controls.app-order-controls .control .icon{height: 35px;} :where(.gg-calculator) .app-slider-controls.app-order-controls .control .name{height: 35px;} :where(.gg-calculator) .app-why-us .item{min-width: 100%; box-sizing: border-box; margin: 10px 0px;} :where(.gg-calculator) .app-why-us .item .image{right: -25px;} :where(.gg-calculator) .app-list-scrollable .item{font-size: 10px; padding: 10px 15px;} :where(.gg-calculator) .app-list-scrollable .item.active{padding: 10px 20px; box-shadow: rgba(112, 73, 247, 0.5) 5px 5px 25px;} :where(.gg-calculator) .app-chat.app-chat-spaced .app-chat-message .content{width: calc(100% - 150px); box-sizing: border-box;} :where(.gg-calculator) .app-avatar-viewer .cover{height: 144px; width: 144px;} :where(.gg-calculator) .app-boosters-grid .item{margin: 20px 15px; min-width: calc(50% - 30px); max-width: calc(50% - 30px);} :where(.gg-calculator) .app-promo-timer .values .value{font-size: 40px;} :where(.gg-calculator) .app-order-promo .cover{right: auto; left: 75%;} :where(.gg-calculator) .app-wizard-step.active{box-shadow: rgba(252, 119, 86, 0.25) -15px -15px 20px;}} /* Reference geometry: inline-cssom */ @-webkit-keyframes a { 0% { opacity: 0; bottom: -15px; max-height: 0px; max-width: 0px; margin-top: 0px; } 30% { opacity: 0.8; bottom: -3px; } 100% { opacity: 1; bottom: 0px; max-height: 200px; margin-top: 12px; max-width: 400px; } } @keyframes a { 0% { opacity: 0; bottom: -15px; max-height: 0px; max-width: 0px; margin-top: 0px; } 30% { opacity: 0.8; bottom: -3px; } 100% { opacity: 1; bottom: 0px; max-height: 200px; margin-top: 12px; max-width: 400px; } } @-webkit-keyframes b { 0% { opacity: 1; bottom: 0px; } 30% { opacity: 0.2; bottom: -3px; } 100% { opacity: 0; bottom: -15px; } } @keyframes b { 0% { opacity: 1; bottom: 0px; } 30% { opacity: 0.2; bottom: -3px; } 100% { opacity: 0; bottom: -15px; } } @-webkit-keyframes c { 0% { opacity: 0; } 30% { opacity: 0.5; } 100% { opacity: 0.6; } } @keyframes c { 0% { opacity: 0; } 30% { opacity: 0.5; } 100% { opacity: 0.6; } } @-webkit-keyframes d { 0% { opacity: 0.6; } 30% { opacity: 0.1; } 100% { opacity: 0; } } @keyframes d { 0% { opacity: 0.6; } 30% { opacity: 0.1; } 100% { opacity: 0; } } @media only screen and (max-width: 736px) {} /* Reference geometry: rankforge-content.css */ @media(max-width:900px){} @media(max-width:540px){} @media(min-width:1700px){} @media(max-width:1100px){} @media(max-width:800px){} @media(max-width:520px){} @media(prefers-reduced-motion:reduce){} /* Reference geometry: unified-calculator.css */ :where(.gg-calculator) [data-service-tabs]{display:grid!important;grid-template-columns:repeat(var(--service-count),minmax(0,1fr))!important;height:52px;position:relative;isolation:isolate;margin:0!important;padding:0!important;gap:0!important;--service-tab-width:calc(100% / var(--service-count));scrollbar-width:none} :where(.gg-calculator) [data-service-tabs]::-webkit-scrollbar{display:none} :where(.gg-calculator) [data-service-tabs] .gg-service-tab{min-width:0;padding:10px 5px!important;display:flex;align-items:center;justify-content:center;text-align:center;align-self:end;height:44px;box-sizing:border-box;border:1px solid transparent;border-bottom:0;border-radius:11px 11px 0 0;color:#7f8998;background:#0d1015;font-size:12px;text-decoration:none;position:relative;transition:height .15s,border-color .15s;z-index:0} :where(.gg-calculator) [data-service-tabs] .gg-service-tab:hover{height:46px;border-color:#303644;color:#c8ccd4} :where(.gg-calculator) [data-service-tabs] .gg-service-tab.active{height:52px;color:#fff;background:var(--service-active-bg,#202029);border-color:var(--current-accent,#7894a2);z-index:2} :where(.gg-calculator) [data-service-tabs]::after{content:"";position:absolute;bottom:0;left:0!important;right:0!important;height:1px;background:#303644;z-index:1} :where(.gg-calculator) [data-service-tabs] .active::before,:where(.gg-calculator) [data-service-tabs] .active::after{display:none!important} :where(.gg-calculator) .gg-estimator [data-service-tabs]{margin-bottom:-1px!important;--service-tab-width:min(178px,calc(100% / var(--service-count)));grid-template-columns:repeat(var(--service-count),var(--service-tab-width))!important} :where(.gg-calculator) .gg-estimator [data-service-tabs] .gg-service-tab.active{background:linear-gradient(90deg,var(--service-tab-surface-start),var(--service-tab-surface-end))!important;border-color:var(--rank-current-accent)} :where(.gg-calculator) .gg-estimator [data-service-tabs]::after{left:calc((var(--active-index) + 1) * var(--service-tab-width) + 11px)!important;right:var(--ui-panel-radius)!important;background:linear-gradient(90deg,var(--rank-current-accent),var(--rank-target-accent));z-index:4} :where(.gg-calculator) .gg-estimator [data-service-tabs] .active::after,:where(.gg-calculator) .gg-estimator [data-service-tabs] .active:not(:first-child)::before{display:block!important} :where(.gg-calculator) .gg-estimator [data-service-tabs] .gg-service-tab{padding:0!important;margin-bottom:1px}:where(.gg-calculator) .gg-estimator [data-service-tabs] .gg-service-tab.active{margin-bottom:0} :where(.gg-calculator) .gg-estimator [data-service-tabs] .gg-service-tab:not(.active):hover,:where(.gg-calculator) .gg-estimator [data-service-tabs] .gg-service-tab:not(.active):focus-visible{height:46px;color:#7f8998;background-color:#0d0f14!important;border-color:var(--ui-checkout-border);border-bottom-color:transparent} @media(max-width:1100px){} @media(max-width:900px){:where(.gg-calculator) [data-service-tabs] .gg-service-tab{font-size:10px!important}} @media(max-width:540px){:where(.gg-calculator) [data-service-tabs]{overflow-x:auto;overflow-y:hidden;grid-template-columns:repeat(var(--service-count),minmax(96px,1fr))!important}} /* Reference geometry: service-tabs.css */ /* Shared tab outline: the panel's top border has a gap only for the active tab. Keep the approved Valorant surfaces and its 44px -> 46px hover movement. */ :where(.gg-calculator) [data-service-tabs] { --service-tab-width: min(178px, calc((100% - 24px) / var(--service-count))); --service-tab-gap: 1px; --service-tab-radius: 12px; --service-line-start: var(--rank-current-accent, var(--current-accent, #7894a2)); --service-line-end: var(--rank-target-accent, var(--target-accent, #7894a2)); --service-join-start: var(--service-tab-surface-start, color-mix(in srgb, var(--service-line-start) 12%, #0e0f18)); --service-join-end: var(--service-tab-surface-end, color-mix(in srgb, var(--service-line-start) 12%, #0e0f18)); display: grid !important; grid-template-columns: repeat(var(--service-count), var(--service-tab-width)) !important; gap: 0 !important; height: 52px; position: relative; isolation: isolate; container-type: inline-size; margin: 0 0 -1px !important; padding: 0 !important; border: 0; background: transparent !important; } /* Separate segments, never a rule running underneath the selected tab. */ :where(.gg-calculator) [data-service-tabs]::before, :where(.gg-calculator) [data-service-tabs]::after, :where(.gg-calculator) .gg-estimator [data-service-tabs]::before, :where(.gg-calculator) .gg-estimator [data-service-tabs]::after { content: ""; position: absolute; bottom: 0; height: 1px; z-index: 4; pointer-events: none; background: linear-gradient(90deg, var(--service-line-start), var(--service-line-end)); background-size: 100cqw 1px; } :where(.gg-calculator) [data-service-tabs]::before { left: var(--service-tab-radius) !important; right: auto !important; width: max(0px, calc(var(--active-index) * var(--service-tab-width) - 11px - var(--service-tab-radius))); background-position: left; } :where(.gg-calculator) [data-service-tabs]::after, :where(.gg-calculator) .gg-estimator [data-service-tabs]::after { left: calc((var(--active-index) + 1) * var(--service-tab-width) + 11px) !important; right: var(--service-tab-radius) !important; background-position: right; } :where(.gg-calculator) [data-service-tabs] .gg-service-tab, :where(.gg-calculator) .gg-estimator [data-service-tabs] .gg-service-tab { width: auto; min-width: 0; height: 44px; margin: 0 0 1px; padding: 0 5px !important; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; align-self: end; color: #7f8998; background: #0d0f14 !important; border: 1px solid transparent; border-bottom: 0; border-radius: 10px 10px 0 0; z-index: 0; } /* Inset only adjacent inactive tiles: active joins retain their exact width. */ :where(.gg-calculator) [data-service-tabs] .gg-service-tab:not(.active):has(+ .gg-service-tab:not(.active)) { margin-right: var(--service-tab-gap); } :where(.gg-calculator) [data-service-tabs] .gg-service-tab:not(.active):hover, :where(.gg-calculator) [data-service-tabs] .gg-service-tab:not(.active):focus-visible, :where(.gg-calculator) .gg-estimator [data-service-tabs] .gg-service-tab:not(.active):hover, :where(.gg-calculator) .gg-estimator [data-service-tabs] .gg-service-tab:not(.active):focus-visible { height: 46px; background: #0d0f14 !important; color: #7f8998; border-color: var(--ui-checkout-border, rgba(255, 255, 255, .12)); border-bottom: 0; } :where(.gg-calculator) [data-service-tabs] .gg-service-tab.active, :where(.gg-calculator) .gg-estimator [data-service-tabs] .gg-service-tab.active { height: 52px; margin: 0; color: #fff; background: linear-gradient(90deg, var(--service-join-start), var(--service-join-end)) !important; border: 1px solid var(--service-line-start); border-bottom: 0; z-index: 2; isolation: isolate; box-shadow: none; } :where(.gg-calculator) [data-service-tabs] .gg-service-tab.active::before, :where(.gg-calculator) [data-service-tabs] .gg-service-tab.active::after { content: ""; display: block !important; position: absolute; bottom: 0; width: 12px; height: 12px; box-sizing: border-box; z-index: 0; background: transparent; pointer-events: none; } :where(.gg-calculator) [data-service-tabs] .gg-service-tab.active::before { left: -12px; border-right: 1px solid var(--service-line-start); border-bottom: 1px solid var(--service-line-start); border-bottom-right-radius: 12px; box-shadow: 6px 6px 0 5px var(--service-join-start); } :where(.gg-calculator) [data-service-tabs] .gg-service-tab:first-child.active::before { display: none !important; } :where(.gg-calculator) [data-service-tabs] .gg-service-tab.active::after { right: -12px; border-left: 1px solid var(--service-line-start); border-bottom: 1px solid var(--service-line-start); border-bottom-left-radius: 12px; box-shadow: -6px 6px 0 5px var(--service-join-end); } :where(.gg-calculator) [data-service-tabs] .gg-service-tab strong { position: relative; z-index: 1; font-size: 12px; line-height: 1.2; } /* Newly generated calculators use the same open top as the original panel. */ :where(.gg-calculator) .gg-estimator [data-service-tabs] { --service-tab-width: min(178px, calc((100% - 24px) / var(--service-count))); } /* The old Win panel painted a second top line via a border-box background. */ :where(.gg-calculator) .gg-configurator > .gg-config-surface:not([data-current-rank]) { background: var(--ui-panel-surface) padding-box; } :where(.gg-calculator) .gg-configurator > .gg-config-surface:not([data-current-rank])::before { content: ""; position: absolute; top: -1px; right: -1px; width: 12px; height: 12px; box-sizing: border-box; border-top: 1px solid var(--rank-target-accent); border-right: 1px solid var(--ui-line); border-top-right-radius: 12px; pointer-events: none; } /* The fallback and enhanced contour agree from the first styled frame. Do not wait for a module class to round the original panel's own fill. */ :where(.gg-calculator) .gg-configurator:has([data-service-tabs]) { --service-panel-left-radius: 12px; } :where(.gg-calculator) .gg-configurator:has([data-service-tabs] .gg-service-tab:first-child.active) { --service-panel-left-radius: 0px; } :where(.gg-calculator) .gg-configurator:has([data-service-tabs]) > .gg-config-surface, :where(.gg-calculator) .gg-configurator:has([data-service-tabs]) .gg-rank-stage { border-top-left-radius: var(--service-panel-left-radius); } :where(.gg-calculator) .gg-configurator:has([data-service-tabs] .active:not(:first-child)) > .gg-config-surface::after { content: ""; position: absolute; top: -1px; left: -1px; width: 12px; height: 12px; box-sizing: border-box; border-top: 1px solid var(--rank-current-accent); border-left: 1px solid var(--ui-line); border-top-left-radius: 12px; pointer-events: none; } /* One clipped canvas for the selected tab, its concave joins, and the panel. Separate flat corner shadows cannot match a two-sided rank gradient. */ :where(.gg-calculator) .gg-tab-tail { position: absolute; /* Continue the inactive first tile below the baseline, behind the panel fill. It is a rear layer, not a second rounded corner or a shifted tab label. */ z-index: -2; background: #0d0f14; box-sizing: border-box; border-left: 1px solid transparent; transition: border-color 180ms ease; pointer-events: none; } /* The rear tile's hover stroke continues down to the front panel's arc. Extending only its fill leaves a gap between the two visible outlines. */ :where(.gg-calculator) .gg-configurator:has([data-service-tabs] > .gg-service-tab:first-child:not(.active):is(:hover, :focus-visible)) > .gg-tab-tail { border-left-color: var(--ui-checkout-border, rgba(255, 255, 255, .12)); } :where(.gg-calculator) .gg-connected-tabs .gg-configurator { position: relative; isolation: isolate; } :where(.gg-calculator) .gg-connected-tabs .gg-surface-shadow { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; z-index: -1; /* CSS box-shadow's 58px blur corresponds to a 29px Gaussian sigma. */ filter: drop-shadow(0 22px 29px rgba(0, 0, 0, .28)); } :where(.gg-calculator) .gg-connected-tabs .gg-tab-fill { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; background: radial-gradient(ellipse 72% 82% at 0% 12%, color-mix(in srgb, var(--rank-current-accent) 13%, transparent), transparent 100%) left top / 100% var(--tab-accent-height) no-repeat, radial-gradient(ellipse 72% 82% at 100% 12%, color-mix(in srgb, var(--rank-target-accent) 13%, transparent), transparent 100%) left top / 100% var(--tab-accent-height) no-repeat, var(--ui-panel-surface); } :where(.gg-calculator) .gg-connected-tabs .gg-with-fill > .gg-config-surface, :where(.gg-calculator) .gg-connected-tabs .gg-with-fill .gg-rank-stage { background: transparent !important; } :where(.gg-calculator) .gg-connected-tabs .gg-with-fill > .gg-config-surface { /* A rectangular outset shadow cuts across the tab's transparent bottom. */ box-shadow: none !important; } /* Important declarations inside the original component layer outrank unlayered ones. */ @layer components { :where(.gg-calculator) .gg-connected-tabs .gg-with-fill [data-service-tabs] .gg-service-tab.active { background: transparent !important; } } :where(.gg-calculator) .gg-connected-tabs .gg-with-fill [data-service-tabs] .gg-service-tab.active::before, :where(.gg-calculator) .gg-connected-tabs .gg-with-fill [data-service-tabs] .gg-service-tab.active::after { box-shadow: none; } /* One stroke follows the same circular path as the shared fill. Keep the CSS borders' layout dimensions, but don't paint overlapping border fragments. */ :where(.gg-calculator) .gg-configurator.gg-with-contour { position: relative; isolation: isolate; } :where(.gg-calculator) .gg-tab-contour { position: absolute; top: 0; left: 0; width: 100%; overflow: visible; pointer-events: none; z-index: 4; } :where(.gg-calculator) .gg-with-contour > .gg-config-surface, :where(.gg-calculator) .gg-with-contour [data-service-tabs] .gg-service-tab.active, :where(.gg-calculator) .gg-with-contour [data-service-tabs] .gg-service-tab.active::before, :where(.gg-calculator) .gg-with-contour [data-service-tabs] .gg-service-tab.active::after { border-color: transparent !important; } :where(.gg-calculator) .gg-with-contour > .gg-config-surface, :where(.gg-calculator) .gg-with-contour .gg-rank-stage { border-top-left-radius: var(--service-panel-left-radius, 0px); } :where(.gg-calculator) .gg-with-contour [data-service-tabs] .gg-service-tab.active { /* The replaced CSS stroke must not briefly fade through the SVG stroke. */ transition: height .15s; } :where(.gg-calculator) .gg-with-contour [data-service-tabs]::before, :where(.gg-calculator) .gg-with-contour [data-service-tabs]::after, :where(.gg-calculator) .gg-with-contour .gg-rank-stage::before, :where(.gg-calculator) .gg-with-contour .gg-rank-stage::after, :where(.gg-calculator) .gg-with-contour > .gg-config-surface::before, :where(.gg-calculator) .gg-configurator.gg-with-contour > .gg-config-surface::after { display: none !important; } :where(.gg-calculator) .gg-with-fill [data-service-tabs] .gg-service-tab.active::before, :where(.gg-calculator) .gg-with-fill [data-service-tabs] .gg-service-tab.active::after { display: none !important; } @media (max-width: 720px) { /* Match the mobile panel's 20px/14px padding without moving its contents. */ :where(.gg-calculator) .gg-connected-tabs .gg-with-fill .gg-rank-stage { margin: -21px -15px 0; padding: 21px 15px 0; } } @media (max-width: 540px) { :where(.gg-calculator) [data-service-tabs], :where(.gg-calculator) .gg-estimator [data-service-tabs] { --service-tab-width: max(96px, calc((100% - 24px) / var(--service-count))); overflow-x: auto; overflow-y: hidden; } :where(.gg-calculator) [data-service-tabs]::after, :where(.gg-calculator) .gg-estimator [data-service-tabs]::after { right: auto !important; width: max(1px, calc((var(--service-count) - var(--active-index) - 1) * var(--service-tab-width) + 1px)); } :where(.gg-calculator) [data-service-tabs] .gg-service-tab strong { font-size: 10px; } /* Five Valorant services fit without hiding the active tab after navigation. */ :where(.gg-calculator) [data-service-tabs][aria-label="Valorant services"], :where(.gg-calculator) .gg-estimator [data-service-tabs][aria-label="Valorant services"] { --service-tab-width: calc((100% - 24px) / var(--service-count)); } } /* Reference geometry: calculator-info.css */ /* Shared by original and generated calculators. Keep the approved circle, focus, tooltip and click target; only replace the font-dependent i glyph. A text-indent/font offset cannot reliably center a 9px rasterized letter. */ @layer components { :where(.gg-calculator) .gg-estimator .gg-help-trigger { position: relative; text-indent: 0; letter-spacing: 0; font-size: 0; line-height: 0; } :where(.gg-calculator) .gg-estimator .gg-help-trigger::before { content: ""; position: absolute; inset: 0; width: 11px; height: 11px; margin: auto; background: currentColor; -webkit-mask: url("/assets/gamergod/icons/gg-info-v1.svg") center / 100% 100% no-repeat; mask: url("/assets/gamergod/icons/gg-info-v1.svg") center / 100% 100% no-repeat; pointer-events: none; } } /* Reference geometry: calculator-parity.css */ /* Component values come from service-ui.css, the approved Valorant stylesheet. Only service-specific additions and integration with the catalogue live here. */ /* Connected stepper buttons have square inner corners in every interaction state. */ :where(.gg-calculator) .gg-gain-stepper>button,:where(.gg-calculator) .gg-immortal-stepper>button{border-radius:0} :where(.gg-calculator) .gg-gain-stepper>button:first-child,:where(.gg-calculator) .gg-immortal-stepper>button:first-child{border-radius:calc(var(--ui-control-radius,8px) - 1px) 0 0 calc(var(--ui-control-radius,8px) - 1px)} :where(.gg-calculator) .gg-gain-stepper>button:last-child,:where(.gg-calculator) .gg-immortal-stepper>button:last-child{border-radius:0 calc(var(--ui-control-radius,8px) - 1px) calc(var(--ui-control-radius,8px) - 1px) 0} :where(.gg-calculator) #configure:has(.gg-connected-tabs){width:min(1500px,calc(100% - 48px))} :where(.gg-calculator) .gg-connected-tabs{font-family:Ubuntu,Helvetica,sans-serif;font-size:16px;line-height:normal;background:transparent;overflow:visible} :where(.gg-calculator) .gg-connected-tabs .gg-picker-icon svg,:where(.gg-calculator) .gg-connected-tabs .gg-picker-option-icon svg{fill:currentColor;stroke:none} /* Legacy/Phosphor paths use filled 256px outlines; only 24px line icons use strokes. */ :where(.gg-calculator) .gg-connected-tabs .gg-picker-icon svg[viewBox="0 0 24 24"],:where(.gg-calculator) .gg-connected-tabs .gg-picker-option-icon svg[viewBox="0 0 24 24"]{fill:none;stroke:currentColor} :where(.gg-calculator) .gg-connected-tabs .gg-picker-icon .gg-symbol,:where(.gg-calculator) .gg-connected-tabs .gg-picker-option-icon .gg-symbol{fill:currentColor;stroke:none} :where(.gg-calculator) .gg-connected-tabs *, :where(.gg-calculator) .gg-connected-tabs *::before, :where(.gg-calculator) .gg-connected-tabs *::after{box-sizing:border-box} :where(.gg-calculator) .gg-connected-tabs .gg-tier-grid{grid-template-columns:repeat(auto-fit,64px)} :where(.gg-calculator) .gg-connected-tabs .rank-subcontrols{min-height:76px;margin-top:0;position:relative} :where(.gg-calculator) .gg-connected-tabs .gg-tier-field.no-subcontrols .rank-subcontrols{display:none} /* Quantity services need no empty reservation for divisions of another tier. Retain real division/point controls and the stable Rank Boost subcontrol row. */ :where(.gg-calculator) .gg-connected-tabs .gg-estimator:not([data-calculator-type="rank"]) .rank-subcontrols:has(.gg-division-grid:empty):not(:has(.gg-immortal-field:not([hidden]))), :where(.gg-calculator) [data-valorant-win-fields] .rank-subcontrols:has(.gg-division-grid:empty):not(:has(.gg-immortal-field:not([hidden]))){display:none} :where(.gg-calculator) .gg-connected-tabs .gg-estimator:not([data-calculator-type="rank"]) .gg-context-fields, :where(.gg-calculator) [data-valorant-win-fields] + .gg-context-fields{margin-top:0;padding-top:24px} :where(.gg-calculator) .gg-connected-tabs .rank-subcontrols .gg-division-grid{grid-template-columns:repeat(auto-fit,64px);height:auto;min-height:64px} :where(.gg-calculator) .gg-connected-tabs .rank-subcontrols .gg-division-grid:empty{display:block} :where(.gg-calculator) .gg-connected-tabs .gg-division-button.active{background:color-mix(in srgb,var(--rank-accent) 12%,transparent)} :where(.gg-calculator) .gg-connected-tabs .rank-subcontrols .gg-immortal-field{position:absolute;inset:0 auto auto 0} :where(.gg-calculator) .gg-connected-tabs .rank-subcontrols .gg-immortal-field[hidden]{display:none} :where(.gg-calculator) .gg-connected-tabs .rank-subcontrols:has(.gg-immortal-field:not([hidden])) .gg-division-grid{visibility:hidden} :where(.gg-calculator) .gg-connected-tabs .quantity-selector .gg-immortal-stepper{width:min(180px,100%);grid-template-columns:48px minmax(0,1fr) 48px} :where(.gg-calculator) .gg-connected-tabs .quantity-selector .gg-immortal-stepper > span{min-width:0} :where(.gg-calculator) .gg-connected-tabs .quantity-selector .gg-immortal-stepper input{width:100%;min-width:0;text-align:center} :where(.gg-calculator) .gg-connected-tabs .quantity-selector .gg-immortal-stepper small:empty{display:none} :where(.gg-calculator) .gg-connected-tabs .gg-immortal-stepper input{font-family:Ubuntu,sans-serif} :where(.gg-calculator) .gg-connected-tabs .variant-fields{margin:0 0 22px;padding:0;border:0} :where(.gg-calculator) .gg-connected-tabs .configuration-packages{grid-column:1/-1} :where(.gg-calculator) .gg-connected-tabs .gg-tier-field[hidden]{display:none} :where(.gg-calculator) .gg-connected-tabs .session-mode-fields{margin:24px 0;padding:0;border:0} :where(.gg-calculator) .gg-connected-tabs .session-mode-fields .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))} :where(.gg-calculator) .gg-connected-tabs .session-mode-fields + .gg-rank-pickers{margin-top:0} :where(.gg-calculator) .gg-connected-tabs .package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px} :where(.gg-calculator) .gg-connected-tabs .package-grid>label{position:relative;cursor:pointer} :where(.gg-calculator) .gg-connected-tabs .package-grid input{position:absolute;width:1px;height:1px;opacity:0} :where(.gg-calculator) .gg-connected-tabs .package-card{display:block;height:100%;padding:18px;background:var(--ui-control-bg);border:1px solid var(--ui-control-border);border-radius:var(--ui-control-radius)} :where(.gg-calculator) .gg-connected-tabs .package-card strong{display:block;font-size:13px;color:var(--ui-control-text)} :where(.gg-calculator) .gg-connected-tabs .package-card small{display:block;margin-top:8px;color:var(--ui-control-muted);font-size:11px;line-height:1.5} :where(.gg-calculator) .gg-connected-tabs .package-grid input:checked+.package-card{background:#1b242a;border-color:#779aa8} :where(.gg-calculator) .gg-connected-tabs .package-grid input:focus-visible+.package-card{outline:2px solid var(--ui-accent);outline-offset:2px} :where(.gg-calculator) .gg-connected-tabs .achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} :where(.gg-calculator) .gg-connected-tabs .achievement-grid label{display:flex;gap:10px;align-items:center;padding:14px;background:var(--ui-control-bg);border:1px solid var(--ui-control-border);border-radius:8px;font-size:12px;color:var(--ui-control-text)} :where(.gg-calculator) .gg-connected-tabs .achievement-grid label:has(input:checked){border-color:var(--ui-accent)} :where(.gg-calculator) .gg-connected-tabs .achievement-grid small{margin-left:auto;color:#90bdcb;white-space:nowrap} :where(.gg-calculator) .gg-connected-tabs .achievement-grid label[hidden]{display:none} :where(.gg-calculator) .gg-connected-tabs .gg-picker-option[hidden]{display:none} :where(.gg-calculator) .gg-connected-tabs .choice-search{width:100%;min-height:44px;margin:0 0 10px;padding:10px 12px;background:var(--ui-control-bg);border:1px solid var(--ui-control-border);border-radius:8px;color:var(--ui-control-text);font:12px Ubuntu,sans-serif} :where(.gg-calculator) .gg-connected-tabs .preference-note{color:var(--ui-control-muted);font-size:12px;line-height:1.6;margin:20px 0 0} :where(.gg-calculator) .gg-connected-tabs .progress-select .gg-context-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} :where(.gg-calculator) .gg-connected-tabs .progress-select .gg-context-field{display:block} :where(.gg-calculator) .gg-connected-tabs .progress-select .gg-picker-trigger{height:44px;min-height:44px} :where(.gg-calculator) .gg-connected-tabs .objective-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;color:#86aebb} :where(.gg-calculator) .gg-connected-tabs .objective-icon svg{width:32px;height:32px} :where(.gg-calculator) .gg-connected-tabs .gg-order-climb .objective-icon{width:38px;height:38px} :where(.gg-calculator) .gg-connected-tabs .gg-order-climb .objective-icon svg{width:24px;height:24px} :where(.gg-calculator) .gg-connected-tabs .rating-plate{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:32px;padding:4px;color:var(--rating-color,#ac74ed);border-left:3px solid currentColor;font:bold 11px Ubuntu,sans-serif;background:var(--ui-control-bg)} :where(.gg-calculator) .gg-connected-tabs .gg-tier-button .rating-plate{font-size:9px;min-width:0;width:100%} :where(.gg-calculator) .gg-connected-tabs[data-game="league-of-legends"] .gg-tier-button img{width:54px;height:54px;max-width:none} :where(.gg-calculator) .gg-connected-tabs .gg-climb-track::before,:where(.gg-calculator) .gg-connected-tabs .gg-climb-track::after{box-sizing:content-box} :where(.gg-calculator) .gg-connected-tabs[data-game="league-of-legends"] .gg-climb-end img{width:64px;height:64px} /* Overwatch PNG canvases have very different transparent insets. Normalize the visible art, not the file box; the lower tip sits on a shared baseline. Upper-tier wings grow naturally while the button/hit target stays fixed. */ :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button{--ow-rank-unit:44px} :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button[data-rank="bronze"]{--ow-rank-scale:.745011;--ow-rank-offset:.10643} :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button[data-rank="silver"]{--ow-rank-scale:.964258;--ow-rank-offset:-.03714} :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button[data-rank="gold"]{--ow-rank-scale:.913319;--ow-rank-offset:-.01216} :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button[data-rank="platinum"]{--ow-rank-scale:.962526;--ow-rank-offset:-.03626} :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button[data-rank="emerald"]{--ow-rank-scale:1.038961;--ow-rank-offset:-.06169} :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button[data-rank="diamond"]{--ow-rank-scale:.973765;--ow-rank-offset:-.02945} :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button[data-rank="master"]{--ow-rank-scale:1.084906;--ow-rank-offset:-.02515} :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button[data-rank="grandmaster"]{--ow-rank-scale:1.188811;--ow-rank-offset:.03555} :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button[data-rank="champion"]{--ow-rank-scale:1.264091;--ow-rank-offset:-.00386} :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button[data-rank]:not([data-rank="unranked"]) img{position:relative;top:calc(var(--ow-rank-unit) * var(--ow-rank-offset));width:calc(var(--ow-rank-unit) * var(--ow-rank-scale));height:calc(var(--ow-rank-unit) * var(--ow-rank-scale));max-width:none;max-height:none} :where(.gg-calculator) .gg-connected-tabs[data-game="lol-classic"] .rating-plate{text-transform:capitalize} :where(.gg-calculator) .gg-connected-tabs .calculator-addon{border-bottom:1px solid rgba(255,255,255,.055)} :where(.gg-calculator) .gg-connected-tabs .calculator-addon:last-child{border-bottom:0} :where(.gg-calculator) .gg-connected-tabs .calculator-addon .gg-extra-row{border-bottom:0} :where(.gg-calculator) .gg-connected-tabs .addon-details{padding:0 0 18px 41px;display:grid;gap:12px} :where(.gg-calculator) .gg-connected-tabs .addon-details[hidden],:where(.gg-calculator) .gg-connected-tabs .configuration-review[hidden]{display:none} :where(.gg-calculator) .gg-connected-tabs .addon-details .gg-context-field{display:grid;gap:8px;font-size:11px;color:#c3cad2} :where(.gg-calculator) .gg-connected-tabs .addon-details select,:where(.gg-calculator) .gg-connected-tabs .addon-details input,:where(.gg-calculator) .gg-connected-tabs .checkout-field select{width:100%;min-height:44px;padding:10px 12px;color:var(--ui-control-text);background:var(--ui-control-bg);border:1px solid var(--ui-control-border);border-radius:8px;font:12px Ubuntu,sans-serif;color-scheme:dark} :where(.gg-calculator) .gg-connected-tabs .addon-details .achievement-grid{grid-template-columns:1fr;max-height:240px;overflow:auto} :where(.gg-calculator) .gg-connected-tabs .checkout-field{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)} :where(.gg-calculator) .gg-connected-tabs .checkout-field .gg-context-field{display:grid;gap:12px;font-size:12px;color:#e1e2e8} :where(.gg-calculator) .gg-connected-tabs .field-note{font-size:11px;color:var(--ui-control-muted);line-height:1.6;max-width:280px} :where(.gg-calculator) .gg-connected-tabs .configuration-review{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#b0bac6;line-height:1.6} :where(.gg-calculator) .gg-connected-tabs .configuration-review h3{color:#fff;font-size:14px} :where(.gg-calculator) .gg-connected-tabs .calculator-addon.is-unavailable .gg-extra-row{opacity:.4} :where(.gg-calculator) .gg-connected-tabs .gg-sticky-estimate{display:none} :where(.gg-calculator) .gg-connected-tabs .gg-access-body{line-height:1.55} @media(max-width:1320px){:where(.gg-calculator) #configure:has(.gg-connected-tabs){width:calc(100% - 32px)}} @media(max-width:720px){ :where(.gg-calculator) .gg-connected-tabs[data-game="overwatch"] .gg-tier-button{--ow-rank-unit:40px} :where(.gg-calculator) #configure:has(.gg-connected-tabs){width:calc(100% - 24px)} :where(.gg-calculator) .gg-connected-tabs .gg-tier-grid{grid-template-columns:repeat(auto-fit,58px)} :where(.gg-calculator) .gg-connected-tabs .rank-subcontrols .gg-division-grid{grid-template-columns:repeat(auto-fit,58px);min-height:58px} :where(.gg-calculator) .gg-connected-tabs .achievement-grid{grid-template-columns:1fr} :where(.gg-calculator) .gg-connected-tabs .gg-sticky-estimate{display:flex} :where(.gg-calculator) .gg-connected-tabs .gg-config-heading h2{max-width:100%;overflow-wrap:anywhere} :where(.gg-calculator) .gg-connected-tabs .gg-checkout .gg-order-climb{margin-top:20px} } /* Valorant services reuse the approved full-width hero and calculator geometry. Unlayered catalogue heading/container rules must not override service-ui.css. */ :where(.gg-calculator) .valorant-service-page .gg-hero-caption h1{font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:-.04em;line-height:1;margin:0 0 16px} :where(.gg-calculator) .valorant-service-page #configure.gg-workspace{width:100%;margin-inline:0} /* Opt-in game banners share the existing Valorant hero/overlap, without changing any protected Valorant markup or calculator controls. */ :where(.gg-calculator) .artwork-service-page .gg-hero-caption h1{font-weight:700;color:#fff;letter-spacing:-.04em;line-height:1;margin:0 0 16px;white-space:normal} :where(.gg-calculator) .artwork-service-page #configure.gg-workspace{width:100%;margin-inline:0} /* Artwork fits the approved fixed-height shell, never the other way round. Contain protects the full composition at intermediate viewport widths. */ :where(.gg-calculator) .artwork-service-page .gg-hero::before{background-size:contain;background-position:center top} @media(min-width:721px){ /* Anchor the painted ensemble to the right and to the calculator baseline. The modest extra scale uses the export's empty margins, not a cover crop. Fade at the displayed right edge, not at the old inner padded boundary. */ :where(.gg-calculator) .artwork-service-page .gg-hero::before{width:min(calc(clamp(330px,23vw,360px) * 4),100%);left:50%;background-size:auto calc(100% + 60px);background-position:calc(50% + clamp(76px,12vw - 20px,160px)) 8px;mask-image:linear-gradient(90deg,transparent,#000 38%,#000 90%,transparent)} } @media(min-width:721px) and (max-width:1100px){ /* On tablets, scale the full ensemble to the available width, then align its lower silhouette (68% of export height) to the same calculator baseline. */ :where(.gg-calculator) .artwork-service-page .gg-hero::before{--hero-art-height:clamp(250px,calc((100vw + 265px)/4),345px);--hero-art-top:calc(330px - 64px - var(--hero-art-height)*.68 + 8px);background-size:auto var(--hero-art-height);background-position:calc(50% + clamp(0px,calc((100vw - 768px)*.12),40px) - 12px) var(--hero-art-top);mask-image:linear-gradient(90deg,transparent,#000 38%,#000 90%,transparent),linear-gradient(180deg,transparent var(--hero-art-top),#000 calc(var(--hero-art-top) + 24px),#000);mask-composite:intersect} } /* Without a rank journey, leave breathing room between the heading and fields. Rank Boost has a journey between these siblings and is unaffected. */ :where(.gg-calculator) .gg-boost-page[data-game="valorant"] .gg-config-heading + .gg-rank-pickers{margin-top:24px} /* Service-specific titles can be longer than the old generic heading. Let them wrap on small screens without resizing the artwork or calculator. */ @media(max-width:720px){ :where(.gg-calculator) .gg-boost-page[data-game="valorant"] .gg-hero-caption h1{white-space:normal} /* More specific than the later generic mobile-shell cover fallback. */ :where(.gg-calculator) .gg-boost-page.artwork-service-page .gg-hero::before{background-image:var(--service-hero-mobile-image,var(--service-hero-image));background-size:contain;background-position:center top} } /* Reference geometry: site-tooltip.css */ :where(.gg-calculator) .gg-floating-help { position: fixed; z-index: 10000; box-sizing: border-box; max-width: min(280px, calc(100vw - 24px)); padding: 8px 12px; border: 1px solid var(--tooltip-accent, #485b68); border-radius: 8px; background: linear-gradient(145deg, color-mix(in srgb, var(--tooltip-accent, #485b68) 10%, #18212b), #111720); color: #eef1f3; box-shadow: 0 8px 24px #0007, 0 0 14px color-mix(in srgb, var(--tooltip-accent, #485b68) 24%, transparent), inset 0 1px 0 #ffffff06; font: 500 12px/1.45 Roboto, Arial, sans-serif; text-align: center; overflow-wrap: anywhere; pointer-events: auto; } :where(.gg-calculator) .gg-floating-help[hidden] { display: none; } /* Reference geometry: mobile-calculator-shell.css */ :where(.gg-calculator) .gg-inline-estimate{display:none} @media(max-width:720px){ /* Fixed checkout controls must remain visible outside the hero/form section. */ :where(.gg-calculator) .gg-boost-page{overflow:visible} /* Artwork stays behind the copy, not above the calculator in a tall image slot. */ :where(.gg-calculator) .gg-boost-page .gg-hero{height:auto;min-height:0;padding:24px 0 28px;overflow:hidden} :where(.gg-calculator) .gg-boost-page .gg-hero-frame{height:auto} :where(.gg-calculator) .gg-boost-page .gg-hero-caption{position:relative;top:auto;bottom:auto;transform:none;max-width:none;width:100%} :where(.gg-calculator) .gg-boost-page .gg-hero-caption h1{font-size:26px;line-height:1.12;margin:0 0 10px} :where(.gg-calculator) .gg-boost-page .gg-hero-caption p{max-width:100%;margin:0;font-size:.875rem;line-height:1.5} :where(.gg-calculator) .gg-boost-page .gg-hero::before{inset:0;width:100%;height:100%;transform:none;background-size:cover;background-position:65% center;opacity:.42} :where(.gg-calculator) .gg-boost-page .gg-hero-overlay{background:linear-gradient(90deg,rgba(7,9,20,.75),rgba(7,9,20,.3)),linear-gradient(0deg,#070914,transparent 70%)} :where(.gg-calculator) .gg-boost-page .gg-workspace{margin-top:0;z-index:5} /* Readable mobile labels; rem sizes also respect a larger root font setting. */ :where(.gg-calculator) .gg-estimator .gg-config-heading h2{max-width:100%} :where(.gg-calculator) .gg-estimator .gg-rating-caption, :where(.gg-calculator) .gg-estimator .gg-rating-caption>label, :where(.gg-calculator) .gg-estimator .gg-rating-fields legend, :where(.gg-calculator) .gg-estimator .gg-context-caption{font-size:.875rem;line-height:1.4} :where(.gg-calculator) .gg-estimator .gg-picker-trigger, :where(.gg-calculator) .gg-estimator .gg-picker-value, :where(.gg-calculator) .gg-picker-popup .gg-picker-label{font-size:.875rem;line-height:1.4} :where(.gg-calculator) .gg-estimator .gg-estimate-total>div>span{font-size:.75rem;line-height:1.4} :where(.gg-calculator) .gg-estimator .gg-climb-end strong{font-size:.8125rem;line-height:1.3} :where(.gg-calculator) .gg-estimator .gg-rating-bands label>span{font-size:.8125rem;line-height:1.3;min-height:44px;padding-inline:2px} :where(.gg-calculator) .gg-estimator .gg-climb-preview{grid-template-columns:minmax(0,max-content) minmax(18px,1fr) minmax(0,max-content)} :where(.gg-calculator) .gg-estimator [data-service-tabs], :where(.gg-calculator) .gg-estimator [data-service-tabs][aria-label="Valorant services"]{--service-tab-width:max(108px,calc((100% - 24px) / var(--service-count)));overflow-x:auto;overflow-y:hidden} :where(.gg-calculator) .gg-estimator [data-service-tabs] .gg-service-tab strong{font-size:.8125rem;line-height:1.3} :where(.gg-calculator) .gg-estimator .gg-sticky-estimate,:where(.gg-calculator) .gg-estimator .gg-inline-estimate{display:grid;grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:8px 12px;align-items:center} :where(.gg-calculator) .gg-estimator .gg-sticky-estimate{padding:8px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(12,16,24,.97)} :where(.gg-calculator) .gg-estimator .gg-sticky-estimate.gg-past-inline{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)} :where(.gg-calculator) .gg-estimator .gg-sticky-estimate:is(.gg-inline-visible,.gg-drawer-open){opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100%)} /* The old 94px footer reserve belonged to the previous mobile order layout. */ :where(.gg-calculator) .gg-estimator .gg-config-surface{padding-bottom:24px} :where(.gg-calculator) .gg-estimator .gg-config-surface .gg-form-status:empty{display:none} /* Mode, add-ons, checkout fields and ETA are part of the mobile form, not choices discoverable only after opening the order drawer. The original aside stays intact for engine selectors and drawer review. */ :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open){position:relative;inset:auto;z-index:auto;width:100%;max-height:none;margin:20px 0 0;padding:20px 16px;overflow:visible;visibility:visible;transform:none;transition:none;box-shadow:none} :where(.gg-calculator) .gg-estimator .gg-checkout.gg-mobile-open{top:auto;margin:0} :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open) .gg-checkout-close, :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open) .gg-order-climb, :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open) .gg-order-objective, :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open) .gg-estimate-total>div:first-child, :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open) .gg-review-button, :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open) .gg-checkout-notes, :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open) .configuration-review{display:none} :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open) .gg-checkout-heading{padding-right:0} :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open) .gg-checkout-heading h2{font-size:20px} :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open) .gg-estimate-total{margin-bottom:0;padding-bottom:0;justify-content:flex-start} :where(.gg-calculator) .gg-estimator .gg-checkout:not(.gg-mobile-open) .gg-estimate-total>div:last-child{text-align:left} :where(.gg-calculator) .gg-estimator .gg-checkout .gg-extra-label, :where(.gg-calculator) .gg-estimator .gg-checkout .gg-play-choice strong{font-size:.875rem;line-height:1.4} :where(.gg-calculator) .gg-estimator .gg-checkout .gg-extra-label{white-space:normal;overflow:visible;text-overflow:clip} :where(.gg-calculator) .gg-estimator .gg-checkout .gg-extra-row{gap:8px;min-height:64px;padding-block:8px} :where(.gg-calculator) .gg-estimator .gg-checkout .gg-extra-controls{gap:6px} :where(.gg-calculator) .gg-estimator .gg-checkout .gg-play-choice small{font-size:.75rem;line-height:1.4} :where(.gg-calculator) .gg-estimator .gg-checkout .gg-estimate-total output:not([data-role="price"]):not([data-uc-price]){font-size:1rem} :where(.gg-calculator) .gg-estimator .gg-inline-estimate{position:relative;padding:14px;margin-top:20px;border:1px solid #303945;border-radius:12px;background:#10151e} :where(.gg-calculator) .gg-compact-climb{grid-column:1/-1;min-width:0} :where(.gg-calculator) .gg-estimator .gg-compact-climb .gg-order-climb{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0;padding:0;min-height:22px;border:0;background:transparent} :where(.gg-calculator) .gg-estimator .gg-compact-climb .gg-order-climb>div{display:flex;align-items:center;gap:5px;min-width:0} :where(.gg-calculator) .gg-estimator .gg-compact-climb .gg-order-climb>div:last-child{flex-direction:row-reverse} :where(.gg-calculator) .gg-estimator .gg-compact-climb .gg-order-climb>span{display:flex;flex:0 0 20px;width:20px;height:20px;align-items:center;justify-content:center;align-self:center;margin:0;padding:0;border:0;border-radius:0;background:none;line-height:1} :where(.gg-calculator) .gg-estimator .gg-compact-climb .gg-order-climb>div>span{margin:0} :where(.gg-calculator) .gg-estimator .gg-compact-climb :is(img,.rating-plate,.objective-icon){width:20px;height:20px;min-width:20px;object-fit:contain} :where(.gg-calculator) .gg-estimator .gg-compact-climb :is(small){display:none} /* Fixed and inline panels must have the same label treatment. The legacy fixed bar uppercases spans; the inline panel did not inherit that rule. */ :where(.gg-calculator) .gg-estimator :is(.gg-sticky-estimate,.gg-inline-estimate) .gg-compact-climb strong{font-size:.8125rem;line-height:1.3;text-transform:uppercase;letter-spacing:.02em} :where(.gg-calculator) .gg-estimator .gg-compact-climb svg{width:16px;height:16px} :where(.gg-calculator) .gg-estimator .gg-compact-climb .gg-order-objective{margin:0;padding:0;border:0;min-height:0;background:none;text-align:left;font-size:11px} :where(.gg-calculator) .gg-compact-total{display:flex;flex-direction:column;min-width:76px} :where(.gg-calculator) .gg-estimator :is(.gg-sticky-estimate,.gg-inline-estimate) .gg-compact-total>span{font-size:.75rem;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;color:#9ba4b2} :where(.gg-calculator) .gg-estimator .gg-compact-total output{font-size:23px;font-weight:700;line-height:1.1;color:#fff} :where(.gg-calculator) .gg-estimator :is(.gg-sticky-estimate,.gg-inline-estimate)>button{width:100%;margin:0;min-height:44px;border-radius:10px;border:1px solid #658797;background:linear-gradient(180deg,#263d47,#1b2a33);color:#fff;font-size:14px;cursor:pointer} :where(.gg-calculator) .gg-estimator :is(.gg-sticky-estimate,.gg-inline-estimate)>button:focus-visible{outline:2px solid #9ed8e7;outline-offset:3px} :where(.gg-calculator) .gg-estimator :is(.gg-sticky-estimate,.gg-inline-estimate)>button:hover{background:#304b56} } @media(max-width:380px){ /* Keep long free/recommended badges from stealing the label's width. */ :where(.gg-calculator) .gg-estimator .gg-checkout .gg-extra-row{grid-template-columns:24px minmax(0,1fr) 40px;column-gap:8px;row-gap:4px} :where(.gg-calculator) .gg-estimator .gg-checkout .gg-extra-icon{grid-column:1;grid-row:1 / span 2;width:24px} :where(.gg-calculator) .gg-estimator .gg-checkout .gg-extra-copy{grid-column:2;grid-row:1} :where(.gg-calculator) .gg-estimator .gg-checkout .gg-extra-controls{display:contents} :where(.gg-calculator) .gg-estimator .gg-checkout .gg-extra-price{grid-column:2;grid-row:2;justify-self:start} :where(.gg-calculator) .gg-estimator .gg-checkout .gg-extra-toggle{grid-column:3;grid-row:1 / span 2} } /* Reference geometry: service-ui.css */ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:where(.gg-calculator),:where(.gg-calculator){--rank-current-accent:#9ba3b1;--rank-target-accent:#d9823b;--rank-current-h:218.18;--rank-current-s:12.36%;--rank-current-l:65.1%;--rank-target-h:25.96;--rank-target-s:70.95%;--rank-target-l:52.75%;--ui-accent:#3d9cbc}:where(.gg-calculator) *,:where(.gg-calculator) :before,:where(.gg-calculator) :after,:where(.gg-calculator) ::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:where(.gg-calculator),:where(.gg-calculator){--ease-in:cubic-bezier(.4, 0, 1, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer components{:where(.gg-calculator) .gg-boost-page{--ui-bg:#070a18;--ui-surface:#0d1227;--ui-surface-raised:#111832;--ui-line:#2a314d;--ui-checkout-border:#ffffff1f;--ui-text:#f7f8ff;--ui-muted:#929bb8;--ui-panel-radius:12px;--ui-control-radius:8px;--ui-control-bg:#15181d;--ui-control-bg-hover:#181c21;--ui-control-border:#30363d;--ui-control-border-hover:#414950;--ui-control-text:#eef1f3;--ui-control-muted:#89949d;--ui-control-shadow:inset 0 1px 0 #ffffff06;--ui-menu-bg:#101216;--ui-menu-raised:var(--ui-control-bg);--ui-menu-border:var(--ui-control-border);--ui-menu-hover:#191d22;--ui-menu-selected:#172329;--ui-accent:#3d9cbc;--ui-panel-surface:linear-gradient(165deg, #141522, #0d0e16 72%);--rank-current-accent:#4aa6bd;--rank-target-accent:#4aa6bd;--service-tab-surface-start:#141522;--service-tab-surface-end:#141522;color:var(--ui-text);background:var(--ui-bg);padding-top:0;transition:--ui-accent .28s cubic-bezier(.22,1,.36,1);overflow:clip}:where(.gg-calculator) .gg-sr-only{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}:where(.gg-calculator) .gg-hero{z-index:1;isolation:isolate;background:#070914;border:0;border-radius:0;width:100%;height:clamp(330px,23vw,360px);min-height:330px;margin:0;position:relative;overflow:visible}:where(.gg-calculator) .gg-hero:before,:where(.gg-calculator) .gg-hero-overlay{content:"";width:100%;height:100%;position:absolute;inset:0}:where(.gg-calculator) .gg-hero:before{background-image:var(--service-hero-image);filter:saturate(.86)contrast(1.04);background-position:top;background-repeat:no-repeat;background-size:auto 100%;width:calc(4*clamp(330px,23vw,360px));inset:0 auto auto calc(50% + 60px);transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}:where(.gg-calculator) .gg-hero-overlay{z-index:1;background:linear-gradient(90deg, #070914 0%, #070914f5 25%, #07091459 56%, #07091414 78%, #07091457 100%), linear-gradient(180deg, #07091405 calc(42% + var(--hero-fade-offset,0px)), #070914b8 calc(78% + var(--hero-fade-offset,0px)), #070914 calc(92% + var(--hero-fade-offset,0px)), #070914 100%)}:where(.gg-calculator) .gg-hero-frame{z-index:2;width:min(1500px,100% - 48px);height:100%;margin:0 auto;display:block;position:relative}:where(.gg-calculator) .gg-hero-caption{width:min(720px,58%);position:absolute;top:calc(50% - 32px);left:0;transform:translateY(-50%)}:where(.gg-calculator) .gg-hero-caption h1,:where(.gg-calculator) .gg-config-surface h2,:where(.gg-calculator) .gg-checkout h2{font-family:Trajan,Ubuntu,sans-serif}:where(.gg-calculator) .gg-hero-caption h1{text-transform:uppercase;white-space:nowrap;color:#fff;letter-spacing:-.04em;text-shadow:0 10px 34px #0000007a;margin:0 0 16px;font-size:clamp(28px,3.6vw,58px);line-height:1}:where(.gg-calculator) .gg-hero-caption p{color:#c3cad5;max-width:540px;margin:0;font-size:14px;line-height:1.65}@keyframes service-hero-rank-idle{0%,7%{color:#5f6d78;filter:drop-shadow(0 0 #0000)}20%,60%{color:#8ed8e7;filter:drop-shadow(0 0 4px #5bbed36b)}72%,to{color:#5f6d78;filter:drop-shadow(0 0 #0000)}}@keyframes service-hero-rank-charge{0%{color:#5f6d78;filter:drop-shadow(0 0 #0000)}to{color:#8ed8e7;filter:drop-shadow(0 0 4px #5bbed38c)}}:where(.gg-calculator) .gg-service-tabs{--service-tab-width:178px;box-sizing:border-box;z-index:3;grid-template-columns:repeat(2, var(--service-tab-width));width:100%;height:52px;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;gap:0;margin:0 0 -1px;padding:0;display:grid;bottom:auto;left:auto;background:0 0!important;position:relative!important}:where(.gg-calculator) .gg-service-tabs:after{content:"";right:var(--ui-panel-radius);bottom:0;left:calc(var(--service-tab-width) + 11px);z-index:4;background:linear-gradient(90deg, var(--rank-current-accent) 0%, var(--rank-target-accent) 100%);pointer-events:none;height:1px;position:absolute}:where(.gg-calculator) .gg-service-tab{z-index:1;box-sizing:border-box;color:#7f8998;border:1px solid #0000;border-bottom:0;border-radius:10px 10px 0 0;justify-content:center;align-self:end;align-items:center;gap:0;width:auto;min-width:0;height:44px;min-height:0;margin-bottom:1px;text-decoration:none;transition:height .18s cubic-bezier(.22,1,.36,1),margin-bottom .18s cubic-bezier(.22,1,.36,1),color .16s,background-color .18s,border-color .18s;display:flex;position:relative;background-color:#0d0f14!important}:where(.gg-calculator) .gg-service-tab:hover,:where(.gg-calculator) .gg-service-tab:focus-visible{color:#eef3f6;background-color:#11151b!important}:where(.gg-calculator) .gg-service-tab:not(.active):hover,:where(.gg-calculator) .gg-service-tab:not(.active):focus-visible{z-index:1;color:#7f8998;border-color:var(--ui-checkout-border);border-bottom-color:#0000;height:46px;margin-bottom:1px;background-color:#0d0f14!important}:where(.gg-calculator) .gg-service-tab:focus-visible{outline-offset:2px;outline:2px solid #5a9eb0}:where(.gg-calculator) .gg-service-tab.active{z-index:2;isolation:isolate;color:#fff;border:1px solid var(--rank-current-accent);height:52px;box-shadow:none;border-bottom:0;margin-bottom:0;transition:height .18s cubic-bezier(.22,1,.36,1),margin-bottom .18s cubic-bezier(.22,1,.36,1),color .16s;background:linear-gradient(90deg, var(--service-tab-surface-start), var(--service-tab-surface-end))!important}:where(.gg-calculator) .gg-service-tab.active:before,:where(.gg-calculator) .gg-service-tab.active:after{content:"";z-index:0;box-sizing:border-box;pointer-events:none;background:0 0;width:12px;height:12px;transition:opacity .12s;position:absolute;bottom:0}:where(.gg-calculator) .gg-service-tab.active:before{border-right:1px solid var(--rank-current-accent);border-bottom:1px solid var(--rank-current-accent);box-shadow:6px 6px 0 5px var(--service-tab-surface-start);border-bottom-right-radius:12px;left:-12px}:where(.gg-calculator) .gg-service-tab:first-child.active:before{display:none}:where(.gg-calculator) .gg-service-tab.active:after{border-left:1px solid var(--rank-current-accent);border-bottom:1px solid var(--rank-current-accent);box-shadow:-6px 6px 0 5px var(--service-tab-surface-end);border-bottom-left-radius:12px;right:-12px}:where(.gg-calculator) .gg-service-tab strong{z-index:1;font-size:12px;line-height:1.2;position:relative}:where(.gg-calculator) .gg-workspace{z-index:0;box-sizing:border-box;background:#070914;width:100%;max-width:none;margin:0;padding:8px 24px 64px;position:relative}:where(.gg-calculator) .gg-workspace-frame{width:min(1500px,100%);margin:0 auto}@media (min-width:721px){:where(.gg-calculator) .gg-hero:before{top:calc(30px - clamp(24px,1.6vw,30px))}:where(.gg-calculator) .gg-hero-overlay{--hero-fade-offset:30px}:where(.gg-calculator) .gg-workspace{z-index:2;background:linear-gradient(#0000,#070914 64px);margin-top:-64px}}:where(.gg-calculator) .gg-configurator{min-width:0}:where(.gg-calculator) .gg-workspace:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 27% 10%,#364c5b1a,#0000 31%),radial-gradient(circle at 72% 12%,#462d2513,#0000 28%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0 48px,#000 190px);mask-image:linear-gradient(#0000 0 48px,#000 190px)}:where(.gg-calculator) .gg-estimator{--rank-current-accent:hsl(var(--rank-current-h) var(--rank-current-s) var(--rank-current-l));--rank-target-accent:hsl(var(--rank-target-h) var(--rank-target-s) var(--rank-target-l));z-index:1;grid-template-columns:minmax(0,1fr) minmax(420px,440px);align-items:start;gap:24px;width:100%;margin:0;transition:--rank-current-h .22s cubic-bezier(.22,1,.36,1),--rank-current-s .22s cubic-bezier(.22,1,.36,1),--rank-current-l .22s cubic-bezier(.22,1,.36,1),--rank-target-h .22s cubic-bezier(.22,1,.36,1),--rank-target-s .22s cubic-bezier(.22,1,.36,1),--rank-target-l .22s cubic-bezier(.22,1,.36,1);display:grid;position:relative}:where(.gg-calculator) .gg-config-surface,:where(.gg-calculator) .gg-checkout{box-sizing:border-box;background:var(--ui-panel-surface);border:1px solid var(--ui-line);border-radius:var(--ui-panel-radius);min-width:0;box-shadow:0 22px 58px #00000047}:where(.gg-calculator) .gg-config-surface{--calculator-padding:clamp(22px, 3vw, 36px);padding:var(--calculator-padding);background:var(--ui-panel-surface);border-color:var(--ui-line);position:relative;overflow:visible;box-shadow:0 22px 58px #00000047}:where(.gg-calculator) .gg-configurator>.gg-config-surface{border-radius:0 var(--ui-panel-radius) var(--ui-panel-radius) var(--ui-panel-radius);border-top-color:#0000}:where(.gg-calculator) .gg-rank-stage{margin:calc(-1 * var(--calculator-padding) - 1px) calc(-1 * var(--calculator-padding) - 1px) 0;padding:calc(var(--calculator-padding) + 1px) calc(var(--calculator-padding) + 1px) 0;border-radius:0 var(--ui-panel-radius) 0 0;background:radial-gradient(ellipse 72% 82% at 0% 12%, var(--rank-current-accent) 0%, transparent 100%), radial-gradient(ellipse 72% 82% at 100% 12%, var(--rank-target-accent) 0%, transparent 100%);position:relative}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-rank-stage{background:radial-gradient(ellipse 72% 82% at 0% 12%, color-mix(in srgb, var(--rank-current-accent) 13%, transparent) 0%, transparent 100%), radial-gradient(ellipse 72% 82% at 100% 12%, color-mix(in srgb, var(--rank-target-accent) 13%, transparent) 0%, transparent 100%)}}:where(.gg-calculator) .gg-rank-stage{isolation:isolate}:where(.gg-calculator) .gg-rank-stage:before{content:"";z-index:2;background:linear-gradient(180deg, var(--rank-current-accent) 0 72%, var(--ui-line) 100%);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:0}:where(.gg-calculator) .gg-rank-stage:after{content:"";z-index:2;width:var(--ui-panel-radius);box-sizing:border-box;background:linear-gradient(180deg, var(--rank-target-accent) 0 72%, var(--ui-line) 100%) right top / 1px 100% no-repeat;border-top:1px solid var(--rank-target-accent);border-top-right-radius:var(--ui-panel-radius);pointer-events:none;border-right:0;position:absolute;top:0;bottom:0;right:0}:where(.gg-calculator) .gg-config-surface:not([data-current-rank]){background:var(--ui-panel-surface) padding-box, linear-gradient(115deg, var(--ui-accent), var(--ui-accent)) border-box}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-config-surface:not([data-current-rank]){background:var(--ui-panel-surface) padding-box, linear-gradient(115deg, color-mix(in srgb, var(--ui-accent) 42%, var(--ui-line)), var(--ui-accent)) border-box}}:where(.gg-calculator) .gg-config-surface:not([data-current-rank]){box-shadow:0 22px 58px #00000047, 0 0 36px var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-config-surface:not([data-current-rank]){box-shadow:0 22px 58px #00000047, 0 0 36px color-mix(in srgb, var(--ui-accent) 7%, transparent)}}:where(.gg-calculator) .gg-estimator[data-current-rank]{--service-tab-surface-start:var(--rank-current-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-estimator[data-current-rank]{--service-tab-surface-start:color-mix(in srgb, var(--rank-current-accent) 11%, #141522)}}:where(.gg-calculator) .gg-estimator[data-current-rank]{--service-tab-surface-end:var(--rank-current-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-estimator[data-current-rank]{--service-tab-surface-end:color-mix(in srgb, var(--rank-current-accent) 9%, #141522)}}:where(.gg-calculator) .gg-estimator[data-current-rank=iron]{--rank-current-h:218.18;--rank-current-s:12.36%;--rank-current-l:65.1%}:where(.gg-calculator) .gg-estimator[data-current-rank=bronze]{--rank-current-h:25.96;--rank-current-s:70.95%;--rank-current-l:52.75%}:where(.gg-calculator) .gg-estimator[data-current-rank=silver]{--rank-current-h:216.92;--rank-current-s:28.89%;--rank-current-l:91.18%}:where(.gg-calculator) .gg-estimator[data-current-rank=gold]{--rank-current-h:46.13;--rank-current-s:89.24%;--rank-current-l:56.27%}:where(.gg-calculator) .gg-estimator[data-current-rank=platinum]{--rank-current-h:183.05;--rank-current-s:73.44%;--rank-current-l:47.25%}:where(.gg-calculator) .gg-estimator[data-current-rank=diamond]{--rank-current-h:267.77;--rank-current-s:77.07%;--rank-current-l:69.22%}:where(.gg-calculator) .gg-estimator[data-current-rank=ascendant]{--rank-current-h:153.1;--rank-current-s:59.67%;--rank-current-l:52.35%}:where(.gg-calculator) .gg-estimator[data-current-rank=immortal]{--rank-current-h:352.65;--rank-current-s:82.12%;--rank-current-l:64.9%}:where(.gg-calculator) .gg-estimator[data-target-rank=iron]{--rank-target-h:218.18;--rank-target-s:12.36%;--rank-target-l:65.1%}:where(.gg-calculator) .gg-estimator[data-target-rank=bronze]{--rank-target-h:25.96;--rank-target-s:70.95%;--rank-target-l:52.75%}:where(.gg-calculator) .gg-estimator[data-target-rank=silver]{--rank-target-h:216.92;--rank-target-s:28.89%;--rank-target-l:91.18%}:where(.gg-calculator) .gg-estimator[data-target-rank=gold]{--rank-target-h:46.13;--rank-target-s:89.24%;--rank-target-l:56.27%}:where(.gg-calculator) .gg-estimator[data-target-rank=platinum]{--rank-target-h:183.05;--rank-target-s:73.44%;--rank-target-l:47.25%}:where(.gg-calculator) .gg-estimator[data-target-rank=diamond]{--rank-target-h:267.77;--rank-target-s:77.07%;--rank-target-l:69.22%}:where(.gg-calculator) .gg-estimator[data-target-rank=ascendant]{--rank-target-h:153.1;--rank-target-s:59.67%;--rank-target-l:52.35%}:where(.gg-calculator) .gg-estimator[data-target-rank=immortal]{--rank-target-h:352.65;--rank-target-s:82.12%;--rank-target-l:64.9%}:where(.gg-calculator) .gg-config-heading,:where(.gg-calculator) .gg-climb-preview,:where(.gg-calculator) .gg-rank-pickers,:where(.gg-calculator) .gg-rating-fields,:where(.gg-calculator) .gg-extra-fields,:where(.gg-calculator) .gg-field-grid{z-index:1;position:relative}:where(.gg-calculator) .gg-config-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}:where(.gg-calculator) .gg-config-heading h2{color:#fff;letter-spacing:-.02em;text-transform:capitalize;max-width:100%;margin:0;font-family:Ubuntu,sans-serif;font-size:clamp(22px,2.1vw,31px);line-height:1.15}@media (min-width:721px){:where(.gg-calculator) .gg-config-heading h2{white-space:nowrap;font-size:clamp(20px,1.6vw,30px)}}:where(.gg-calculator) .gg-config-heading>span{color:var(--ui-accent);flex:none;padding:9px 12px}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-config-heading>span{color:color-mix(in srgb, var(--ui-accent) 70%, #fff)}}:where(.gg-calculator) .gg-config-heading>span{background:var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-config-heading>span{background:color-mix(in srgb, var(--ui-accent) 8%, transparent)}}:where(.gg-calculator) .gg-config-heading>span{border:1px solid var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-config-heading>span{border:1px solid color-mix(in srgb, var(--ui-accent) 27%, transparent)}}:where(.gg-calculator) .gg-config-heading>span{border-radius:999px;font-size:10px;font-weight:800}:where(.gg-calculator) .gg-climb-preview{grid-template-columns:185px 1fr 185px;align-items:center;gap:15px;margin:31px 0 25px;display:grid}:where(.gg-calculator) .gg-climb-end{align-items:center;gap:10px;display:flex}:where(.gg-calculator) .gg-climb-end.target{text-align:right;justify-content:flex-end}:where(.gg-calculator) .gg-climb-end img{object-fit:contain;width:52px;height:52px;filter:drop-shadow(0 5px 10px #00000080) drop-shadow(0 0 12px var(--rank-current-accent))}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-climb-end img{filter:drop-shadow(0 5px 10px #00000080) drop-shadow(0 0 12px color-mix(in srgb, var(--rank-current-accent) 38%, transparent))}}:where(.gg-calculator) .gg-climb-end img{transition:filter .3s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1)}:where(.gg-calculator) .gg-climb-end.target img{filter:drop-shadow(0 5px 10px #00000080) drop-shadow(0 0 12px var(--rank-target-accent))}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-climb-end.target img{filter:drop-shadow(0 5px 10px #00000080) drop-shadow(0 0 12px color-mix(in srgb, var(--rank-target-accent) 38%, transparent))}}:where(.gg-calculator) .gg-order-climb small{color:#76819f;letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700;display:block}:where(.gg-calculator) .gg-climb-end strong{color:#fff;white-space:nowrap;font-size:13px}:where(.gg-calculator) .gg-climb-track{background:linear-gradient(90deg, var(--rank-current-accent), #757d9785 50%, var(--rank-target-accent));height:3px;box-shadow:0 0 12px var(--rank-current-accent), 0 0 12px var(--rank-target-accent);border-radius:999px;position:relative}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-climb-track{box-shadow:0 0 12px color-mix(in srgb, var(--rank-current-accent) 13%, transparent), 0 0 12px color-mix(in srgb, var(--rank-target-accent) 13%, transparent)}}:where(.gg-calculator) .gg-climb-track{transition:background .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}:where(.gg-calculator) .gg-climb-track:before,:where(.gg-calculator) .gg-climb-track:after{content:"";background:var(--rank-current-accent);border:3px solid #0d1227;border-radius:50%;width:9px;height:9px;transition:background-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;transform:translateY(-50%)}:where(.gg-calculator) .gg-climb-track:before{box-shadow:0 0 12px var(--rank-current-accent);left:0}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-climb-track:before{box-shadow:0 0 12px color-mix(in srgb, var(--rank-current-accent) 56%, transparent)}}:where(.gg-calculator) .gg-climb-track:after{background:var(--rank-target-accent);box-shadow:0 0 12px var(--rank-target-accent);right:0}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-climb-track:after{box-shadow:0 0 12px color-mix(in srgb, var(--rank-target-accent) 56%, transparent)}}:where(.gg-calculator) .gg-rank-state{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(.gg-calculator) .gg-rank-pickers{border-top:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:22px;padding-top:23px;padding-bottom:24px;display:grid}:where(.gg-calculator) .gg-tier-field{border:0;min-width:0;margin:0;padding:0}:where(.gg-calculator) .gg-tier-field>legend{color:#f0f2ff;letter-spacing:.01em;margin:0 0 14px;padding:0;font-size:15px;font-weight:800}:where(.gg-calculator) .gg-tier-grid{grid-template-columns:repeat(5,64px);align-items:start;gap:9px;display:grid}:where(.gg-calculator) .gg-tier-field{--rank-accent:#9ba3b1;--rank-rgb:155, 163, 177;--rank-tint:rgba(var(--rank-rgb), .16);--rank-glow:rgba(var(--rank-rgb), .3);--rank-active-bg:rgba(var(--rank-rgb), .12)}:where(.gg-calculator) .gg-tier-field[data-selected-rank=iron],:where(.gg-calculator) .gg-tier-button[data-rank=iron]{--rank-accent:#9ba3b1;--rank-rgb:155, 163, 177}:where(.gg-calculator) .gg-tier-field[data-selected-rank=bronze],:where(.gg-calculator) .gg-tier-button[data-rank=bronze]{--rank-accent:#dc7b31;--rank-rgb:220, 123, 49}:where(.gg-calculator) .gg-tier-field[data-selected-rank=silver],:where(.gg-calculator) .gg-tier-button[data-rank=silver]{--rank-accent:#e2e7ef;--rank-rgb:226, 231, 239}:where(.gg-calculator) .gg-tier-field[data-selected-rank=gold],:where(.gg-calculator) .gg-tier-button[data-rank=gold]{--rank-accent:#f3c52c;--rank-rgb:243, 197, 44}:where(.gg-calculator) .gg-tier-field[data-selected-rank=platinum],:where(.gg-calculator) .gg-tier-button[data-rank=platinum]{--rank-accent:#20c8d1;--rank-rgb:32, 200, 209}:where(.gg-calculator) .gg-tier-field[data-selected-rank=diamond],:where(.gg-calculator) .gg-tier-button[data-rank=diamond]{--rank-accent:#ac74ed;--rank-rgb:172, 116, 237}:where(.gg-calculator) .gg-tier-field[data-selected-rank=ascendant],:where(.gg-calculator) .gg-tier-button[data-rank=ascendant]{--rank-accent:#3dce8d;--rank-rgb:61, 206, 141}:where(.gg-calculator) .gg-tier-field[data-selected-rank=immortal],:where(.gg-calculator) .gg-tier-button[data-rank=immortal]{--rank-accent:#ef5c6e;--rank-rgb:239, 92, 110}:where(.gg-calculator) .gg-tier-button{--rank-tint:rgba(var(--rank-rgb), .17);--rank-glow:rgba(var(--rank-rgb), .32);--rank-active-bg:rgba(var(--rank-rgb), .13);appearance:none;color:#dce1f2;background-color:var(--ui-control-bg);border:1px solid var(--ui-control-border);width:64px;height:64px;box-shadow:var(--ui-control-shadow);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:color .22s cubic-bezier(.22,1,.36,1),background-color .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translateY(0)scale(1)}:where(.gg-calculator) .gg-tier-button:hover:not(:disabled),:where(.gg-calculator) .gg-tier-button:focus-visible:not(:disabled){color:#fff;background-color:rgba(var(--rank-rgb), .1);border-color:var(--rank-accent);box-shadow:inset 0 1px 0 #ffffff12, 0 11px 25px #0000004d, 0 0 19px var(--rank-glow);transform:translateY(-2px)scale(1.02)}:where(.gg-calculator) .gg-tier-button:focus-visible,:where(.gg-calculator) .gg-division-button:focus-visible{outline:2px solid var(--rank-accent);outline-offset:3px}:where(.gg-calculator) .gg-tier-button.active{color:#fff;background-color:var(--rank-active-bg);border-color:var(--rank-accent);box-shadow:inset 0 0 22px var(--rank-tint), 0 0 18px var(--rank-glow), 0 10px 24px #00000042}:where(.gg-calculator) .gg-tier-button:disabled{opacity:.26;cursor:default;filter:grayscale(.35)}:where(.gg-calculator) .gg-tier-button img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 9px #0000007a);width:44px;height:44px;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s cubic-bezier(.22,1,.36,1);transform:translateY(0)scale(1)}:where(.gg-calculator) .gg-tier-button:hover:not(:disabled) img,:where(.gg-calculator) .gg-tier-button:focus-visible:not(:disabled) img{filter:drop-shadow(0 7px 12px #00000085) drop-shadow(0 0 8px var(--rank-glow));transform:translateY(-1px)scale(1.08)}:where(.gg-calculator) .gg-division-grid{grid-template-columns:repeat(3,64px);gap:9px;height:64px;margin-top:12px;display:grid}:where(.gg-calculator) .gg-division-grid:empty{display:none}:where(.gg-calculator) .gg-immortal-field[hidden]{display:none!important}:where(.gg-calculator) .gg-rating-bands[hidden]{visibility:hidden;pointer-events:none;display:block!important}:where(.gg-calculator) .gg-immortal-field{width:min(224px,100%);height:64px;margin-top:12px}:where(.gg-calculator) .gg-immortal-field>label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(.gg-calculator) .gg-immortal-stepper{box-sizing:border-box;background-color:var(--ui-control-bg);border:1px solid var(--ui-control-border);border-radius:var(--ui-control-radius);height:64px;box-shadow:var(--ui-control-shadow);grid-template-columns:48px minmax(82px,1fr) 48px;display:grid;overflow:hidden}:where(.gg-calculator) .gg-immortal-stepper button{appearance:none;color:#d9def0;cursor:pointer;background:#ffffff06;border:0;padding:0;font:500 21px/1 Ubuntu,sans-serif;transition:color .18s,background-color .18s}:where(.gg-calculator) .gg-immortal-stepper button:first-child{border-right:1px solid var(--ui-control-border)}:where(.gg-calculator) .gg-immortal-stepper button:last-child{border-left:1px solid var(--ui-control-border)}:where(.gg-calculator) .gg-immortal-stepper button:hover,:where(.gg-calculator) .gg-immortal-stepper button:focus-visible{color:#fff;background:var(--ui-accent);outline:none}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-immortal-stepper button:hover,:where(.gg-calculator) .gg-immortal-stepper button:focus-visible{background:color-mix(in srgb, var(--ui-accent) 12%, transparent)}}:where(.gg-calculator) .gg-immortal-stepper>span{justify-content:center;align-items:center;display:flex}:where(.gg-calculator) .gg-immortal-stepper input{appearance:textfield;color:#fff;text-align:right;background:0 0;border:0;outline:0;width:58px;padding:0;font:800 15px/1 Ubuntu,sans-serif}:where(.gg-calculator) .gg-immortal-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}:where(.gg-calculator) .gg-immortal-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}:where(.gg-calculator) .gg-immortal-stepper small{color:var(--ui-accent);margin-left:5px;font-size:9px;font-weight:800}:where(.gg-calculator) .gg-climb-cue{height:18px;margin-top:6px;display:none;position:relative}:where(.gg-calculator) .gg-climb-cue:before{content:"";background:var(--ui-control-border-hover);width:1px;height:11px;position:absolute;top:0;left:50%}:where(.gg-calculator) .gg-climb-cue:after{content:"";border-right:1px solid var(--ui-control-border-hover);border-bottom:1px solid var(--ui-control-border-hover);width:8px;height:8px;position:absolute;top:6px;left:calc(50% - 4px);transform:rotate(45deg)}:where(.gg-calculator) .gg-rating-fields{background:var(--ui-panel);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin:0 -32px;padding:18px 32px;display:grid}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-rating-fields{background:color-mix(in srgb, var(--ui-panel) 78%, #070914)}}:where(.gg-calculator) .gg-rating-fields{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}:where(.gg-calculator) .gg-rating-bands{border:0;min-width:0;margin:0;padding:0}:where(.gg-calculator) .gg-rating-bands legend{color:#f0f2ff;margin:0 0 10px;font-size:12px;font-weight:800}:where(.gg-calculator) .gg-rating-bands legend{margin-bottom:0}:where(.gg-calculator) .gg-rating-bands>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}:where(.gg-calculator) .gg-rating-bands label{cursor:pointer;min-width:0}:where(.gg-calculator) .gg-rating-bands input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}:where(.gg-calculator) .gg-rating-bands label>span{color:#8f99b4;background:var(--ui-control-bg);border:1px solid var(--ui-control-border);border-radius:var(--ui-control-radius);min-height:42px;box-shadow:var(--ui-control-shadow);white-space:nowrap;place-items:center;padding:0 5px;font-size:9px;font-weight:800;transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s;display:grid}:where(.gg-calculator) .gg-rating-bands label:hover>span{color:#fff;border-color:var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-rating-bands label:hover>span{border-color:color-mix(in srgb, var(--ui-accent) 55%, var(--ui-control-border))}}:where(.gg-calculator) .gg-rating-bands input:checked+span{color:#fff;background:var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-rating-bands input:checked+span{background:color-mix(in srgb, var(--ui-accent) 12%, var(--ui-control-bg))}}:where(.gg-calculator) .gg-rating-bands input:checked+span{border-color:var(--ui-accent);box-shadow:inset 0 0 17px var(--ui-accent), 0 0 14px var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-rating-bands input:checked+span{box-shadow:inset 0 0 17px color-mix(in srgb, var(--ui-accent) 9%, transparent), 0 0 14px color-mix(in srgb, var(--ui-accent) 14%, transparent)}}:where(.gg-calculator) .gg-rating-bands input:focus-visible+span{outline:2px solid var(--ui-accent);outline-offset:2px}:where(.gg-calculator) .gg-rating-bands>small{color:#707b99;font-size:9px;line-height:1.4}:where(.gg-calculator) .gg-rating-bands>small{margin-top:8px;display:block}:where(.gg-calculator) .gg-rating-bands[hidden]+.progress-slider{grid-column:1/-1}:where(.gg-calculator) .gg-gain-field{min-width:0;position:relative}:where(.gg-calculator) .gg-rating-caption{align-items:center;gap:8px;margin-bottom:10px;line-height:16px;display:flex}:where(.gg-calculator) .gg-rating-caption>label{color:#f0f2ff;font-size:12px;font-weight:800}:where(.gg-calculator) .gg-gain-stepper{background:var(--ui-control-bg);border:1px solid var(--ui-control-border);border-radius:var(--ui-control-radius);grid-template-columns:42px minmax(0,1fr) 42px;max-width:240px;height:42px;display:grid}:where(.gg-calculator) .gg-gain-stepper>span{border-inline:1px solid var(--ui-control-border);justify-content:center;align-items:center;gap:5px;display:flex}:where(.gg-calculator) .gg-gain-stepper input{appearance:textfield;width:38px;color:var(--ui-control-text);text-align:center;background:0 0;border:0;padding:0;font-family:inherit;font-size:16px;font-weight:600;line-height:1}:where(.gg-calculator) .gg-gain-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}:where(.gg-calculator) .gg-gain-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}:where(.gg-calculator) .gg-gain-stepper small{color:#89949d;font-size:10px}:where(.gg-calculator) .gg-gain-stepper button{color:#c4d3da;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:20px;transition:background-color .16s,color .16s}:where(.gg-calculator) .gg-gain-stepper button:hover{color:#fff;background:#242c32}:where(.gg-calculator) .gg-gain-stepper button:focus-visible,:where(.gg-calculator) .gg-gain-stepper input:focus-visible{outline-offset:-3px;outline:2px solid #779aa8}:where(.gg-calculator) .gg-rating-fields .gg-help{position:relative}:where(.gg-calculator) .gg-rating-fields .gg-help-copy{width:min(280px,65vw);font-weight:400;top:calc(100% + 8px);left:0;right:auto;transform:translateY(0)}:where(.gg-calculator) .gg-rating-fields .gg-help-trigger[aria-expanded=true]+.gg-help-copy{opacity:1;visibility:visible}:where(.gg-calculator) .gg-rating-fields .gg-help-trigger:hover~.gg-help-copy,:where(.gg-calculator) .gg-rating-fields .gg-help-trigger:focus-visible~.gg-help-copy,:where(.gg-calculator) .gg-rating-fields .gg-help:hover .gg-help-copy,:where(.gg-calculator) .gg-rating-fields .gg-help:focus-within .gg-help-copy{transform:translateY(0)}:where(.gg-calculator) .gg-rating-fields:focus-within,:where(.gg-calculator) .gg-rating-fields:has(.gg-help:hover){z-index:3}:where(.gg-calculator) .gg-rating-bands[hidden]+.gg-gain-field{grid-column:2}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}:where(.gg-calculator) .gg-division-button{appearance:none;color:#adb5ba;background-color:var(--ui-control-bg);border:1px solid var(--ui-control-border);width:64px;height:64px;box-shadow:var(--ui-control-shadow);cursor:pointer;font-variant-numeric:tabular-nums;letter-spacing:1px;text-rendering:geometricprecision;border-radius:8px;padding:0;font:500 18px/1 Roboto,Segoe UI,Arial,sans-serif;transition:color .3s cubic-bezier(0,0,.2,1),background-color .3s cubic-bezier(0,0,.2,1),border-color .3s cubic-bezier(0,0,.2,1),box-shadow .3s cubic-bezier(0,0,.2,1),translate .3s cubic-bezier(0,0,.2,1);translate:0}:where(.gg-calculator) .gg-division-button:hover:not(:disabled),:where(.gg-calculator) .gg-division-button:focus-visible:not(:disabled){color:#fff;background-color:rgba(var(--rank-rgb), .1);border-color:var(--rank-accent);box-shadow:inset 0 1px 0 #ffffff12, 0 13px 28px -8px #000000b8, 0 0 19px var(--rank-glow);translate:0 -3px}:where(.gg-calculator) .gg-division-button.active{color:#fff;background-color:var(--rank-active-bg);border-color:var(--rank-accent);box-shadow:inset 0 0 22px var(--rank-tint), 0 0 18px var(--rank-glow), 0 10px 24px #00000042}:where(.gg-calculator) .gg-division-button:disabled{opacity:.26;cursor:default}:where(.gg-calculator) .gg-extra-fields,:where(.gg-calculator) .gg-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px;display:grid}:where(.gg-calculator) .gg-field-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:30px}:where(.gg-calculator) .gg-context-fields{gap:22px;margin-top:28px;padding-left:2px;padding-right:2px}:where(.gg-calculator) .gg-estimator[data-calculator-type=rank] .gg-context-fields{border-top:0;margin-top:0;padding-top:32px}:where(.gg-calculator) .gg-extra-fields .gg-context-field,:where(.gg-calculator) .gg-field-grid .gg-context-field{color:#aeb6ce;gap:12px;font-size:10px;display:grid}:where(.gg-calculator) .gg-context-fields .gg-context-caption{color:#c3cad2;letter-spacing:-.01em;padding-left:1px;font:700 12px/1.2 Ubuntu,sans-serif;display:block}:where(.gg-calculator) .gg-extra-fields .gg-context-field select,:where(.gg-calculator) .gg-extra-fields .gg-context-field input,:where(.gg-calculator) .gg-field-grid .gg-context-field select,:where(.gg-calculator) .gg-field-grid .gg-context-field input{height:44px;color:var(--ui-control-text);background:var(--ui-control-bg);border-color:var(--ui-control-border);border-radius:var(--ui-control-radius);box-shadow:var(--ui-control-shadow);font-size:12px}:where(.gg-calculator) .gg-extra-fields .gg-context-field select:focus,:where(.gg-calculator) .gg-field-grid .gg-context-field select:focus,:where(.gg-calculator) .gg-field-grid .gg-context-field input:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-extra-fields .gg-context-field select:focus,:where(.gg-calculator) .gg-field-grid .gg-context-field select:focus,:where(.gg-calculator) .gg-field-grid .gg-context-field input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-accent) 12%, transparent)}}:where(.gg-calculator) .gg-picker{width:100%;display:block;position:relative}:where(.gg-calculator) .gg-picker>.gg-picker-native{opacity:0;pointer-events:none;clip-path:inset(50%);overflow:hidden;width:1px!important;height:1px!important;padding:0!important;display:none!important;position:absolute!important}:where(.gg-calculator) .gg-picker-trigger{appearance:none;width:100%;min-height:48px;color:var(--ui-control-text);background:var(--ui-menu-raised);border:1px solid var(--ui-menu-border);border-radius:var(--ui-control-radius);box-shadow:var(--ui-control-shadow);cursor:pointer;text-align:left;grid-template-columns:26px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:0 15px;font:700 12px/1.2 Ubuntu,sans-serif;transition:border-color .18s cubic-bezier(.22,1,.36,1),background-color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1);display:grid}:where(.gg-calculator) .gg-picker-trigger:hover{background:#181c21;border-color:#414950}:where(.gg-calculator) .gg-picker-trigger:focus-visible,:where(.gg-calculator) .gg-picker.gg-open .gg-picker-trigger{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent), 0 0 18px var(--ui-accent);background:#171b20;outline:none}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-picker-trigger:focus-visible,:where(.gg-calculator) .gg-picker.gg-open .gg-picker-trigger{box-shadow:0 0 0 1px color-mix(in srgb, var(--ui-accent) 13%, transparent), 0 0 18px color-mix(in srgb, var(--ui-accent) 10%, transparent)}}:where(.gg-calculator) .gg-picker-icon,:where(.gg-calculator) .gg-picker-option-icon{color:#82979e;background:0 0;border:0;border-radius:0;place-items:center;width:26px;height:26px;transition:color .18s,filter .18s;display:grid}:where(.gg-calculator) .gg-picker-icon svg,:where(.gg-calculator) .gg-picker-option-icon svg{fill:currentColor;stroke:none;width:22px;height:22px}:where(.gg-calculator) .gg-picker-trigger:hover .gg-picker-icon,:where(.gg-calculator) .gg-picker.gg-open .gg-picker-icon,:where(.gg-calculator) .gg-picker-option:hover .gg-picker-option-icon,:where(.gg-calculator) .gg-picker-option:focus-visible .gg-picker-option-icon,:where(.gg-calculator) .gg-picker-option.gg-selected .gg-picker-option-icon{color:var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-picker-trigger:hover .gg-picker-icon,:where(.gg-calculator) .gg-picker.gg-open .gg-picker-icon,:where(.gg-calculator) .gg-picker-option:hover .gg-picker-option-icon,:where(.gg-calculator) .gg-picker-option:focus-visible .gg-picker-option-icon,:where(.gg-calculator) .gg-picker-option.gg-selected .gg-picker-option-icon{color:color-mix(in srgb, var(--ui-accent) 72%, #d7e2e8)}}:where(.gg-calculator) .gg-picker-value,:where(.gg-calculator) .gg-picker-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(.gg-calculator) .gg-picker-chevron{color:#7e879e;border-bottom:1.5px solid;border-right:1.5px solid;justify-self:end;width:7px;height:7px;transition:color .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);transform:translate(-2px,-2px)rotate(45deg)}:where(.gg-calculator) .gg-picker.gg-open .gg-picker-chevron{color:var(--ui-accent);transform:translate(-2px,2px)rotate(225deg)}:where(.gg-calculator) .gg-picker-popup{z-index:2000;box-sizing:border-box;color:#e8ecef;background:linear-gradient(180deg, var(--ui-menu-raised,#15181d), var(--ui-menu-bg,#101216));border:1px solid var(--ui-menu-border,#30363d);opacity:0;pointer-events:none;transform-origin:top;visibility:hidden;scrollbar-color:#3a4248 #101216;scrollbar-width:thin;border-radius:8px;padding:4px;transition:opacity .14s,transform .15s cubic-bezier(.2,.8,.2,1),visibility .15s;position:fixed;overflow:hidden auto;transform:translateY(-4px);box-shadow:0 18px 42px #00000094,0 0 0 1px #ffffff04}:where(.gg-calculator) .gg-picker-popup.gg-above{transform-origin:bottom;transform:translateY(4px)}:where(.gg-calculator) .gg-picker-popup.gg-open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}:where(.gg-calculator) .gg-picker-option{appearance:none;color:#dce1e5;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;min-height:40px;padding:6px 10px;font:600 12px/1.2 Ubuntu,sans-serif;transition:color .14s,background-color .14s;display:grid}:where(.gg-calculator) .gg-picker-option:hover,:where(.gg-calculator) .gg-picker-option:focus-visible{color:#fff;background:var(--ui-menu-hover,#191d22);outline:none}:where(.gg-calculator) .gg-picker-option.gg-selected{color:#79c8d6;background:var(--ui-menu-selected,#172329)}:where(.gg-calculator) .gg-picker-check{opacity:0;place-items:center;width:16px;height:16px;transition:opacity .12s,transform .14s cubic-bezier(.2,.8,.2,1);display:grid;transform:translate(2px)}:where(.gg-calculator) .gg-picker-check svg{fill:none;width:14px;height:14px;stroke:var(--ui-accent);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}:where(.gg-calculator) .gg-picker-option.gg-selected .gg-picker-check{opacity:1;transform:translate(0)}:where(.gg-calculator) .gg-extra-fields .form-check{grid-column:auto}:where(.gg-calculator) .gg-extra-fields .form-check,:where(.gg-calculator) .gg-field-grid .form-check{color:#d9def0;background:#090e21;border:1px solid #ffffff14;border-radius:8px;min-height:66px;padding:12px;font-size:11px}:where(.gg-calculator) .gg-extra-fields .form-check input,:where(.gg-calculator) .gg-field-grid .form-check input{accent-color:var(--ui-accent)}:where(.gg-calculator) .gg-config-surface .gg-form-status{color:#ff7e8e;min-height:18px;margin:14px 0 0;font-size:11px}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}:where(.gg-calculator) .gg-checkout{--checkout-control-bg:#141820;--checkout-control-border:#303945;--checkout-arrow-bg:#19222a;--checkout-arrow-border:#354a55;--checkout-muted:#89949d;--checkout-accent:#4aa6bd;--checkout-switch-bg:#171d24;--checkout-switch-border:#3a4650;background:var(--ui-panel-surface);border-color:var(--ui-checkout-border);margin-top:52px;padding:28px;position:sticky;top:18px;box-shadow:0 26px 70px #00000061,inset 0 1px #ffffff0b}:where(.gg-calculator) .gg-checkout-close{display:none}:where(.gg-calculator) .gg-checkout-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}:where(.gg-calculator) .gg-checkout-heading h2{color:#fff;margin:4px 0 0;font-size:25px;line-height:1.1}:where(.gg-calculator) .gg-checkout-heading span,:where(.gg-calculator) .gg-checkout-heading>small{color:#8b8d9a;letter-spacing:.2em;text-transform:uppercase;font-size:9px;font-weight:900}:where(.gg-calculator) .gg-checkout-heading>small{color:var(--ui-accent);background:var(--ui-accent);padding:8px 11px}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-checkout-heading>small{background:color-mix(in srgb, var(--ui-accent) 8%, var(--ui-control-bg))}}:where(.gg-calculator) .gg-checkout-heading>small{border:1px solid var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-checkout-heading>small{border:1px solid color-mix(in srgb, var(--ui-accent) 34%, var(--ui-control-border))}}:where(.gg-calculator) .gg-checkout-heading>small{border-radius:var(--ui-control-radius);letter-spacing:.04em;white-space:nowrap;transition:color .22s,background-color .22s,border-color .22s}:where(.gg-calculator) .gg-checkout-heading>.gg-team-status{color:#9fc3ce;letter-spacing:0;text-transform:none;align-items:center;gap:5px;margin-top:5px;padding:7px 9px;font-size:10px;font-weight:500;display:inline-flex}:where(.gg-calculator) .gg-team-status:before{content:"";background:#7dbbab;border-radius:50%;width:5px;height:5px;margin-right:2px}:where(.gg-calculator) .gg-team-status b{color:#dcebed;font-weight:700}:where(.gg-calculator) .gg-order-climb{background:var(--checkout-control-bg);border:1px solid var(--checkout-control-border);border-radius:var(--ui-control-radius);grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:10px;margin:22px 0 25px;padding:12px 14px;display:grid}:where(.gg-calculator) .gg-order-climb>div{align-items:center;gap:9px;min-width:0;display:flex}:where(.gg-calculator) .gg-order-climb>div:last-child{text-align:right;justify-content:flex-end}:where(.gg-calculator) .gg-order-climb img{object-fit:contain;filter:drop-shadow(0 5px 8px #00000080);flex:none;width:38px;height:38px}:where(.gg-calculator) .gg-order-climb>span{color:#90aeba;background:var(--checkout-arrow-bg);border:1px solid var(--checkout-arrow-border);text-align:center;border-radius:8px;justify-content:center;align-self:center;align-items:center;width:32px;height:32px;font-size:0;font-weight:900;line-height:1;display:flex}:where(.gg-calculator) .gg-order-climb>span>svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;display:block}:where(.gg-calculator) .gg-order-climb>div>span{min-width:0}:where(.gg-calculator) .gg-order-climb strong{color:#fff;font-size:11px;line-height:1.2;display:block}:where(.gg-calculator) .gg-order-climb small{color:var(--checkout-muted);letter-spacing:.13em;margin-bottom:4px;font-size:8px}:where(.gg-calculator) .gg-order-objective{color:#fff;background:var(--checkout-control-bg);border:1px solid var(--checkout-control-border);text-align:center;border-radius:10px;margin:22px 0 25px;padding:15px;font-size:12px}:where(.gg-calculator) .gg-play-mode{border:0;border-top:1px solid #ffffff14;min-width:0;margin:0;padding:22px 0 0}:where(.gg-calculator) .gg-play-mode legend,:where(.gg-calculator) .gg-priority-row h3{color:#858792;letter-spacing:.18em;text-transform:uppercase;width:100%;margin:0 0 13px;padding:0;font:900 9px/1.2 Ubuntu,sans-serif}:where(.gg-calculator) .gg-play-mode>div{border-bottom:1px solid #ffffff0e;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:18px;display:grid}:where(.gg-calculator) .gg-play-mode label{cursor:pointer;min-width:0}:where(.gg-calculator) .gg-play-mode label+label{border-left:0}:where(.gg-calculator) .gg-play-mode input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}:where(.gg-calculator) .gg-play-choice{box-sizing:border-box;color:#898b96;background:var(--ui-control-bg);border:1px solid var(--ui-control-border);border-radius:var(--ui-control-radius);align-items:center;gap:10px;height:100%;min-height:60px;padding:12px;transition:color .18s,background-color .18s,border-color .18s;display:flex}:where(.gg-calculator) .gg-play-mode label:hover .gg-play-choice{color:#fff;background:var(--ui-control-bg-hover);border-color:var(--ui-control-border-hover)}:where(.gg-calculator) .gg-play-mode input:checked+.gg-play-choice{color:#fff;background:#1b242a;border-color:#779aa8}:where(.gg-calculator) .gg-play-mode input:focus-visible+.gg-play-choice{outline:2px solid var(--ui-accent);outline-offset:2px}:where(.gg-calculator) .gg-play-icon,:where(.gg-calculator) .gg-extra-icon{color:#86aebb;flex:none;place-items:center;width:29px;height:29px;transition:color .18s,filter .18s;display:grid;position:relative}:where(.gg-calculator) .gg-play-mode input:checked+.gg-play-choice .gg-play-icon{color:var(--ui-accent);filter:drop-shadow(0 0 7px var(--ui-accent))}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-play-mode input:checked+.gg-play-choice .gg-play-icon{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--ui-accent) 24%, transparent))}}:where(.gg-calculator) .gg-play-icon svg,:where(.gg-calculator) .gg-extra-icon svg{fill:currentColor;stroke:none;width:24px;height:24px}:where(.gg-calculator) .gg-play-choice strong,:where(.gg-calculator) .gg-play-choice small{display:block}:where(.gg-calculator) .gg-play-choice strong{font-size:12px}:where(.gg-calculator) .gg-play-choice>span:last-child{align-self:flex-start;min-width:0}:where(.gg-calculator) .gg-play-choice small{color:#aeb7c0;margin-top:4px;font-size:11px;line-height:1.4}:where(.gg-calculator) .gg-extra-group{border:0;min-width:0;margin:0;padding:0}:where(.gg-calculator) .gg-play-mode+.gg-extra-group,:where(.gg-calculator) .gg-extra-group+.gg-extra-group{border-top:1px solid #ffffff13;padding-top:18px}:where(.gg-calculator) .gg-extra-group+.gg-extra-group{margin-top:18px}:where(.gg-calculator) .gg-extra-row{border:0;border-bottom:1px solid #ffffff0e;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:60px;padding:0;display:grid;position:relative}:where(.gg-calculator) .gg-extra-row:last-child{border-bottom:0}:where(.gg-calculator) .gg-extra-row.gg-help-hover,:where(.gg-calculator) .gg-extra-row.gg-help-open{z-index:20}:where(.gg-calculator) .gg-extra-row:hover .gg-extra-icon,:where(.gg-calculator) .gg-extra-row:focus-within .gg-extra-icon{color:var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-extra-row:hover .gg-extra-icon,:where(.gg-calculator) .gg-extra-row:focus-within .gg-extra-icon{color:color-mix(in srgb, var(--ui-accent) 72%, #d7e2e8)}}:where(.gg-calculator) .gg-extra-copy{min-width:0}:where(.gg-calculator) .gg-extra-copy>div{align-items:center;gap:7px;min-width:0;display:flex}:where(.gg-calculator) .gg-extra-label{color:#e1e2e8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}:where(.gg-calculator) .gg-extra-controls{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}:where(.gg-calculator) .gg-extra-price{color:var(--ui-accent);flex:none;padding:3px 5px}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-extra-price{color:color-mix(in srgb, var(--ui-accent) 72%, #fff)}}:where(.gg-calculator) .gg-extra-price{background:var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-extra-price{background:color-mix(in srgb, var(--ui-accent) 8%, transparent)}}:where(.gg-calculator) .gg-extra-price{border:1px solid var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-extra-price{border:1px solid color-mix(in srgb, var(--ui-accent) 24%, transparent)}}:where(.gg-calculator) .gg-extra-price{text-transform:uppercase;border-radius:5px;font-size:10px;font-weight:900}:where(.gg-calculator) .gg-help-trigger{appearance:none;color:#9299a8;cursor:pointer;text-indent:1px;background:#171a22;border:1px solid #3b414e;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;padding:0;font:900 9px/1 Ubuntu,sans-serif;transition:color .16s,background-color .16s,border-color .16s;display:grid}:where(.gg-calculator) .gg-help{flex:none;display:inline-flex;position:relative}:where(.gg-calculator) .gg-help-trigger:hover,:where(.gg-calculator) .gg-help-trigger:focus-visible,:where(.gg-calculator) .gg-extra-row.gg-help-open .gg-help-trigger{color:#fff;background:var(--ui-accent);outline:none}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-help-trigger:hover,:where(.gg-calculator) .gg-help-trigger:focus-visible,:where(.gg-calculator) .gg-extra-row.gg-help-open .gg-help-trigger{background:color-mix(in srgb, var(--ui-accent) 24%, #171a22)}}:where(.gg-calculator) .gg-help-trigger:hover,:where(.gg-calculator) .gg-help-trigger:focus-visible,:where(.gg-calculator) .gg-extra-row.gg-help-open .gg-help-trigger{border-color:var(--ui-accent)}:where(.gg-calculator) .gg-help-copy{z-index:15;box-sizing:border-box;color:#dce1e8;border:1px solid var(--ui-control-border-hover);border-radius:var(--ui-control-radius);opacity:0;pointer-events:none;width:280px;transform:translate(calc(-50% + var(--option-tooltip-shift,0px)), -4px);visibility:hidden;background:#1b202a;padding:11px 12px;font-size:12px;line-height:1.55;transition:opacity .17s,transform .22s cubic-bezier(.22,1,.36,1),visibility .22s;display:block;position:absolute;top:calc(100% + 6px);left:50%;right:auto;box-shadow:0 16px 38px #0000006b}:where(.gg-calculator) .gg-help-trigger:hover~.gg-help-copy,:where(.gg-calculator) .gg-help-trigger:focus-visible~.gg-help-copy,:where(.gg-calculator) .gg-help:hover .gg-help-copy,:where(.gg-calculator) .gg-help:focus-within .gg-help-copy,:where(.gg-calculator) .gg-extra-row:has(.gg-help-trigger:hover) .gg-help-copy,:where(.gg-calculator) .gg-extra-row:has(.gg-help-trigger:focus-visible) .gg-help-copy,:where(.gg-calculator) .gg-extra-row.gg-help-hover .gg-help-copy,:where(.gg-calculator) .gg-extra-row.gg-help-open .gg-help-copy{opacity:1;transform:translate(calc(-50% + var(--option-tooltip-shift,0px)), 0);visibility:visible}:where(.gg-calculator) .gg-extra-toggle{cursor:pointer;width:40px;height:22px;display:block;position:relative}:where(.gg-calculator) .gg-extra-toggle input{opacity:0;width:1px;height:1px;position:absolute}:where(.gg-calculator) .gg-extra-toggle>span{background:var(--checkout-switch-bg);border:1px solid var(--checkout-switch-border);border-radius:999px;transition:background-color .19s,border-color .19s,box-shadow .19s;position:absolute;inset:0}:where(.gg-calculator) .gg-extra-toggle>span:after{content:"";background:#cbd3d8;border-radius:50%;width:14px;height:14px;transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .19s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000059}:where(.gg-calculator) .gg-extra-toggle input:checked+span{border-color:var(--checkout-accent);background:#245467;box-shadow:0 0 14px #4aa6bd33}:where(.gg-calculator) .gg-extra-toggle input:checked+span:after{background:#fff;transform:translate(18px)}:where(.gg-calculator) .gg-extra-toggle input:focus-visible+span{outline:2px solid var(--checkout-accent);outline-offset:3px}:where(.gg-calculator) .gg-priority-row{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:30px minmax(0,1fr) auto;gap:11px;min-height:62px;margin-top:18px;padding:8px 0}:where(.gg-calculator) .gg-priority-row .gg-extra-price{margin-right:2px}:where(.gg-calculator) .gg-estimate-total{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}:where(.gg-calculator) .gg-estimate-total>div:last-child{text-align:right}:where(.gg-calculator) .gg-estimate-total span,:where(.gg-calculator) .gg-sticky-estimate span{color:#77829f;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:700;display:block}:where(.gg-calculator) .gg-estimate-total output{color:#fff;font-size:22px;font-weight:800;display:block}:where(.gg-calculator) .gg-checkout .gg-review-button{color:#edf3f6;border-radius:var(--ui-control-radius);cursor:pointer;background:linear-gradient(#1c2931,#141c23);border:1px solid #536e7c;justify-content:center;align-items:center;width:100%;min-height:52px;padding:0 24px;font:800 15px/1 Ubuntu,sans-serif;transition:background-color .18s,border-color .18s,box-shadow .18s;display:inline-flex;margin-top:20px!important}:where(.gg-calculator) .gg-checkout .gg-review-button:hover,:where(.gg-calculator) .gg-checkout .gg-review-button:focus-visible{background:#23323c;border-color:#86acbc;outline:none;box-shadow:inset 0 1px #ffffff0f!important}:where(.gg-calculator) .gg-checkout .gg-review-button:focus-visible{outline-offset:3px;outline:2px solid #86acbc}:where(.gg-calculator) .gg-access-notes{background:var(--ui-panel-surface);border:1px solid var(--ui-checkout-border);border-radius:var(--ui-panel-radius);margin-top:18px;overflow:hidden}:where(.gg-calculator) .gg-access-notes>h2{color:#dce8ed;margin:0;font-family:inherit;font-size:15px;font-weight:700}:where(.gg-calculator) .gg-access-trigger{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:18px 24px;transition:background-color .18s;display:flex}:where(.gg-calculator) .gg-access-trigger:hover{background:#86aebb0b}:where(.gg-calculator) .gg-access-trigger:focus-visible{outline-offset:-3px;outline:2px solid #86acbc}:where(.gg-calculator) .gg-access-chevron{color:#86aebb;width:18px;height:18px;margin-left:auto;transition:transform .24s}:where(.gg-calculator) .gg-access-trigger[aria-expanded=true] .gg-access-chevron{transform:rotate(180deg)}:where(.gg-calculator) .gg-access-body{visibility:hidden;opacity:0;grid-template-rows:0fr;transition:grid-template-rows .26s,opacity .2s,visibility .26s;display:grid}:where(.gg-calculator) .gg-access-notes.gg-open .gg-access-body{visibility:visible;opacity:1;grid-template-rows:1fr}:where(.gg-calculator) .gg-access-body>.gg-access-grid{min-height:0;overflow:hidden}:where(.gg-calculator) .gg-access-grid>div:nth-child(-n+2){border-top:1px solid #ffffff0f}:where(.gg-calculator) .gg-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:where(.gg-calculator) .gg-access-grid>div{align-items:flex-start;gap:16px;padding:24px;display:flex}:where(.gg-calculator) .gg-access-grid>div:nth-child(2n){border-left:1px solid #ffffff0f}:where(.gg-calculator) .gg-access-grid>div:nth-child(n+3){border-top:1px solid #ffffff0f}:where(.gg-calculator) .gg-access-icon{color:#86aebb;flex:0 0 24px}:where(.gg-calculator) .gg-access-icon svg{width:24px;height:24px;display:block}:where(.gg-calculator) .gg-access-grid h3{color:#e7ecef;margin:0 0 8px;font-family:inherit;font-size:13px;font-weight:700}:where(.gg-calculator) .gg-access-grid p{color:#929ca6;max-width:560px;margin:0;font-size:12px;line-height:1.65}@media (max-width:720px){:where(.gg-calculator) .gg-access-trigger{padding:18px}:where(.gg-calculator) .gg-access-grid{grid-template-columns:1fr}:where(.gg-calculator) .gg-access-grid>div{gap:12px;padding:20px 18px}:where(.gg-calculator) .gg-access-grid>div:nth-child(2n){border-left:0}:where(.gg-calculator) .gg-access-grid>div+div{border-top:1px solid #ffffff0f}}@media (prefers-reduced-motion:reduce){:where(.gg-calculator) .gg-access-body,:where(.gg-calculator) .gg-access-chevron{transition:none}}:where(.gg-calculator) .gg-checkout .gg-review-button:disabled{cursor:default;filter:saturate(.64);opacity:.72}:where(.gg-calculator) .gg-checkout .checkout-note{color:#6f7996;font-size:9px;line-height:1.5}:where(.gg-calculator) .gg-checkout-notes{color:#777a87;text-transform:uppercase;justify-content:center;gap:8px 12px;margin-top:13px;font-size:7px;font-weight:700;display:flex}:where(.gg-calculator) .gg-checkout-notes span:before{content:"•";color:var(--ui-accent);margin-right:5px}:where(.gg-calculator) .gg-sticky-estimate{display:none}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@media (max-width:1320px){:where(.gg-calculator) .gg-hero-frame{width:calc(100% - 32px)}:where(.gg-calculator) .gg-workspace{width:100%;padding-left:16px;padding-right:16px}:where(.gg-calculator) .gg-estimator{grid-template-columns:minmax(0,1fr) 390px}:where(.gg-calculator) .gg-tier-grid{grid-template-columns:repeat(4,64px)}}@media (max-width:1120px){:where(.gg-calculator) .gg-estimator{grid-template-columns:1fr}:where(.gg-calculator) .gg-checkout{justify-self:center;width:min(640px,100%);margin-top:0;position:static}}@media (max-width:980px){:where(.gg-calculator) .gg-hero{width:100%}:where(.gg-calculator) .gg-hero-frame{width:calc(100% - 32px)}:where(.gg-calculator) .gg-hero-caption{width:52%}}@media (max-width:720px){:where(.gg-calculator) .gg-boost-page{padding-top:0}:where(.gg-calculator) .gg-hero{border:0;border-radius:0;width:100%;height:420px;min-height:420px}:where(.gg-calculator) .gg-hero:before{background-position:top;background-size:auto 270px;width:1080px;height:270px;left:72%;transform:translate(-72%)}:where(.gg-calculator) .gg-hero-overlay{background:linear-gradient(#0709141f 0%,#070914d6 42%,#070914 90% 100%),linear-gradient(90deg,#0709149e,#0709140a)}:where(.gg-calculator) .gg-hero-frame{width:calc(100% - 24px);padding:0}:where(.gg-calculator) .gg-hero-caption{width:100%;max-width:390px;top:auto;bottom:48px;transform:none}:where(.gg-calculator) .gg-hero-caption h1{max-width:100%;margin-bottom:10px;font-size:clamp(23px,7.4vw,32px)}:where(.gg-calculator) .gg-hero-caption p{max-width:350px;font-size:12px;line-height:1.5}:where(.gg-calculator) .gg-service-tabs{--service-tab-width:50%;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:52px;min-height:0;margin:0 0 -1px;padding:0;bottom:auto;right:0}:where(.gg-calculator) .gg-service-tab{gap:0;width:auto;min-width:0;min-height:0}:where(.gg-calculator) .gg-workspace{width:100%;padding:8px 12px 32px}:where(.gg-calculator) .gg-estimator{display:block}:where(.gg-calculator) .gg-config-surface{border-radius:13px;padding:20px 14px 94px}:where(.gg-calculator) .gg-config-heading{gap:10px}:where(.gg-calculator) .gg-config-heading h2{max-width:245px;font-size:20px}:where(.gg-calculator) .gg-config-heading>span{padding:7px 8px;font-size:8px}:where(.gg-calculator) .gg-climb-preview{grid-template-columns:94px 1fr 94px;gap:7px;margin:24px 0 20px}:where(.gg-calculator) .gg-climb-end{gap:5px}:where(.gg-calculator) .gg-climb-end img{width:34px;height:34px}:where(.gg-calculator) .gg-climb-end small{font-size:7px}:where(.gg-calculator) .gg-climb-end strong{white-space:normal;font-size:9px}:where(.gg-calculator) .gg-rank-pickers{grid-template-columns:1fr;gap:22px;padding-top:18px}:where(.gg-calculator) .gg-tier-grid{grid-template-columns:repeat(4,58px);gap:7px}:where(.gg-calculator) .gg-tier-button{width:58px;height:58px;padding:7px}:where(.gg-calculator) .gg-tier-button img{width:40px;height:40px}:where(.gg-calculator) .gg-division-grid{grid-template-columns:repeat(3,58px);gap:7px;height:58px}:where(.gg-calculator) .gg-division-button{width:58px;height:58px}:where(.gg-calculator) .gg-immortal-field{width:min(208px,100%);height:58px}:where(.gg-calculator) .gg-immortal-stepper{height:58px}:where(.gg-calculator) .gg-rating-fields{grid-template-columns:1fr;gap:20px;margin:0 -14px;padding:18px 14px}:where(.gg-calculator) .gg-rating-bands[hidden]+.progress-slider,:where(.gg-calculator) .gg-rating-bands[hidden]+.gg-gain-field{grid-column:auto}:where(.gg-calculator) .gg-extra-fields,:where(.gg-calculator) .gg-field-grid{grid-template-columns:1fr 1fr;gap:8px}:where(.gg-calculator) .gg-extra-fields .form-check{grid-column:auto}:where(.gg-calculator) .gg-field-grid .form-check{grid-column:1/-1}:where(.gg-calculator) .gg-checkout{z-index:130;border-color:var(--ui-accent);width:auto;max-height:min(82vh,680px);padding:24px 20px;position:fixed;bottom:10px;left:10px;right:10px;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-checkout{border-color:color-mix(in srgb, var(--ui-accent) 44%, var(--ui-control-border))}}:where(.gg-calculator) .gg-checkout{border-radius:var(--ui-panel-radius);visibility:hidden;transition:transform .25s,visibility .25s;transform:translateY(calc(100% + 28px));box-shadow:0 24px 80px #000000b8}:where(.gg-calculator) .gg-checkout.gg-mobile-open{visibility:visible;transform:translateY(0)}:where(.gg-calculator) .gg-checkout-close{color:#e7ebfa;cursor:pointer;background:#181f3a;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:22px;display:grid;position:absolute;top:12px;right:12px}:where(.gg-calculator) .gg-checkout-heading{padding-right:38px}:where(.gg-calculator) .gg-checkout-notes{flex-wrap:wrap}:where(.gg-calculator) .gg-help{position:static}:where(.gg-calculator) .gg-help-copy{width:auto;top:calc(100% - 2px);left:40px;right:0;transform:translateY(-4px)}:where(.gg-calculator) .gg-help-trigger:hover~.gg-help-copy,:where(.gg-calculator) .gg-help-trigger:focus-visible~.gg-help-copy,:where(.gg-calculator) .gg-help:hover .gg-help-copy,:where(.gg-calculator) .gg-help:focus-within .gg-help-copy,:where(.gg-calculator) .gg-extra-row:has(.gg-help-trigger:hover) .gg-help-copy,:where(.gg-calculator) .gg-extra-row:has(.gg-help-trigger:focus-visible) .gg-help-copy,:where(.gg-calculator) .gg-extra-row.gg-help-hover .gg-help-copy,:where(.gg-calculator) .gg-extra-row.gg-help-open .gg-help-copy{transform:translateY(0)}:where(.gg-calculator) .gg-sticky-estimate{z-index:120;min-height:68px;padding:10px max(13px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(13px, env(safe-area-inset-left));color:#fff;border-top:1px solid var(--ui-accent);background:#080c1df7;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){:where(.gg-calculator) .gg-sticky-estimate{border-top:1px solid color-mix(in srgb, var(--ui-accent) 43%, var(--ui-control-border))}}:where(.gg-calculator) .gg-sticky-estimate{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);transition:opacity .2s,transform .2s;transform:translateY(100%);box-shadow:0 -14px 35px #00000052}:where(.gg-calculator) .gg-sticky-estimate.gg-visible{opacity:1;pointer-events:auto;transform:translateY(0)}:where(.gg-calculator) .gg-sticky-estimate.gg-drawer-open{opacity:0;pointer-events:none;transform:translateY(100%)}:where(.gg-calculator) .gg-sticky-estimate output{color:#fff;font-size:19px;font-weight:800}:where(.gg-calculator) .gg-sticky-estimate button{color:#edf3f6;border-radius:var(--ui-control-radius);cursor:pointer;background:linear-gradient(#1c2931,#141c23);border:1px solid #536e7c;min-width:112px;min-height:44px;margin-left:auto;font:800 11px Ubuntu,sans-serif}}@media (max-width:420px){:where(.gg-calculator) .gg-extra-fields,:where(.gg-calculator) .gg-field-grid{grid-template-columns:1fr}:where(.gg-calculator) .gg-help-copy{left:30px;right:0}:where(.gg-calculator) .gg-play-choice{padding-left:9px;padding-right:9px}}@media (prefers-reduced-motion:reduce){:where(.gg-calculator) .gg-boost-page,:where(.gg-calculator) .gg-config-surface,:where(.gg-calculator) .gg-service-tab,:where(.gg-calculator) .gg-tier-button,:where(.gg-calculator) .gg-tier-button img,:where(.gg-calculator) .gg-division-button,:where(.gg-calculator) .gg-picker-trigger,:where(.gg-calculator) .gg-picker-chevron,:where(.gg-calculator) .gg-picker-popup,:where(.gg-calculator) .gg-picker-option,:where(.gg-calculator) .gg-picker-check,:where(.gg-calculator) .gg-play-choice,:where(.gg-calculator) .gg-immortal-stepper button,:where(.gg-calculator) .gg-rating-bands label>span,:where(.gg-calculator) .gg-help-trigger,:where(.gg-calculator) .gg-help-copy,:where(.gg-calculator) .gg-extra-toggle>span,:where(.gg-calculator) .gg-extra-toggle>span:after,:where(.gg-calculator) .gg-checkout .gg-review-button,:where(.gg-calculator) .gg-checkout,:where(.gg-calculator) .gg-sticky-estimate{transition:none}:where(.gg-calculator) .gg-tier-button:hover:not(:disabled),:where(.gg-calculator) .gg-tier-button:focus-visible:not(:disabled),:where(.gg-calculator) .gg-tier-button:hover:not(:disabled) img,:where(.gg-calculator) .gg-tier-button:focus-visible:not(:disabled) img,:where(.gg-calculator) .gg-division-button:hover:not(:disabled),:where(.gg-calculator) .gg-division-button:focus-visible:not(:disabled),:where(.gg-calculator) .gg-picker-popup,:where(.gg-calculator) .gg-picker-popup.gg-above,:where(.gg-calculator) .gg-picker-popup.gg-open,:where(.gg-calculator) .gg-checkout .gg-review-button:hover,:where(.gg-calculator) .gg-checkout .gg-review-button:focus-visible{transform:none}}}@layer utilities{@media (min-width:40rem){}@media (min-width:48rem){}@media (min-width:64rem){}@media (min-width:80rem){}@media (min-width:96rem){}:where(.gg-calculator) .hidden{display:none}:where(.gg-calculator) .resize{resize:both}:where(.gg-calculator) .border{border-style:var(--tw-border-style);border-width:1px}:where(.gg-calculator) .outline{outline-style:var(--tw-outline-style);outline-width:1px}:where(.gg-calculator) .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --rank-current-accent{syntax:"";inherits:true;initial-value:#9ba3b1}@property --rank-target-accent{syntax:"";inherits:true;initial-value:#d9823b}@property --rank-current-h{syntax:"";inherits:true;initial-value:218.18}@property --rank-current-s{syntax:"";inherits:true;initial-value:12.36%}@property --rank-current-l{syntax:"";inherits:true;initial-value:65.1%}@property --rank-target-h{syntax:"";inherits:true;initial-value:25.96}@property --rank-target-s{syntax:"";inherits:true;initial-value:70.95%}@property --rank-target-l{syntax:"";inherits:true;initial-value:52.75%}@property --ui-accent{syntax:"";inherits:true;initial-value:#3d9cbc}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}