.sakura-web-tabs{--swt-glass:#271f27b8;--swt-solid:#292129;--swt-edge:#ffe4ef2b;--swt-highlight:#fff1f724;--swt-muted:#c1b2bc;--swt-accent:#f5c6d8;--swt-selected:#e79fbb33;--swt-selected-edge:#ffd4e62e;--swt-shadow:#0c050b47;z-index:40;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));box-sizing:border-box;border:1px solid var(--swt-edge);background:var(--swt-solid);height:64px;box-shadow:0 8px 28px var(--swt-shadow), 0 2px 5px #0c050b14, inset 0 1px 0 var(--swt-highlight), inset 0 -1px 0 #ffffff08;isolation:isolate;border-radius:999px;margin-inline:auto;padding:5px;position:absolute}.sakura-web-tabs.swt-light{--swt-glass:#fff8fbc2;--swt-solid:#fff8fb;--swt-edge:#874c6529;--swt-highlight:#fffffff2;--swt-muted:#796570;--swt-accent:#923451;--swt-selected:#be577e1f;--swt-selected-edge:#9b3c601a;--swt-shadow:#4922331f}@supports (backdrop-filter:blur(1px)){.sakura-web-tabs{background:linear-gradient(160deg, var(--swt-highlight), transparent 52%), var(--swt-glass);backdrop-filter:blur(24px)saturate(145%)}}.swt-track{--swt-expand:clamp(28px, 8vw, 40px);--swt-unit:calc((100% - var(--swt-expand)) / var(--swt-count));border-radius:inherit;height:100%;transition:grid-template-columns .32s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.swt-selection{top:0;bottom:0;left:calc(var(--swt-active-index) * var(--swt-unit));width:calc(var(--swt-unit) + var(--swt-expand));box-sizing:border-box;border:1px solid var(--swt-selected-edge);border-radius:inherit;background:linear-gradient(160deg, var(--swt-highlight), transparent 70%), var(--swt-selected);box-shadow:inset 0 1px 0 var(--swt-highlight), 0 2px 5px #14080f0f;pointer-events:none;opacity:1;transition:left .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),opacity .16s;position:absolute}.swt-selection[data-visible=false]{opacity:0}.sakura-web-tabs .swt-tab{min-width:0;min-height:44px;color:var(--swt-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10.5px;font-weight:600;line-height:1;transition:color .2s,transform .18s;display:flex;position:relative}.sakura-web-tabs .swt-tab.active{color:var(--swt-accent)}.sakura-web-tabs .swt-tab:active{transform:scale(.94)}.sakura-web-tabs .swt-tab:focus-visible{outline:2px solid var(--swt-accent);outline-offset:-3px}.swt-icon{flex-shrink:0;display:flex;position:relative}.swt-icon svg{width:22px;height:22px}.swt-icon i{border:2px solid var(--swt-solid);background:var(--swt-accent);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-3px}.swt-label{opacity:0;white-space:nowrap;max-width:0;margin-left:0;transition:max-width .32s cubic-bezier(.22,1,.36,1),margin-left .32s cubic-bezier(.22,1,.36,1),opacity .16s;overflow:hidden}.active>.swt-label{opacity:1;max-width:44px;margin-left:5px}@media (hover:hover){.sakura-web-tabs .swt-tab:hover{color:var(--swt-accent)}}@media (width<=359px){.sakura-web-tabs{left:max(8px, env(safe-area-inset-left,0px));right:max(8px, env(safe-area-inset-right,0px))}.swt-icon svg{width:20px;height:20px}.active>.swt-label{margin-left:4px}}@media (prefers-reduced-motion:reduce){.sakura-web-tabs *{transition:none!important}.sakura-web-tabs .swt-tab:active{transform:none}}@media (prefers-reduced-transparency:reduce){.sakura-web-tabs{background:var(--swt-solid);backdrop-filter:none}}@media (forced-colors:active){.sakura-web-tabs{box-shadow:none;backdrop-filter:none;background:canvas;border-color:buttontext}.swt-selection{box-shadow:none;background:canvas;border:2px solid highlight}.sakura-web-tabs .swt-tab{color:buttontext}.sakura-web-tabs .swt-tab.active{color:highlight}}