main.rx-interior.rx-interior--cloud{--pp-accent: oklch(82% .13 165);--pp-action: #15563b;--pp-action-hover: #1b6245}main.rx-interior.rx-interior--dedicated{--pp-accent: oklch(83% .12 65);--pp-action: #694800;--pp-action-hover: #765200}main.rx-interior.rx-interior--colocation{--pp-accent: oklch(80% .11 295);--pp-action: #4c398a;--pp-action-hover: #57439a}main.rx-interior .pp-plan{display:flex;min-width:0;flex-direction:column;gap:0;padding:20px;border-radius:8px;background:color-mix(in oklab,var(--pp-accent) 7%,var(--ri-panel));border:1px solid color-mix(in oklab,var(--pp-accent) 28%,var(--ri-line));box-shadow:none;transition:border-color .2s,background-color .2s}main.rx-interior .pp-plan:hover,main.rx-interior .pp-plan:focus-within{border-color:color-mix(in oklab,var(--pp-accent) 58%,var(--ri-line));background:color-mix(in oklab,var(--pp-accent) 10%,var(--ri-panel))}main.rx-interior .pp-plan-head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 0 16px;border:0}main.rx-interior .pp-label{display:block;margin-bottom:5px;color:var(--ri-muted);font-size:14px;line-height:1.35}main.rx-interior .pp-price{flex:0 0 auto;color:var(--ri-ink);font-variant-numeric:tabular-nums;white-space:nowrap}main.rx-interior .pp-price strong{font:650 24px/1.15 var(--rx-heading-font);letter-spacing:-.035em}main.rx-interior .pp-price>span{color:var(--ri-muted);font-size:14px}main.rx-interior .pp-cloud-head h4{margin:0;font-size:20px;line-height:1.2}main.rx-interior .pp-sku{margin:6px 0 0;color:var(--ri-muted);font:14px/1.4 var(--rx-label-font);overflow-wrap:anywhere}main.rx-interior .pp-details{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--ri-line)}main.rx-interior .pp-details li{display:grid;grid-template-columns:minmax(74px,.62fr) minmax(0,1.38fr);align-items:baseline;gap:12px;min-width:0;padding:8px 0;border-bottom:1px solid var(--ri-line);line-height:1.4}main.rx-interior .pp-details li>span{color:var(--ri-muted);font-size:14px}main.rx-interior .pp-details strong{min-width:0;color:var(--ri-ink);font-size:14px;font-weight:550;text-align:right;overflow-wrap:anywhere}main.rx-interior .pp-billing,main.rx-interior .pp-note{padding-top:12px;color:var(--ri-muted);font-size:14px;line-height:1.4}main.rx-interior .pp-plan-actions{display:grid;gap:12px;margin-top:auto;padding-top:16px}main.rx-interior .pp-button.rx-cta.primary,main.rx-interior .pp-button.rx-cta.primary:is(:link,:visited,:hover,:focus-visible,:active){display:flex;width:100%;min-height:46px;align-items:center;justify-content:space-between;padding:11px 14px;border:1px solid var(--pp-action);border-radius:6px;background:var(--pp-action);color:#fff;font:650 15px/1.35 var(--rx-body-font);text-align:left;text-decoration:none;box-shadow:none;filter:none;transform:none;text-shadow:none}main.rx-interior .pp-button.rx-cta.primary:is(:hover,:focus-visible,:active){border-color:var(--pp-action-hover);background:var(--pp-action-hover);color:#fff}main.rx-interior .pp-button.rx-cta.primary:focus-visible{outline:3px solid var(--pp-accent);outline-offset:3px}main.rx-interior .pp-button svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}main.rx-interior .pp-button:after{display:none;content:none}main.rx-interior .pp-text-link{justify-self:start;display:inline-flex;min-height:44px;align-items:center;color:var(--ri-ink);font-size:14px;text-underline-offset:.2em}main.rx-interior .pp-family-access{margin:16px 0 0;color:var(--ri-muted);font-size:14px}main.rx-interior:is(.rx-interior--cloud,.rx-interior--dedicated,.rx-interior--colocation) .rx-cta.primary,main.rx-interior:is(.rx-interior--cloud,.rx-interior--dedicated,.rx-interior--colocation) .rx-cta.primary:is(:link,:visited,:hover,:focus-visible,:active){border-color:var(--pp-action);background:var(--pp-action);color:#fff;text-shadow:none}main.rx-interior:is(.rx-interior--cloud,.rx-interior--dedicated,.rx-interior--colocation) .rx-cta.primary:is(:hover,:focus-visible,:active){border-color:var(--pp-action-hover);background:var(--pp-action-hover);color:#fff}main.rx-interior:is(.rx-interior--cloud,.rx-interior--dedicated,.rx-interior--colocation) .rx-cta.primary:focus-visible{outline:3px solid var(--pp-accent);outline-offset:3px}main.rx-interior .pp-hardware-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px}main.rx-interior .pp-hardware-head>.pp-price{grid-column:2;grid-row:1 / span 2}main.rx-interior .pp-hardware-head h3,main.rx-interior .pp-rack-lead h3{min-width:0;margin:0;font-size:21px;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}main.rx-interior .pp-primary-spec{grid-column:1 / -1;margin:0;color:var(--ri-ink);font-size:15px;line-height:1.4}main.rx-interior .pp-primary-spec span{color:var(--ri-muted)}main.rx-interior .pp-plan--dedicated .pp-button{margin-top:auto}main.rx-interior .pp-rack-head{display:grid;gap:12px}main.rx-interior .pp-rack-head>.pp-price{justify-self:end;grid-row:1}main.rx-interior .pp-rack-lead{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:14px}main.rx-interior .pp-rack-lead p{margin:6px 0 0;color:var(--ri-muted);font-size:14px}main.rx-interior .pp-rack{position:relative;width:30px;height:84px;margin:0 auto;overflow:hidden;border:1px solid var(--ri-line);border-radius:3px;background:repeating-linear-gradient(to bottom,transparent 0 calc((100% / 42) - 1px),var(--ri-line) calc((100% / 42) - 1px) calc(100% / 42))}main.rx-interior .pp-rack span{position:absolute;inset:auto 0 0;height:var(--pp-rack-fill);border:1px solid var(--pp-accent);background:color-mix(in oklab,var(--pp-accent) 72%,transparent)}main.rx-interior .pp-power{margin:0;color:var(--ri-ink);font-size:15px;line-height:1.4}main.rx-interior .pp-plan--colocation .pp-button{margin-top:auto}@media(max-width:600px){main.rx-interior .pp-plan{padding:18px}main.rx-interior .pp-details li{grid-template-columns:minmax(68px,.56fr) minmax(0,1.44fr);gap:10px}main.rx-interior .pp-price strong{font-size:22px}}@media(prefers-reduced-motion:reduce){main.rx-interior .pp-button,main.rx-interior .pp-button svg{transition:none}}main.rx-interior .pp-rack-head{grid-template-columns:minmax(0,1fr);justify-content:stretch}main.rx-interior .pp-plan--dedicated .pp-button,main.rx-interior .pp-plan--colocation .pp-button{margin-top:auto}main.rx-interior .pp-details li{grid-template-columns:minmax(96px,.7fr) minmax(0,1.3fr)}main.rx-interior .pp-nowrap{white-space:nowrap}main.rx-interior .pp-plan--dedicated .pp-note,main.rx-interior .pp-plan--colocation .pp-details{margin-bottom:16px}
