.components-pricing-package-select .key-features{flex-wrap:wrap;width:100%;max-width:800px;margin:50px auto 0;display:flex}@media (max-width:768px){.components-pricing-package-select .key-features{margin-bottom:70px}}@media screen and (min-width:900px){.components-pricing-package-select .key-features{flex-wrap:nowrap}}.components-pricing-package-select .key-features .feature{flex:100%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}@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{vertical-align:top;margin-right:10px;display:inline-block}.components-pricing-package-select .key-features .feature .icon svg{width:24px}.components-pricing-package-select .key-features .feature .content{color:var(--white-100);display:inline-block}.components-pricing-package-select .key-features .feature:last-child{margin-bottom:0}.components-pricing-package-select .all-features{color:var(--white-50);margin-top:25px;font-size:14px}.components-pricing-package-select .all-features span{color:var(--white-100);font-weight:700}.components-pricing-package-select .game-choice-wrapper{background-color:var(--primary-800);border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:700px;margin:40px auto 0;padding:8px;display:grid}.components-pricing-package-select .game-choice-wrapper.tickrate{background-color:var(--primary-700);height:44px;margin:unset;padding:unset;grid-template-columns:1fr 1fr}.components-pricing-package-select .game-choice-wrapper .pricing-page-game{background-color:unset;border-radius:4px;justify-content:center;align-items:center;height:44px;padding:8px 12px;display:flex}.components-pricing-package-select .game-choice-wrapper .pricing-page-game .game-text{white-space:nowrap;margin-left:6px}.components-pricing-package-select .radiobox-select.pricing-page:checked+.radiobox-border{box-shadow:none;background:var(--secondary-500);color:var(--primary-900)}.components-pricing-package-select .radiobox-select.pricing-page:checked+.radiobox-border img{filter:brightness(0)}.components-pricing-package-select .cycle-select{background-color:var(--primary-700);border-radius:4px;justify-content:space-between;max-width:500px;margin:20px auto 0;display:flex}.components-pricing-package-select .cycle-select button{color:var(--white-100);cursor:pointer;background:0 0;border:0;border-radius:4px;flex-grow:1;justify-content:center;padding:7px 0;font-size:14px;line-height:24px;display:flex;position:relative}.components-pricing-package-select .cycle-select button .percentage-badge{position:absolute;top:-13px}.components-pricing-package-select .cycle-select button.active{background-color:var(--secondary-500);color:#000}.components-pricing-package-select .pricing-plans{grid-gap:30px;grid-template-columns:1fr;margin-top:50px;display:grid}.components-pricing-package-select .pricing-plans .plan{background-color:var(--primary-800);border-radius:4px;grid-template-rows:min-content 12px 1fr 25px min-content 50px min-content min-content min-content 20px;height:auto;padding-top:20px;padding-left:20px;padding-right:20px;display:grid;position:relative}.components-pricing-package-select .pricing-plans .plan .most-popular{position:absolute;top:0;right:0}.components-pricing-package-select .pricing-plans .plan .most-popular span{color:var(--secondary-500);background-color:var(--active-bg);border-radius:0 3px;padding:4px 14px;font-size:14px;font-weight:500;display:inline-block}.components-pricing-package-select .pricing-plans .plan .title{color:var(--white-100);grid-row:1;font-size:22px;font-weight:700}.components-pricing-package-select .pricing-plans .plan .description{grid-row:3;height:100%;font-size:14px}.components-pricing-package-select .pricing-plans .plan .max-players{grid-row:5;font-size:14px}.components-pricing-package-select .pricing-plans .plan .max-players span{color:var(--white-100);font-weight:700}.components-pricing-package-select .pricing-plans .plan .price{color:var(--white-100);margin:0;font-size:22px;font-weight:700;position:relative}.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{border-radius:0 0 4px 4px;width:calc(100% + 40px);margin-left:-20px}.components-pricing-package-select .pricing-plans .plan .cta .button-secondary-large{border-radius:0 0 4px 4px;width:calc(100% + 40px);margin-left:-20px}.components-pricing-package-select .pricing-plans .plan .cta .button-primary-large:hover{background-color:var(--secondary-400)}.components-pricing-package-select .pricing-plans .plan .cta .button-secondary-large:hover{background-color:var(--primary-600)}@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{color:var(--white-50);font-size:22px;font-weight:400}.components-pricing-package-select .pricing-plans .plan .price .dotted{border-bottom:2px dotted var(--white-50)}.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{color:var(--white-100);font-size:14px}.components-pricing-package-select .pricing-plans .plan.custom .price{font-size:20px}.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{color:var(--white-100)!important;font-size:12px!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:var(--white-77);margin-top:10px;font-size:12px;font-weight:400;line-height:100%}.components-pricing-package-select .custom-package-editable{max-width:960px;margin-left:auto;margin-right:auto}@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{justify-content:center!important;display:flex!important}}.components-pricing-package-select .package-separator{margin:30px 0}
