.tier-selector{width:100%}.tier-selector .tier-head{width:100%;display:flex;justify-content:space-between}.tier-selector .tier-head .tier{cursor:pointer;color:#595959;font-size:24px;width:32%;padding:1.2em 1em;text-align:center;border:2px solid #CCCCCC;width:calc(100% / 3 - (10px));font-weight:400;border-radius:4px}.tier-selector .tier-head .tier:hover{background:#e9e9e9}@media only screen and (max-width: 991px){.tier-selector .tier-head .tier{font-size:18px}}@media only screen and (max-width: 767px){.tier-selector .tier-head .tier{font-size:4.5vw}}.tier-selector .tier-head .tier.active{background:#FFBB22;border-color:#FFBB22;color:white}.tier-selector .tier-head .tier b{display:inline-block;font-weight:400;font-size:0.7em;letter-spacing:-0.01em;width:100%}.tier-selector .tier-body{width:100%;font-size:16px;padding-top:0.4em;color:#595959;font-weight:400;text-align:center}@media only screen and (max-width: 991px){.tier-selector .tier-body{font-size:15px}}@media only screen and (max-width: 767px){.tier-selector .tier-body{font-size:4vw}}.tier-selector .tier-body .tier-row{width:100%;min-height:4.7em}.tier-selector .tier-body .tier-row .tier-feature{width:100%;margin-bottom:0.2em;margin-top:0.8em}.tier-selector .tier-body .tier-row .tier-states{width:100%;display:flex}.tier-selector .tier-body .tier-row .tier-states .tier-state{flex:1;background:#F7F7F7;height:2.75em;color:#878787}.tier-selector .tier-body .tier-row .tier-states .tier-state b{font-weight:400;font-size:1.5em;padding-top:0.4em;display:inline-block}.tier-selector .tier-body .tier-row .tier-states .tier-state b.binary{font-family:"Font Awesome 5 Pro";font-weight:400;font-size:1.3em;padding-top:0.6em}.tier-selector .tier-body .tier-row .tier-states .tier-state b.binary[data-enabled="true"]::after{content:"\f00c"}.tier-selector .tier-body .tier-row .tier-states .tier-state b.binary[data-enabled="false"]::after{content:"\f00d"}.tier-selector .tier-body .tier-row .tier-states .tier-state.active{color:#FFBB22}
