/* MYHOST.SU compact slot selector */
.myhost-slots-native{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
#myhost-slot-buttons{margin-top:4px}
.myhost-slot-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 10px}
.myhost-slot-title{display:block;font-size:14px;font-weight:700;color:#202c43;line-height:1.2}
.myhost-slot-subtitle{display:block;margin-top:3px;font-size:10px;color:#8793a7}
.myhost-slot-rec-text{font-size:10px;color:#69778e;text-align:right;white-space:nowrap}
.myhost-slot-rec-text b{color:#2b3850;font-weight:700}
.myhost-slot-rec-text strong{color:#247e4a;font-weight:800}
.myhost-slot-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.myhost-slot-btn{position:relative;min-width:0;height:58px;border:1px solid #dfe6f0;border-radius:11px;background:#fff;color:#25334d;cursor:pointer;transition:.17s ease;box-sizing:border-box;padding:8px 6px 7px;font-family:inherit;outline:0}
.myhost-slot-btn:hover{transform:translateY(-1px);border-color:#a9bdf1;box-shadow:0 6px 18px rgba(39,72,133,.09)}
.myhost-slot-number{display:block;font-size:18px;line-height:20px;font-weight:800;letter-spacing:-.3px}
.myhost-slot-word{display:block;margin-top:2px;font-size:9px;color:#8995a8;font-weight:500}
.myhost-slot-btn.is-recommended{border-color:#92d3aa;background:#f7fcf9}
.myhost-slot-btn.is-recommended .myhost-slot-number{color:#247e4a}
.myhost-slot-btn.is-selected{border-color:#477af2;background:#f4f7ff;box-shadow:0 0 0 2px rgba(71,122,242,.10)}
.myhost-slot-btn.is-selected .myhost-slot-number{color:#477af2}
.myhost-slot-btn.is-selected .myhost-slot-word{color:#6078aa}
.myhost-slot-btn.is-selected.is-recommended{border-color:#477af2;background:#f4f7ff}
.myhost-slot-btn.is-selected.is-recommended .myhost-slot-number{color:#477af2}
.myhost-slot-badge{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);height:14px;line-height:14px;padding:0 5px;border-radius:7px;background:#e5f7eb;color:#247e4a;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.15px;white-space:nowrap;border:1px solid #ccebd7}
.myhost-slot-btn.is-selected .myhost-slot-badge{background:#477af2;color:#fff;border-color:#477af2}
@media(max-width:850px){.myhost-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.myhost-slot-head{align-items:flex-start}.myhost-slot-rec-text{white-space:normal}}
@media(max-width:480px){.myhost-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.myhost-slot-head{display:block}.myhost-slot-rec-text{text-align:left;margin-top:7px}}
