:root{--f7-notification-max-width:568px;--f7-notification-subtitle-text-transform:none;--f7-notification-subtitle-line-height:1.35;--f7-notification-text-text-transform:none;--f7-notification-text-font-weight:400}.ios{--f7-notification-margin:8px;--f7-notification-padding-horizontal:16px;--f7-notification-padding-vertical:16px;--f7-notification-border-radius:24px;--f7-notification-box-shadow:var(--f7-glass-shadow);--f7-notification-icon-size:28px;--f7-notification-title-font-size:14px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1.4;--f7-notification-title-font-weight:bold;--f7-notification-title-letter-spacing:0.02em;--f7-notification-title-right-font-size:14px;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-font-weight:600;--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.4;--f7-notification-bg-color:var(--f7-glass-bg-color);--f7-notification-title-color:#000;--f7-notification-title-right-color:#00000073;--f7-notification-subtitle-color:#000;--f7-notification-text-color:#000}.ios .dark,.ios.dark{--f7-notification-title-color:#fff;--f7-notification-text-color:#fff;--f7-notification-subtitle-color:#fff;--f7-notification-title-right-color:#ffffff8c}.md{--f7-notification-margin:16px;--f7-notification-padding-vertical:20px;--f7-notification-padding-horizontal:16px;--f7-notification-border-radius:16px;--f7-notification-box-shadow:none;--f7-notification-icon-size:24px;--f7-notification-title-font-size:16px;--f7-notification-title-text-transform:none;--f7-notification-title-line-height:1.35;--f7-notification-title-font-weight:500;--f7-notification-title-right-font-size:12px;--f7-notification-subtitle-font-size:14px;--f7-notification-subtitle-font-weight:400;--f7-notification-text-font-size:14px;--f7-notification-text-line-height:1.35}.md,.md .dark,.md [class*=color-]{--f7-notification-title-color:var(--f7-md-on-surface);--f7-notification-bg-color:var(--f7-md-surface-5);--f7-notification-text-color:var(--f7-md-on-surface-variant);--f7-notification-title-right-color:var(--f7-md-on-surface-variant);--f7-notification-subtitle-color:var(--f7-md-on-surface)}.notification{backdrop-filter:saturate(180%) blur(16px);background:var(--f7-notification-bg-color);border:none;border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);box-sizing:border-box;direction:ltr;display:none;display:flex;font-size:14px;gap:16px;left:var(--f7-notification-margin);margin:0;margin-top:var(--f7-safe-area-top);max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding-vertical) var(--f7-notification-padding-horizontal);position:absolute;top:var(--f7-notification-margin);transition-property:transform;width:calc(100% - var(--f7-notification-margin)*2);z-index:20000}@media (min-width:568px){.notification{left:50%;margin-left:calc(var(--f7-notification-max-width)*-1/2);width:var(--f7-notification-max-width)}}.notification-content{flex-shrink:10;width:100%}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing);line-height:var(--f7-notification-title-line-height);text-transform:var(--f7-notification-title-text-transform)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);font-weight:var(--f7-notification-subtitle-font-weight);line-height:var(--f7-notification-subtitle-line-height);text-transform:var(--f7-notification-subtitle-text-transform)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);font-weight:var(--f7-notification-text-font-weight);line-height:var(--f7-notification-text-line-height);text-transform:var(--f7-notification-text-text-transform)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{flex-shrink:0;font-size:0;line-height:var(--f7-notification-icon-size)}.notification-icon,.notification-icon i{height:var(--f7-notification-icon-size)!important;width:var(--f7-notification-icon-size)!important}.notification-icon i{font-size:var(--f7-notification-icon-size)}.notification-icon img{height:var(--f7-notification-icon-size)}.notification-header{align-items:center;display:flex;justify-content:flex-start}.notification-close-button{cursor:pointer;margin-left:auto;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;display:block;font-feature-settings:"liga";font-size:20px;height:100%;left:50%;position:absolute;text-align:center;top:50%;width:100%}.ios .notification{align-items:center;transform:translate3d(0,-200%,0);transition-duration:.45s}.ios .notification.modal-in{opacity:1;transform:translateZ(0)}.ios .notification.modal-out{transform:translate3d(0,-200%,0)}.ios .notification-title-right-text{margin-left:auto}.ios .notification-title-right-text+.notification-close-button{margin-left:12px}.ios .notification-close-button{font-size:14px;height:20px;opacity:.3;transition-duration:.3s;width:20px}.ios .notification-close-button.active-state{opacity:.1;transition-duration:0s}.ios .notification-close-button:after{color:#000;content:"notification_close_ios";font-size:.65em;height:44px;line-height:44px;margin-left:-22px;margin-top:-22px;width:44px}.ios .dark .notification-close-button:after,.ios.dark .notification-close-button:after{color:#fff}.md .notification{transform:translate3d(0,-150%,0)}.md .notification.modal-in{transform:translateZ(0);transition-duration:.5s;transition-timing-function:cubic-bezier(0,.8,.34,1)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transform:translate3d(0,-150%,0);transition-duration:.2s;transition-timing-function:ease-in}.md .notification-header+:is(.notification-subtitle,.notification-text){margin-top:8px}.md .notification-title-right-text{margin-left:4px}.md .notification-title-right-text:before{background:var(--f7-notification-title-right-color);border-radius:50%;content:"";display:inline-block;height:3px;margin-right:4px;vertical-align:middle;width:3px}.md .notification-close-button{height:16px;transition-duration:.3s;width:16px}.md .notification-close-button:after,.md .notification-close-button:before{height:48px;left:50%;margin-left:-24px;margin-top:-24px;top:50%;width:48px}.md .notification-close-button:after{color:var(--f7-md-on-surface-variant);content:"delete_round_md";font-size:24px;line-height:48px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}to{transform:translateZ(0)}}