:root{--app-floating-tabs-top: max(18px, calc(env(safe-area-inset-top, 0px) + 10px) );--app-floating-tabs-height: 44px;--app-floating-tabs-inner-padding: 4px;--app-floating-tabs-gap: 14px;--app-floating-tabs-gutter: 16px;--app-floating-tabs-max-width: 360px;--app-floating-tabs-control-width: 320px;--app-floating-tabs-z-index: 3}.app-screen-layout--floating-tabs{--app-screen-body-padding-top: calc( var(--app-floating-tabs-top) + var(--app-floating-tabs-height) + var(--app-floating-tabs-gap) )}.app-screen-layout--floating-tabs .app-floating-tabs__body{padding-top:var(--app-screen-body-padding-top);scroll-padding-top:var(--app-screen-body-padding-top)}.app-floating-tabs-header{pointer-events:auto;position:relative;z-index:var(--app-floating-tabs-z-index);padding:var(--app-floating-tabs-top) var(--app-floating-tabs-gutter) 0}.app-floating-tabs-header__inner{width:min(100%,var(--app-floating-tabs-max-width));margin:0 auto}.app-floating-tabs-header__inner--centered{display:flex;justify-content:center}.app-floating-tabs-header__inner--with-sides{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px}.app-floating-tabs-header__tabs{width:min(100%,var(--app-floating-tabs-control-width));height:var(--app-floating-tabs-height);padding:var(--app-floating-tabs-inner-padding);border-radius:999px;background:#fffdf99e;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 24px #6f4c1a0f,0 1px 2px #6f4c1a0a;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);pointer-events:auto;justify-self:center}.app-floating-tabs-header__tabs .segmented-tabs{height:100%;padding:0;gap:2px;border:0;background:transparent;box-shadow:none}.app-floating-tabs-header__tabs .segmented-tabs__button{padding-top:7px;padding-bottom:7px;font-size:.875rem;font-weight:600;letter-spacing:.01em;color:var(--cc-ink-faint);transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}.app-floating-tabs-header__tabs .segmented-tabs__button.is-active{background:linear-gradient(180deg,#f7d98a,#f1c45c);color:var(--cc-ink-strong);box-shadow:0 2px 10px #d2a02829,0 .5px 1px #6f4c1a1a}