.seed-app-bar__root {
    z-index: var(--z-index-app-bar);
    top: 0;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: flex-end;
}
.seed-app-bar__background {
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.seed-app-bar__left {
    display: flex;
    align-items: center;
    height: 100%;
}
.seed-app-bar__right {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: auto;
}
.seed-app-bar__iconButton {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    font-family: inherit;
    padding: 0;
    border-radius: var(--seed-radius-r1);
    transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
    outline: var(--seed-dimension-x0_5) solid transparent;
    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
}
.seed-app-bar__iconButton:is(:focus-visible, [data-focus-visible]) {
    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
}
.seed-app-bar__icon {
    display: inline-block;
    flex-shrink: 0;
}
.seed-app-bar__root--theme_cupertino {
    height: calc(44px + var(--seed-safe-area-top));
    padding-left: var(--seed-dimension-x4);
    padding-right: var(--seed-dimension-x4);
    padding-top: var(--seed-safe-area-top);
}
.seed-app-bar__iconButton--theme_cupertino {
    width: 44px;
    height: 44px;
}
.seed-app-bar__iconButton--theme_cupertino:first-child {
    margin-left: calc(-1 * (44px - 24px) / 2);
}
.seed-app-bar__iconButton--theme_cupertino:last-child {
    margin-right: calc(-1 * (44px - 24px) / 2);
}
.seed-app-bar__icon--theme_cupertino {
    width: var(--seed-icon-size, 24px);
    height: var(--seed-icon-size, 24px);
}
.seed-app-bar__root--theme_android {
    height: calc(56px + var(--seed-safe-area-top));
    padding-left: var(--seed-dimension-x4);
    padding-right: var(--seed-dimension-x4);
    padding-top: var(--seed-safe-area-top);
}
.seed-app-bar__iconButton--theme_android {
    width: 44px;
    height: 44px;
}
.seed-app-bar__iconButton--theme_android:first-child {
    margin-left: calc(-1 * (44px - 24px) / 2);
}
.seed-app-bar__iconButton--theme_android:last-child {
    margin-right: calc(-1 * (44px - 24px) / 2);
}
.seed-app-bar__icon--theme_android {
    width: var(--seed-icon-size, 24px);
    height: var(--seed-icon-size, 24px);
}
.seed-app-bar__left--theme_android {
    padding-right: 16px;
}
.seed-app-bar__background--tone_layer {
    background: var(--seed-box-background, var(--seed-color-bg-layer-default));
}
.seed-app-bar__icon--tone_layer {
    color: var(--seed-icon-color, var(--seed-color-fg-neutral));
}
.seed-app-bar__root--tone_transparent {
    background-color: #00000000;
}
.seed-app-bar__icon--tone_transparent {
    color: var(--seed-icon-color, var(--seed-color-palette-static-white));
}