.components-teamfortress2-order-wizard .location-select{margin:50px auto 45px}@media (min-width:600px){.components-teamfortress2-order-wizard .location-select{margin-top:80px}}.components-location-select .slider{transition:height .5s ease-in-out;overflow:hidden}.components-location-select .radiobox-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.components-location-select .radiobox-border{border-radius:6px;display:grid!important;grid-template-rows:min-content 18px min-content 2px min-content;height:124px;line-height:140%;padding:18px 18px 16px}.components-location-select .radiobox-border .flag{grid-row:1}.components-location-select .radiobox-border .flag img{display:block;height:30px;width:40px;border-radius:1px}.components-location-select .radiobox-border .city{font-size:18px;font-weight:700;color:#fff;grid-row:3}.components-location-select .radiobox-border .country{font-size:15px;grid-row:5}.components-location-select .radiobox-border .ping{position:absolute;top:0;right:0;display:flex;align-items:center}.components-location-select .radiobox-border .ping span{font-size:14px;font-weight:500;padding:14px 14px 14px 8px;border-radius:3px 0;display:inline-block}.components-location-select .radiobox-border:after{content:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.16688 13.4448L17.1108 5.5L18.3337 6.72201L9.16688 15.8888L3.66699 10.3889L4.889 9.16688L9.16688 13.4448Z' fill='%2323252F'/%3E%3C/svg%3E");position:absolute;bottom:0;right:0;padding:4px 6px;background-color:#ffa14b;border-top-left-radius:2px;visibility:hidden;width:20px;height:20px}.components-location-select .sold-out{backdrop-filter:blur(1px);background-color:rgba(33,36,48,.9);border-radius:3px;cursor:not-allowed;display:grid;height:100%;left:0;position:absolute;top:0;width:100%}.components-location-select .sold-out .content{margin:auto}.components-location-select .sold-out .content .title{font-size:20px;color:#fff;font-weight:700;text-align:center}.components-location-select .dot-dot-dot{fill:hsla(0,0%,100%,.2);margin:0 5px 10px;width:6px}.components-location-select .radiobox-select:checked+label.radiobox-border:after{visibility:visible}.components-pricing-package-select .key-features{margin:50px auto 0;max-width:800px;display:flex;flex-wrap:wrap;width:100%}@media screen and (min-width:900px){.components-pricing-package-select .key-features{flex-wrap:nowrap}}.components-pricing-package-select .key-features .feature{display:flex;flex:100%;justify-content:center;align-items:center;margin-bottom:20px}@media screen and (min-width:900px){.components-pricing-package-select .key-features .feature{display:unset;flex:unset;justify-content:unset}}.components-pricing-package-select .key-features .feature .icon{display:inline-block;margin-right:10px;vertical-align:top}.components-pricing-package-select .key-features .feature .icon svg{width:24px}.components-pricing-package-select .key-features .feature .content{display:inline-block;color:#fff}.components-pricing-package-select .key-features .feature:last-child{margin-bottom:0}.components-pricing-package-select .all-features{margin-top:25px;font-size:14px;color:hsla(0,0%,100%,.5)}.components-pricing-package-select .all-features span{color:#fff;font-weight:700}.components-pricing-package-select .game-choice-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background-color:#414457;padding:8px;max-width:700px;border-radius:4px;margin:40px auto 0}.components-pricing-package-select .game-choice-wrapper.tickrate{grid-template-columns:1fr 1fr;background-color:#4d5268;height:44px;margin:unset;padding:unset}.components-pricing-package-select .game-choice-wrapper .pricing-page-game{display:flex;border-radius:4px;padding:8px 12px;justify-content:center;align-items:center;height:44px;background-color:unset}.components-pricing-package-select .game-choice-wrapper .pricing-page-game .game-text{margin-left:6px;white-space:nowrap}.components-pricing-package-select .radiobox-select.pricing-page:checked+.radiobox-border{box-shadow:none;background:#ffa14b;color:#343746}.components-pricing-package-select .radiobox-select.pricing-page:checked+.radiobox-border img{filter:brightness(0)}.components-pricing-package-select .cycle-select{border-radius:4px;background-color:#4d5268;color:#fff;display:flex;font-size:14px;justify-content:space-between;margin:20px auto 0;max-width:500px}.components-pricing-package-select .cycle-select div{border-radius:4px;cursor:pointer;display:flex;flex-grow:1;justify-content:center;padding:7px 0;position:relative}.components-pricing-package-select .cycle-select div .percentage-badge{position:absolute;top:-13px}.components-pricing-package-select .cycle-select div.active{background-color:#ffa14b;color:#000}.components-pricing-package-select .pricing-plans{display:grid;grid-gap:30px;grid-template-columns:1fr;margin-top:50px}.components-pricing-package-select .pricing-plans .plan{background-color:#414457;padding-left:20px;padding-right:20px;padding-top:20px;position:relative;border-radius:4px;display:grid;grid-template-rows:min-content 12px 1fr 25px min-content 50px min-content min-content min-content 20px;height:auto}.components-pricing-package-select .pricing-plans .plan .most-popular{position:absolute;right:0;top:0}.components-pricing-package-select .pricing-plans .plan .most-popular span{font-size:14px;font-weight:500;color:#ffa14b;background-color:#554e55;padding:4px 14px;border-radius:0 3px;display:inline-block}.components-pricing-package-select .pricing-plans .plan .title{font-size:22px;font-weight:700;color:#fff;grid-row:1}.components-pricing-package-select .pricing-plans .plan .description{font-size:14px;grid-row:3;height:100%}.components-pricing-package-select .pricing-plans .plan .max-players{font-size:14px;grid-row:5}.components-pricing-package-select .pricing-plans .plan .max-players span{font-weight:700;color:#fff}.components-pricing-package-select .pricing-plans .plan .price{color:#fff;font-size:22px;font-weight:700;position:relative;margin:0}.components-pricing-package-select .pricing-plans .plan .hourly{grid-row:7}.components-pricing-package-select .pricing-plans .plan .monthly{grid-row:9;margin-bottom:10px}.components-pricing-package-select .pricing-plans .plan .cta{grid-row:11}.components-pricing-package-select .pricing-plans .plan .cta .button-primary-large,.components-pricing-package-select .pricing-plans .plan .cta .button-secondary-large{border-radius:0 0 4px 4px;margin-left:-20px;width:calc(100% + 40px)}.components-pricing-package-select .pricing-plans .plan .cta .button-primary-large:hover{background-color:#ffaf56}.components-pricing-package-select .pricing-plans .plan .cta .button-secondary-large:hover{background-color:#5a5f79}@media screen and (min-width:600px){.components-pricing-package-select .pricing-plans{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:900px){.components-pricing-package-select .pricing-plans{grid-template-columns:repeat(3,1fr)}}.components-pricing-package-select .pricing-plans .plan .price span{font-size:22px;font-weight:400;color:hsla(0,0%,100%,.5)}.components-pricing-package-select .pricing-plans .plan .price .dotted{border-bottom:2px dotted hsla(0,0%,100%,.5)}.components-pricing-package-select .pricing-plans.custom{margin-top:30px}.components-pricing-package-select .pricing-plans.custom .plan.custom{grid-template-rows:min-content 20px min-content 10px min-content 20px min-content 10px min-content 35px min-content min-content min-content 25px}.components-pricing-package-select .pricing-plans.custom .plan.custom .subtitle{font-size:14px;color:#fff}.components-pricing-package-select .pricing-plans .plan.custom .price,.components-pricing-package-select .pricing-plans .plan.custom .price span{font-size:20px}.components-pricing-package-select .pricing-plans.custom .plan.custom .title{grid-row:1}.components-pricing-package-select .pricing-plans.custom .plan.custom .subtitle.tickrate{grid-row:3}.components-pricing-package-select .pricing-plans.custom .plan.custom .game-choice-wrapper.tickrate{grid-row:5}.components-pricing-package-select .pricing-plans.custom .plan.custom .subtitle.max-players{grid-row:7}.components-pricing-package-select .pricing-plans.custom .plan.custom .input{grid-row:9}.components-pricing-package-select .pricing-plans.custom .plan.custom .price.hourly{grid-row:11}.components-pricing-package-select .pricing-plans.custom .plan.custom .price.monthly{grid-row:13}.components-pricing-package-select .pricing-plans.custom .plan.custom .cta{grid-row:15}.components-pricing-package-select .dattooltipcontents span{font-size:12px!important;color:#fff!important;font-weight:700!important}.components-pricing-package-select .pricing-plans .plan.radiobox-border{grid-template-rows:min-content 12px 1fr 25px min-content 30px min-content}.components-pricing-package-select .pricing-plans.custom .plan.custom.radiobox-border{grid-template-rows:min-content 20px min-content 10px min-content 20px min-content 10px min-content 30px min-content min-content min-content 0}.components-pricing-package-select .cycle-description{color:hsla(0,0%,100%,.77);font-size:12px;font-weight:400;line-height:100%;margin-top:10px}.components-pricing-package-select .custom-package-editable{margin-left:auto;margin-right:auto;max-width:960px}@media screen and (min-width:1200px){.components-pricing-package-select .custom-package-not-editable .pricing-plans{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:600px){.components-pricing-package-select .one-pricing-plan{display:flex!important;justify-content:center!important}}.components-pricing-package-select .package-separator{margin:30px 0}.components-number-input{display:flex;border-radius:4px;border:1px solid hsla(0,0%,100%,.2)}.components-number-input:hover{border:1px solid hsla(0,0%,100%,.5)}.components-number-input.has-focus{border:1px solid #fff}.components-number-input .prefix{color:#fff;display:flex;align-items:center;justify-content:flex-end;width:20px;border-top-left-radius:4px;border-bottom-left-radius:4px}.components-number-input input[type=number]{border:0!important;border-radius:0;border-right:1px solid #373a48;color:#fff;margin-top:0;outline:0;padding:0 3px;border-top-left-radius:4px;border-bottom-left-radius:4px}.components-number-input input[type=number]:focus,.components-number-input input[type=number]:hover{border:0;border-right:1px solid #373a48}.components-number-input input[type=number].has-prefix{border-top-left-radius:0;border-bottom-left-radius:0}.components-number-input input[type=number].has-suffix,.components-number-input input[type=number].has-suffix:focus,.components-number-input input[type=number].has-suffix:hover{border-right:0}.components-number-input .suffix{border-right:1px solid #373a48;color:#fff;display:flex;align-items:center;justify-content:flex-start;width:30px}.components-number-input .buttons-wrapper{display:flex;flex-direction:column}.components-number-input .button-plus{color:#fff;border:0;width:22px;border-bottom:1px solid #373a48;border-top-right-radius:4px;padding:0}.components-number-input .button-minus{color:#fff;border:0;width:22px;border-bottom-right-radius:4px;padding:0}