:where(.motile-tab){display:flex;gap:0}:where(.motile-tab--horizontal){flex-direction:column}:where(.motile-tab--vertical){flex-direction:row;align-items:flex-start}:where(.motile-tab--disabled){pointer-events:none;opacity:.5}:where(.motile-tab__list){display:flex;position:relative;border-bottom:1px solid #e5e7eb;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-x;overscroll-behavior-x:contain;cursor:-webkit-grab;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}:where(.motile-tab__list:active){cursor:-webkit-grabbing;cursor:grabbing}:where(.motile-tab__list)::-webkit-scrollbar{display:none}:where(.motile-tab__list--horizontal){flex-direction:row;gap:0}:where(.motile-tab__list--vertical){flex-direction:column;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;border-bottom:none;border-right:1px solid #e5e7eb;min-width:200px;max-height:600px}:where(.motile-tab__list--underline){border-bottom:1px solid #e5e7eb}:where(.motile-tab__list--vertical.motile-tab__list--underline){border-bottom:none;border-right:1px solid #e5e7eb}:where(.motile-tab__list--pill){gap:8px;border:none}:where(.motile-tab__list--vertical.motile-tab__list--pill){border:none}:where(.motile-tab__trigger){border:none;background:none;margin:0;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;position:relative;padding:12px 20px;min-width:-moz-fit-content;min-width:fit-content;font-size:14px;font-weight:500;color:#6b7280;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}:where(.motile-tab__trigger:focus-visible){outline:none;background-color:color-mix(in srgb,var(--motile-tab-color,var(--motile-ui-tab,var(--motile-theme,#3b82f6))) 5%,transparent)}:where(.motile-tab__trigger--disabled){cursor:not-allowed;opacity:.5}:where(.motile-tab__trigger--underline){border-bottom:2px solid transparent;padding-bottom:10px}:where(.motile-tab__trigger--underline:not(.motile-tab__trigger--disabled):hover){color:#374151}:where(.motile-tab__trigger--underline.motile-tab__trigger--active),:where(.motile-tab__trigger--underline.motile-tab__trigger--active:active),:where(.motile-tab__trigger--underline.motile-tab__trigger--active:focus),:where(.motile-tab__trigger--underline.motile-tab__trigger--active:hover){color:var( --motile-tab-color,var(--motile-ui-tab,var(--motile-theme,#3b82f6)) );border-bottom-color:var( --motile-tab-color,var(--motile-ui-tab,var(--motile-theme,#3b82f6)) )}:where(.motile-tab__trigger--underline[data-orientation=vertical]){border-bottom:none;border-right:2px solid transparent;padding-bottom:12px;padding-right:18px;width:100%;justify-content:flex-start;align-items:flex-start}:where(.motile-tab__trigger--underline[data-orientation=vertical].motile-tab__trigger--active),:where(.motile-tab__trigger--underline[data-orientation=vertical].motile-tab__trigger--active:active),:where(.motile-tab__trigger--underline[data-orientation=vertical].motile-tab__trigger--active:focus),:where(.motile-tab__trigger--underline[data-orientation=vertical].motile-tab__trigger--active:hover){border-right-color:var( --motile-tab-color,var(--motile-ui-tab,var(--motile-theme,#3b82f6)) );border-bottom-color:transparent}:where(.motile-tab__trigger--pill){border-radius:9999px;border:none;background-color:transparent;padding:10px 20px;color:#6b7280;font-weight:500}:where(.motile-tab__trigger--pill:not(.motile-tab__trigger--disabled):hover){background-color:#0000000d;color:#374151}:where(.motile-tab__trigger--pill.motile-tab__trigger--active),:where(.motile-tab__trigger--pill.motile-tab__trigger--active:active),:where(.motile-tab__trigger--pill.motile-tab__trigger--active:focus),:where(.motile-tab__trigger--pill.motile-tab__trigger--active:hover){background-color:var( --motile-tab-color,var(--motile-ui-tab,var(--motile-theme,#3b82f6)) );color:#fff;font-weight:600}:where(.motile-tab__trigger--pill[data-orientation=vertical]){width:100%;justify-content:flex-start;align-items:flex-start}:where(.motile-tab__content){padding:20px 0;outline:none;animation:fadeIn .2s ease}:where(.motile-tab--vertical .motile-tab__content){padding:0 0 0 20px}:where(.motile-tab__content[hidden]){display:none}:where(.motile-tab__content--active){animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){:where(.motile-tab__trigger){padding:12px 24px;font-size:15px;transition:color .15s cubic-bezier(.4,0,.2,1),border-bottom-color .15s cubic-bezier(.4,0,.2,1),border-right-color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}:where(.motile-tab__trigger--underline){padding-bottom:8px}:where(.motile-tab__trigger--underline[data-orientation=vertical]){padding:10px 14px 10px 16px}:where(.motile-tab__trigger--pill){padding:8px 16px}:where(.motile-tab__list--vertical){min-width:160px}:where(.motile-tab__content){padding:16px 0}:where(.motile-tab--vertical .motile-tab__content){padding:0 0 0 16px}}@media print{:where(.motile-tab__list){border:none}:where(.motile-tab__trigger){display:none}:where(.motile-tab__content[hidden]){display:block}}@media (prefers-color-scheme:dark){:where(.motile-tab__list){border-color:#374151}:where(.motile-tab__list--vertical),:where(.motile-tab__list--vertical.motile-tab__list--underline){border-right-color:#374151;border-bottom-color:transparent}:where(.motile-tab__trigger){color:#9ca3af}:where(.motile-tab__trigger:not(.motile-tab__trigger--disabled):hover){color:#d1d5db}:where(.motile-tab__trigger:focus-visible){background-color:color-mix(in srgb,var( --motile-tab-color,var(--motile-ui-tab,var(--motile-theme,#60a5fa)) ) 8%,transparent)}:where(.motile-tab__trigger--underline.motile-tab__trigger--active),:where(.motile-tab__trigger--underline.motile-tab__trigger--active:active),:where(.motile-tab__trigger--underline.motile-tab__trigger--active:focus),:where(.motile-tab__trigger--underline.motile-tab__trigger--active:hover){color:var( --motile-tab-color,var(--motile-ui-tab,var(--motile-theme,#60a5fa)) )}:where(.motile-tab__trigger--underline[data-orientation=vertical].motile-tab__trigger--active),:where(.motile-tab__trigger--underline[data-orientation=vertical].motile-tab__trigger--active:active),:where(.motile-tab__trigger--underline[data-orientation=vertical].motile-tab__trigger--active:focus),:where(.motile-tab__trigger--underline[data-orientation=vertical].motile-tab__trigger--active:hover){border-right-color:var( --motile-tab-color,var(--motile-ui-tab,var(--motile-theme,#60a5fa)) )}:where(.motile-tab__trigger--pill){color:#9ca3af}:where(.motile-tab__trigger--pill:not(.motile-tab__trigger--disabled):hover){background-color:#ffffff1a;color:#d1d5db}:where(.motile-tab__trigger--pill.motile-tab__trigger--active),:where(.motile-tab__trigger--pill.motile-tab__trigger--active:active),:where(.motile-tab__trigger--pill.motile-tab__trigger--active:focus),:where(.motile-tab__trigger--pill.motile-tab__trigger--active:hover){background-color:var( --motile-tab-color,var(--motile-ui-tab,var(--motile-theme,#60a5fa)) );color:#fff}}@media (prefers-reduced-motion:reduce){:where(.motile-tab__content),:where(.motile-tab__trigger){animation:none;transition:none}:where(.motile-tab__content--active){animation:none}}