.ds-look{letter-spacing:.02em;border:1px solid #ffffff47;border-radius:7px;flex:none;align-items:center;gap:2px;height:26px;margin-right:12px;padding:2px;font:600 11.5px/1 Helvetica Neue,Helvetica,Arial,sans-serif;display:inline-flex}.ds-look button{color:#ffffffd1;height:100%;font:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:0 9px}.ds-look button:hover{color:#fff;background:#ffffff1a}.ds-look button[aria-checked=true]{color:#0a1628;cursor:default;background:#fff}.ds-look button:focus-visible{outline-offset:1px;outline:2px solid #7cc4ff}.ds-look[data-tone=light]{border-color:#d5dbe3;margin-right:0}.ds-look[data-tone=light] button{color:#4b5563}.ds-look[data-tone=light] button:hover{color:#111827;background:#f1f4f8}.ds-look[data-tone=light] button[aria-checked=true]{color:#fff;background:#0a1628}.ds-look__sel{display:none}@media (max-width:640px){.ds-look{margin-right:6px;padding:0}.ds-look button{display:none}.ds-look__sel{letter-spacing:0;color:#fff;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='white' stroke-width='1.6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") right 3px center no-repeat;border:0;border-radius:6px;height:100%;padding:0 13px 0 5px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;display:block}.ds-look__sel option{color:#111827}.ds-look[data-tone=light] .ds-look__sel{color:#111827;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23111827' stroke-width='1.6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E")}}.ds-hdr .ds-look{margin:0 0 0 12px}@media (max-width:640px){.ds-hdr .ds-look{border-color:#ffffff47;width:30px;margin-left:4px}.ds-hdr .ds-look__sel{color:#0000;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 4 7l4 4'/%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='m16 21 4-4-4-4'/%3E%3Cpath d='M20 17H4'/%3E%3C/svg%3E") 50% no-repeat;width:100%;padding:0}}