.ui-variant-toggle{box-sizing:border-box;letter-spacing:-.005em;color:#fff;cursor:pointer;white-space:nowrap;background:#302d2b;border:1.5px solid #302d2b;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.ui-variant-toggle--compact{border-width:1px;border-color:#302d2b59;height:40px;padding:0 14px;font-size:14px;font-weight:700}.ui-variant-toggle[data-active-variant=next]{color:#302d2b;background:#fff}.ui-variant-toggle:hover{filter:brightness(.97)}.ui-variant-toggle--compact[data-active-variant=next]:hover{filter:none;background:var(--bg,#f7f5f0);border-color:#302d2b8c}@media (max-width:767px){.ui-variant-toggle,.ui-variant-toggle--compact{height:36px;padding:0 10px;font-size:13px}}