.vps-config-card{gap:19px}.vps-plan-heading{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e2eeff;border-radius:12px;background:linear-gradient(135deg,#f6faff,#fbfbff)}.vps-plan-heading>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:#2f7df4;background:#e7f1ff;font-size:23px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.vps-plan-heading>div{display:flex;min-width:0;flex:1;flex-direction:column}.vps-plan-heading small{color:#7198d3;font-size:8px;font-weight:700;letter-spacing:.08em}.vps-plan-heading strong{color:#30364a;font-size:11px}.vps-plan-heading em{padding:6px 9px;border-radius:999px;color:#087b4b;background:#e8f8f0;font-size:8px;font-style:normal;font-weight:600}.root-password-note{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:9px;color:#667085;background:#f6f7fa;font-size:8px}.root-password-note span{color:#2f7df4;font-size:17px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}.vps-config-card .primary-button:disabled{cursor:not-allowed;opacity:.5}
.vps-installing-card{max-width:720px;padding:38px;margin:auto;border:1px solid #e1ebfb;border-radius:17px;background:#fff;text-align:center;box-shadow:0 18px 45px rgba(26,52,91,.07)}.vps-installing-card>small{display:block;color:#2f7df4;font-size:8px;font-weight:700;letter-spacing:.12em}.vps-installing-card h2{margin:8px 0;color:#282e3d;font-size:22px}.vps-installing-card>p{max-width:540px;margin:0 auto;color:#858e9d;font-size:10px;line-height:1.7}.vps-installing-details{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0 19px}.vps-installing-details>div{padding:13px;border:1px solid #eceef3;border-radius:10px;background:#fafbfc}.vps-installing-details small{display:block;color:#969dab;font-size:7px;font-weight:700}.vps-installing-details b{display:block;overflow:hidden;margin-top:3px;color:#343a49;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.vps-installing-progress{height:7px;overflow:hidden;border-radius:999px;background:#e9f0fa}.vps-installing-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f7df4,#82b4ff);animation:vps-installing 1.8s ease-in-out infinite}.vps-installing-card>em{display:block;margin-top:12px;color:#777f90;font-size:8px;font-style:normal}@keyframes vps-installing{0%{transform:translateX(-100%)}100%{transform:translateX(340%)}}@media(max-width:700px){.vps-installing-details{grid-template-columns:1fr}}
.vps-purchase-page .page-header h1{font-size:25px}.vps-purchase-page .page-header p{font-size:11px}.vps-purchase-layout{grid-template-columns:minmax(0,1fr) 340px;gap:22px}.vps-purchase-layout .vps-config-card,.vps-purchase-summary{border-radius:18px;box-shadow:0 13px 35px rgba(34,38,61,.055)}.vps-purchase-layout .vps-config-card{padding:29px;gap:22px}.vps-plan-heading{padding:17px 18px}.vps-plan-heading small{font-size:9px}.vps-plan-heading strong{font-size:13px}.vps-plan-heading em{font-size:9px}.vps-purchase-os{display:grid;gap:12px}.vps-purchase-section-title{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px}.vps-purchase-section-title>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#2f7df4;background:#edf4ff;font-size:21px}.vps-purchase-section-title div{display:grid;gap:2px}.vps-purchase-section-title b{color:#303544;font-size:13px}.vps-purchase-section-title small{color:#8d95a4;font-size:10px}.vps-purchase-section-title em{padding:6px 9px;border-radius:999px;color:#4f85d6;background:#edf4ff;font-size:9px;font-style:normal;font-weight:600}.vps-purchase-search{position:relative;display:block}.vps-purchase-search>span{position:absolute;top:50%;left:13px;color:#8c94a3;font-size:21px;transform:translateY(-50%)}.vps-purchase-search input{width:100%;height:46px;padding:0 14px 0 43px;border:1px solid #dfe2e9;border-radius:11px;outline:0;background:#fafbfc;font:400 11px Inter;transition:.2s}.vps-purchase-search input:focus{border-color:#87b1ef;background:#fff;box-shadow:0 0 0 3px rgba(47,125,244,.09)}.vps-purchase-os-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:300px;padding:2px 5px 2px 2px;overflow:auto;scrollbar-color:#c4d5ee transparent;scrollbar-width:thin}.vps-purchase-os-option{display:block;cursor:pointer}.vps-purchase-os-option[hidden]{display:none}.vps-purchase-os-option>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.vps-purchase-os-option>span{display:grid;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:11px;min-height:70px;padding:11px 12px;border:1px solid #e4e6ec;border-radius:13px;background:#fff;transition:.2s}.vps-purchase-os-option:hover>span{border-color:#c3d8f7;box-shadow:0 7px 18px rgba(35,53,80,.07);transform:translateY(-1px)}.vps-purchase-os-logo{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ececf1;border-radius:12px;background:#fafafd}.vps-purchase-os-logo img{width:27px;height:27px;object-fit:contain}.vps-purchase-os-option>span>span{display:grid;min-width:0;gap:3px}.vps-purchase-os-option b{overflow:hidden;color:#303544;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.vps-purchase-os-option small{overflow:hidden;color:#8d95a3;font-size:9px;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.vps-purchase-os-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid #dfe1e7;border-radius:50%;color:transparent;font-size:15px}.vps-purchase-os-option>input:checked+span{border-color:#6197e7;background:linear-gradient(135deg,#f5f9ff,#fff);box-shadow:0 0 0 3px rgba(47,125,244,.09)}.vps-purchase-os-option>input:checked+span .vps-purchase-os-check{border-color:#2f7df4;color:#fff;background:#2f7df4}.vps-purchase-os-empty{margin:0;padding:15px;border-radius:10px;color:#89919f;background:#f7f8fa;text-align:center;font-size:10px}.vps-purchase-os-empty[hidden]{display:none}.vps-config-card>label{gap:7px;color:#444a59;font-size:11px}.vps-config-card input{height:48px;font-size:11px}.root-password-note{padding:13px;font-size:10px}.vps-config-card .primary-button{height:49px;border-radius:11px;font-size:11px}.vps-purchase-summary{position:sticky;top:22px;padding:24px}.vps-purchase-summary>header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid #eceef3}.vps-purchase-summary>header>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:#2f7df4;background:#edf4ff;font-size:21px}.vps-purchase-summary header div{display:grid}.vps-purchase-summary header small{color:#7097d1;font-size:8px;font-weight:700;letter-spacing:.09em}.vps-purchase-summary header h2{margin:1px 0;font-size:17px}.vps-purchase-summary header em{padding:5px 8px;border-radius:999px;color:#128054;background:#e9f8f1;font-size:9px;font-style:normal;font-weight:600}.vps-summary-selected-os{display:flex!important;align-items:center;gap:10px;margin:16px 0 7px!important;padding:13px!important;border:1px solid #e6f0ff!important;border-radius:11px;background:#f7faff}.vps-summary-selected-os>span{color:#2f7df4;font-size:22px}.vps-summary-selected-os div{display:grid;gap:2px}.vps-summary-selected-os small{color:#809fce;font-size:8px;font-weight:700}.vps-summary-selected-os b{overflow:hidden;max-width:220px;color:#373c4b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.vps-purchase-summary ul{margin-top:12px}.vps-purchase-summary li{padding:12px 0;font-size:10px}.vps-purchase-summary li span{color:#737b8a}.vps-purchase-summary li b{color:#353a49;font-size:10px}.vps-summary-price{display:flex!important;align-items:flex-end;justify-content:space-between;margin-top:12px!important;padding:17px 0 0!important;border-top:1px solid #e5e7ed!important}.vps-summary-price>span{display:grid;gap:2px}.vps-summary-price>span small{color:#8d95a3;font-size:8px;font-weight:700}.vps-summary-price>span b{color:#6f7786;font-size:9px;font-weight:400}.vps-summary-price strong{color:#292e3d;font-size:24px}.vps-summary-price strong small{font-size:11px}.vps-purchase-summary>p{margin:16px 0 0;padding:11px;border-radius:9px;color:#6f7786;background:#f6f7f9;font-size:9px;line-height:1.55}@media(max-width:1000px){.vps-purchase-layout{grid-template-columns:1fr}.vps-purchase-summary{position:static}}@media(max-width:680px){.vps-purchase-layout .vps-config-card{padding:20px}.vps-purchase-os-grid{grid-template-columns:1fr;max-height:270px}.vps-purchase-section-title{grid-template-columns:40px 1fr}.vps-purchase-section-title em{grid-column:2;justify-self:start}}
.vps-purchase-page .checkout-steps{width:max-content;max-width:100%;margin:0 auto 27px;padding:11px 15px;border:1px solid #e4e6ed;border-radius:15px;background:#fff;box-shadow:0 9px 27px rgba(34,38,61,.055)}
.vps-purchase-page .checkout-steps span{padding:8px 11px;border-radius:10px;font-size:11px}
.vps-purchase-page .checkout-steps span b{font-size:10px}
.vps-purchase-page .checkout-steps span.active{color:#fff;background:#2f7df4;box-shadow:0 6px 15px rgba(47,125,244,.2)}
.vps-purchase-page .checkout-steps>i{width:48px}
.vps-purchase-page .page-header h1{font-size:28px}
.vps-purchase-page .page-header p{font-size:13px}
.vps-purchase-page .checkout-steps span{font-size:13px}
.vps-purchase-page .checkout-steps span b{font-size:12px}
.vps-purchase-page .vps-plan-heading small{font-size:11px}
.vps-purchase-page .vps-plan-heading strong{font-size:15px}
.vps-purchase-page .vps-plan-heading em{font-size:11px}
.vps-purchase-page .vps-purchase-section-title b{font-size:16px}
.vps-purchase-page .vps-purchase-section-title small{font-size:13px}
.vps-purchase-page .vps-purchase-section-title em{font-size:12px}
.vps-purchase-page .vps-purchase-search input{font-size:13px}
.vps-purchase-page .vps-purchase-os-option b{font-size:13px}
.vps-purchase-page .vps-purchase-os-option small{font-size:11px}
.vps-purchase-page .vps-config-card>label{font-size:13px}
.vps-purchase-page .vps-config-card input{font-size:13px}
.vps-purchase-page .root-password-note{align-self:flex-start;width:fit-content;max-width:100%;font-size:12px}
.vps-purchase-page .vps-config-card .primary-button{font-size:13px}
.vps-purchase-page .vps-purchase-summary header small{font-size:10px}
.vps-purchase-page .vps-purchase-summary header h2{font-size:20px}
.vps-purchase-page .vps-purchase-summary header em{font-size:11px}
.vps-purchase-page .vps-summary-selected-os small{font-size:10px}
.vps-purchase-page .vps-summary-selected-os b{font-size:12px}
.vps-purchase-page .vps-purchase-summary li,.vps-purchase-page .vps-purchase-summary li b{font-size:12px}
.vps-purchase-page .vps-summary-price>span small{font-size:10px}
.vps-purchase-page .vps-summary-price>span b{font-size:11px}
.vps-purchase-page .vps-summary-price strong{font-size:27px}
.vps-purchase-page .vps-purchase-summary>p{font-size:11px}
.vps-purchase-page .vps-purchase-os-grid{max-height:232px}
.vps-purchase-page .vps-purchase-os-option{position:relative}
.vps-purchase-page .vps-purchase-os-option>input{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;pointer-events:auto}
.vps-purchase-page .vps-purchase-os-option>input:focus-visible+span{outline:3px solid rgba(47,125,244,.2);outline-offset:2px}
.vps-purchase-page .material-symbols-rounded{font-style:normal;line-height:1;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}
.vps-purchase-page .vps-purchase-os-check{display:flex;align-items:center;justify-content:center;padding:0;text-align:center;line-height:1;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}
.vps-flow-steps{display:grid;grid-template-columns:auto 62px auto 62px auto;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:0 auto 28px;padding:11px 14px;border:1px solid #e3e5ec;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(34,38,61,.06)}
.vps-flow-steps>span{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;color:#969daa;transition:.25s}
.vps-flow-steps>span>i{display:grid;place-items:center;width:35px;height:35px;border:1px solid #e0e2e8;border-radius:10px;color:#8e96a4;background:#f7f8fa;font-size:19px;line-height:1;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 22}
.vps-flow-steps>span>span{display:grid;gap:1px}
.vps-flow-steps small{font-size:8px;font-weight:700;letter-spacing:.09em}
.vps-flow-steps b{font-size:11px;font-weight:600;white-space:nowrap}
.vps-flow-steps>em{position:relative;width:100%;height:2px;overflow:hidden;border-radius:999px;background:#e6e7ec}
.vps-flow-steps>em:after{position:absolute;inset:0;background:linear-gradient(90deg,#2f7df4,#83b1f6);content:"";transform:scaleX(0);transform-origin:left;transition:.35s}
.vps-flow-steps>span.active{color:#3873ca;background:#f0f6ff}
.vps-flow-steps>span.active>i{border-color:#2f7df4;color:#fff;background:#2f7df4;box-shadow:0 7px 16px rgba(47,125,244,.22)}
.vps-flow-steps>span.done{color:#247754}
.vps-flow-steps>span.done>i{border-color:#bce7d2;color:#16885b;background:#e9f9f1}
.vps-flow-steps>span.done+em:after{transform:scaleX(1)}
.vps-flow-steps.is-complete>em:after{transform:scaleX(1);background:linear-gradient(90deg,#21a568,#58ca92)}
@media(max-width:720px){.vps-flow-steps{grid-template-columns:1fr 22px 1fr 22px 1fr;width:100%;padding:9px}.vps-flow-steps>span{justify-content:center;padding:7px 4px}.vps-flow-steps>span>i{width:32px;height:32px}.vps-flow-steps>span>span{display:none}}
.vps-credentials-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}
.vps-credentials-grid label{display:grid;gap:8px;min-width:0}
.vps-field-title{display:flex;align-items:center;gap:7px;color:#424857;font-size:12px;font-weight:600}
.vps-field-title i{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#2f7df4;background:#edf4ff;font-size:15px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 18}
.vps-credentials-grid input{width:100%;height:49px;padding:0 13px;border:1px solid #dfe2e9;border-radius:11px;outline:0;color:#343947;background:#fafbfc;font:400 12px Inter;transition:border-color .2s,box-shadow .2s,background .2s}
.vps-credentials-grid input:focus{border-color:#82aeef;background:#fff;box-shadow:0 0 0 3px rgba(47,125,244,.09)}
.vps-credentials-grid input::placeholder{color:#a3a9b4}
.vps-credential-password{position:relative;display:block}
.vps-credential-password input{padding-right:48px}
.vps-credential-password button{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:35px;height:35px;padding:0;border:0;border-radius:8px;color:#2f7df4;background:#edf4ff;cursor:pointer;transition:.2s}
.vps-credential-password button:hover{color:#fff;background:#2f7df4}
.vps-credential-password button i{font-size:19px;line-height:1;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}
@media(max-width:850px){.vps-credentials-grid{grid-template-columns:1fr}}
.vps-pix-layout{grid-template-columns:minmax(0,1fr) 360px;gap:22px;max-width:980px;margin:0 auto}.vps-pix-card,.vps-payment-waiting{border-radius:19px;box-shadow:0 14px 40px rgba(34,38,61,.06)}.vps-pix-card{padding:28px;text-align:left}.vps-pix-heading{display:flex;align-items:center;gap:12px}.vps-pix-heading>span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;color:#2f7df4;background:#edf4ff;font-size:24px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 26}.vps-pix-heading div{display:grid;gap:2px}.vps-pix-heading small{color:#618ccd;font-size:10px;font-weight:700;letter-spacing:.09em}.vps-pix-heading h2{margin:0;color:#2d3342;font-size:20px}.vps-pix-card>img{width:230px;height:230px;margin:22px auto 11px;padding:9px;border:1px solid #e8e9ef;border-radius:15px;background:#fff;box-shadow:0 9px 25px rgba(35,39,66,.07)}.vps-pix-price{display:block;color:#292f3e;font-size:29px;text-align:center}.vps-pix-price small{font-size:13px}.vps-pix-card>p{margin:6px 0 19px;color:#818a99;font-size:12px;text-align:center}.vps-pix-card label{display:grid;gap:8px;color:#484e5d;font-size:12px;font-weight:600}.vps-pix-card textarea{height:70px;padding:12px;border:1px solid #dfe2e9;border-radius:11px;color:#737b89;background:#fafbfc;font:400 10px Inter;resize:none}.vps-pix-card>button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:11px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,#5792eb,#3473d0);font:600 12px Inter;box-shadow:0 9px 20px rgba(54,117,211,.2);cursor:pointer}.vps-pix-card>button i{font-size:19px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}.vps-payment-waiting{padding:31px 27px;text-align:center}.vps-waiting-icon{position:relative;display:grid;place-items:center;width:68px;height:68px;margin:0 auto 17px;border-radius:19px;color:#2f7df4;background:#edf4ff}.vps-waiting-icon>i{font-size:31px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 32}.vps-waiting-icon>span{position:absolute;inset:-5px;border:2px solid transparent;border-top-color:#2f7df4;border-right-color:#91b9f6;border-radius:23px;animation:spin 1.4s linear infinite}.vps-payment-waiting>small{color:#618ccd;font-size:9px;font-weight:700;letter-spacing:.11em}.vps-payment-waiting h2{margin:7px 0 6px;color:#2c3241;font-size:21px}.vps-payment-waiting>p{margin:0;color:#858d9b;font-size:11px;line-height:1.65}.vps-payment-waiting ul{margin:23px 0 17px;padding:0;border:1px solid #eceef3;border-radius:12px;background:#fafbfc}.vps-payment-waiting li{display:flex;justify-content:space-between;gap:15px;padding:13px 14px;border-top:1px solid #eceef3;font-size:11px;text-align:left}.vps-payment-waiting li:first-child{border-top:0}.vps-payment-waiting li b{color:#858d9b;font-weight:500}.vps-payment-waiting li span{overflow:hidden;color:#383e4d;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.vps-payment-live{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:10px;color:#4e75b0;background:#f2f7ff;font-size:10px;font-weight:600}.vps-payment-live>i{width:8px;height:8px;border-radius:50%;background:#2f7df4;box-shadow:0 0 0 5px rgba(47,125,244,.1);animation:vps-payment-pulse 1.5s ease-in-out infinite}@keyframes vps-payment-pulse{50%{opacity:.4;transform:scale(.8)}}@media(max-width:900px){.vps-pix-layout{grid-template-columns:1fr}.vps-payment-waiting{order:-1}}@media(max-width:560px){.vps-pix-card,.vps-payment-waiting{padding:22px}.vps-pix-card>img{width:210px;height:210px}}
.vps-pix-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:0;max-width:900px;padding:0;overflow:hidden;border:1px solid #e3e5ec;border-radius:21px;background:#fff;box-shadow:0 18px 50px rgba(34,38,61,.08)}
.vps-pix-layout .vps-pix-card,.vps-pix-layout .vps-payment-waiting{border:0;border-radius:0;box-shadow:none}
.vps-pix-layout .vps-pix-card{padding:30px 35px}
.vps-pix-layout .vps-payment-waiting{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;border-left:1px solid #eceef3;background:linear-gradient(145deg,#fbfaff,#f6faff)}
.vps-pix-layout .vps-payment-waiting ul{width:100%;background:rgba(255,255,255,.75)}
@media(max-width:900px){.vps-pix-layout{grid-template-columns:1fr;max-width:620px}.vps-pix-layout .vps-payment-waiting{order:-1;border-bottom:1px solid #eceef3;border-left:0}}
.vps-pix-countdown{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:11px;border:1px solid #e1edff;border-radius:10px;color:#5981bd;background:#fff;font-size:11px}.vps-pix-countdown>i{font-size:19px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}.vps-pix-countdown b{color:#3873ca;font:700 13px Inter}.vps-pix-countdown.expired{border-color:#f0cbd1;color:#b64152;background:#fff1f3}.vps-pix-countdown.expired b{color:#b64152}

/* Larger Pix payment typography */
.vps-pix-heading small{font-size:11px}
.vps-pix-heading h2{font-size:22px}
.vps-pix-price{font-family:Poppins,Arial,sans-serif;font-size:32px}
.vps-pix-price small{font-size:14px}
.vps-pix-card>p{font-size:13px}
.vps-pix-card label{font-size:13px}
.vps-pix-card textarea{font-size:11px;line-height:1.45}
.vps-pix-card>button{font-size:13px}
.vps-payment-waiting>small{font-size:10px}
.vps-payment-waiting h2{font-size:23px}
.vps-payment-waiting>p{font-size:12px}
.vps-payment-waiting li{font-size:12px}
.vps-payment-live{font-size:11px}
.vps-pix-countdown{font-size:12px}
.vps-waiting-icon{border-radius:50%}
.vps-waiting-icon>span{inset:-6px;border-radius:50%;animation-duration:1.15s}
.vps-payment-waiting.is-approved .vps-waiting-icon{color:#16885b;background:#e9faf2}.vps-payment-waiting.is-approved .vps-waiting-icon>span{border-color:transparent;border-top-color:#24b576;border-right-color:#70d7aa}.vps-payment-waiting.is-approved>small{color:#16885b}.vps-payment-waiting.is-approved h2{color:#206147}.vps-payment-waiting.is-approved .vps-payment-live{color:#16885b;background:#e9faf2}.vps-payment-waiting.is-approved .vps-payment-live>i{background:#24b576;box-shadow:0 0 0 5px rgba(36,181,118,.12)}
.vps-free-payment-approved{max-width:500px;margin:0 auto;border:1px solid #dce9e2;background:linear-gradient(145deg,#fff,#f6fcf9);box-shadow:0 18px 48px rgba(34,79,57,.09)}.vps-free-payment-approved ul{width:100%}.vps-free-payment-approved .vps-payment-live{width:100%}

/* Standard panel header for the VPS purchase page */
.vps-purchase-page>.page-header{align-items:center;margin-bottom:25px}
.vps-purchase-page>.page-header>div{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:14px;min-width:0}
.vps-purchase-page>.page-header>div::before{display:grid;grid-row:1/4;place-items:center;width:48px;height:48px;border:1px solid #dceaff;border-radius:14px;color:#2f7df4;background:linear-gradient(145deg,#eaf3ff,#f5f9ff);box-shadow:0 7px 18px rgba(47,125,244,.09);content:"dns";font-family:"Material Symbols Rounded";font-size:24px;font-style:normal;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}
.vps-purchase-page>.page-header>div>small{grid-column:2;display:block;margin-bottom:5px;color:#2f7df4;font-size:9px;font-weight:700;letter-spacing:.13em}
.vps-purchase-page>.page-header>div>h1{grid-column:2;margin:0;color:#202235;font-size:29px;line-height:1.12;letter-spacing:-.04em}
.vps-purchase-page>.page-header>div>p{grid-column:2;margin:6px 0 0;color:#7f8a9d;font-size:12px;line-height:1.45}
@media(max-width:680px){.vps-purchase-page>.page-header>div{grid-template-columns:43px minmax(0,1fr);column-gap:14px}.vps-purchase-page>.page-header>div::before{width:43px;height:43px;border-radius:12px;font-size:21px}.vps-purchase-page>.page-header>div>h1{font-size:25px}}
.vps-summary-selected-os{justify-content:space-between}
.vps-summary-selected-os>div{min-width:0;flex:1;text-align:left}
.vps-summary-selected-os>.vps-summary-os-logo{display:grid;place-items:center;width:46px;height:46px;margin-left:auto;border:1px solid #dceaff;border-radius:12px;background:#fff;flex:0 0 46px}
.vps-summary-os-logo img{display:block;width:28px;height:28px;object-fit:contain}
.vps-summary-os-logo[hidden]{display:none!important}
.vps-provision-failed{max-width:660px;margin:0 auto;padding:36px;border:1px solid #efcfd4;border-radius:20px;background:#fff;text-align:center;box-shadow:0 16px 45px rgba(63,35,42,.07)}.vps-provision-failed-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 15px;border-radius:18px;color:#c64254;background:#fff0f2}.vps-provision-failed-icon i{font-size:30px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 32}.vps-provision-failed>small:first-of-type{color:#178057;font-size:10px;font-weight:700;letter-spacing:.1em}.vps-provision-failed h2{margin:7px 0;color:#303543;font-size:22px}.vps-provision-failed>p{margin:0 auto 20px;color:#7e8796;font-size:12px;line-height:1.7}.vps-provision-failed form{display:grid;gap:11px;padding:18px;border:1px solid #eceef3;border-radius:13px;background:#fafbfc;text-align:left}.vps-provision-failed label{display:grid;gap:7px;color:#454b59;font-size:11px;font-weight:600}.vps-provision-failed select{width:100%;height:48px;padding:0 13px;border:1px solid #dfe2e9;border-radius:10px;background:#fff;font:400 11px Inter}.vps-provision-failed button{display:flex;align-items:center;justify-content:center;gap:8px;height:47px;border:0;border-radius:10px;color:#fff;background:#2f7df4;font:600 12px Inter;cursor:pointer}.vps-provision-failed button i{font-size:19px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}.vps-provision-failed-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:15px;color:#25815d;font-size:10px}.vps-provision-failed-note i{font-size:17px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}
.vps-retry-passwords{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vps-retry-passwords input{width:100%;height:46px;padding:0 12px;border:1px solid #dfe2e9;border-radius:10px;font:400 11px Inter}.vps-retry-password-rule{color:#7d8594;font-size:9px;line-height:1.5}@media(max-width:600px){.vps-retry-passwords{grid-template-columns:1fr}}
.vps-installing-card>small{font-size:11px}
.vps-installing-card h2{font-size:27px}
.vps-installing-card>p{font-size:13px}
.vps-installing-details small{font-size:10px}
.vps-installing-details b{font-size:12px}
.vps-installing-card>em{font-size:11px}

/* Sistemas operacionais em três colunas, com cartões mais compactos. */
.vps-purchase-os-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.vps-purchase-os-option>span{grid-template-columns:40px minmax(0,1fr) 20px;gap:8px;min-height:62px;padding:9px 10px}
.vps-purchase-os-logo{width:40px;height:40px;border-radius:10px}
.vps-purchase-os-logo img{width:24px;height:24px}
.vps-purchase-os-check{width:20px;height:20px}
.vps-purchase-page .vps-purchase-section-title{grid-template-columns:44px 1fr auto;margin-bottom:5px}
.vps-purchase-page .vps-purchase-section-title>span{width:44px;height:44px;font-size:24px}
.vps-purchase-page .vps-purchase-os-option b{font-size:14px}
.vps-purchase-page .vps-purchase-os-option small{font-size:12px}
.vps-purchase-page #purchase-os-title{font-size:19px}
@media(max-width:900px){.vps-purchase-os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.vps-purchase-os-grid{grid-template-columns:1fr}}
.vps-purchase-actions{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px}
.vps-purchase-actions .primary-button{width:100%}
.vps-checkout-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px!important}
.vps-checkout-submit [data-vps-checkout-submit-label]{font-size:13px!important;line-height:1.2}
.vps-checkout-submit-arrow{font-size:18px!important;line-height:1;font-variation-settings:"FILL" 0,"wght" 350,"GRAD" 0,"opsz" 20;transition:transform .2s ease}
.vps-checkout-submit:not(.is-loading):hover .vps-checkout-submit-arrow{transform:translateX(3px)}
.vps-checkout-submit-spinner{display:none;width:16px;height:16px;flex:0 0 16px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:vpsCheckoutSpin .7s linear infinite}
.vps-checkout-submit.is-loading .vps-checkout-submit-spinner{display:block}
.vps-checkout-submit.is-loading .vps-checkout-submit-arrow{display:none}
.vps-checkout-submit.is-loading,.vps-checkout-submit.is-loading:disabled{cursor:wait;opacity:.88;color:#fff;background:#2f7df0}
@keyframes vpsCheckoutSpin{to{transform:rotate(360deg)}}
.vps-purchase-back{display:flex;align-items:center;justify-content:center;gap:7px;height:49px;border:1px solid #cddcf2;border-radius:11px;color:#2f6fcf;background:#f5f9ff;font-size:13px;font-weight:600;transition:.2s}
.vps-purchase-back:hover{border-color:#91b8ef;background:#edf5ff;transform:translateY(-1px)}
.vps-purchase-back .material-symbols-rounded{font-size:19px}
@media(max-width:540px){.vps-purchase-actions{grid-template-columns:1fr}}
.vps-credentials-divider{display:flex;align-items:center;gap:14px;margin-top:16px;color:#697386;font-size:12px;font-weight:600}
.vps-credentials-divider:before,.vps-credentials-divider:after{height:1px;content:"";background:#e3e9f2}
.vps-credentials-divider:before{width:22px}
.vps-credentials-divider:after{flex:1}
.vps-credentials-divider span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.vps-credentials-divider i{color:#2f7df4;font-size:18px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}
.vps-purchase-page .vps-credentials-grid{margin-top:2px}
.vps-purchase-page .vps-field-title{font-size:14px}
.vps-purchase-page .vps-field-title i{width:28px;height:28px;font-size:17px}
.vps-purchase-page .vps-credentials-grid input{font-size:14px}
.vps-credential-input,.vps-credential-password{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:7px;width:100%;height:49px;padding:5px 6px;border:1px solid #dfe2e9;border-radius:11px;background:#fafbfc;transition:border-color .2s,box-shadow .2s,background .2s}
.vps-credential-password{grid-template-columns:36px minmax(0,1fr) 36px}
.vps-credential-input:focus-within,.vps-credential-password:focus-within{border-color:#82aeef;background:#fff;box-shadow:0 0 0 3px rgba(47,125,244,.09)}
.vps-credential-icon{display:grid;place-items:center;align-self:center;justify-self:center;width:36px;height:36px;margin:0;padding:0;border-radius:8px;color:#2f7df4;background:#edf4ff;pointer-events:none}
.vps-credential-icon>i{display:block;width:19px;height:19px;margin:0;padding:0;font-size:19px;line-height:19px;text-align:center;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}
.vps-credentials-grid .vps-credential-input input,.vps-credentials-grid .vps-credential-password input{align-self:center;min-width:0;height:37px;padding:0 6px;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;line-height:37px}
.vps-credentials-grid .vps-credential-input input:focus,.vps-credentials-grid .vps-credential-password input:focus{border:0;background:transparent;box-shadow:none}
.vps-credential-password button{position:static;display:flex;align-items:center;justify-content:center;align-self:center;justify-self:center;width:36px;height:36px;margin:0;padding:0;border-radius:0;background:transparent;box-shadow:none}
.vps-credential-password button:hover{color:#1f63d6;background:transparent}
.vps-purchase-layout .vps-config-card{padding:0;background:transparent;border:0;box-shadow:none;gap:18px}
.vps-billing-card,.vps-configuration-card-body{padding:29px!important;border:1px solid #e1e6ee!important;border-radius:18px;background:#fff;box-shadow:0 13px 35px rgba(34,38,61,.055)}
.vps-billing-cycle{margin:0;padding:0!important;border:0!important}
.vps-configuration-card-body{display:grid;gap:22px}
@media(max-width:680px){.vps-billing-card,.vps-configuration-card-body{padding:20px!important}}
.vps-os-family-filters{display:flex;gap:8px;max-width:100%;padding:2px 0 3px;overflow-x:auto;scrollbar-width:none}
.vps-os-family-filters::-webkit-scrollbar{display:none}
.vps-os-family-filters button{flex:0 0 auto;height:34px;padding:0 14px;border:1px solid #dfe5ee;border-radius:10px;color:#657085;background:#fff;font:600 11px Inter;cursor:pointer;transition:.2s}
.vps-os-family-filters button:hover{border-color:#a9c8f5;color:#246fdc;background:#f7faff}
.vps-os-family-filters button.active{border-color:#2f7df4;color:#1f67d2;background:#eaf3ff;box-shadow:0 4px 12px rgba(47,125,244,.12)}
.vps-purchase-page .vps-purchase-os-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:324px;gap:10px}
.vps-purchase-page .vps-purchase-os-option>span{grid-template-columns:44px minmax(0,1fr) auto 22px;gap:11px;min-height:68px;padding:10px 12px}
.vps-os-option-copy{display:grid;min-width:0;gap:4px}
.vps-purchase-page .vps-os-option-copy b{font-size:13px}
.vps-purchase-page .vps-os-option-copy small{overflow:hidden;color:#8791a2;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.vps-os-architecture{padding:5px 7px;border-radius:7px;color:#61738e;background:#f1f4f8;font-size:9px;font-style:normal;font-weight:600;white-space:nowrap}
.vps-purchase-os-option>input:checked+span .vps-os-architecture{color:#276fd9;background:#e1edff}
@media(max-width:760px){.vps-purchase-page .vps-purchase-os-grid{grid-template-columns:1fr}.vps-os-architecture{display:none}}
.vps-os-platform-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vps-os-platform-selector>button{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:13px;min-height:78px;padding:13px 15px;border:1px solid #dfe5ed;border-radius:14px;outline:0;color:#263147;background:linear-gradient(180deg,#fff,#fbfcfe);text-align:left;cursor:pointer;transition:.2s}
.vps-os-platform-selector>button:focus-visible{outline:3px solid rgba(47,125,244,.18);outline-offset:2px}
.vps-os-platform-selector>button:hover{border-color:#a9c7f0;box-shadow:0 8px 20px rgba(39,72,119,.08);transform:translateY(-1px)}
.vps-os-platform-selector>button.active{border-color:#3784f3;background:linear-gradient(145deg,#f4f9ff,#ecf4ff);box-shadow:0 0 0 3px rgba(47,125,244,.09),0 10px 23px rgba(47,125,244,.1)}
.vps-os-platform-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #e4e9f0;border-radius:12px;background:#f7f9fc}
.vps-os-platform-icon img{width:27px;height:27px;object-fit:contain}
.vps-os-platform-selector>button>span:nth-child(2){display:grid;gap:4px}
.vps-os-platform-selector>button b{font-size:14px}
.vps-os-platform-selector>button small{color:#8791a2;font-size:10px;font-weight:400}
.vps-os-platform-selector>button small em{color:#3779dc;font-style:normal;font-weight:700}
.vps-os-platform-selector>button>i{color:#9ca8b9;font-size:21px;transition:.2s}
.vps-os-platform-selector>button.active>i{color:#2f7df4;transform:rotate(90deg)}
.vps-os-options-panel{display:grid;gap:12px;padding-top:2px}
.vps-os-options-panel[hidden]{display:none}
@media(max-width:620px){.vps-os-platform-selector{grid-template-columns:1fr}}
.vps-os-distribution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:326px;padding:2px 5px 2px 2px;overflow:auto;scrollbar-color:#c4d5ee transparent;scrollbar-width:thin}
.vps-os-distribution-card{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;row-gap:9px;min-width:0;padding:14px;border:1px solid #dfe5ed;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfcfe);transition:.2s}
.vps-os-distribution-card:hover{border-color:#b8cff0;box-shadow:0 8px 20px rgba(39,72,119,.07)}
.vps-os-distribution-card.selected{border-color:#3a84ef;background:linear-gradient(145deg,#f4f9ff,#edf5ff);box-shadow:0 0 0 3px rgba(47,125,244,.08)}
.vps-os-distribution-logo{display:grid;grid-row:1/3;place-items:center;width:52px;height:52px;border:1px solid #e4e9f0;border-radius:13px;background:#f6f8fb}
.vps-os-distribution-logo img{width:29px;height:29px;object-fit:contain}
.vps-os-distribution-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.vps-os-distribution-copy b{overflow:hidden;color:#253047;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.vps-os-distribution-copy small{color:#8a95a6;font-size:9px;white-space:nowrap}
.vps-os-version-select{position:relative;display:block;min-width:0}
.vps-os-version-select select{width:100%;height:39px;padding:0 34px 0 11px;border:1px solid #d8e0ea;border-radius:9px;outline:0;color:#344057;background:#fff;font:500 11px Inter;appearance:none;cursor:pointer;transition:.2s}
.vps-os-version-select select:hover,.vps-os-version-select select:focus{border-color:#82aeef;box-shadow:0 0 0 3px rgba(47,125,244,.08)}
.vps-os-version-select>i{position:absolute;top:50%;right:9px;color:#8793a5;font-size:18px;pointer-events:none;transform:translateY(-50%)}
@media(max-width:760px){.vps-os-distribution-grid{grid-template-columns:1fr}.vps-os-distribution-copy small{display:none}}
.vps-os-platform-selector>button{grid-template-columns:42px minmax(0,1fr) 22px;min-height:66px;padding:11px 13px}
.vps-os-platform-icon{width:42px;height:42px;border-radius:11px}
.vps-os-platform-icon img{width:24px;height:24px}
.vps-os-classic-chooser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:17px;border:1px solid #e1e6ed;border-radius:14px;background:#f8fafc}
.vps-os-classic-chooser label{display:grid;gap:7px;min-width:0;color:#465267;font-size:11px;font-weight:600}
.vps-os-classic-chooser select{width:100%;height:45px;padding:0 38px 0 13px;border:1px solid #d8e0ea;border-radius:10px;outline:0;color:#263147;background:#fff;font:500 12px Inter;cursor:pointer;transition:.2s}
.vps-os-classic-chooser select:focus{border-color:#82aeef;box-shadow:0 0 0 3px rgba(47,125,244,.08)}
.vps-os-classic-chooser select:disabled{color:#9aa4b3;background:#f2f4f7;cursor:not-allowed}
@media(max-width:620px){.vps-os-classic-chooser{grid-template-columns:1fr}}
.vps-os-simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:330px;padding:2px 5px 2px 2px;overflow:auto;scrollbar-color:#c4d5ee transparent;scrollbar-width:thin}
.vps-os-simple-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:14px;border:1px solid #dfe4eb;border-radius:12px;background:#fff;transition:.2s}
.vps-os-simple-card:hover{border-color:#b9cce8;box-shadow:0 7px 18px rgba(38,59,91,.06)}
.vps-os-simple-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:10px;background:#f4f6f9}
.vps-os-simple-logo img{width:28px;height:28px;object-fit:contain}
.vps-os-simple-card>div{display:grid;min-width:0;gap:8px}
.vps-os-simple-card b{overflow:hidden;color:#172036;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.vps-os-simple-card select{width:100%;height:39px;padding:0 34px 0 11px;border:1px solid #d9dee6;border-radius:8px;outline:0;color:#273247;background:#fff;font:500 11px Inter;cursor:pointer;transition:.2s}
.vps-os-simple-card select:focus{border-color:#82aeef;box-shadow:0 0 0 3px rgba(47,125,244,.08)}
.vps-os-simple-card.selected{border-color:#111318;background:#111318;box-shadow:0 10px 24px rgba(12,16,24,.16)}
.vps-os-simple-card.selected .vps-os-simple-logo{background:#27292f}
.vps-os-simple-card.selected b{color:#fff}
.vps-os-simple-card.selected select{border-color:#4a4d54;color:#fff;background:#24262b}
.vps-os-simple-card.selected select option{color:#172036;background:#fff}
@media(max-width:700px){.vps-os-simple-grid{grid-template-columns:1fr}}
.vps-purchase-page .vps-purchase-os-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:232px;gap:9px}
.vps-purchase-page .vps-purchase-os-option>span{grid-template-columns:40px minmax(0,1fr) 20px;gap:8px;min-height:62px;padding:9px 10px}
@media(max-width:900px){.vps-purchase-page .vps-purchase-os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.vps-purchase-page .vps-purchase-os-grid{grid-template-columns:1fr}}
.vps-billing-cycle{min-height:0}
.vps-billing-topbar{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:24px}
.vps-billing-heading{display:flex;align-items:center;gap:13px;min-width:0;color:#172036}
.vps-billing-heading>span:first-child{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid #dce9ff;border-radius:14px;color:#2378f0;background:linear-gradient(145deg,#f1f7ff,#e8f2ff);box-shadow:0 7px 18px rgba(47,125,244,.1);font-size:23px}
.vps-billing-heading>span:last-child{display:grid;gap:3px;min-width:0}
.vps-billing-heading b{font-size:22px;letter-spacing:-.25px}
.vps-billing-heading small{color:#7b8597;font-size:13px;font-weight:400}
.vps-billing-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:13px;width:100%;min-height:48px;padding:7px 12px;border:1px solid #dbe4ef;border-radius:11px;outline:0;color:#263147;background:#f8fafc;font-family:Inter,sans-serif;text-align:left;cursor:pointer;transition:.2s}
.vps-billing-toggle:hover{border-color:#a9c7f0;background:#f3f7fd}
.vps-billing-toggle:focus-visible{outline:3px solid rgba(47,125,244,.16);outline-offset:2px}
.vps-billing-toggle>span{display:grid;gap:2px;min-width:0}
.vps-billing-toggle small{color:#8491a4;font-size:9px;font-weight:700;letter-spacing:.07em}
.vps-billing-toggle b{overflow:hidden;color:#253047;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.vps-billing-toggle strong{color:#2873df;font-size:11px;white-space:nowrap}
.vps-billing-toggle>i{color:#6f7e92;font-size:19px;transition:.2s}
.vps-billing-toggle[aria-expanded="true"]>i{transform:rotate(180deg)}
.vps-billing-cycle .hosting-billing-options{margin-top:28px}
.vps-billing-cycle .hosting-billing-options[hidden]{display:none!important}
@media(max-width:760px){.vps-billing-topbar{grid-template-columns:1fr}.vps-billing-toggle{width:100%}.vps-billing-cycle .hosting-billing-options{margin-top:18px}}
.vps-credential-password button i{display:block;width:19px;height:19px;margin:0;padding:0;font-size:19px;line-height:19px;text-align:center;vertical-align:middle}
.vps-cancel-payment-form{width:100%;margin-top:auto;padding-top:24px}
.vps-cancel-payment-form[hidden],.vps-payment-waiting.is-approved .vps-cancel-payment-form{display:none}
.vps-cancel-payment-form button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;border:1px solid #f0cbd1;border-radius:11px;color:#b33e50;background:#fff6f7;font:600 12px Inter;cursor:pointer;transition:.2s}
.vps-cancel-payment-form button:hover{border-color:#dc8794;color:#fff;background:#c94b5e;box-shadow:0 9px 22px rgba(185,61,80,.16);transform:translateY(-1px)}
.vps-cancel-payment-form button i{font-size:19px}

.vps-purchase-os{position:relative}
.vps-os-validation-tooltip{position:absolute;z-index:40;top:69px;left:78px;display:flex;align-items:center;gap:11px;width:max-content;max-width:min(390px,calc(100% - 96px));padding:11px 14px;border:1px solid #f3c5c9;border-radius:12px;color:#25334b;background:rgba(255,250,250,.98);box-shadow:0 16px 36px rgba(100,39,48,.16),0 2px 8px rgba(100,39,48,.08);backdrop-filter:blur(12px);animation:vps-os-tooltip-in .2s ease-out}
.vps-os-validation-tooltip[hidden]{display:none}
.vps-os-validation-tooltip:before{position:absolute;top:-6px;left:24px;width:10px;height:10px;border-top:1px solid #f3c5c9;border-left:1px solid #f3c5c9;background:#fffafa;content:"";transform:rotate(45deg)}
.vps-os-validation-tooltip>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;color:#fff;background:linear-gradient(145deg,#ff6a71,#e94450);box-shadow:0 7px 15px rgba(233,68,80,.22);font-size:18px}
.vps-os-validation-tooltip>div{display:grid;gap:3px}.vps-os-validation-tooltip b{font-size:12px;font-weight:700}.vps-os-validation-tooltip small{color:#7d8798;font-size:11px;font-weight:500}
.vps-purchase-os.has-validation-error .vps-purchase-os-grid{border-color:rgba(233,68,80,.42);box-shadow:0 0 0 4px rgba(233,68,80,.07)}
@keyframes vps-os-tooltip-in{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.vps-os-validation-tooltip{top:76px;left:12px;max-width:calc(100% - 24px)}}
.vps-credentials-grid{transition:margin-bottom .2s ease}.vps-credentials-grid.has-validation-error{margin-bottom:53px}.vps-credentials-grid>label{position:relative}.vps-field-validation-tooltip{position:absolute;z-index:45;top:calc(100% + 9px);left:0;display:flex;align-items:center;gap:10px;width:max-content;max-width:min(360px,calc(100vw - 48px));padding:10px 13px;border:1px solid #f3c5c9;border-radius:12px;color:#26344b;background:rgba(255,250,250,.98);box-shadow:0 15px 34px rgba(100,39,48,.15),0 2px 7px rgba(100,39,48,.07);backdrop-filter:blur(12px);animation:vps-field-tooltip-in .2s ease-out}.vps-field-validation-tooltip[hidden]{display:none}.vps-field-validation-tooltip:before{position:absolute;top:-6px;left:24px;width:10px;height:10px;border-top:1px solid #f3c5c9;border-left:1px solid #f3c5c9;background:#fffafa;content:"";transform:rotate(45deg)}.vps-field-validation-tooltip>i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;color:#fff;background:linear-gradient(145deg,#ff6a71,#e94450);box-shadow:0 7px 15px rgba(233,68,80,.2);font-size:17px}.vps-field-validation-tooltip>span{display:grid;gap:2px}.vps-field-validation-tooltip b{font-size:11px;font-weight:700}.vps-field-validation-tooltip small{color:#7d8798;font-size:10px;font-weight:500;line-height:1.35}.vps-credentials-grid label.has-validation-error .vps-credential-password{border-color:#ee939a;box-shadow:0 0 0 4px rgba(233,68,80,.07)}@keyframes vps-field-tooltip-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.vps-credentials-grid.has-validation-error{margin-bottom:58px}.vps-field-validation-tooltip{max-width:100%}}