.hlo-picker{width:100%;min-width:0;margin:0 0 28px;padding:26px;border:1px solid #dfe6f3;border-radius:25px;background:linear-gradient(135deg,rgba(255,255,255,.87),rgba(241,245,255,.76));box-shadow:0 14px 40px #415b8a08,inset 0 1px #fff;backdrop-filter:blur(18px)}
.hlo-intro h3{font:600 23px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.6px;color:#304764!important;margin:0 0 7px!important}.hlo-intro p{font-size:14px;color:#7c8da8;line-height:1.6;margin:0 0 24px}.hlo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.hlo-card{min-width:0;padding:17px;border:1px solid #dce4f1;border-radius:18px;background:linear-gradient(145deg,#ffffffed,#f9fbffb5);box-shadow:0 4px 14px #44618e03;transition:border-color .2s,box-shadow .2s,background .2s}.hlo-card:hover{border-color:#b9c9e5;box-shadow:0 7px 24px #597bb00c}.hlo-card.hlo-selected{border-color:#90b6e9;background:linear-gradient(135deg,#ffffff,#eef5ffdb);box-shadow:0 0 0 3px #b6d5ff24,inset 0 1px #fff}.hlo-card-head{display:flex!important;align-items:center;gap:10px;margin:0 0 15px!important;cursor:pointer;position:relative;min-height:32px}.hlo-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;color:var(--hlo-brand)}.hlo-icon svg{display:block;width:29px;height:29px}.hlo-name{color:#30425f;font-size:15px;font-weight:600;line-height:1.3;min-width:0;letter-spacing:-.2px}.hlo-card-head input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;right:0;bottom:0}.hlo-mark{width:19px;height:19px;border:1.5px solid #dbe4f2;border-radius:50%;margin-left:auto;flex:0 0 19px;background:#fff;position:relative}.hlo-selected .hlo-mark{background:#769fd4;border-color:#769fd4;box-shadow:0 0 0 4px #86b1e722}.hlo-selected .hlo-mark:after{content:"";position:absolute;left:5px;top:3px;width:6px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.hlo-card-head:focus-within{outline:2px solid #8fb2e1;outline-offset:4px;border-radius:6px}.hlo-version{width:100%!important;max-width:100%!important;min-width:0;height:43px!important;padding:9px 30px 9px 12px!important;border:1px solid #d0daeb!important;border-radius:11px!important;background-color:#f7f9fdbf!important;background-image:linear-gradient(45deg,transparent 50%,#8496b3 50%),linear-gradient(135deg,#8496b3 50%,transparent 50%)!important;background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px!important;background-size:5px 5px!important;background-repeat:no-repeat!important;appearance:none;color:#4b6180!important;font:400 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-overflow:ellipsis;box-shadow:none!important}.hlo-version:focus{border-color:#86a8d8!important;outline:3px solid #99bcec26;outline-offset:1px}.hlo-status{margin:17px 0 0!important;padding:12px 15px;border:1px solid #dce7f5;border-radius:12px;background:#f1f6fda6;font-size:13px;color:#637da1;line-height:1.5}.hlo-source,[hidden].hlo-picker{display:none!important}.hd-vps-builder .hlo-picker{margin:24px 0 0}.hd-vps-builder .hlo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1150px){.hlo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-vps-builder .hlo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.hlo-picker{padding:18px;border-radius:21px}.hlo-grid,.hd-vps-builder .hlo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hlo-card{padding:12px}.hlo-name{font-size:13px}.hlo-icon,.hlo-icon svg{width:23px;height:23px;flex-basis:23px}.hlo-card-head{gap:6px}.hlo-version{font-size:12px!important;padding-left:8px!important}.hlo-intro h3{font-size:21px!important}}@media(max-width:390px){.hlo-grid,.hd-vps-builder .hlo-grid{grid-template-columns:1fr}.hlo-name{font-size:15px}.hlo-version{font-size:14px!important}}

/* Isolate custom controls from the theme radio and select decorators. */
.hlo-picker button.hlo-card-head{width:100%;padding:0!important;border:0!important;border-radius:10px;background:transparent!important;box-shadow:none!important;text-align:left;font:inherit;color:inherit;transform:none!important}
.hlo-picker .ho-select-chevron,.hlo-picker .ho-select-shell:before,.hlo-picker .ho-select-shell:after{display:none!important}
.hlo-picker .ho-select-shell{width:100%;min-width:0}.hlo-picker .hlo-version{-webkit-appearance:none!important;appearance:none!important}
.hlo-picker{background:radial-gradient(ellipse at 100% 0%,#e4eaff80,transparent 55%),radial-gradient(ellipse at 0% 100%,#def7f45c,transparent 50%),linear-gradient(135deg,#ffffffeb,#f4f7ffbd);box-shadow:0 18px 55px #516b9b0c,inset 0 1px 1px #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.hlo-card{background:linear-gradient(125deg,#ffffffdc,#ffffff70);box-shadow:inset 0 1px 0 #fff,0 5px 22px #425a8605;transition:transform .2s,border-color .2s,box-shadow .2s}
.hlo-card:hover{transform:translateY(-2px);border-color:#a9c7e8;box-shadow:0 10px 26px #536f9c12,inset 0 1px #fff}
.hlo-card.hlo-selected{background:linear-gradient(135deg,#ffffffed,#eaf3ffb8);border-color:#83b4ed;box-shadow:0 0 0 3px #a7ceff25,0 12px 28px #6997cf12,inset 0 1px #fff}
.hlo-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;background:#ffffffb5;box-shadow:inset 0 1px #fff,0 3px 12px #47638a08}.hlo-icon svg{width:27px;height:27px}
.hlo-picker button.hlo-card-head:focus-visible{outline:2px solid #79a7e1;outline-offset:5px}.hlo-version{background-color:#ffffff86!important;box-shadow:inset 0 1px 2px #4c6b8e03!important}
@media(prefers-reduced-motion:reduce){.hlo-card{transition:none}.hlo-card:hover{transform:none}}