/* Brandbook: Spartan primary, Poppins secondary, Roboto paragraphs. */
.snxb h1,.snxb h2{font-family:Spartan,Poppins,Arial,sans-serif;font-weight:500}
.snxb .snxb-sample-hero h2{font-family:Georgia,serif}
.snxb #ast-scroll-top{background:var(--snxb-ink);color:var(--snxb-yellow)}
.snxb #ast-scroll-top:hover{background:var(--snxb-blush);color:var(--snxb-ink)}
.snxb .snxb-button,.snxb .snxb-field>label,.snxb .snxb-goals legend,.snxb .snxb-select-trigger{font-family:Poppins,Arial,sans-serif;font-weight:600}
.snxb .snxb-button:is(:hover,:focus-visible){background:var(--snxb-blush);border-color:var(--snxb-blush);color:var(--snxb-ink)!important}
.snxb .snxb-button-outline:is(:hover,:focus-visible){background:var(--snxb-yellow);border-color:var(--snxb-ink)}
.snxb a:is(:hover,:focus){color:inherit}
.snxb a:not(.snxb-button):focus-visible{text-decoration:underline;text-underline-offset:5px}
.snxb .snxb-menu-toggle:is(:hover,:focus-visible){background:var(--snxb-blush);color:var(--snxb-ink);border-color:var(--snxb-ink)}
.snxb .snxb-device-buttons button:is(:hover,:focus-visible){background:var(--snxb-yellow);color:var(--snxb-ink);border-color:var(--snxb-ink)}
.snxb .snxb-style-picker button:is(:hover,:focus-visible){background:var(--snxb-blush);border-color:var(--snxb-ink)}
.snxb .snxb-faq summary:is(:hover,:focus-visible){background:#f0bbb726;color:var(--snxb-ink)}
.snxb .snxb-aside-help a:hover{text-decoration:underline;text-underline-offset:4px}
.snxb input[type="text"]:hover,.snxb select:hover{border-color:var(--snxb-ink)}
.snxb input[type="text"]{caret-color:var(--snxb-ink)}
.snxb input[type="text"]:autofill{box-shadow:inset 0 0 0 100px #fff8e2;color:var(--snxb-ink)}
.snxb input[type="text"]:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 100px #fff8e2;-webkit-text-fill-color:var(--snxb-ink);caret-color:var(--snxb-ink)}
.snxb select{appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23191824' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;accent-color:var(--snxb-ink)}
.snxb select option{background:#fff;color:var(--snxb-ink)}
.snxb select option:checked{background:var(--snxb-yellow)}
.snxb-select{position:relative;width:100%;min-width:0}
.snxb .snxb-select-native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.snxb .snxb-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:12px 15px;border:1px solid #cbcbd5;border-radius:7px;background:#fff;color:var(--snxb-ink);box-shadow:none;font-size:14px;line-height:1.5;text-align:left;white-space:normal;letter-spacing:normal;text-transform:none}
.snxb-select-trigger>span{min-width:0;overflow-wrap:anywhere}
.snxb-select-trigger::after{content:'';width:8px;height:8px;flex-shrink:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);margin:0 3px 0 5px}
.snxb .snxb-select-trigger:hover{border-color:var(--snxb-ink);background:#f0bbb71f;color:var(--snxb-ink)}
.snxb .snxb-select-trigger:is([aria-expanded="true"],:focus-visible){background:#fff8e2;border-color:var(--snxb-ink);color:var(--snxb-ink)}
.snxb .snxb-select-trigger:focus-visible{outline:3px solid var(--snxb-ink);outline-offset:4px;box-shadow:0 0 0 4px var(--snxb-yellow)}
.snxb-select-trigger[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
.snxb .snxb-select-options{position:absolute;z-index:30;top:calc(100% + 10px);left:0;right:0;margin:0;padding:6px;list-style:none;max-height:280px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--snxb-ink) var(--snxb-soft);border:1px solid var(--snxb-ink);border-radius:9px;background:#fff;box-shadow:0 12px 30px #19182420;color:var(--snxb-ink);font:400 15px/1.5 Roboto,Arial,sans-serif}
.snxb-select-above .snxb-select-options{top:auto;bottom:calc(100% + 10px)}
.snxb-select-options [role="option"]{position:relative;min-height:44px;padding:11px 32px 11px 12px;border-radius:5px;cursor:pointer;overflow-wrap:anywhere}
.snxb-select-options [aria-selected="true"]{font-weight:600}
.snxb-select-options [aria-selected="true"]::after{content:'✓';position:absolute;right:11px}
.snxb-select-options .snxb-option-active{background:var(--snxb-yellow);color:var(--snxb-ink);outline:1px solid var(--snxb-ink);outline-offset:-1px}
.snxb-select-options [role="option"]:hover{background:var(--snxb-blush);color:var(--snxb-ink)}
.snxb-select-options [aria-disabled="true"]{opacity:.5;cursor:default}
.snxb .snxb-select-trigger[aria-invalid="true"]{border-color:var(--snxb-ink);background:#f0bbb738}
.snxb .snxb-field-error{display:block;margin-top:9px;padding:8px 12px;border-left:3px solid var(--snxb-ink);background:#f0bbb738;color:var(--snxb-ink);font-size:12px}
.snxb .snxb-goals input[type="radio"]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid #777583;border-radius:50%;background:#fff;box-shadow:none;display:grid;place-content:center;padding:0}
.snxb .snxb-goals input[type="radio"]::before{content:'';width:8px;height:8px;background:var(--snxb-ink);border-radius:50%;transform:scale(0)}
.snxb .snxb-goals input[type="radio"]:checked{border-color:var(--snxb-ink);background:var(--snxb-yellow)}
.snxb .snxb-goals input[type="radio"]:checked::before{transform:scale(1)}
.snxb .snxb-goals input[type="radio"]:focus-visible{outline:3px solid var(--snxb-ink);outline-offset:3px;box-shadow:0 0 0 3px var(--snxb-yellow)}
@media(forced-colors:active){.snxb-select-options .snxb-option-active{outline:2px solid Highlight}.snxb .snxb-select-trigger{border:1px solid ButtonText}.snxb .snxb-goals input[type="radio"]{appearance:auto}.snxb .snxb-goals input[type="radio"]::before{display:none}}