:root {
    --f7-toast-text-color: #fff;
    --f7-toast-font-size: 14px;
    --f7-toast-icon-size: 48px;
    --f7-toast-max-width: 95%;
}

.ios {
    --f7-toast-bg-color: rgba(0, 0, 0, 0.75);
    --f7-toast-bg-color-rgb: 0, 0, 0;
    --f7-toast-padding-horizontal: 16px;
    --f7-toast-padding-vertical: 12px;
    --f7-toast-border-radius: 8px;
    --f7-toast-button-min-width: 64px;
}

.ios .toast-top {
    min-width: 88.5%;
}

.ios .toast-bottom {
    min-width: 88.5%;
}

.md {
    --f7-toast-bg-color: #323232;
    --f7-toast-padding-horizontal: 15px;
    --f7-toast-padding-vertical: 14px;
    --f7-toast-border-radius: 4px;
    --f7-toast-button-min-width: 64px;
}

.md .toast-top {
    min-width: 88.7%;
}

.md .toast-bottom {
    min-width: 88.7%;
}

.md .toast.toast-horizontal-left {
    left: 15px;
}

.aurora {
    --f7-toast-bg-color: #323232;
    --f7-toast-padding-horizontal: 16px;
    --f7-toast-padding-vertical: 16px;
    --f7-toast-border-radius: 8px;
    --f7-toast-button-min-width: 32px;
}

.aurora .toast-top {
    min-width: 88.5%;
}

.aurora .toast-bottom {
    min-width: 88.5%;
}