.system-selector{border:1px solid var(--line);background:#fff;max-width:1120px;margin:0 auto 34px;padding:22px}.system-selector>div:first-child{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.system-selector>div:first-child span{color:var(--muted);font-size:12px}.system-selector>div:last-child{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.system-selector label{cursor:pointer;border:1px solid #ddd;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:700;display:grid}.system-selector label.selected{border-color:var(--red);color:var(--red);background:#fff4f4}.system-selector input{opacity:0;position:absolute}.system-selector label>span{color:#0000;border:1px solid #ccc;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.system-selector label.selected>span{border-color:var(--red);background:var(--red);color:#fff}.system-selector label>b{font-size:11px}.system-selector label>em{color:var(--muted);white-space:nowrap;font-size:10px;font-style:normal}.system-selector label.selected>em{color:var(--red)}.package-description{min-height:66px;color:var(--muted);font-size:13px;line-height:1.55}.included-core{border-left:3px solid var(--green);background:#f4faf6;flex-direction:column;gap:7px;margin:18px 0;padding:13px;display:flex}.included-core b{text-transform:uppercase;color:var(--green);font-size:10px}.included-core span{font-size:11px}.price strong{font-size:25px}.price-breakdown{min-height:28px;color:var(--muted);margin-top:-18px;font-size:10px;display:block}.extra-users{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr auto 100px;align-items:center;gap:18px;margin-top:8px;padding:15px;display:grid}.extra-users>span{flex-direction:column;gap:4px;display:flex}.extra-users small{color:var(--muted);font-size:10px}.extra-users>div{align-items:center;gap:12px;display:flex}.extra-users button{cursor:pointer;background:#fff;border:1px solid #ddd;width:34px;height:34px}.extra-users>em{color:var(--red);text-align:right;font-size:11px;font-style:normal;font-weight:800}.checkout-service-picker{grid-template-columns:1fr 1fr;gap:7px;margin:16px 0 20px;display:grid}.checkout-service-picker label{cursor:pointer;border:1px solid #ddd;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:9px;font-size:10px;display:grid}.checkout-service-picker label.selected{border-color:var(--red);background:#fff5f5}.checkout-service-picker input{opacity:0;position:absolute}.checkout-service-picker label>span{color:#0000;border:1px solid #ccc;place-items:center;width:18px;height:18px;display:grid}.checkout-service-picker label.selected>span{border-color:var(--red);background:var(--red);color:#fff}.checkout-service-picker em{color:var(--red);font-style:normal}.checkout-service-picker input:disabled~b,.checkout-service-picker input:disabled~em{font-weight:800}@media (width<=600px){.checkout-service-picker{grid-template-columns:1fr}}@media (width<=900px){.system-selector>div:last-child{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.system-selector>div:first-child{flex-direction:column;align-items:flex-start;gap:5px}.system-selector>div:last-child{grid-template-columns:1fr}}