.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.base-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;padding:0;margin:0}.base-selector input{position:absolute;opacity:0;pointer-events:none}.base-selector>label{display:flex;grid-template-columns:none;align-items:center;justify-content:center;gap:7px;padding:10px 8px;border:1px solid #33445f;border-radius:10px;background:#0a1627;color:#9aabc3;cursor:pointer;font-size:12px;transition:.18s ease}.base-selector input:focus-visible+label{outline:2px solid #75a0ff;outline-offset:2px}.base-selector input:checked+label{background:linear-gradient(105deg,#285df0,#447cff);border-color:#4d7fff;color:#fff;box-shadow:0 8px 20px rgba(49,106,244,.2)}
.base-state{width:7px;height:7px;border-radius:50%;background:currentColor}.base-help{position:relative;display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:800}.base-help:after{content:attr(data-base-tip);position:absolute;left:50%;bottom:calc(100% + 10px);z-index:30;width:230px;transform:translateX(-50%) translateY(4px);padding:8px 10px;border:1px solid #3a4c68;border-radius:8px;background:#07101f;color:#dce7f8;box-shadow:0 12px 30px rgba(0,0,0,.4);font-weight:500;font-size:11px;line-height:1.4;opacity:0;visibility:hidden;transition:.15s ease;pointer-events:none}.base-help:hover:after,.base-help:focus:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.base-description{padding:9px 11px;border-radius:9px;background:#14233a;color:#bdc9da;font-size:11px}.base-description .old-description{display:none}.dual-base-form:has(#base-old:checked) .new-description{display:none}.dual-base-form:has(#base-old:checked) .old-description{display:inline}
.base-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.base-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.base-badge.new{background:#142f63;color:#7ba6ff}.base-badge.old{background:#46311f;color:#efb878}
@media(max-width:520px){.base-selector{grid-template-columns:1fr}.base-help:after{width:190px}.base-selector>label{padding:11px}}