.petme-chip-group{gap:var(--s2);flex-wrap:wrap;display:flex}.petme-chip-group--scroll{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.petme-chip-group--scroll::-webkit-scrollbar{display:none}.petme-chip{align-items:center;gap:var(--s1);padding:var(--s2) var(--s3);border:1.5px solid color-mix(in srgb, var(--color-inverse-primary) 12%, transparent);border-radius:var(--r-stadium);color:var(--color-inverse-primary);font:600 13px/1 var(--font-text);letter-spacing:0;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-short) var(--curve-out), color var(--motion-short) var(--curve-out), border-color var(--motion-short) var(--curve-out);background:0 0;display:inline-flex}.petme-chip:focus{outline:none}.petme-chip:focus-visible{outline:2px solid var(--cta);outline-offset:2px}@media (hover:hover){.petme-chip:hover:not([data-selected=true]){border-color:color-mix(in srgb, var(--color-inverse-primary) 24%, transparent)}}.petme-chip[data-selected=true]{background:var(--color-inverse-primary);color:var(--color-primary);border-color:var(--color-inverse-primary)}.petme-tabbar{align-items:stretch;gap:var(--s5);padding:0 var(--s4);border-bottom:1px solid var(--color-secondary-container);display:flex}.petme-tabbar--scroll{scrollbar-width:none;overflow-x:auto}.petme-tabbar--scroll::-webkit-scrollbar{display:none}.petme-tab{padding:var(--s3) 0;color:var(--soft-white);cursor:pointer;font:600 15px/1.3 var(--font-text);letter-spacing:0;white-space:nowrap;transition:color var(--motion-short) var(--curve-out);background:0 0;border:none;position:relative}.petme-tab:focus{outline:none}.petme-tab:focus-visible{outline:2px solid var(--cta);outline-offset:4px;border-radius:var(--r-transient)}@media (hover:hover){.petme-tab:hover:not([data-selected=true]){color:var(--color-inverse-primary)}}.petme-tab[data-selected=true]{color:var(--color-inverse-primary)}.petme-tab[data-selected=true]:after{content:"";background:var(--color-inverse-primary);border-radius:var(--r-stadium);height:2px;position:absolute;bottom:-1px;left:0;right:0}
.petme-selector{align-items:center;gap:var(--s2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-inverse-primary);font:500 14px/1.4 var(--font-text);letter-spacing:0;display:inline-flex}.petme-selector input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.petme-selector__box{border:1.5px solid var(--color-tertiary);border-radius:var(--s1);width:20px;height:20px;transition:all var(--motion-short) var(--curve-out);color:var(--color-primary);background:0 0;justify-content:center;align-items:center;display:inline-flex}.petme-selector__box--radio{border-radius:50%}.petme-selector input:checked+.petme-selector__box{background:var(--cta);border-color:var(--cta)}.petme-selector input:focus-visible+.petme-selector__box{outline:2px solid var(--cta);outline-offset:2px}.petme-selector__check{opacity:0;width:12px;height:12px;transition:opacity var(--motion-short) var(--curve-out)}.petme-selector input:checked+.petme-selector__box .petme-selector__check{opacity:1}.petme-selector__radio-dot{background:var(--color-primary);width:10px;height:10px;transition:transform var(--motion-short) var(--curve-out);border-radius:50%;transform:scale(0)}.petme-selector input:checked+.petme-selector__box .petme-selector__radio-dot{transform:scale(1)}.petme-switch__track{background:var(--color-tertiary);border-radius:var(--r-stadium);width:40px;height:24px;transition:background-color var(--motion-short) var(--curve-out);position:relative}.petme-selector input:checked~.petme-switch__track{background:var(--cta)}.petme-selector input:focus-visible~.petme-switch__track{outline:2px solid var(--cta);outline-offset:2px}.petme-switch__thumb{width:20px;height:20px;transition:transform var(--motion-short) var(--curve-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.petme-selector input:checked~.petme-switch__track .petme-switch__thumb{transform:translate(16px)}.petme-selector input:disabled~*{opacity:.4;cursor:not-allowed}
