@media (max-width: 767px) {
    .tf-v1-sidetab:not(.open) {
        top: auto;
        bottom: 0;
        height: 0;
        transform: translateX(100%);
    }
    .tf-v1-sidetab:not(.open) .tf-v1-sidetab-button {
        top: auto;
        bottom: max(16px, env(safe-area-inset-bottom));
        left: auto;
        right: calc(100% + 16px);
        transform: none;
        min-width: 0;
        max-width: calc(100vw - 32px);
        border-radius: 24px;
    }
    .tf-v1-sidetab:not(.open) .tf-v1-sidetab-button-icon {
        transform: none;
    }
    .tf-v1-sidetab:not(.open) .tf-v1-sidetab-button-text {
        font-size: 16px;
    }
    body:has(.tf-v1-sidetab) {
        padding-bottom: calc(80px + env(safe-area-inset-bottom));
    }
}