framework7 9.0.0-beta.1 → 9.0.0

package/components/messages/messages.css

@@ -1 +1 @@
-:root{--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-name-font-weight:inherit;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000}:root .dark,:root.dark{--f7-message-typing-indicator-bg-color:#fff}.ios{--f7-message-text-header-text-color:inherit;--f7-message-text-footer-text-color:inherit;--f7-messages-title-font-size:11px;--f7-message-avatar-size:29px;--f7-message-margin:16px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35;--f7-message-sent-text-color:#fff;--f7-messages-content-bg-color:#fff;--f7-message-received-text-color:#000;--f7-message-received-bg-color:#e5e5ea;--f7-messages-title-text-color:rgba(0, 0, 0, 0.45);--f7-message-header-text-color:rgba(0, 0, 0, 0.45);--f7-message-footer-text-color:rgba(0, 0, 0, 0.45);--f7-message-name-text-color:rgba(0, 0, 0, 0.45)}.ios .dark,.ios.dark{--f7-message-received-bg-color:#252525;--f7-message-received-text-color:#fff;--f7-messages-content-bg-color:transparent;--f7-messages-title-text-color:rgba(255, 255, 255, 0.54);--f7-message-header-text-color:rgba(255, 255, 255, 0.54);--f7-message-name-text-color:rgba(255, 255, 255, 0.54);--f7-message-footer-text-color:rgba(255, 255, 255, 0.54)}.md{--f7-messages-content-bg-color:transparent;--f7-messages-title-font-size:12px;--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-min-height:40px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:20px;--f7-message-bubble-padding-vertical:10px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.6}.md,.md .dark,.md [class*=color-]{--f7-message-sent-bg-color:var(--f7-md-primary);--f7-message-sent-text-color:var(--f7-md-on-primary);--f7-message-received-bg-color:var(--f7-md-surface-variant);--f7-message-received-text-color:var(--f7-md-on-surface);--f7-message-text-header-text-color:var(--f7-md-on-surface-variant);--f7-message-text-footer-text-color:var(--f7-md-on-surface-variant);--f7-messages-title-text-color:var(--f7-md-on-surface-variant);--f7-message-header-text-color:var(--f7-md-on-surface-variant);--f7-message-footer-text-color:var(--f7-md-on-surface-variant);--f7-message-name-text-color:var(--f7-md-on-surface-variant)}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{text-align:center;width:100%;line-height:1;color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size);font-weight:var(--f7-messages-title-font-weight)}.message{max-width:70%;box-sizing:border-box;display:flex;align-items:flex-end;position:relative;z-index:1;transform:translate3d(0,0,0)}.message-avatar{border-radius:var(--f7-message-avatar-border-radius);position:relative;background-size:cover;align-self:flex-end;flex-shrink:0;width:var(--f7-message-avatar-size);height:var(--f7-message-avatar-size)}.message-content{position:relative;display:flex;flex-direction:column}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size);font-weight:var(--f7-message-name-font-weight)}.message-bubble{box-sizing:border-box;word-break:break-word;display:flex;flex-direction:column;position:relative;line-height:var(--f7-message-bubble-line-height);font-size:var(--f7-message-bubble-font-size);border-radius:var(--f7-message-bubble-border-radius);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);min-height:var(--f7-message-bubble-min-height)}.message-image img{display:block;max-width:100%;height:auto;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);opacity:var(--f7-message-text-header-opacity);font-size:var(--f7-message-text-header-font-size)}.message-text-footer{color:var(--f7-message-text-footer-text-color);opacity:var(--f7-message-text-footer-opacity);font-size:var(--f7-message-text-footer-font-size)}.message-text{text-align:left}.message-sent{text-align:right;flex-direction:row-reverse;align-self:flex-end}.message-sent .message-bubble{color:var(--f7-message-sent-text-color);background:var(--f7-message-sent-bg-color,var(--f7-theme-color))}.message-sent .message-content{align-items:flex-end}.message-received{flex-direction:row}.message-received .message-bubble{color:var(--f7-message-received-text-color);background:var(--f7-message-received-bg-color)}.message-received .message-content{align-items:flex-start}.message:not(.message-last) .message-avatar{opacity:0}.message:not(.message-first) .message-name{display:none}.message.message-same-name .message-name{display:none}.message.message-same-header .message-header{display:none}.message.message-same-footer .message-footer{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{display:inline-block;position:relative;background:var(--f7-message-typing-indicator-bg-color);opacity:var(--f7-message-typing-indicator-opacity);vertical-align:middle;border-radius:50%}@keyframes message-appear-from-bottom{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes message-appear-from-top{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}.ios .messages{padding-bottom:16px;box-sizing:border-box}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.ios .message-image:first-child{margin-top:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(-1 * var(--f7-message-bubble-padding-vertical))}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(16px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m0 70c6-2 12-10 12-19v-16l14 27s-8 8-26 8z'/></svg>") 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0px}.ios .message-sent{margin-right:calc(16px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px))}.ios .message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius)}.ios .message-sent.message-tail .message-bubble{-webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m96 70c-6-2-12-10-12-19v-16l-14 27s8 8 26 8z'/></svg>") 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0px}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{content:'';position:absolute;background:var(--f7-message-received-bg-color);border-radius:50%}.ios .message-received.message-typing .message-content:after{width:11px;height:11px;left:4px;bottom:0px}.ios .message-received.message-typing .message-content:before{width:6px;height:6px;left:-1px;bottom:-4px}.ios .message-typing-indicator>div{width:9px;height:9px}.ios .message-typing-indicator>div+div{margin-left:4px}.ios .message-typing-indicator>div:first-child{animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s 150ms infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-image{margin:calc(-1 * var(--f7-message-bubble-padding-vertical)) calc(-1 * var(--f7-message-bubble-padding-horizontal))}.md .message-image,.md .message-image img{border-radius:var(--f7-message-bubble-border-radius)}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-footer,.md .message-received .message-header,.md .message-received .message-name{margin-left:16px}.md .message-received.message-first:not(.message-last) .message-bubble,.md .message-received.message-first:not(.message-last) .message-image,.md .message-received.message-first:not(.message-last) .message-image img{border-bottom-left-radius:4px}.md .message-received.message-last:not(.message-first) .message-bubble,.md .message-received.message-last:not(.message-first) .message-image,.md .message-received.message-last:not(.message-first) .message-image img{border-top-left-radius:4px}.md .message-received:not(.message-last):not(.message-first) .message-bubble,.md .message-received:not(.message-last):not(.message-first) .message-image,.md .message-received:not(.message-last):not(.message-first) .message-image img{border-bottom-left-radius:4px;border-top-left-radius:4px}.md .message-received .message-avatar+.message-content{margin-left:8px}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-footer,.md .message-sent .message-header,.md .message-sent .message-name{margin-right:16px}.md .message-sent.message-first:not(.message-last) .message-bubble,.md .message-sent.message-first:not(.message-last) .message-image,.md .message-sent.message-first:not(.message-last) .message-image img{border-bottom-right-radius:4px}.md .message-sent.message-last:not(.message-first) .message-bubble,.md .message-sent.message-last:not(.message-first) .message-image,.md .message-sent.message-last:not(.message-first) .message-image img{border-top-right-radius:4px}.md .message-sent:not(.message-last):not(.message-first) .message-bubble,.md .message-sent:not(.message-last):not(.message-first) .message-image,.md .message-sent:not(.message-last):not(.message-first) .message-image img{border-bottom-right-radius:4px;border-top-right-radius:4px}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message+.message:not(.message-first){margin-top:2px}.md .message-typing-indicator>div{width:6px;height:6px}.md .message-typing-indicator>div+div{margin-left:6px}.md .message-typing-indicator>div:first-child{animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s 150ms infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0%)}25%{transform:translateY(-5px)}50%{transform:translateY(0%)}}
+:root{--f7-message-text-header-opacity:0.65;--f7-message-text-header-font-size:12px;--f7-message-text-footer-opacity:0.65;--f7-message-text-footer-font-size:12px;--f7-message-bubble-line-height:1.2;--f7-message-header-font-size:12px;--f7-message-footer-font-size:11px;--f7-message-name-font-size:12px;--f7-message-name-font-weight:inherit;--f7-message-avatar-border-radius:50%;--f7-messages-title-font-weight:inherit;--f7-message-typing-indicator-bg-color:#000}:root .dark,:root.dark{--f7-message-typing-indicator-bg-color:#fff}.ios{--f7-message-text-header-text-color:inherit;--f7-message-text-footer-text-color:inherit;--f7-messages-title-font-size:11px;--f7-message-avatar-size:29px;--f7-message-margin:16px;--f7-message-bubble-min-height:32px;--f7-message-bubble-font-size:17px;--f7-message-bubble-border-radius:16px;--f7-message-bubble-padding-vertical:6px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.35;--f7-message-sent-text-color:#fff;--f7-messages-content-bg-color:#fff;--f7-message-received-text-color:#000;--f7-message-received-bg-color:#e5e5ea;--f7-messages-title-text-color:#00000073;--f7-message-header-text-color:#00000073;--f7-message-footer-text-color:#00000073;--f7-message-name-text-color:#00000073}.ios .dark,.ios.dark{--f7-message-received-bg-color:#252525;--f7-message-received-text-color:#fff;--f7-messages-content-bg-color:#0000;--f7-messages-title-text-color:#ffffff8a;--f7-message-header-text-color:#ffffff8a;--f7-message-name-text-color:#ffffff8a;--f7-message-footer-text-color:#ffffff8a}.md{--f7-messages-content-bg-color:#0000;--f7-messages-title-font-size:12px;--f7-message-avatar-size:32px;--f7-message-margin:16px;--f7-message-bubble-min-height:40px;--f7-message-bubble-font-size:16px;--f7-message-bubble-border-radius:20px;--f7-message-bubble-padding-vertical:10px;--f7-message-bubble-padding-horizontal:16px;--f7-message-typing-indicator-opacity:0.6}.md,.md .dark,.md [class*=color-]{--f7-message-sent-bg-color:var(--f7-md-primary);--f7-message-sent-text-color:var(--f7-md-on-primary);--f7-message-received-bg-color:var(--f7-md-surface-variant);--f7-message-received-text-color:var(--f7-md-on-surface);--f7-message-text-header-text-color:var(--f7-md-on-surface-variant);--f7-message-text-footer-text-color:var(--f7-md-on-surface-variant);--f7-messages-title-text-color:var(--f7-md-on-surface-variant);--f7-message-header-text-color:var(--f7-md-on-surface-variant);--f7-message-footer-text-color:var(--f7-md-on-surface-variant);--f7-message-name-text-color:var(--f7-md-on-surface-variant)}.messages,.messages-content{background:var(--f7-messages-content-bg-color)}.messages{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:1}.message,.messages-title{margin-top:var(--f7-message-margin)}.message:last-child,.messages-title:last-child{margin-bottom:var(--f7-message-margin)}.messages-title{color:var(--f7-messages-title-text-color);font-size:var(--f7-messages-title-font-size);font-weight:var(--f7-messages-title-font-weight);line-height:1;text-align:center;width:100%}.message{align-items:flex-end;box-sizing:border-box;display:flex;max-width:70%;position:relative;transform:translateZ(0);z-index:1}.message-avatar{align-self:flex-end;background-size:cover;border-radius:var(--f7-message-avatar-border-radius);flex-shrink:0;height:var(--f7-message-avatar-size);position:relative;width:var(--f7-message-avatar-size)}.message-content{display:flex;flex-direction:column;position:relative}.message-footer,.message-header,.message-name{line-height:1}.message-header{color:var(--f7-message-header-text-color);font-size:var(--f7-message-header-font-size)}.message-footer{color:var(--f7-message-footer-text-color);font-size:var(--f7-message-footer-font-size);margin-bottom:-1em}.message-name{color:var(--f7-message-name-text-color);font-size:var(--f7-message-name-font-size);font-weight:var(--f7-message-name-font-weight)}.message-bubble{border-radius:var(--f7-message-bubble-border-radius);box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--f7-message-bubble-font-size);line-height:var(--f7-message-bubble-line-height);min-height:var(--f7-message-bubble-min-height);padding:var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);position:relative;word-break:break-word}.message-image img{display:block;height:auto;max-width:100%;width:auto}.message-text-footer,.message-text-header{line-height:1}.message-text-header{color:var(--f7-message-text-header-text-color);font-size:var(--f7-message-text-header-font-size);opacity:var(--f7-message-text-header-opacity)}.message-text-footer{color:var(--f7-message-text-footer-text-color);font-size:var(--f7-message-text-footer-font-size);opacity:var(--f7-message-text-footer-opacity)}.message-text{text-align:left}.message-sent{align-self:flex-end;flex-direction:row-reverse;text-align:right}.message-sent .message-bubble{background:var(--f7-message-sent-bg-color,var(--f7-theme-color));color:var(--f7-message-sent-text-color)}.message-sent .message-content{align-items:flex-end}.message-received{flex-direction:row}.message-received .message-bubble{background:var(--f7-message-received-bg-color);color:var(--f7-message-received-text-color)}.message-received .message-content{align-items:flex-start}.message:not(.message-last) .message-avatar{opacity:0}.message.message-same-footer .message-footer,.message.message-same-header .message-header,.message.message-same-name .message-name,.message:not(.message-first) .message-name{display:none}.message-appear-from-bottom{animation:message-appear-from-bottom .3s}.message-appear-from-top{animation:message-appear-from-top .3s}.message-typing-indicator{display:inline-block;font-size:0;vertical-align:middle}.message-typing-indicator>div{background:var(--f7-message-typing-indicator-bg-color);border-radius:50%;display:inline-block;opacity:var(--f7-message-typing-indicator-opacity);position:relative;vertical-align:middle}@keyframes message-appear-from-bottom{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes message-appear-from-top{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}.ios .messages{box-sizing:border-box;padding-bottom:16px}.ios .message-footer b,.ios .message-header b,.ios .message-name b,.ios .messages-title b{font-weight:600}.ios .message-header,.ios .message-name{margin-bottom:3px}.ios .message-footer{margin-top:3px}.ios .message-bubble{min-width:48px}.ios .message-image{margin:var(--f7-message-bubble-padding-vertical) calc(var(--f7-message-bubble-padding-horizontal)*-1)}.ios .message-image:first-child{margin-top:calc(var(--f7-message-bubble-padding-vertical)*-1)}.ios .message-image:first-child img{border-top-left-radius:var(--f7-message-bubble-border-radius);border-top-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-image:last-child{margin-bottom:calc(var(--f7-message-bubble-padding-vertical)*-1)}.ios .message-image:last-child img{border-bottom-left-radius:var(--f7-message-bubble-border-radius);border-bottom-right-radius:var(--f7-message-bubble-border-radius)}.ios .message-text-header{margin-bottom:3px}.ios .message-text-footer{margin-top:3px}.ios .message-received{margin-left:calc(16px + var(--f7-safe-area-left))}.ios .message-received .message-footer,.ios .message-received .message-header,.ios .message-received .message-name{margin-left:var(--f7-message-bubble-padding-horizontal)}.ios .message-received .message-bubble{padding-left:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="35" viewBox="0 0 96 70"><path d="M96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35"/></svg>') 50% 42% 46% 56%}.ios .message-received .message-image{margin-left:calc((var(--f7-message-bubble-padding-horizontal) + 6px)*-1)}.ios .message-received.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0}.ios .message-received.message-tail:not(.message-typing) .message-bubble{-webkit-mask-box-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="35" viewBox="0 0 96 70"><path d="M96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35"/><path d="M0 70c6-2 12-10 12-19V35l14 27s-8 8-26 8"/></svg>') 50% 42% 46% 56%}.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img{border-bottom-left-radius:0}.ios .message-sent{margin-right:calc(16px + var(--f7-safe-area-right))}.ios .message-sent .message-footer,.ios .message-sent .message-header,.ios .message-sent .message-name{margin-right:var(--f7-message-bubble-padding-horizontal)}.ios .message-sent .message-bubble{padding-right:calc(var(--f7-message-bubble-padding-horizontal) + 6px);-webkit-mask-box-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="35" viewBox="0 0 96 70"><path d="M84 35c1 7-5 37-42 35C5 72-1 42 0 35-1 28 5-2 42 0c37-2 43 28 42 35"/></svg>') 50% 56% 46% 42%}.ios .message-sent .message-image{margin-right:calc((var(--f7-message-bubble-padding-horizontal) + 6px)*-1)}.ios .message-sent.message-tail .message-bubble{border-radius:var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius);-webkit-mask-box-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="35" viewBox="0 0 96 70"><path d="M84 35c1 7-5 37-42 35C5 72-1 42 0 35-1 28 5-2 42 0c37-2 43 28 42 35"/><path d="M96 70c-6-2-12-10-12-19V35L70 62s8 8 26 8"/></svg>') 50% 56% 46% 42%}.ios .message-sent.message-tail .message-bubble .message-image:last-child img{border-bottom-right-radius:0}.ios .message+.message:not(.message-first){margin-top:1px}.ios .message-received.message-typing .message-content:after,.ios .message-received.message-typing .message-content:before{background:var(--f7-message-received-bg-color);border-radius:50%;content:"";position:absolute}.ios .message-received.message-typing .message-content:after{bottom:0;height:11px;left:4px;width:11px}.ios .message-received.message-typing .message-content:before{bottom:-4px;height:6px;left:-1px;width:6px}.ios .message-typing-indicator>div{height:9px;width:9px}.ios .message-typing-indicator>div+div{margin-left:4px}.ios .message-typing-indicator>div:first-child{animation:ios-message-typing-indicator .9s infinite}.ios .message-typing-indicator>div:nth-child(2){animation:ios-message-typing-indicator .9s .15s infinite}.ios .message-typing-indicator>div:nth-child(3){animation:ios-message-typing-indicator .9s .3s infinite}@keyframes ios-message-typing-indicator{0%{opacity:.35}25%{opacity:.2}50%{opacity:.2}}.md .message-footer b,.md .message-header b,.md .message-name b,.md .messages-title b{font-weight:500}.md .message-header,.md .message-name{margin-bottom:2px}.md .message-footer{margin-top:2px}.md .message-text-header{margin-bottom:4px}.md .message-text-footer{margin-top:4px}.md .message-image{margin:calc(var(--f7-message-bubble-padding-vertical)*-1) calc(var(--f7-message-bubble-padding-horizontal)*-1)}.md .message-image,.md .message-image img{border-radius:var(--f7-message-bubble-border-radius)}.md .message-received{margin-left:calc(8px + var(--f7-safe-area-left))}.md .message-received .message-footer,.md .message-received .message-header,.md .message-received .message-name{margin-left:16px}.md .message-received.message-first:not(.message-last) .message-bubble,.md .message-received.message-first:not(.message-last) .message-image,.md .message-received.message-first:not(.message-last) .message-image img{border-bottom-left-radius:4px}.md .message-received.message-last:not(.message-first) .message-bubble,.md .message-received.message-last:not(.message-first) .message-image,.md .message-received.message-last:not(.message-first) .message-image img{border-top-left-radius:4px}.md .message-received:not(.message-last):not(.message-first) .message-bubble,.md .message-received:not(.message-last):not(.message-first) .message-image,.md .message-received:not(.message-last):not(.message-first) .message-image img{border-bottom-left-radius:4px;border-top-left-radius:4px}.md .message-received .message-avatar+.message-content{margin-left:8px}.md .message-sent{margin-right:calc(8px + var(--f7-safe-area-right))}.md .message-sent .message-footer,.md .message-sent .message-header,.md .message-sent .message-name{margin-right:16px}.md .message-sent.message-first:not(.message-last) .message-bubble,.md .message-sent.message-first:not(.message-last) .message-image,.md .message-sent.message-first:not(.message-last) .message-image img{border-bottom-right-radius:4px}.md .message-sent.message-last:not(.message-first) .message-bubble,.md .message-sent.message-last:not(.message-first) .message-image,.md .message-sent.message-last:not(.message-first) .message-image img{border-top-right-radius:4px}.md .message-sent:not(.message-last):not(.message-first) .message-bubble,.md .message-sent:not(.message-last):not(.message-first) .message-image,.md .message-sent:not(.message-last):not(.message-first) .message-image img{border-bottom-right-radius:4px;border-top-right-radius:4px}.md .message-sent .message-avatar+.message-content{margin-right:var(--f7-message-bubble-padding-horizontal)}.md .message+.message:not(.message-first){margin-top:2px}.md .message-typing-indicator>div{height:6px;width:6px}.md .message-typing-indicator>div+div{margin-left:6px}.md .message-typing-indicator>div:first-child{animation:md-message-typing-indicator .9s infinite}.md .message-typing-indicator>div:nth-child(2){animation:md-message-typing-indicator .9s .15s infinite}.md .message-typing-indicator>div:nth-child(3){animation:md-message-typing-indicator .9s .3s infinite}@keyframes md-message-typing-indicator{0%{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(0)}}

package/components/navbar/navbar-ios.less

@@ -61,7 +61,11 @@
       position: absolute;
       inset: 0;
       backdrop-filter: blur(2px);
-      mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
+      mask-image: linear-gradient(
+        to bottom,
+        black calc(50% + var(--f7-safe-area-top, 0px)),
+        transparent 100%
+      );
     }
     &::after {
       content: '';
@@ -69,7 +73,7 @@
       inset: 0;
       background-image: linear-gradient(
         to bottom,
-        var(--f7-navbar-bg-color, var(--f7-bars-bg-color)) 0%,
+        var(--f7-navbar-bg-color, var(--f7-bars-bg-color)) var(--f7-safe-area-top, 0px),
         transparent 100%
       );
     }

package/components/notification/notification-rtl.css

@@ -1 +1 @@
-: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:rgba(0, 0, 0, 0.45);--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:rgba(255, 255, 255, 0.55)}.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{position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding-vertical) var(--f7-notification-padding-horizontal);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-safe-area-top);display:flex;gap:16px;backdrop-filter:saturate(180%) blur(16px)}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-content{width:100%;flex-shrink:10}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size);flex-shrink:0}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height: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{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0);align-items:center}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.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;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.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{transition-duration:.5s;transform:translate3d(0,0%,0);transition-timing-function:cubic-bezier(0,0.8,0.34,1)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.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{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:var(--f7-md-on-surface-variant);content:'delete_round_md';line-height:48px;font-size:24px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}
+: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)}}

package/components/notification/notification.css

@@ -1 +1 @@
-: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:rgba(0, 0, 0, 0.45);--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:rgba(255, 255, 255, 0.55)}.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{position:absolute;left:var(--f7-notification-margin);top:var(--f7-notification-margin);width:calc(100% - var(--f7-notification-margin) * 2);z-index:20000;font-size:14px;margin:0;border:none;display:none;box-sizing:border-box;transition-property:transform;direction:ltr;max-width:var(--f7-notification-max-width);padding:var(--f7-notification-padding-vertical) var(--f7-notification-padding-horizontal);border-radius:var(--f7-notification-border-radius);box-shadow:var(--f7-notification-box-shadow);background:var(--f7-notification-bg-color);margin-top:var(--f7-safe-area-top);display:flex;gap:16px;backdrop-filter:saturate(180%) blur(16px)}@media (min-width:568px){.notification{left:50%;width:var(--f7-notification-max-width);margin-left:calc(-1 * var(--f7-notification-max-width)/ 2)}}.notification-content{width:100%;flex-shrink:10}.notification-title{color:var(--f7-notification-title-color,var(--f7-theme-color));font-size:var(--f7-notification-title-font-size);text-transform:var(--f7-notification-title-text-transform);line-height:var(--f7-notification-title-line-height);font-weight:var(--f7-notification-title-font-weight);letter-spacing:var(--f7-notification-title-letter-spacing)}.notification-subtitle{color:var(--f7-notification-subtitle-color);font-size:var(--f7-notification-subtitle-font-size);text-transform:var(--f7-notification-subtitle-text-transform);line-height:var(--f7-notification-subtitle-line-height);font-weight:var(--f7-notification-subtitle-font-weight)}.notification-text{color:var(--f7-notification-text-color);font-size:var(--f7-notification-text-font-size);text-transform:var(--f7-notification-text-text-transform);line-height:var(--f7-notification-text-line-height);font-weight:var(--f7-notification-text-font-weight)}.notification-title-right-text{color:var(--f7-notification-title-right-color);font-size:var(--f7-notification-title-right-font-size)}.notification-icon{font-size:0;line-height:var(--f7-notification-icon-size);flex-shrink:0}.notification-icon,.notification-icon i{width:var(--f7-notification-icon-size)!important;height: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{display:flex;justify-content:flex-start;align-items:center}.notification-close-button{margin-left:auto;cursor:pointer;position:relative}.notification-close-button:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:block;width:100%;height:100%;font-size:20px;position:absolute;left:50%;top:50%;text-align:center}.ios .notification{transition-duration:450ms;transform:translate3d(0%,-200%,0);align-items:center}.ios .notification.modal-in{transform:translate3d(0%,0%,0);opacity:1}.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;width:20px;height:20px;opacity:.3;transition-duration:.3s}.ios .notification-close-button.active-state{transition-duration:0s;opacity:.1}.ios .notification-close-button:after{color:#000;content:'notification_close_ios';font-size:.65em;line-height:44px;width:44px;height:44px;margin-left:-22px;margin-top:-22px}.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{transition-duration:.5s;transform:translate3d(0,0%,0);transition-timing-function:cubic-bezier(0,0.8,0.34,1)}.md .notification.modal-in.notification-transitioning{transition-duration:.2s}.md .notification.modal-out{animation:none;transition-duration:.2s;transition-timing-function:ease-in;transform:translate3d(0,-150%,0)}.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{content:'';width:3px;height:3px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:4px;background:var(--f7-notification-title-right-color)}.md .notification-close-button{width:16px;height:16px;transition-duration:.3s}.md .notification-close-button:after,.md .notification-close-button:before{width:48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px}.md .notification-close-button:after{color:var(--f7-md-on-surface-variant);content:'delete_round_md';line-height:48px;font-size:24px}@keyframes notification-md-in{0%{transform:translate3d(0,-150%,0)}50%{transform:translate3d(0,10%,0)}100%{transform:translate3d(0,0%,0)}}
+: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)}}

package/components/panel/panel-rtl.css

@@ -1,3 +1 @@
-:root{--f7-panel-width:288px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.3)}.ios{--f7-panel-floating-border-radius:32px;--f7-panel-collapsed-width:58px;--f7-panel-transition-duration:400ms;--f7-panel-transition-timing-function:initial;--f7-panel-bg-color:var(--f7-glass-bg-color)}.md{--f7-panel-floating-border-radius:16px;--f7-panel-collapsed-width:60px;--f7-panel-transition-duration:400ms;--f7-panel-transition-timing-function:cubic-bezier(0, 0.8, 0.34, 1);--f7-panel-bg-color:#fff}.md .dark,.md.dark{--f7-panel-bg-color:#000}.panel-backdrop{position:absolute;left:0;top:0px;width:100%;height:100%;opacity:0;z-index:5999;visibility:hidden;pointer-events:none;transform:translate3d(0,0,0);background-color:var(--f7-panel-backdrop-bg-color);transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel-backdrop .with-panel,.panel-backdrop .with-panel-closing{visibility:visible}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{z-index:1000;box-sizing:border-box;position:absolute;top:0px;height:100%;transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;transition-property:transform;transition-duration:var(--f7-panel-transition-duration)}.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(
-.panel-in-swipe
-){display:none}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%;transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel.not-animated,.panel.not-animated:after{transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel.panel-resizing{-webkit-user-select:none;user-select:none}.panel.panel-resizing,.panel.panel-resizing:after,.panel.panel-resizing~.view,.panel.panel-resizing~.views{transition-duration:0s!important}.panel-cover,.panel-floating{z-index:6000}.panel-floating{overflow:hidden;border-radius:var(--f7-panel-floating-border-radius);height:auto;top:calc(8px + var(--f7-safe-area-top,0px));bottom:calc(8px + var(--f7-safe-area-bottom,0px))}.panel-floating .view,.panel-floating .views{--f7-safe-area-top:0px;--f7-safe-area-bottom:0px}.page .panel-floating{top:calc(8px + var(--f7-page-navbar-offset,0px));bottom:calc(8px + var(--f7-safe-area-bottom,0px))}.page .panel-floating .page{--f7-page-navbar-offset:0px}.page .panel-floating .navbars~*,.page .panel-floating .navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height))}.panel-left{left:0;width:var(--f7-panel-left-width,var(--f7-panel-width))}.panel-left.panel-cover,.panel-left.panel-floating,.panel-left.panel-push{transform:translate3d(calc(-1 * var(--f7-panel-left-width,var(--f7-panel-width))),0,0)}.panel-right{right:0;width:var(--f7-panel-right-width,var(--f7-panel-width))}.panel-right.panel-cover,.panel-right.panel-floating,.panel-right.panel-push{transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}.panel-in-breakpoint{transform:translate3d(0,0,0)!important;transition-duration:0s}.panel-in-breakpoint:after{display:none}.panel-in-breakpoint.panel-cover,.panel-in-breakpoint.panel-floating{z-index:5900}.panel,.panel-backdrop{transition-timing-function:var(--f7-panel-transition-timing-function)}html.with-panel-closing .framework7-root>.view,html.with-panel-closing .views,html.with-panel-left-push .framework7-root>.view,html.with-panel-left-push .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-push .framework7-root>.view,html.with-panel-right-push .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform;transition-timing-function:var(--f7-panel-transition-timing-function)}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-push .framework7-root>.view,html.with-panel-left-push .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}html.with-panel-right-push .framework7-root>.view,html.with-panel-right-push .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transform:translate3d(calc(-1 * var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}.page>.panel-backdrop{z-index:290}.page .panel-push,.page>.panel-reveal{z-index:1}.page>.panel-cover,.page>.panel-floating{z-index:300}.page.with-panel-closing>.page-content,.page.with-panel-closing>.tabs,.page.with-panel-left-push>.page-content,.page.with-panel-left-push>.tabs,.page.with-panel-left-reveal>.page-content,.page.with-panel-left-reveal>.tabs,.page.with-panel-right-push>.page-content,.page.with-panel-right-push>.tabs,.page.with-panel-right-reveal>.page-content,.page.with-panel-right-reveal>.tabs{transition-duration:var(--f7-panel-transition-duration);transition-property:transform;transition-timing-function:var(--f7-panel-transition-timing-function)}.page.with-panel-left-push>.page-content,.page.with-panel-left-push>.tabs,.page.with-panel-left-reveal>.page-content,.page.with-panel-left-reveal>.tabs{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}.page.with-panel-right-push>.page-content,.page.with-panel-right-push>.tabs,.page.with-panel-right-reveal>.page-content,.page.with-panel-right-reveal>.tabs{transform:translate3d(calc(-1 * var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}.with-panel-closing .panel-backdrop-in{visibility:visible;pointer-events:auto;opacity:0}.with-panel-left-cover .panel-backdrop-in,.with-panel-left-floating .panel-backdrop-in,.with-panel-left-push .panel-backdrop-in,.with-panel-left-reveal .panel-backdrop-in,.with-panel-right-cover .panel-backdrop-in,.with-panel-right-floating .panel-backdrop-in,.with-panel-right-push .panel-backdrop-in,.with-panel-right-reveal .panel-backdrop-in{visibility:visible;pointer-events:auto;opacity:1}.with-panel-left-push .panel-backdrop-in,.with-panel-left-reveal .panel-backdrop-in{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}.with-panel-right-push .panel-backdrop-in,.with-panel-right-reveal .panel-backdrop-in{transform:translate3d(calc(-1 * var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}.with-panel-left-cover .panel-left,.with-panel-left-push .panel-left{transform:translate3d(0px,0,0)}.with-panel-left-floating .panel-left{transform:translate3d(8px,0,0)}.with-panel-right-cover .panel-right,.with-panel-right-push .panel-right{transform:translate3d(0px,0,0)}.with-panel-right-floating .panel-right{transform:translate3d(-8px,0,0)}.panel-resizable{max-width:100%}.panel-resize-handler{position:absolute;top:0;height:100%;width:6px;cursor:col-resize;z-index:6000;display:none}.panel-resizable .panel-resize-handler{display:block}.panel-left.panel-cover .panel-resize-handler,.panel-left.panel-floating .panel-resize-handler{right:-3px}.panel-left.panel-push .panel-resize-handler,.panel-left.panel-reveal .panel-resize-handler{right:0}.panel-right.panel-cover .panel-resize-handler,.panel-right.panel-floating .panel-resize-handler{left:-3px}.panel-right.panel-push .panel-resize-handler,.panel-right.panel-reveal .panel-resize-handler{left:0}.panel-left.panel-in-collapsed~.page-content,.panel-left.panel-in-collapsed~.tabs,.panel-left.panel-in-collapsed~.view,.panel-left.panel-in-collapsed~.views{margin-left:var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))}.page.with-panel-left-reveal .panel-left.panel-in-collapsed~.page-content,.page.with-panel-left-reveal .panel-left.panel-in-collapsed~.tabs,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.view,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-left-width,var(--f7-panel-width)) - var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))),0,0)}.panel-right.panel-in-collapsed~.page-content,.panel-right.panel-in-collapsed~.tabs,.panel-right.panel-in-collapsed~.view,.panel-right.panel-in-collapsed~.views{margin-right:var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width))}.page.with-panel-right-reveal .panel-right.panel-in-collapsed~.page-content,.page.with-panel-right-reveal .panel-right.panel-in-collapsed~.tabs,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.view,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width)) - var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}html:has(.popup-push-closing) .framework7-root,html:has(.popup-push-in) .framework7-root{--f7-panelPushScale:var(--f7-popup-push-scale);--f7-panelPushTransitionDuration:var(--f7-popup-transition-duration);--f7-panelPushTransitionTimingFunction:var(--f7-popup-transition-timing-function);--f7-panelPushBorderRadius:var(--f7-popup-push-border-radius)}html:has(.sheet-modal-push-closing) .framework7-root,html:has(.sheet-modal-push-in) .framework7-root{--f7-panelPushScale:var(--f7-sheet-push-scale);--f7-panelPushTransitionDuration:var(--f7-sheet-transition-duration);--f7-panelPushTransitionTimingFunction:var(--f7-sheet-transition-timing-function);--f7-panelPushBorderRadius:var(--f7-sheet-push-border-radius)}html:has(.popup-push-in) .framework7-root>.panel-in,html:has(.popup-push-in) .framework7-root>.panel-out,html:has(.sheet-modal-push-in) .framework7-root>.panel-in,html:has(.sheet-modal-push-in) .framework7-root>.panel-out{transition-duration:var(--f7-panelPushTransitionDuration);transition-timing-function:var(--f7-panelPushTransitionTimingFunction)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-left,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-left{transform:scale(var(--f7-panelPushScale,1));transform-origin:50vw center;border-top-left-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-left .view{border-top-left-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-right,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-right{transform:scale(var(--f7-panelPushScale,1));transform-origin:calc(var(--f7-panel-left-width,var(--f7-panel-width)) - 50vw) center;border-top-right-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-right .view{border-top-right-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-cover.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-cover.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-cover.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-cover.panel-left{transform:translate3d(calc(-1 * var(--f7-panel-left-width,var(--f7-panel-width))),0,0px)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-cover.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-cover.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-cover.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-cover.panel-right{transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0px)}html:has(.popup-push-closing) .framework7-root>.panel-in,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in{transition-duration:var(--f7-panelPushTransitionDuration);transition-timing-function:var(--f7-panelPushTransitionTimingFunction)}html:has(.popup-push-closing) .framework7-root>.panel-in.panel-push.panel-left,html:has(.popup-push-closing) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-push.panel-left,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-reveal.panel-left{transform-origin:50vw center}html:has(.popup-push-closing) .framework7-root>.panel-in.panel-push.panel-right,html:has(.popup-push-closing) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-push.panel-right,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-reveal.panel-right{transform-origin:calc(var(--f7-panel-right-width,var(--f7-panel-width)) - 50vw) center}.ios .panel-floating{backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--f7-glass-shadow)}.md .panel-cover{overflow:hidden}.md .panel-cover.panel-left{border-radius:0 16px 16px 0}.md .panel-cover.panel-right{border-radius:16px 0 0 16px}
+:root{--f7-panel-width:288px;--f7-panel-backdrop-bg-color:#0000004d}.ios{--f7-panel-floating-border-radius:32px;--f7-panel-collapsed-width:58px;--f7-panel-transition-duration:400ms;--f7-panel-transition-timing-function:initial;--f7-panel-bg-color:var(--f7-glass-bg-color)}.md{--f7-panel-floating-border-radius:16px;--f7-panel-collapsed-width:60px;--f7-panel-transition-duration:400ms;--f7-panel-transition-timing-function:cubic-bezier(0,0.8,0.34,1);--f7-panel-bg-color:#fff}.md .dark,.md.dark{--f7-panel-bg-color:#000}.panel-backdrop{background-color:var(--f7-panel-backdrop-bg-color);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transition-duration:var(--f7-panel-transition-duration);transition-property:transform,opacity;visibility:hidden;width:100%;z-index:5999}.panel-backdrop .with-panel,.panel-backdrop .with-panel-closing{visibility:visible}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{background-color:var(--f7-panel-bg-color);box-sizing:border-box;height:100%;overflow:visible;position:absolute;top:0;transform:translateZ(0);transition-duration:var(--f7-panel-transition-duration);transition-property:transform;width:var(--f7-panel-width);z-index:1000}.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(.panel-in-swipe){display:none}.panel:after{content:"";height:100%;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:var(--f7-panel-transition-duration);transition-property:transform,opacity;width:20px;z-index:5999}.panel.not-animated,.panel.not-animated:after,.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel.panel-resizing{-webkit-user-select:none;user-select:none}.panel.panel-resizing,.panel.panel-resizing:after,.panel.panel-resizing~.view,.panel.panel-resizing~.views{transition-duration:0s!important}.panel-cover,.panel-floating{z-index:6000}.panel-floating{border-radius:var(--f7-panel-floating-border-radius);bottom:calc(8px + var(--f7-safe-area-bottom, 0px));height:auto;overflow:hidden;top:calc(8px + var(--f7-safe-area-top, 0px))}.panel-floating .view,.panel-floating .views{--f7-safe-area-top:0px;--f7-safe-area-bottom:0px}.page .panel-floating{bottom:calc(8px + var(--f7-safe-area-bottom, 0px));top:calc(8px + var(--f7-page-navbar-offset, 0px))}.page .panel-floating .page{--f7-page-navbar-offset:0px}.page .panel-floating .navbars~*,.page .panel-floating .navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height))}.panel-left{left:0;width:var(--f7-panel-left-width,var(--f7-panel-width))}.panel-left.panel-cover,.panel-left.panel-floating,.panel-left.panel-push{transform:translate3d(calc(var(--f7-panel-left-width, var(--f7-panel-width))*-1),0,0)}.panel-right{right:0;width:var(--f7-panel-right-width,var(--f7-panel-width))}.panel-right.panel-cover,.panel-right.panel-floating,.panel-right.panel-push{transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}.panel-in-breakpoint{transform:translateZ(0)!important;transition-duration:0s}.panel-in-breakpoint:after{display:none}.panel-in-breakpoint.panel-cover,.panel-in-breakpoint.panel-floating{z-index:5900}.panel,.panel-backdrop{transition-timing-function:var(--f7-panel-transition-timing-function)}html.with-panel-closing .framework7-root>.view,html.with-panel-closing .views,html.with-panel-left-push .framework7-root>.view,html.with-panel-left-push .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-push .framework7-root>.view,html.with-panel-right-push .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform;transition-timing-function:var(--f7-panel-transition-timing-function)}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-push .framework7-root>.view,html.with-panel-left-push .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}html.with-panel-right-push .framework7-root>.view,html.with-panel-right-push .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transform:translate3d(calc(var(--f7-panel-right-width, var(--f7-panel-width))*-1),0,0)}.page>.panel-backdrop{z-index:290}.page .panel-push,.page>.panel-reveal{z-index:1}.page>.panel-cover,.page>.panel-floating{z-index:300}.page.with-panel-closing>.page-content,.page.with-panel-closing>.tabs,.page.with-panel-left-push>.page-content,.page.with-panel-left-push>.tabs,.page.with-panel-left-reveal>.page-content,.page.with-panel-left-reveal>.tabs,.page.with-panel-right-push>.page-content,.page.with-panel-right-push>.tabs,.page.with-panel-right-reveal>.page-content,.page.with-panel-right-reveal>.tabs{transition-duration:var(--f7-panel-transition-duration);transition-property:transform;transition-timing-function:var(--f7-panel-transition-timing-function)}.page.with-panel-left-push>.page-content,.page.with-panel-left-push>.tabs,.page.with-panel-left-reveal>.page-content,.page.with-panel-left-reveal>.tabs{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}.page.with-panel-right-push>.page-content,.page.with-panel-right-push>.tabs,.page.with-panel-right-reveal>.page-content,.page.with-panel-right-reveal>.tabs{transform:translate3d(calc(var(--f7-panel-right-width, var(--f7-panel-width))*-1),0,0)}.with-panel-closing .panel-backdrop-in{opacity:0;pointer-events:auto;visibility:visible}.with-panel-left-cover .panel-backdrop-in,.with-panel-left-floating .panel-backdrop-in,.with-panel-left-push .panel-backdrop-in,.with-panel-left-reveal .panel-backdrop-in,.with-panel-right-cover .panel-backdrop-in,.with-panel-right-floating .panel-backdrop-in,.with-panel-right-push .panel-backdrop-in,.with-panel-right-reveal .panel-backdrop-in{opacity:1;pointer-events:auto;visibility:visible}.with-panel-left-push .panel-backdrop-in,.with-panel-left-reveal .panel-backdrop-in{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}.with-panel-right-push .panel-backdrop-in,.with-panel-right-reveal .panel-backdrop-in{transform:translate3d(calc(var(--f7-panel-right-width, var(--f7-panel-width))*-1),0,0)}.with-panel-left-cover .panel-left,.with-panel-left-push .panel-left{transform:translateZ(0)}.with-panel-left-floating .panel-left{transform:translate3d(8px,0,0)}.with-panel-right-cover .panel-right,.with-panel-right-push .panel-right{transform:translateZ(0)}.with-panel-right-floating .panel-right{transform:translate3d(-8px,0,0)}.panel-resizable{max-width:100%}.panel-resize-handler{cursor:col-resize;display:none;height:100%;position:absolute;top:0;width:6px;z-index:6000}.panel-resizable .panel-resize-handler{display:block}.panel-left.panel-cover .panel-resize-handler,.panel-left.panel-floating .panel-resize-handler{right:-3px}.panel-left.panel-push .panel-resize-handler,.panel-left.panel-reveal .panel-resize-handler{right:0}.panel-right.panel-cover .panel-resize-handler,.panel-right.panel-floating .panel-resize-handler{left:-3px}.panel-right.panel-push .panel-resize-handler,.panel-right.panel-reveal .panel-resize-handler{left:0}.panel-left.panel-in-collapsed~.page-content,.panel-left.panel-in-collapsed~.tabs,.panel-left.panel-in-collapsed~.view,.panel-left.panel-in-collapsed~.views{margin-left:var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))}.page.with-panel-left-reveal .panel-left.panel-in-collapsed~.page-content,.page.with-panel-left-reveal .panel-left.panel-in-collapsed~.tabs,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.view,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-left-width, var(--f7-panel-width)) - var(--f7-panel-left-collapsed-width, var(--f7-panel-collapsed-width))),0,0)}.panel-right.panel-in-collapsed~.page-content,.panel-right.panel-in-collapsed~.tabs,.panel-right.panel-in-collapsed~.view,.panel-right.panel-in-collapsed~.views{margin-right:var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width))}.page.with-panel-right-reveal .panel-right.panel-in-collapsed~.page-content,.page.with-panel-right-reveal .panel-right.panel-in-collapsed~.tabs,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.view,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-right-collapsed-width, var(--f7-panel-collapsed-width)) - var(--f7-panel-right-width, var(--f7-panel-width))),0,0)}html:has(.popup-push-closing) .framework7-root,html:has(.popup-push-in) .framework7-root{--f7-panelPushScale:var(--f7-popup-push-scale);--f7-panelPushTransitionDuration:var(--f7-popup-transition-duration);--f7-panelPushTransitionTimingFunction:var(--f7-popup-transition-timing-function);--f7-panelPushBorderRadius:var(--f7-popup-push-border-radius)}html:has(.sheet-modal-push-closing) .framework7-root,html:has(.sheet-modal-push-in) .framework7-root{--f7-panelPushScale:var(--f7-sheet-push-scale);--f7-panelPushTransitionDuration:var(--f7-sheet-transition-duration);--f7-panelPushTransitionTimingFunction:var(--f7-sheet-transition-timing-function);--f7-panelPushBorderRadius:var(--f7-sheet-push-border-radius)}html:has(.popup-push-in) .framework7-root>.panel-in,html:has(.popup-push-in) .framework7-root>.panel-out,html:has(.sheet-modal-push-in) .framework7-root>.panel-in,html:has(.sheet-modal-push-in) .framework7-root>.panel-out{transition-duration:var(--f7-panelPushTransitionDuration);transition-timing-function:var(--f7-panelPushTransitionTimingFunction)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-left,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-left{border-top-left-radius:var(--f7-panelPushBorderRadius);transform:scale(var(--f7-panelPushScale,1));transform-origin:50vw center}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-left .view{border-top-left-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-right,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-right{border-top-right-radius:var(--f7-panelPushBorderRadius);transform:scale(var(--f7-panelPushScale,1));transform-origin:calc(var(--f7-panel-left-width, var(--f7-panel-width)) - 50vw) center}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-right .view{border-top-right-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-cover.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-cover.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-cover.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-cover.panel-left{transform:translate3d(calc(var(--f7-panel-left-width, var(--f7-panel-width))*-1),0,0)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-cover.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-cover.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-cover.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-cover.panel-right{transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}html:has(.popup-push-closing) .framework7-root>.panel-in,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in{transition-duration:var(--f7-panelPushTransitionDuration);transition-timing-function:var(--f7-panelPushTransitionTimingFunction)}html:has(.popup-push-closing) .framework7-root>.panel-in.panel-push.panel-left,html:has(.popup-push-closing) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-push.panel-left,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-reveal.panel-left{transform-origin:50vw center}html:has(.popup-push-closing) .framework7-root>.panel-in.panel-push.panel-right,html:has(.popup-push-closing) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-push.panel-right,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-reveal.panel-right{transform-origin:calc(var(--f7-panel-right-width, var(--f7-panel-width)) - 50vw) center}.ios .panel-floating{backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--f7-glass-shadow)}.md .panel-cover{overflow:hidden}.md .panel-cover.panel-left{border-radius:0 16px 16px 0}.md .panel-cover.panel-right{border-radius:16px 0 0 16px}

package/components/panel/panel.css

@@ -1,3 +1 @@
-:root{--f7-panel-width:288px;--f7-panel-backdrop-bg-color:rgba(0, 0, 0, 0.3)}.ios{--f7-panel-floating-border-radius:32px;--f7-panel-collapsed-width:58px;--f7-panel-transition-duration:400ms;--f7-panel-transition-timing-function:initial;--f7-panel-bg-color:var(--f7-glass-bg-color)}.md{--f7-panel-floating-border-radius:16px;--f7-panel-collapsed-width:60px;--f7-panel-transition-duration:400ms;--f7-panel-transition-timing-function:cubic-bezier(0, 0.8, 0.34, 1);--f7-panel-bg-color:#fff}.md .dark,.md.dark{--f7-panel-bg-color:#000}.panel-backdrop{position:absolute;left:0;top:0px;width:100%;height:100%;opacity:0;z-index:5999;visibility:hidden;pointer-events:none;transform:translate3d(0,0,0);background-color:var(--f7-panel-backdrop-bg-color);transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel-backdrop .with-panel,.panel-backdrop .with-panel-closing{visibility:visible}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{z-index:1000;box-sizing:border-box;position:absolute;top:0px;height:100%;transform:translate3d(0,0,0);width:var(--f7-panel-width);background-color:var(--f7-panel-bg-color);overflow:visible;transition-property:transform;transition-duration:var(--f7-panel-transition-duration)}.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(
-.panel-in-swipe
-){display:none}.panel:after{pointer-events:none;opacity:0;z-index:5999;position:absolute;content:'';top:0;width:20px;height:100%;transition-property:transform,opacity;transition-duration:var(--f7-panel-transition-duration)}.panel.not-animated,.panel.not-animated:after{transition-duration:0s!important}.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel.panel-resizing{-webkit-user-select:none;user-select:none}.panel.panel-resizing,.panel.panel-resizing:after,.panel.panel-resizing~.view,.panel.panel-resizing~.views{transition-duration:0s!important}.panel-cover,.panel-floating{z-index:6000}.panel-floating{overflow:hidden;border-radius:var(--f7-panel-floating-border-radius);height:auto;top:calc(8px + var(--f7-safe-area-top,0px));bottom:calc(8px + var(--f7-safe-area-bottom,0px))}.panel-floating .view,.panel-floating .views{--f7-safe-area-top:0px;--f7-safe-area-bottom:0px}.page .panel-floating{top:calc(8px + var(--f7-page-navbar-offset,0px));bottom:calc(8px + var(--f7-safe-area-bottom,0px))}.page .panel-floating .page{--f7-page-navbar-offset:0px}.page .panel-floating .navbars~*,.page .panel-floating .navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height))}.panel-left{left:0;width:var(--f7-panel-left-width,var(--f7-panel-width))}.panel-left.panel-cover,.panel-left.panel-floating,.panel-left.panel-push{transform:translate3d(calc(-1 * var(--f7-panel-left-width,var(--f7-panel-width))),0,0)}.panel-right{right:0;width:var(--f7-panel-right-width,var(--f7-panel-width))}.panel-right.panel-cover,.panel-right.panel-floating,.panel-right.panel-push{transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}.panel-in-breakpoint{transform:translate3d(0,0,0)!important;transition-duration:0s}.panel-in-breakpoint:after{display:none}.panel-in-breakpoint.panel-cover,.panel-in-breakpoint.panel-floating{z-index:5900}.panel,.panel-backdrop{transition-timing-function:var(--f7-panel-transition-timing-function)}html.with-panel-closing .framework7-root>.view,html.with-panel-closing .views,html.with-panel-left-push .framework7-root>.view,html.with-panel-left-push .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-push .framework7-root>.view,html.with-panel-right-push .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform;transition-timing-function:var(--f7-panel-transition-timing-function)}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-push .framework7-root>.view,html.with-panel-left-push .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}html.with-panel-right-push .framework7-root>.view,html.with-panel-right-push .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transform:translate3d(calc(-1 * var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}.page>.panel-backdrop{z-index:290}.page .panel-push,.page>.panel-reveal{z-index:1}.page>.panel-cover,.page>.panel-floating{z-index:300}.page.with-panel-closing>.page-content,.page.with-panel-closing>.tabs,.page.with-panel-left-push>.page-content,.page.with-panel-left-push>.tabs,.page.with-panel-left-reveal>.page-content,.page.with-panel-left-reveal>.tabs,.page.with-panel-right-push>.page-content,.page.with-panel-right-push>.tabs,.page.with-panel-right-reveal>.page-content,.page.with-panel-right-reveal>.tabs{transition-duration:var(--f7-panel-transition-duration);transition-property:transform;transition-timing-function:var(--f7-panel-transition-timing-function)}.page.with-panel-left-push>.page-content,.page.with-panel-left-push>.tabs,.page.with-panel-left-reveal>.page-content,.page.with-panel-left-reveal>.tabs{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}.page.with-panel-right-push>.page-content,.page.with-panel-right-push>.tabs,.page.with-panel-right-reveal>.page-content,.page.with-panel-right-reveal>.tabs{transform:translate3d(calc(-1 * var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}.with-panel-closing .panel-backdrop-in{visibility:visible;pointer-events:auto;opacity:0}.with-panel-left-cover .panel-backdrop-in,.with-panel-left-floating .panel-backdrop-in,.with-panel-left-push .panel-backdrop-in,.with-panel-left-reveal .panel-backdrop-in,.with-panel-right-cover .panel-backdrop-in,.with-panel-right-floating .panel-backdrop-in,.with-panel-right-push .panel-backdrop-in,.with-panel-right-reveal .panel-backdrop-in{visibility:visible;pointer-events:auto;opacity:1}.with-panel-left-push .panel-backdrop-in,.with-panel-left-reveal .panel-backdrop-in{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}.with-panel-right-push .panel-backdrop-in,.with-panel-right-reveal .panel-backdrop-in{transform:translate3d(calc(-1 * var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}.with-panel-left-cover .panel-left,.with-panel-left-push .panel-left{transform:translate3d(0px,0,0)}.with-panel-left-floating .panel-left{transform:translate3d(8px,0,0)}.with-panel-right-cover .panel-right,.with-panel-right-push .panel-right{transform:translate3d(0px,0,0)}.with-panel-right-floating .panel-right{transform:translate3d(-8px,0,0)}.panel-resizable{max-width:100%}.panel-resize-handler{position:absolute;top:0;height:100%;width:6px;cursor:col-resize;z-index:6000;display:none}.panel-resizable .panel-resize-handler{display:block}.panel-left.panel-cover .panel-resize-handler,.panel-left.panel-floating .panel-resize-handler{right:-3px}.panel-left.panel-push .panel-resize-handler,.panel-left.panel-reveal .panel-resize-handler{right:0}.panel-right.panel-cover .panel-resize-handler,.panel-right.panel-floating .panel-resize-handler{left:-3px}.panel-right.panel-push .panel-resize-handler,.panel-right.panel-reveal .panel-resize-handler{left:0}.panel-left.panel-in-collapsed~.page-content,.panel-left.panel-in-collapsed~.tabs,.panel-left.panel-in-collapsed~.view,.panel-left.panel-in-collapsed~.views{margin-left:var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))}.page.with-panel-left-reveal .panel-left.panel-in-collapsed~.page-content,.page.with-panel-left-reveal .panel-left.panel-in-collapsed~.tabs,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.view,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-left-width,var(--f7-panel-width)) - var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))),0,0)}.panel-right.panel-in-collapsed~.page-content,.panel-right.panel-in-collapsed~.tabs,.panel-right.panel-in-collapsed~.view,.panel-right.panel-in-collapsed~.views{margin-right:var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width))}.page.with-panel-right-reveal .panel-right.panel-in-collapsed~.page-content,.page.with-panel-right-reveal .panel-right.panel-in-collapsed~.tabs,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.view,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width)) - var(--f7-panel-right-width,var(--f7-panel-width))),0,0)}html:has(.popup-push-closing) .framework7-root,html:has(.popup-push-in) .framework7-root{--f7-panelPushScale:var(--f7-popup-push-scale);--f7-panelPushTransitionDuration:var(--f7-popup-transition-duration);--f7-panelPushTransitionTimingFunction:var(--f7-popup-transition-timing-function);--f7-panelPushBorderRadius:var(--f7-popup-push-border-radius)}html:has(.sheet-modal-push-closing) .framework7-root,html:has(.sheet-modal-push-in) .framework7-root{--f7-panelPushScale:var(--f7-sheet-push-scale);--f7-panelPushTransitionDuration:var(--f7-sheet-transition-duration);--f7-panelPushTransitionTimingFunction:var(--f7-sheet-transition-timing-function);--f7-panelPushBorderRadius:var(--f7-sheet-push-border-radius)}html:has(.popup-push-in) .framework7-root>.panel-in,html:has(.popup-push-in) .framework7-root>.panel-out,html:has(.sheet-modal-push-in) .framework7-root>.panel-in,html:has(.sheet-modal-push-in) .framework7-root>.panel-out{transition-duration:var(--f7-panelPushTransitionDuration);transition-timing-function:var(--f7-panelPushTransitionTimingFunction)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-left,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-left{transform:scale(var(--f7-panelPushScale,1));transform-origin:50vw center;border-top-left-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-left .view{border-top-left-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-right,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-right{transform:scale(var(--f7-panelPushScale,1));transform-origin:calc(var(--f7-panel-left-width,var(--f7-panel-width)) - 50vw) center;border-top-right-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-right .view{border-top-right-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-cover.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-cover.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-cover.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-cover.panel-left{transform:translate3d(calc(-1 * var(--f7-panel-left-width,var(--f7-panel-width))),0,0px)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-cover.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-cover.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-cover.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-cover.panel-right{transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0px)}html:has(.popup-push-closing) .framework7-root>.panel-in,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in{transition-duration:var(--f7-panelPushTransitionDuration);transition-timing-function:var(--f7-panelPushTransitionTimingFunction)}html:has(.popup-push-closing) .framework7-root>.panel-in.panel-push.panel-left,html:has(.popup-push-closing) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-push.panel-left,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-reveal.panel-left{transform-origin:50vw center}html:has(.popup-push-closing) .framework7-root>.panel-in.panel-push.panel-right,html:has(.popup-push-closing) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-push.panel-right,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-reveal.panel-right{transform-origin:calc(var(--f7-panel-right-width,var(--f7-panel-width)) - 50vw) center}.ios .panel-floating{backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--f7-glass-shadow)}.md .panel-cover{overflow:hidden}.md .panel-cover.panel-left{border-radius:0 16px 16px 0}.md .panel-cover.panel-right{border-radius:16px 0 0 16px}
+:root{--f7-panel-width:288px;--f7-panel-backdrop-bg-color:#0000004d}.ios{--f7-panel-floating-border-radius:32px;--f7-panel-collapsed-width:58px;--f7-panel-transition-duration:400ms;--f7-panel-transition-timing-function:initial;--f7-panel-bg-color:var(--f7-glass-bg-color)}.md{--f7-panel-floating-border-radius:16px;--f7-panel-collapsed-width:60px;--f7-panel-transition-duration:400ms;--f7-panel-transition-timing-function:cubic-bezier(0,0.8,0.34,1);--f7-panel-bg-color:#fff}.md .dark,.md.dark{--f7-panel-bg-color:#000}.panel-backdrop{background-color:var(--f7-panel-backdrop-bg-color);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transition-duration:var(--f7-panel-transition-duration);transition-property:transform,opacity;visibility:hidden;width:100%;z-index:5999}.panel-backdrop .with-panel,.panel-backdrop .with-panel-closing{visibility:visible}.panel-backdrop.not-animated{transition-duration:0s!important}.panel{background-color:var(--f7-panel-bg-color);box-sizing:border-box;height:100%;overflow:visible;position:absolute;top:0;transform:translateZ(0);transition-duration:var(--f7-panel-transition-duration);transition-property:transform;width:var(--f7-panel-width);z-index:1000}.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(.panel-in-swipe){display:none}.panel:after{content:"";height:100%;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:var(--f7-panel-transition-duration);transition-property:transform,opacity;width:20px;z-index:5999}.panel.not-animated,.panel.not-animated:after,.panel.panel-reveal.not-animated~.view,.panel.panel-reveal.not-animated~.views{transition-duration:0s!important}.panel.panel-resizing{-webkit-user-select:none;user-select:none}.panel.panel-resizing,.panel.panel-resizing:after,.panel.panel-resizing~.view,.panel.panel-resizing~.views{transition-duration:0s!important}.panel-cover,.panel-floating{z-index:6000}.panel-floating{border-radius:var(--f7-panel-floating-border-radius);bottom:calc(8px + var(--f7-safe-area-bottom, 0px));height:auto;overflow:hidden;top:calc(8px + var(--f7-safe-area-top, 0px))}.panel-floating .view,.panel-floating .views{--f7-safe-area-top:0px;--f7-safe-area-bottom:0px}.page .panel-floating{bottom:calc(8px + var(--f7-safe-area-bottom, 0px));top:calc(8px + var(--f7-page-navbar-offset, 0px))}.page .panel-floating .page{--f7-page-navbar-offset:0px}.page .panel-floating .navbars~*,.page .panel-floating .navbar~*{--f7-page-navbar-offset:calc(var(--f7-navbar-height))}.panel-left{left:0;width:var(--f7-panel-left-width,var(--f7-panel-width))}.panel-left.panel-cover,.panel-left.panel-floating,.panel-left.panel-push{transform:translate3d(calc(var(--f7-panel-left-width, var(--f7-panel-width))*-1),0,0)}.panel-right{right:0;width:var(--f7-panel-right-width,var(--f7-panel-width))}.panel-right.panel-cover,.panel-right.panel-floating,.panel-right.panel-push{transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}.panel-in-breakpoint{transform:translateZ(0)!important;transition-duration:0s}.panel-in-breakpoint:after{display:none}.panel-in-breakpoint.panel-cover,.panel-in-breakpoint.panel-floating{z-index:5900}.panel,.panel-backdrop{transition-timing-function:var(--f7-panel-transition-timing-function)}html.with-panel-closing .framework7-root>.view,html.with-panel-closing .views,html.with-panel-left-push .framework7-root>.view,html.with-panel-left-push .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views,html.with-panel-right-push .framework7-root>.view,html.with-panel-right-push .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transition-duration:var(--f7-panel-transition-duration);transition-property:transform;transition-timing-function:var(--f7-panel-transition-timing-function)}html.with-panel .framework7-root>.view .page-content,html.with-panel .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html.with-panel-left-push .framework7-root>.view,html.with-panel-left-push .views,html.with-panel-left-reveal .framework7-root>.view,html.with-panel-left-reveal .views{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}html.with-panel-right-push .framework7-root>.view,html.with-panel-right-push .views,html.with-panel-right-reveal .framework7-root>.view,html.with-panel-right-reveal .views{transform:translate3d(calc(var(--f7-panel-right-width, var(--f7-panel-width))*-1),0,0)}.page>.panel-backdrop{z-index:290}.page .panel-push,.page>.panel-reveal{z-index:1}.page>.panel-cover,.page>.panel-floating{z-index:300}.page.with-panel-closing>.page-content,.page.with-panel-closing>.tabs,.page.with-panel-left-push>.page-content,.page.with-panel-left-push>.tabs,.page.with-panel-left-reveal>.page-content,.page.with-panel-left-reveal>.tabs,.page.with-panel-right-push>.page-content,.page.with-panel-right-push>.tabs,.page.with-panel-right-reveal>.page-content,.page.with-panel-right-reveal>.tabs{transition-duration:var(--f7-panel-transition-duration);transition-property:transform;transition-timing-function:var(--f7-panel-transition-timing-function)}.page.with-panel-left-push>.page-content,.page.with-panel-left-push>.tabs,.page.with-panel-left-reveal>.page-content,.page.with-panel-left-reveal>.tabs{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}.page.with-panel-right-push>.page-content,.page.with-panel-right-push>.tabs,.page.with-panel-right-reveal>.page-content,.page.with-panel-right-reveal>.tabs{transform:translate3d(calc(var(--f7-panel-right-width, var(--f7-panel-width))*-1),0,0)}.with-panel-closing .panel-backdrop-in{opacity:0;pointer-events:auto;visibility:visible}.with-panel-left-cover .panel-backdrop-in,.with-panel-left-floating .panel-backdrop-in,.with-panel-left-push .panel-backdrop-in,.with-panel-left-reveal .panel-backdrop-in,.with-panel-right-cover .panel-backdrop-in,.with-panel-right-floating .panel-backdrop-in,.with-panel-right-push .panel-backdrop-in,.with-panel-right-reveal .panel-backdrop-in{opacity:1;pointer-events:auto;visibility:visible}.with-panel-left-push .panel-backdrop-in,.with-panel-left-reveal .panel-backdrop-in{transform:translate3d(var(--f7-panel-left-width,var(--f7-panel-width)),0,0)}.with-panel-right-push .panel-backdrop-in,.with-panel-right-reveal .panel-backdrop-in{transform:translate3d(calc(var(--f7-panel-right-width, var(--f7-panel-width))*-1),0,0)}.with-panel-left-cover .panel-left,.with-panel-left-push .panel-left{transform:translateZ(0)}.with-panel-left-floating .panel-left{transform:translate3d(8px,0,0)}.with-panel-right-cover .panel-right,.with-panel-right-push .panel-right{transform:translateZ(0)}.with-panel-right-floating .panel-right{transform:translate3d(-8px,0,0)}.panel-resizable{max-width:100%}.panel-resize-handler{cursor:col-resize;display:none;height:100%;position:absolute;top:0;width:6px;z-index:6000}.panel-resizable .panel-resize-handler{display:block}.panel-left.panel-cover .panel-resize-handler,.panel-left.panel-floating .panel-resize-handler{right:-3px}.panel-left.panel-push .panel-resize-handler,.panel-left.panel-reveal .panel-resize-handler{right:0}.panel-right.panel-cover .panel-resize-handler,.panel-right.panel-floating .panel-resize-handler{left:-3px}.panel-right.panel-push .panel-resize-handler,.panel-right.panel-reveal .panel-resize-handler{left:0}.panel-left.panel-in-collapsed~.page-content,.panel-left.panel-in-collapsed~.tabs,.panel-left.panel-in-collapsed~.view,.panel-left.panel-in-collapsed~.views{margin-left:var(--f7-panel-left-collapsed-width,var(--f7-panel-collapsed-width))}.page.with-panel-left-reveal .panel-left.panel-in-collapsed~.page-content,.page.with-panel-left-reveal .panel-left.panel-in-collapsed~.tabs,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.view,html.with-panel-left-reveal .panel-left.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-left-width, var(--f7-panel-width)) - var(--f7-panel-left-collapsed-width, var(--f7-panel-collapsed-width))),0,0)}.panel-right.panel-in-collapsed~.page-content,.panel-right.panel-in-collapsed~.tabs,.panel-right.panel-in-collapsed~.view,.panel-right.panel-in-collapsed~.views{margin-right:var(--f7-panel-right-collapsed-width,var(--f7-panel-collapsed-width))}.page.with-panel-right-reveal .panel-right.panel-in-collapsed~.page-content,.page.with-panel-right-reveal .panel-right.panel-in-collapsed~.tabs,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.view,html.with-panel-right-reveal .panel-right.panel-in-collapsed~.views{transform:translate3d(calc(var(--f7-panel-right-collapsed-width, var(--f7-panel-collapsed-width)) - var(--f7-panel-right-width, var(--f7-panel-width))),0,0)}html:has(.popup-push-closing) .framework7-root,html:has(.popup-push-in) .framework7-root{--f7-panelPushScale:var(--f7-popup-push-scale);--f7-panelPushTransitionDuration:var(--f7-popup-transition-duration);--f7-panelPushTransitionTimingFunction:var(--f7-popup-transition-timing-function);--f7-panelPushBorderRadius:var(--f7-popup-push-border-radius)}html:has(.sheet-modal-push-closing) .framework7-root,html:has(.sheet-modal-push-in) .framework7-root{--f7-panelPushScale:var(--f7-sheet-push-scale);--f7-panelPushTransitionDuration:var(--f7-sheet-transition-duration);--f7-panelPushTransitionTimingFunction:var(--f7-sheet-transition-timing-function);--f7-panelPushBorderRadius:var(--f7-sheet-push-border-radius)}html:has(.popup-push-in) .framework7-root>.panel-in,html:has(.popup-push-in) .framework7-root>.panel-out,html:has(.sheet-modal-push-in) .framework7-root>.panel-in,html:has(.sheet-modal-push-in) .framework7-root>.panel-out{transition-duration:var(--f7-panelPushTransitionDuration);transition-timing-function:var(--f7-panelPushTransitionTimingFunction)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-left,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-left{border-top-left-radius:var(--f7-panelPushBorderRadius);transform:scale(var(--f7-panelPushScale,1));transform-origin:50vw center}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-left .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-left .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-left .view{border-top-left-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-right,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-right{border-top-right-radius:var(--f7-panelPushBorderRadius);transform:scale(var(--f7-panelPushScale,1));transform-origin:calc(var(--f7-panel-left-width, var(--f7-panel-width)) - 50vw) center}html:has(.popup-push-in) .framework7-root>.panel-in.panel-push.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-in.panel-reveal.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-push.panel-right .view,html:has(.popup-push-in) .framework7-root>.panel-out.panel-reveal.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-push.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-reveal.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-push.panel-right .view,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-reveal.panel-right .view{border-top-right-radius:var(--f7-panelPushBorderRadius)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-cover.panel-left,html:has(.popup-push-in) .framework7-root>.panel-out.panel-cover.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-cover.panel-left,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-cover.panel-left{transform:translate3d(calc(var(--f7-panel-left-width, var(--f7-panel-width))*-1),0,0)}html:has(.popup-push-in) .framework7-root>.panel-in.panel-cover.panel-right,html:has(.popup-push-in) .framework7-root>.panel-out.panel-cover.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-in.panel-cover.panel-right,html:has(.sheet-modal-push-in) .framework7-root>.panel-out.panel-cover.panel-right{transform:translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0)}html:has(.popup-push-closing) .framework7-root>.panel-in,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in{transition-duration:var(--f7-panelPushTransitionDuration);transition-timing-function:var(--f7-panelPushTransitionTimingFunction)}html:has(.popup-push-closing) .framework7-root>.panel-in.panel-push.panel-left,html:has(.popup-push-closing) .framework7-root>.panel-in.panel-reveal.panel-left,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-push.panel-left,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-reveal.panel-left{transform-origin:50vw center}html:has(.popup-push-closing) .framework7-root>.panel-in.panel-push.panel-right,html:has(.popup-push-closing) .framework7-root>.panel-in.panel-reveal.panel-right,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-push.panel-right,html:has(.sheet-modal-push-closing) .framework7-root>.panel-in.panel-reveal.panel-right{transform-origin:calc(var(--f7-panel-right-width, var(--f7-panel-width)) - 50vw) center}.ios .panel-floating{backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--f7-glass-shadow)}.md .panel-cover{overflow:hidden}.md .panel-cover.panel-left{border-radius:0 16px 16px 0}.md .panel-cover.panel-right{border-radius:16px 0 0 16px}

package/components/photo-browser/photo-browser-rtl.css

@@ -1 +1 @@
-:root{--f7-photobrowser-caption-font-size:13px;--f7-photobrowser-caption-font-weight:500;--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-bg-color:#fff;--f7-photobrowser-caption-text-color:#000}:root .dark,:root.dark{--f7-photobrowser-bg-color:#000;--f7-photobrowser-caption-text-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s!important}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none!important}.photo-browser-standalone.photo-browser-transitioning{transition:.4s;animation:none!important}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100vh,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition-duration:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.toolbar.photo-browser-thumbs{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.page~.photo-browser-page:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs,.photo-browser-popup:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs,.photo-browser-standalone:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs{height:var(--f7-toolbar-height)}.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs{transform:translate3d(0,calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom,0)),0)}.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs .swiper{height:calc(100% - var(--f7-safe-area-bottom,0))}.navbar+.toolbar.photo-browser-thumbs .swiper{height:calc(100% - var(--f7-safe-area-bottom,0))}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.toolbar~.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) * 2 + var(--f7-safe-area-bottom))}.toolbar~.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,var(--f7-toolbar-height),0)}.toolbar:has(+ .photo-browser-thumbs)::after,.toolbar:has(+ .photo-browser-thumbs)::before{top:calc(-16px - var(--f7-toolbar-height))!important}.photo-browser-thumbs{transition-property:transform,background-color,color}.photo-browser-thumbs::after,.photo-browser-thumbs::before{display:none}.photo-browser-thumbs .swiper{width:100%;height:100%}.photo-browser-thumbs .swiper-slide{width:auto;display:flex;align-items:center;justify-content:center}.photo-browser-thumbs img{width:auto;height:75%;display:block;border-radius:8px;min-width:4px}.photo-browser-thumbs .swiper-slide img{transform:translateX(-4px);transition-duration:150ms}.photo-browser-thumbs .swiper-slide-active img{transform:scale(1.2)}.photo-browser-thumbs .swiper-slide-active~.swiper-slide img{transform:translateX(4px)}.photo-browser-caption{box-sizing:border-box;color:var(--f7-photobrowser-caption-text-color);transition-duration:.4s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size);font-weight:var(--f7-photobrowser-caption-font-weight)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color;touch-action:none}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.photo-browser-page{touch-action:none}.photo-browser-page .navbar,.photo-browser-page .toolbar{transform:translate3d(0,0,0);transition-duration:.4s}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar:not(.photo-browser-thumbs){opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar:not(.photo-browser-thumbs)~.photo-browser-captions,.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}}
+:root{--f7-photobrowser-caption-font-size:13px;--f7-photobrowser-caption-font-weight:500;--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-bg-color:#fff;--f7-photobrowser-caption-text-color:#000}:root .dark,:root.dark{--f7-photobrowser-bg-color:#000;--f7-photobrowser-caption-text-color:#fff}.photo-browser{height:100%;left:0;position:absolute;top:0;width:100%;z-index:400}.photo-browser-standalone.modal-in{animation:photo-browser-in .4s;transition-duration:0s}.photo-browser-standalone.modal-out{animation:photo-browser-out .4s!important;transition-duration:0s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none!important}.photo-browser-standalone.photo-browser-transitioning{animation:none!important;transition:.4s}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100vh,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:none}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:none}.photo-browser-of{margin:0 5px}.photo-browser-captions{bottom:var(--f7-safe-area-bottom);left:0;opacity:1;pointer-events:none;position:absolute;transition-duration:.4s;width:100%;z-index:10}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.toolbar.photo-browser-thumbs{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.page~.photo-browser-page:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs,.photo-browser-popup:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs,.photo-browser-standalone:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs{height:var(--f7-toolbar-height)}.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs{transform:translate3d(0,calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom, 0)),0)}.navbar+.toolbar.photo-browser-thumbs .swiper,.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs .swiper{height:calc(100% - var(--f7-safe-area-bottom, 0))}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translateZ(0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translateZ(0)}.toolbar~.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height)*2 + var(--f7-safe-area-bottom))}.toolbar~.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,var(--f7-toolbar-height),0)}.toolbar:has(+.photo-browser-thumbs):after,.toolbar:has(+.photo-browser-thumbs):before{top:calc(-16px - var(--f7-toolbar-height))!important}.photo-browser-thumbs{transition-property:transform,background-color,color}.photo-browser-thumbs:after,.photo-browser-thumbs:before{display:none}.photo-browser-thumbs .swiper{height:100%;width:100%}.photo-browser-thumbs .swiper-slide{align-items:center;display:flex;justify-content:center;width:auto}.photo-browser-thumbs img{border-radius:8px;display:block;height:75%;min-width:4px;width:auto}.photo-browser-thumbs .swiper-slide img{transform:translateX(-4px);transition-duration:.15s}.photo-browser-thumbs .swiper-slide-active img{transform:scale(1.2)}.photo-browser-thumbs .swiper-slide-active~.swiper-slide img{transform:translateX(4px)}.photo-browser-caption{bottom:0;box-sizing:border-box;color:var(--f7-photobrowser-caption-text-color);font-size:var(--f7-photobrowser-caption-font-size);font-weight:var(--f7-photobrowser-caption-font-weight);left:0;opacity:0;padding:4px 5px;position:absolute;text-align:center;transition-duration:.4s;width:100%}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-swiper-container{background:var(--f7-photobrowser-bg-color);height:100%;left:0;overflow:hidden;position:absolute;top:0;touch-action:none;transition:.4s;transition-property:background-color;width:100%}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{display:none;height:auto;max-height:100%;max-width:100%;width:auto}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{height:100%;width:100%}.photo-browser-slide .preloader{display:none;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;width:42px}.photo-browser-page{touch-action:none}.photo-browser-page .navbar,.photo-browser-page .toolbar{transform:translateZ(0);transition-duration:.4s}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar:not(.photo-browser-thumbs){opacity:0;pointer-events:none;visibility:hidden}.photo-browser-exposed .toolbar:not(.photo-browser-thumbs)~.photo-browser-captions,.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}@keyframes photo-browser-in{0%{opacity:0;transform:translateZ(0) scale(.5)}50%{opacity:1;transform:translateZ(0) scale(1.05)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes photo-browser-out{0%{opacity:1;transform:translateZ(0) scale(1)}50%{opacity:1;transform:translateZ(0) scale(1.05)}to{opacity:0;transform:translateZ(0) scale(.5)}}

package/components/photo-browser/photo-browser.css

@@ -1 +1 @@
-:root{--f7-photobrowser-caption-font-size:13px;--f7-photobrowser-caption-font-weight:500;--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-bg-color:#fff;--f7-photobrowser-caption-text-color:#000}:root .dark,:root.dark{--f7-photobrowser-bg-color:#000;--f7-photobrowser-caption-text-color:#fff}.photo-browser{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400}.photo-browser-standalone.modal-in{transition-duration:0s;animation:photo-browser-in .4s}.photo-browser-standalone.modal-out{transition-duration:0s;animation:photo-browser-out .4s!important}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none!important}.photo-browser-standalone.photo-browser-transitioning{transition:.4s;animation:none!important}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100vh,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:0 0}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:0 0}.photo-browser-of{margin:0 5px}.photo-browser-captions{pointer-events:none;position:absolute;left:0;width:100%;bottom:var(--f7-safe-area-bottom);z-index:10;opacity:1;transition-duration:.4s}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.toolbar.photo-browser-thumbs{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.page~.photo-browser-page:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs,.photo-browser-popup:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs,.photo-browser-standalone:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs{height:var(--f7-toolbar-height)}.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs{transform:translate3d(0,calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom,0)),0)}.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs .swiper{height:calc(100% - var(--f7-safe-area-bottom,0))}.navbar+.toolbar.photo-browser-thumbs .swiper{height:calc(100% - var(--f7-safe-area-bottom,0))}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translate3d(0,0px,0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,0px,0)}.toolbar~.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) * 2 + var(--f7-safe-area-bottom))}.toolbar~.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,var(--f7-toolbar-height),0)}.toolbar:has(+ .photo-browser-thumbs)::after,.toolbar:has(+ .photo-browser-thumbs)::before{top:calc(-16px - var(--f7-toolbar-height))!important}.photo-browser-thumbs{transition-property:transform,background-color,color}.photo-browser-thumbs::after,.photo-browser-thumbs::before{display:none}.photo-browser-thumbs .swiper{width:100%;height:100%}.photo-browser-thumbs .swiper-slide{width:auto;display:flex;align-items:center;justify-content:center}.photo-browser-thumbs img{width:auto;height:75%;display:block;border-radius:8px;min-width:4px}.photo-browser-thumbs .swiper-slide img{transform:translateX(-4px);transition-duration:150ms}.photo-browser-thumbs .swiper-slide-active img{transform:scale(1.2)}.photo-browser-thumbs .swiper-slide-active~.swiper-slide img{transform:translateX(4px)}.photo-browser-caption{box-sizing:border-box;color:var(--f7-photobrowser-caption-text-color);transition-duration:.4s;position:absolute;bottom:0;left:0;opacity:0;padding:4px 5px;width:100%;text-align:center;font-size:var(--f7-photobrowser-caption-font-size);font-weight:var(--f7-photobrowser-caption-font-weight)}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-swiper-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--f7-photobrowser-bg-color);transition:.4s;transition-property:background-color;touch-action:none}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{width:auto;height:auto;max-width:100%;max-height:100%;display:none}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{width:100%;height:100%}.photo-browser-slide .preloader{display:none;position:absolute;width:42px;height:42px;margin-left:-21px;margin-top:-21px;left:50%;top:50%}.photo-browser-page{touch-action:none}.photo-browser-page .navbar,.photo-browser-page .toolbar{transform:translate3d(0,0,0);transition-duration:.4s}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar:not(.photo-browser-thumbs){opacity:0;visibility:hidden;pointer-events:none}.photo-browser-exposed .toolbar:not(.photo-browser-thumbs)~.photo-browser-captions,.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}@keyframes photo-browser-in{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}@keyframes photo-browser-out{0%{transform:translate3d(0,0,0) scale(1);opacity:1}50%{transform:translate3d(0,0,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(.5);opacity:0}}
+:root{--f7-photobrowser-caption-font-size:13px;--f7-photobrowser-caption-font-weight:500;--f7-photobrowser-exposed-bg-color:#000;--f7-photobrowser-bg-color:#fff;--f7-photobrowser-caption-text-color:#000}:root .dark,:root.dark{--f7-photobrowser-bg-color:#000;--f7-photobrowser-caption-text-color:#fff}.photo-browser{height:100%;left:0;position:absolute;top:0;width:100%;z-index:400}.photo-browser-standalone.modal-in{animation:photo-browser-in .4s;transition-duration:0s}.photo-browser-standalone.modal-out{animation:photo-browser-out .4s!important;transition-duration:0s}.photo-browser-standalone.modal-out.swipe-close-to-bottom,.photo-browser-standalone.modal-out.swipe-close-to-top{animation:none!important}.photo-browser-standalone.photo-browser-transitioning{animation:none!important;transition:.4s}.photo-browser-popup.modal-out.swipe-close-to-bottom,.photo-browser-popup.modal-out.swipe-close-to-top{transition-duration:.3s}.photo-browser-popup.modal-out.swipe-close-to-bottom{transform:translate3d(0,100vh,0)}.photo-browser-popup.modal-out.swipe-close-to-top{transform:translate3d(0,-100vh,0)}.photo-browser-page{background:none}.photo-browser-page .toolbar{transform:none}.photo-browser-popup{background:none}.photo-browser-of{margin:0 5px}.photo-browser-captions{bottom:var(--f7-safe-area-bottom);left:0;opacity:1;pointer-events:none;position:absolute;transition-duration:.4s;width:100%;z-index:10}.photo-browser-captions.photo-browser-captions-exposed{opacity:0}.toolbar~.toolbar.photo-browser-thumbs{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom))}.page~.photo-browser-page:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs,.photo-browser-popup:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs,.photo-browser-standalone:not(.photo-browser-exposed) .toolbar~.toolbar.photo-browser-thumbs{height:var(--f7-toolbar-height)}.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs{transform:translate3d(0,calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom, 0)),0)}.navbar+.toolbar.photo-browser-thumbs .swiper,.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs .swiper{height:calc(100% - var(--f7-safe-area-bottom, 0))}.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));transform:translateZ(0)}.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translateZ(0)}.toolbar~.toolbar~.photo-browser-captions{bottom:calc(var(--f7-toolbar-height)*2 + var(--f7-safe-area-bottom))}.toolbar~.toolbar~.photo-browser-captions.photo-browser-captions-exposed{transform:translate3d(0,var(--f7-toolbar-height),0)}.toolbar:has(+.photo-browser-thumbs):after,.toolbar:has(+.photo-browser-thumbs):before{top:calc(-16px - var(--f7-toolbar-height))!important}.photo-browser-thumbs{transition-property:transform,background-color,color}.photo-browser-thumbs:after,.photo-browser-thumbs:before{display:none}.photo-browser-thumbs .swiper{height:100%;width:100%}.photo-browser-thumbs .swiper-slide{align-items:center;display:flex;justify-content:center;width:auto}.photo-browser-thumbs img{border-radius:8px;display:block;height:75%;min-width:4px;width:auto}.photo-browser-thumbs .swiper-slide img{transform:translateX(-4px);transition-duration:.15s}.photo-browser-thumbs .swiper-slide-active img{transform:scale(1.2)}.photo-browser-thumbs .swiper-slide-active~.swiper-slide img{transform:translateX(4px)}.photo-browser-caption{bottom:0;box-sizing:border-box;color:var(--f7-photobrowser-caption-text-color);font-size:var(--f7-photobrowser-caption-font-size);font-weight:var(--f7-photobrowser-caption-font-weight);left:0;opacity:0;padding:4px 5px;position:absolute;text-align:center;transition-duration:.4s;width:100%}.photo-browser-caption:empty{display:none}.photo-browser-caption.photo-browser-caption-active{opacity:1}.photo-browser-swiper-container{background:var(--f7-photobrowser-bg-color);height:100%;left:0;overflow:hidden;position:absolute;top:0;touch-action:none;transition:.4s;transition-property:background-color;width:100%}.photo-browser-next.swiper-button-disabled,.photo-browser-prev.swiper-button-disabled{opacity:.3;pointer-events:none}.photo-browser-slide{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.photo-browser-slide span.swiper-zoom-container{display:none}.photo-browser-slide img{display:none;height:auto;max-height:100%;max-width:100%;width:auto}.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{display:flex}.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{display:inline}.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{display:block}.photo-browser-slide iframe{height:100%;width:100%}.photo-browser-slide .preloader{display:none;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;width:42px}.photo-browser-page{touch-action:none}.photo-browser-page .navbar,.photo-browser-page .toolbar{transform:translateZ(0);transition-duration:.4s}.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar:not(.photo-browser-thumbs){opacity:0;pointer-events:none;visibility:hidden}.photo-browser-exposed .toolbar:not(.photo-browser-thumbs)~.photo-browser-captions,.photo-browser-exposed .toolbar~.toolbar.photo-browser-thumbs~.photo-browser-captions{transform:translate3d(0,var(--f7-toolbar-height),0)}.photo-browser-exposed .photo-browser-swiper-container{background:var(--f7-photobrowser-exposed-bg-color)}.view.with-photo-browser-page-exposed .navbar{opacity:0;pointer-events:none}@keyframes photo-browser-in{0%{opacity:0;transform:translateZ(0) scale(.5)}50%{opacity:1;transform:translateZ(0) scale(1.05)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes photo-browser-out{0%{opacity:1;transform:translateZ(0) scale(1)}50%{opacity:1;transform:translateZ(0) scale(1.05)}to{opacity:0;transform:translateZ(0) scale(.5)}}

package/components/picker/picker-rtl.css

@@ -1 +1 @@
-:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:260px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-column-font-size:20px;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-bg-color:rgba(0, 0, 0, 0.07);--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:rgba(0, 0, 0, 0.45)}.ios .dark,.ios.dark{--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-bg-color:rgba(255, 255, 255, 0.1);--f7-picker-divider-text-color:#fff;--f7-picker-item-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-picker-column-font-size:20px}.md,.md .dark,.md [class*=color-]{--f7-picker-item-selected-text-color:var(--f7-md-on-surface);--f7-picker-item-text-color:var(--f7-md-on-surface-variant);--f7-picker-divider-text-color:var(--f7-md-on-surface);--f7-picker-item-selected-border-color:var(--f7-md-outline)}.picker{width:100%;height:var(--f7-picker-height)}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker.sheet-modal{background:var(--f7-picker-sheet-bg-color,var(--f7-sheet-bg-color))}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:0 0;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-columns{display:flex;overflow:hidden;justify-content:center;padding:0;text-align:right;height:100%;position:relative;font-size:var(--f7-picker-column-font-size);--f7-picker-mask-bg-color:transparent}.popover .picker-columns{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.picker-columns::after,.picker-columns::before{content:'';position:absolute;left:0;width:100%;height:20%;z-index:100;pointer-events:none}.page .picker-columns{--f7-picker-mask-bg-color:var(--f7-page-bg-color)}.block-strong .picker-columns{--f7-picker-mask-bg-color:var(--f7-block-strong-bg-color)}.picker-sheet .picker-columns{--f7-picker-mask-bg-color:var(--f7-picker-sheet-bg-color, var(--f7-sheet-bg-color))}.picker-popover .picker-columns{--f7-picker-mask-bg-color:var(--f7-popover-bg-color)}.picker-columns::before{top:0;background-image:linear-gradient(to bottom,var(--f7-picker-mask-bg-color),transparent)}.picker-columns::after{bottom:0;background-image:linear-gradient(to top,var(--f7-picker-mask-bg-color),transparent)}.picker-column{position:relative;max-height:100%;z-index:10}.picker-column.picker-column-first.picker-column-last{width:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:flex;align-items:center;color:var(--f7-picker-divider-text-color)}.picker-items{overflow:auto;scroll-snap-type:y mandatory;height:100%;box-sizing:border-box;padding:var(--f7-picker-scroll-padding,0px) 0px;scrollbar-width:none;scrollbar-color:transparent}.picker-items::-webkit-scrollbar{appearance:none;width:0px;display:none;opacity:0;background:0 0}.picker-items::-webkit-scrollbar-track{box-shadow:none;background:0 0}.picker-items::-webkit-scrollbar-thumb{background-color:transparent;outline:0;border-radius:9999px;position:relative}.picker-item{height:var(--f7-picker-item-height);line-height:var(--f7-picker-item-height);white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;box-sizing:border-box;color:var(--f7-picker-item-text-color);cursor:pointer;scroll-snap-align:center}.picker-item span{padding:0 10px}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translate3d(0,0,0) rotateX(0deg)}.picker-column-free-mode .picker-item{scroll-snap-align:none}.picker-center-highlight{height:var(--f7-picker-item-height);box-sizing:border-box;position:absolute;top:50%;margin-top:calc(-1 * var(--f7-picker-item-height)/ 2);pointer-events:none}.picker-3d .picker-columns{overflow:hidden}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{perspective:1200px;overflow:visible}.picker-3d .picker-item>span{backface-visibility:hidden;display:block;transform-style:preserve-3d;position:relative;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;max-width:100%;transform-origin:center center -100px}.ios .picker-center-highlight{left:16px;right:16px;background-color:var(--f7-picker-item-selected-bg-color);border-radius:16px}.popover .ios .picker-center-highlight{left:8px;right:8px}.ios .picker-popover .toolbar{position:absolute}.md .picker-popover .toolbar:before{display:none!important}.md .picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.md .picker-center-highlight{left:0;right:0;border-top:1px solid var(--f7-md-outline);border-bottom:1px solid var(--f7-md-outline)}
+:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:260px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-column-font-size:20px;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-bg-color:#00000012;--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:#00000073}.ios .dark,.ios.dark{--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-bg-color:#ffffff1a;--f7-picker-divider-text-color:#fff;--f7-picker-item-text-color:#ffffff8c}.md{--f7-picker-column-font-size:20px}.md,.md .dark,.md [class*=color-]{--f7-picker-item-selected-text-color:var(--f7-md-on-surface);--f7-picker-item-text-color:var(--f7-md-on-surface-variant);--f7-picker-divider-text-color:var(--f7-md-on-surface);--f7-picker-item-selected-border-color:var(--f7-md-outline)}.picker{height:var(--f7-picker-height);width:100%}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker.sheet-modal{background:var(--f7-picker-sheet-bg-color,var(--f7-sheet-bg-color))}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:none;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-columns{display:flex;font-size:var(--f7-picker-column-font-size);height:100%;justify-content:center;overflow:hidden;padding:0;position:relative;text-align:right;--f7-picker-mask-bg-color:#0000}.popover .picker-columns{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.picker-columns:after,.picker-columns:before{content:"";height:20%;left:0;pointer-events:none;position:absolute;width:100%;z-index:100}.page .picker-columns{--f7-picker-mask-bg-color:var(--f7-page-bg-color)}.block-strong .picker-columns{--f7-picker-mask-bg-color:var(--f7-block-strong-bg-color)}.picker-sheet .picker-columns{--f7-picker-mask-bg-color:var(--f7-picker-sheet-bg-color,var(--f7-sheet-bg-color))}.picker-popover .picker-columns{--f7-picker-mask-bg-color:var(--f7-popover-bg-color)}.picker-columns:before{background-image:linear-gradient(to bottom,var(--f7-picker-mask-bg-color),#0000);top:0}.picker-columns:after{background-image:linear-gradient(to top,var(--f7-picker-mask-bg-color),#0000);bottom:0}.picker-column{max-height:100%;position:relative;z-index:10}.picker-column.picker-column-first.picker-column-last{width:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{align-items:center;color:var(--f7-picker-divider-text-color);display:flex}.picker-items{box-sizing:border-box;height:100%;overflow:auto;padding:var(--f7-picker-scroll-padding,0) 0;scroll-snap-type:y mandatory;scrollbar-color:#0000;scrollbar-width:none}.picker-items::-webkit-scrollbar{appearance:none;background:#0000;display:none;opacity:0;width:0}.picker-items::-webkit-scrollbar-track{background:#0000;box-shadow:none}.picker-items::-webkit-scrollbar-thumb{background-color:initial;border-radius:9999px;outline:none;position:relative}.picker-item{box-sizing:border-box;color:var(--f7-picker-item-text-color);cursor:pointer;height:var(--f7-picker-item-height);left:0;line-height:var(--f7-picker-item-height);overflow:hidden;position:relative;scroll-snap-align:center;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}.picker-item span{padding:0 10px}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translateZ(0) rotateX(0deg)}.picker-column-free-mode .picker-item{scroll-snap-align:none}.picker-center-highlight{box-sizing:border-box;height:var(--f7-picker-item-height);margin-top:calc(var(--f7-picker-item-height)*-1/2);pointer-events:none;position:absolute;top:50%}.picker-3d .picker-columns{overflow:hidden}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{overflow:visible;perspective:1200px}.picker-3d .picker-item>span{backface-visibility:hidden;box-sizing:border-box;display:block;max-width:100%;overflow:hidden;position:relative;text-overflow:ellipsis;transform-origin:center center -100px;transform-style:preserve-3d}.ios .picker-center-highlight{background-color:var(--f7-picker-item-selected-bg-color);border-radius:16px;left:16px;right:16px}.popover .ios .picker-center-highlight{left:8px;right:8px}.ios .picker-popover .toolbar{position:absolute}.md .picker-popover .toolbar:before{display:none!important}.md .picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.md .picker-center-highlight{border-bottom:1px solid var(--f7-md-outline);border-top:1px solid var(--f7-md-outline);left:0;right:0}

package/components/picker/picker.css

@@ -1 +1 @@
-:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:260px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-column-font-size:20px;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-bg-color:rgba(0, 0, 0, 0.07);--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:rgba(0, 0, 0, 0.45)}.ios .dark,.ios.dark{--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-bg-color:rgba(255, 255, 255, 0.1);--f7-picker-divider-text-color:#fff;--f7-picker-item-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-picker-column-font-size:20px}.md,.md .dark,.md [class*=color-]{--f7-picker-item-selected-text-color:var(--f7-md-on-surface);--f7-picker-item-text-color:var(--f7-md-on-surface-variant);--f7-picker-divider-text-color:var(--f7-md-on-surface);--f7-picker-item-selected-border-color:var(--f7-md-outline)}.picker{width:100%;height:var(--f7-picker-height)}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker.sheet-modal{background:var(--f7-picker-sheet-bg-color,var(--f7-sheet-bg-color))}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:0 0;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-columns{display:flex;overflow:hidden;justify-content:center;padding:0;text-align:right;height:100%;position:relative;font-size:var(--f7-picker-column-font-size);--f7-picker-mask-bg-color:transparent}.popover .picker-columns{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.picker-columns::after,.picker-columns::before{content:'';position:absolute;left:0;width:100%;height:20%;z-index:100;pointer-events:none}.page .picker-columns{--f7-picker-mask-bg-color:var(--f7-page-bg-color)}.block-strong .picker-columns{--f7-picker-mask-bg-color:var(--f7-block-strong-bg-color)}.picker-sheet .picker-columns{--f7-picker-mask-bg-color:var(--f7-picker-sheet-bg-color, var(--f7-sheet-bg-color))}.picker-popover .picker-columns{--f7-picker-mask-bg-color:var(--f7-popover-bg-color)}.picker-columns::before{top:0;background-image:linear-gradient(to bottom,var(--f7-picker-mask-bg-color),transparent)}.picker-columns::after{bottom:0;background-image:linear-gradient(to top,var(--f7-picker-mask-bg-color),transparent)}.picker-column{position:relative;max-height:100%;z-index:10}.picker-column.picker-column-first.picker-column-last{width:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{display:flex;align-items:center;color:var(--f7-picker-divider-text-color)}.picker-items{overflow:auto;scroll-snap-type:y mandatory;height:100%;box-sizing:border-box;padding:var(--f7-picker-scroll-padding,0px) 0px;scrollbar-width:none;scrollbar-color:transparent}.picker-items::-webkit-scrollbar{appearance:none;width:0px;display:none;opacity:0;background:0 0}.picker-items::-webkit-scrollbar-track{box-shadow:none;background:0 0}.picker-items::-webkit-scrollbar-thumb{background-color:transparent;outline:0;border-radius:9999px;position:relative}.picker-item{height:var(--f7-picker-item-height);line-height:var(--f7-picker-item-height);white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;left:0;top:0;width:100%;box-sizing:border-box;color:var(--f7-picker-item-text-color);cursor:pointer;scroll-snap-align:center}.picker-item span{padding:0 10px}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translate3d(0,0,0) rotateX(0deg)}.picker-column-free-mode .picker-item{scroll-snap-align:none}.picker-center-highlight{height:var(--f7-picker-item-height);box-sizing:border-box;position:absolute;top:50%;margin-top:calc(-1 * var(--f7-picker-item-height)/ 2);pointer-events:none}.picker-3d .picker-columns{overflow:hidden}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{perspective:1200px;overflow:visible}.picker-3d .picker-item>span{backface-visibility:hidden;display:block;transform-style:preserve-3d;position:relative;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;max-width:100%;transform-origin:center center -100px}.ios .picker-center-highlight{left:16px;right:16px;background-color:var(--f7-picker-item-selected-bg-color);border-radius:16px}.popover .ios .picker-center-highlight{left:8px;right:8px}.ios .picker-popover .toolbar{position:absolute}.md .picker-popover .toolbar:before{display:none!important}.md .picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.md .picker-center-highlight{left:0;right:0;border-top:1px solid var(--f7-md-outline);border-bottom:1px solid var(--f7-md-outline)}
+:root{--f7-picker-height:260px;--f7-picker-inline-height:200px;--f7-picker-popover-height:260px;--f7-picker-popover-width:280px;--f7-picker-landscape-height:200px;--f7-picker-item-height:36px}.ios{--f7-picker-column-font-size:20px;--f7-picker-item-selected-text-color:#000;--f7-picker-item-selected-bg-color:#00000012;--f7-picker-divider-text-color:#000;--f7-picker-item-text-color:#00000073}.ios .dark,.ios.dark{--f7-picker-item-selected-text-color:#fff;--f7-picker-item-selected-bg-color:#ffffff1a;--f7-picker-divider-text-color:#fff;--f7-picker-item-text-color:#ffffff8c}.md{--f7-picker-column-font-size:20px}.md,.md .dark,.md [class*=color-]{--f7-picker-item-selected-text-color:var(--f7-md-on-surface);--f7-picker-item-text-color:var(--f7-md-on-surface-variant);--f7-picker-divider-text-color:var(--f7-md-on-surface);--f7-picker-item-selected-border-color:var(--f7-md-outline)}.picker{height:var(--f7-picker-height);width:100%}.picker.picker-inline{height:var(--f7-picker-inline-height)}.popover .picker{height:var(--f7-picker-popover-height)}@media (orientation:landscape) and (max-height:415px){.picker:not(.picker-inline){height:var(--f7-picker-landscape-height)}}.picker.sheet-modal{background:var(--f7-picker-sheet-bg-color,var(--f7-sheet-bg-color))}.picker-popover{width:var(--f7-picker-popover-width)}.picker-popover .toolbar{background:none;border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.picker-columns{display:flex;font-size:var(--f7-picker-column-font-size);height:100%;justify-content:center;overflow:hidden;padding:0;position:relative;text-align:right;--f7-picker-mask-bg-color:#0000}.popover .picker-columns{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.picker-columns:after,.picker-columns:before{content:"";height:20%;left:0;pointer-events:none;position:absolute;width:100%;z-index:100}.page .picker-columns{--f7-picker-mask-bg-color:var(--f7-page-bg-color)}.block-strong .picker-columns{--f7-picker-mask-bg-color:var(--f7-block-strong-bg-color)}.picker-sheet .picker-columns{--f7-picker-mask-bg-color:var(--f7-picker-sheet-bg-color,var(--f7-sheet-bg-color))}.picker-popover .picker-columns{--f7-picker-mask-bg-color:var(--f7-popover-bg-color)}.picker-columns:before{background-image:linear-gradient(to bottom,var(--f7-picker-mask-bg-color),#0000);top:0}.picker-columns:after{background-image:linear-gradient(to top,var(--f7-picker-mask-bg-color),#0000);bottom:0}.picker-column{max-height:100%;position:relative;z-index:10}.picker-column.picker-column-first.picker-column-last{width:100%}.picker-column.picker-column-left{text-align:left}.picker-column.picker-column-center{text-align:center}.picker-column.picker-column-right{text-align:right}.picker-column.picker-column-divider{align-items:center;color:var(--f7-picker-divider-text-color);display:flex}.picker-items{box-sizing:border-box;height:100%;overflow:auto;padding:var(--f7-picker-scroll-padding,0) 0;scroll-snap-type:y mandatory;scrollbar-color:#0000;scrollbar-width:none}.picker-items::-webkit-scrollbar{appearance:none;background:#0000;display:none;opacity:0;width:0}.picker-items::-webkit-scrollbar-track{background:#0000;box-shadow:none}.picker-items::-webkit-scrollbar-thumb{background-color:initial;border-radius:9999px;outline:none;position:relative}.picker-item{box-sizing:border-box;color:var(--f7-picker-item-text-color);cursor:pointer;height:var(--f7-picker-item-height);left:0;line-height:var(--f7-picker-item-height);overflow:hidden;position:relative;scroll-snap-align:center;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}.picker-item span{padding:0 10px}.picker-item.picker-item-far{pointer-events:none}.picker-item.picker-item-selected{color:var(--f7-picker-item-selected-text-color);transform:translateZ(0) rotateX(0deg)}.picker-column-free-mode .picker-item{scroll-snap-align:none}.picker-center-highlight{box-sizing:border-box;height:var(--f7-picker-item-height);margin-top:calc(var(--f7-picker-item-height)*-1/2);pointer-events:none;position:absolute;top:50%}.picker-3d .picker-columns{overflow:hidden}.picker-3d .picker-column,.picker-3d .picker-item,.picker-3d .picker-items{transform-style:preserve-3d}.picker-3d .picker-column{overflow:visible}.picker-3d .picker-item{overflow:visible;perspective:1200px}.picker-3d .picker-item>span{backface-visibility:hidden;box-sizing:border-box;display:block;max-width:100%;overflow:hidden;position:relative;text-overflow:ellipsis;transform-origin:center center -100px;transform-style:preserve-3d}.ios .picker-center-highlight{background-color:var(--f7-picker-item-selected-bg-color);border-radius:16px;left:16px;right:16px}.popover .ios .picker-center-highlight{left:8px;right:8px}.ios .picker-popover .toolbar{position:absolute}.md .picker-popover .toolbar:before{display:none!important}.md .picker-popover .toolbar+.picker-columns{height:calc(100% - var(--f7-toolbar-height))}.md .picker-center-highlight{border-bottom:1px solid var(--f7-md-outline);border-top:1px solid var(--f7-md-outline);left:0;right:0}

package/components/pie-chart/pie-chart-rtl.css

@@ -1 +1 @@
-.pie-chart{position:relative}.pie-chart svg{display:block;width:100%;font-size:0;height:auto;margin:0 auto}.pie-chart path{transition-duration:150ms}.pie-chart-hidden{opacity:.4}.pie-chart-tooltip{pointer-events:none;text-align:left;font-size:12px;line-height:1.4;white-space:nowrap;width:auto;max-width:none}.pie-chart-tooltip-label{display:flex;align-items:center}.pie-chart-tooltip-color{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}
+.pie-chart{position:relative}.pie-chart svg{display:block;font-size:0;height:auto;margin:0 auto;width:100%}.pie-chart path{transition-duration:.15s}.pie-chart-hidden{opacity:.4}.pie-chart-tooltip{font-size:12px;line-height:1.4;max-width:none;pointer-events:none;text-align:left;white-space:nowrap;width:auto}.pie-chart-tooltip-label{align-items:center;display:flex}.pie-chart-tooltip-color{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}

package/components/pie-chart/pie-chart.css

@@ -1 +1 @@
-.pie-chart{position:relative}.pie-chart svg{display:block;width:100%;font-size:0;height:auto;margin:0 auto}.pie-chart path{transition-duration:150ms}.pie-chart-hidden{opacity:.4}.pie-chart-tooltip{pointer-events:none;text-align:left;font-size:12px;line-height:1.4;white-space:nowrap;width:auto;max-width:none}.pie-chart-tooltip-label{display:flex;align-items:center}.pie-chart-tooltip-color{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}
+.pie-chart{position:relative}.pie-chart svg{display:block;font-size:0;height:auto;margin:0 auto;width:100%}.pie-chart path{transition-duration:.15s}.pie-chart-hidden{opacity:.4}.pie-chart-tooltip{font-size:12px;line-height:1.4;max-width:none;pointer-events:none;text-align:left;white-space:nowrap;width:auto}.pie-chart-tooltip-label{align-items:center;display:flex}.pie-chart-tooltip-color{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}

package/components/popover/popover-rtl.css

@@ -1 +1 @@
-:root{--f7-popover-width:260px}.ios{--f7-popover-border-radius:32px;--f7-popover-actions-icon-size:28px;--f7-popover-transition-timing-function:initial;--f7-popover-bg-color:transparent;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.45)}.ios .dark,.ios.dark{--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-popover-transition-timing-function:cubic-bezier(0, 0.8, 0.34, 1);--f7-popover-border-radius:28px;--f7-popover-actions-icon-size:24px}.md,.md .dark,.md [class*=color-]{--f7-popover-bg-color:var(--f7-md-surface-3);--f7-popover-actions-label-text-color:var(--f7-md-on-surface-variant)}.popover-backdrop-unique{z-index:13500}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);will-change:transform,opacity;--f7-safe-area-top:0px;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-bottom:0px}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover,.popover-backdrop{transition-timing-function:var(--f7-popover-transition-timing-function)}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.ios .popover-from-actions-strong{font-weight:600}.md .popover-from-actions-strong{font-weight:500}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.md .popover-from-actions-label{justify-content:center}.popover-on-top{transform-origin:center bottom}.popover-on-top.popover-on-right{transform-origin:left bottom}.popover-on-top.popover-on-left{transform-origin:right bottom}.popover-on-middle{transform-origin:center center}.popover-on-middle.popover-on-right{transform-origin:left center}.popover-on-middle.popover-on-left{transform-origin:right center}.popover-on-bottom{transform-origin:center top}.popover-on-bottom.popover-on-right{transform-origin:left top}.popover-on-bottom.popover-on-left{transform-origin:right top}.ios .popover-on-top{transform-origin:center bottom;--f7-popover-inner-offset:translate3d(0%, 80px, 0)}.ios .popover-on-top.popover-on-right{transform-origin:left bottom;--f7-popover-inner-offset:translate3d(50%, 80px, 0)}.ios .popover-on-top.popover-on-left{transform-origin:right bottom;--f7-popover-inner-offset:translate3d(-50%, 80px, 0)}.ios .popover-on-middle{transform-origin:center center}.ios .popover-on-middle.popover-on-right{transform-origin:left center;--f7-popover-inner-offset:translate3d(50%, 0px, 0)}.ios .popover-on-middle.popover-on-left{transform-origin:right center;--f7-popover-inner-offset:translate3d(-50%, 0px, 0)}.ios .popover-on-bottom{transform-origin:center top;--f7-popover-inner-offset:translate3d(0%, -80px, 0)}.ios .popover-on-bottom.popover-on-right{transform-origin:left top;--f7-popover-inner-offset:translate3d(50%, -80px, 0)}.ios .popover-on-bottom.popover-on-left{transform-origin:right top;--f7-popover-inner-offset:translate3d(-50%, -80px, 0)}.ios .popover{transform:translate3d(0,0,0) scale(0);transition-property:opacity,transform;opacity:1;will-change:auto}.ios .popover.modal-in{transform:translate3d(0,0,0) scale(1);transition-timing-function:cubic-bezier(0,1,0.2,1.05);transition-duration:.4s}.ios .popover.modal-in .popover-inner{transition-duration:.6s;transition-timing-function:cubic-bezier(0,1,0.2,1.05);transform:translate3d(0,0,0) scale(1)}.ios .popover.modal-out{opacity:0;transform:translate3d(0,0,0) scale(0);transition-duration:.3s}.ios .popover.modal-out .popover-inner{transition-duration:.5s}.ios .popover-inner{background:var(--f7-glass-bg-color);box-shadow:var(--f7-glass-shadow);border-radius:var(--f7-popover-border-radius);transform:var(--f7-popover-inner-offset);backdrop-filter:saturate(180%) blur(16px)}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform;transition-duration:.3s}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}
+:root{--f7-popover-width:260px}.ios{--f7-popover-border-radius:32px;--f7-popover-actions-icon-size:28px;--f7-popover-transition-timing-function:initial;--f7-popover-bg-color:#0000;--f7-popover-actions-label-text-color:#00000073}.ios .dark,.ios.dark{--f7-popover-actions-label-text-color:#ffffff8c}.md{--f7-popover-transition-timing-function:cubic-bezier(0,0.8,0.34,1);--f7-popover-border-radius:28px;--f7-popover-actions-icon-size:24px}.md,.md .dark,.md [class*=color-]{--f7-popover-bg-color:var(--f7-md-surface-3);--f7-popover-actions-label-text-color:var(--f7-md-on-surface-variant)}.popover,.popover-backdrop-unique{z-index:13500}.popover{background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);display:none;left:0;margin:0;opacity:0;position:absolute;top:0;width:var(--f7-popover-width);will-change:transform,opacity;--f7-safe-area-top:0px;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-bottom:0px}.popover .list{margin:0}.popover .list ul{background:none}.popover .list:first-child ul:before,.popover .list:last-child ul:after{display:none!important}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label,.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label,.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover,.popover-backdrop{transition-timing-function:var(--f7-popover-transition-timing-function)}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{font-size:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);width:var(--f7-popover-actions-icon-size)}.ios .popover-from-actions-strong{font-weight:600}.md .popover-from-actions-strong{font-weight:500}.popover-from-actions-label{align-items:center;color:var(--f7-popover-actions-label-text-color);display:flex;font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content);line-height:1.3;padding:var(--f7-actions-label-padding);position:relative}.popover-from-actions-label:after{background-color:var(--f7-list-item-border-color);bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:auto;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 100%;width:100%;z-index:15}.popover-from-actions-label:last-child:after{display:none!important}.md .popover-from-actions-label{justify-content:center}.popover-on-top{transform-origin:center bottom}.popover-on-top.popover-on-right{transform-origin:left bottom}.popover-on-top.popover-on-left{transform-origin:right bottom}.popover-on-middle{transform-origin:center center}.popover-on-middle.popover-on-right{transform-origin:left center}.popover-on-middle.popover-on-left{transform-origin:right center}.popover-on-bottom{transform-origin:center top}.popover-on-bottom.popover-on-right{transform-origin:left top}.popover-on-bottom.popover-on-left{transform-origin:right top}.ios .popover-on-top{transform-origin:center bottom;--f7-popover-inner-offset:translate3d(0%,80px,0)}.ios .popover-on-top.popover-on-right{transform-origin:left bottom;--f7-popover-inner-offset:translate3d(50%,80px,0)}.ios .popover-on-top.popover-on-left{transform-origin:right bottom;--f7-popover-inner-offset:translate3d(-50%,80px,0)}.ios .popover-on-middle{transform-origin:center center}.ios .popover-on-middle.popover-on-right{transform-origin:left center;--f7-popover-inner-offset:translate3d(50%,0px,0)}.ios .popover-on-middle.popover-on-left{transform-origin:right center;--f7-popover-inner-offset:translate3d(-50%,0px,0)}.ios .popover-on-bottom{transform-origin:center top;--f7-popover-inner-offset:translate3d(0%,-80px,0)}.ios .popover-on-bottom.popover-on-right{transform-origin:left top;--f7-popover-inner-offset:translate3d(50%,-80px,0)}.ios .popover-on-bottom.popover-on-left{transform-origin:right top;--f7-popover-inner-offset:translate3d(-50%,-80px,0)}.ios .popover{opacity:1;transform:translateZ(0) scale(0);transition-property:opacity,transform;will-change:auto}.ios .popover.modal-in{transform:translateZ(0) scale(1);transition-duration:.4s;transition-timing-function:cubic-bezier(0,1,.2,1.05)}.ios .popover.modal-in .popover-inner{transform:translateZ(0) scale(1);transition-duration:.6s;transition-timing-function:cubic-bezier(0,1,.2,1.05)}.ios .popover.modal-out{opacity:0;transform:translateZ(0) scale(0);transition-duration:.3s}.ios .popover.modal-out .popover-inner{transition-duration:.5s}.ios .popover-inner{backdrop-filter:saturate(180%) blur(16px);background:var(--f7-glass-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-glass-shadow);transform:var(--f7-popover-inner-offset)}.md .popover{transform:scale(.85,.6);transition-duration:.3s;transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}

package/components/popover/popover.css

@@ -1 +1 @@
-:root{--f7-popover-width:260px}.ios{--f7-popover-border-radius:32px;--f7-popover-actions-icon-size:28px;--f7-popover-transition-timing-function:initial;--f7-popover-bg-color:transparent;--f7-popover-actions-label-text-color:rgba(0, 0, 0, 0.45)}.ios .dark,.ios.dark{--f7-popover-actions-label-text-color:rgba(255, 255, 255, 0.55)}.md{--f7-popover-transition-timing-function:cubic-bezier(0, 0.8, 0.34, 1);--f7-popover-border-radius:28px;--f7-popover-actions-icon-size:24px}.md,.md .dark,.md [class*=color-]{--f7-popover-bg-color:var(--f7-md-surface-3);--f7-popover-actions-label-text-color:var(--f7-md-on-surface-variant)}.popover-backdrop-unique{z-index:13500}.popover{width:var(--f7-popover-width);z-index:13500;margin:0;top:0;opacity:0;left:0;position:absolute;display:none;background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);will-change:transform,opacity;--f7-safe-area-top:0px;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-bottom:0px}.popover .list{margin:0}.popover .list ul{background:0 0}.popover .list:first-child ul:before{display:none!important}.popover .list:last-child ul:after{display:none!important}.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover,.popover-backdrop{transition-timing-function:var(--f7-popover-transition-timing-function)}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{width:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);font-size:var(--f7-popover-actions-icon-size)}.ios .popover-from-actions-strong{font-weight:600}.md .popover-from-actions-strong{font-weight:500}.popover-from-actions-label{line-height:1.3;position:relative;display:flex;align-items:center;padding:var(--f7-actions-label-padding);color:var(--f7-popover-actions-label-text-color);font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content)}.popover-from-actions-label:after{content:'';position:absolute;background-color:var(--f7-list-item-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.popover-from-actions-label:last-child:after{display:none!important}.md .popover-from-actions-label{justify-content:center}.popover-on-top{transform-origin:center bottom}.popover-on-top.popover-on-right{transform-origin:left bottom}.popover-on-top.popover-on-left{transform-origin:right bottom}.popover-on-middle{transform-origin:center center}.popover-on-middle.popover-on-right{transform-origin:left center}.popover-on-middle.popover-on-left{transform-origin:right center}.popover-on-bottom{transform-origin:center top}.popover-on-bottom.popover-on-right{transform-origin:left top}.popover-on-bottom.popover-on-left{transform-origin:right top}.ios .popover-on-top{transform-origin:center bottom;--f7-popover-inner-offset:translate3d(0%, 80px, 0)}.ios .popover-on-top.popover-on-right{transform-origin:left bottom;--f7-popover-inner-offset:translate3d(50%, 80px, 0)}.ios .popover-on-top.popover-on-left{transform-origin:right bottom;--f7-popover-inner-offset:translate3d(-50%, 80px, 0)}.ios .popover-on-middle{transform-origin:center center}.ios .popover-on-middle.popover-on-right{transform-origin:left center;--f7-popover-inner-offset:translate3d(50%, 0px, 0)}.ios .popover-on-middle.popover-on-left{transform-origin:right center;--f7-popover-inner-offset:translate3d(-50%, 0px, 0)}.ios .popover-on-bottom{transform-origin:center top;--f7-popover-inner-offset:translate3d(0%, -80px, 0)}.ios .popover-on-bottom.popover-on-right{transform-origin:left top;--f7-popover-inner-offset:translate3d(50%, -80px, 0)}.ios .popover-on-bottom.popover-on-left{transform-origin:right top;--f7-popover-inner-offset:translate3d(-50%, -80px, 0)}.ios .popover{transform:translate3d(0,0,0) scale(0);transition-property:opacity,transform;opacity:1;will-change:auto}.ios .popover.modal-in{transform:translate3d(0,0,0) scale(1);transition-timing-function:cubic-bezier(0,1,0.2,1.05);transition-duration:.4s}.ios .popover.modal-in .popover-inner{transition-duration:.6s;transition-timing-function:cubic-bezier(0,1,0.2,1.05);transform:translate3d(0,0,0) scale(1)}.ios .popover.modal-out{opacity:0;transform:translate3d(0,0,0) scale(0);transition-duration:.3s}.ios .popover.modal-out .popover-inner{transition-duration:.5s}.ios .popover-inner{background:var(--f7-glass-bg-color);box-shadow:var(--f7-glass-shadow);border-radius:var(--f7-popover-border-radius);transform:var(--f7-popover-inner-offset);backdrop-filter:saturate(180%) blur(16px)}.md .popover{transform:scale(.85,.6);transition-property:opacity,transform;transition-duration:.3s}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}
+:root{--f7-popover-width:260px}.ios{--f7-popover-border-radius:32px;--f7-popover-actions-icon-size:28px;--f7-popover-transition-timing-function:initial;--f7-popover-bg-color:#0000;--f7-popover-actions-label-text-color:#00000073}.ios .dark,.ios.dark{--f7-popover-actions-label-text-color:#ffffff8c}.md{--f7-popover-transition-timing-function:cubic-bezier(0,0.8,0.34,1);--f7-popover-border-radius:28px;--f7-popover-actions-icon-size:24px}.md,.md .dark,.md [class*=color-]{--f7-popover-bg-color:var(--f7-md-surface-3);--f7-popover-actions-label-text-color:var(--f7-md-on-surface-variant)}.popover,.popover-backdrop-unique{z-index:13500}.popover{background-color:var(--f7-popover-bg-color);border-radius:var(--f7-popover-border-radius);display:none;left:0;margin:0;opacity:0;position:absolute;top:0;width:var(--f7-popover-width);will-change:transform,opacity;--f7-safe-area-top:0px;--f7-safe-area-left:0px;--f7-safe-area-right:0px;--f7-safe-area-bottom:0px}.popover .list{margin:0}.popover .list ul{background:none}.popover .list:first-child ul:before,.popover .list:last-child ul:after{display:none!important}.popover .list:first-child li:first-child,.popover .list:first-child li:first-child a,.popover .list:first-child li:first-child>label,.popover .list:first-child ul{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0}.popover .list:last-child li:last-child,.popover .list:last-child li:last-child a,.popover .list:last-child li:last-child>label,.popover .list:last-child ul{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.popover .list:first-child:last-child li:first-child:last-child,.popover .list:first-child:last-child li:first-child:last-child a,.popover .list:first-child:last-child li:first-child:last-child>label,.popover .list:first-child:last-child ul{border-radius:var(--f7-popover-border-radius)}.popover .list+.list{margin-top:var(--f7-list-margin-vertical)}.popover.modal-in{opacity:1}.popover.not-animated{transition-duration:0s}.popover,.popover-backdrop{transition-timing-function:var(--f7-popover-transition-timing-function)}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.popover-from-actions .item-link i.icon{font-size:var(--f7-popover-actions-icon-size);height:var(--f7-popover-actions-icon-size);width:var(--f7-popover-actions-icon-size)}.ios .popover-from-actions-strong{font-weight:600}.md .popover-from-actions-strong{font-weight:500}.popover-from-actions-label{align-items:center;color:var(--f7-popover-actions-label-text-color);display:flex;font-size:var(--f7-actions-label-font-size);justify-content:var(--f7-actions-label-justify-content);line-height:1.3;padding:var(--f7-actions-label-padding);position:relative}.popover-from-actions-label:after{background-color:var(--f7-list-item-border-color);bottom:0;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:auto;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 100%;width:100%;z-index:15}.popover-from-actions-label:last-child:after{display:none!important}.md .popover-from-actions-label{justify-content:center}.popover-on-top{transform-origin:center bottom}.popover-on-top.popover-on-right{transform-origin:left bottom}.popover-on-top.popover-on-left{transform-origin:right bottom}.popover-on-middle{transform-origin:center center}.popover-on-middle.popover-on-right{transform-origin:left center}.popover-on-middle.popover-on-left{transform-origin:right center}.popover-on-bottom{transform-origin:center top}.popover-on-bottom.popover-on-right{transform-origin:left top}.popover-on-bottom.popover-on-left{transform-origin:right top}.ios .popover-on-top{transform-origin:center bottom;--f7-popover-inner-offset:translate3d(0%,80px,0)}.ios .popover-on-top.popover-on-right{transform-origin:left bottom;--f7-popover-inner-offset:translate3d(50%,80px,0)}.ios .popover-on-top.popover-on-left{transform-origin:right bottom;--f7-popover-inner-offset:translate3d(-50%,80px,0)}.ios .popover-on-middle{transform-origin:center center}.ios .popover-on-middle.popover-on-right{transform-origin:left center;--f7-popover-inner-offset:translate3d(50%,0px,0)}.ios .popover-on-middle.popover-on-left{transform-origin:right center;--f7-popover-inner-offset:translate3d(-50%,0px,0)}.ios .popover-on-bottom{transform-origin:center top;--f7-popover-inner-offset:translate3d(0%,-80px,0)}.ios .popover-on-bottom.popover-on-right{transform-origin:left top;--f7-popover-inner-offset:translate3d(50%,-80px,0)}.ios .popover-on-bottom.popover-on-left{transform-origin:right top;--f7-popover-inner-offset:translate3d(-50%,-80px,0)}.ios .popover{opacity:1;transform:translateZ(0) scale(0);transition-property:opacity,transform;will-change:auto}.ios .popover.modal-in{transform:translateZ(0) scale(1);transition-duration:.4s;transition-timing-function:cubic-bezier(0,1,.2,1.05)}.ios .popover.modal-in .popover-inner{transform:translateZ(0) scale(1);transition-duration:.6s;transition-timing-function:cubic-bezier(0,1,.2,1.05)}.ios .popover.modal-out{opacity:0;transform:translateZ(0) scale(0);transition-duration:.3s}.ios .popover.modal-out .popover-inner{transition-duration:.5s}.ios .popover-inner{backdrop-filter:saturate(180%) blur(16px);background:var(--f7-glass-bg-color);border-radius:var(--f7-popover-border-radius);box-shadow:var(--f7-glass-shadow);transform:var(--f7-popover-inner-offset)}.md .popover{transform:scale(.85,.6);transition-duration:.3s;transition-property:opacity,transform}.md .popover.modal-in{opacity:1;transform:scale(1)}.md .popover.modal-out{opacity:0;transform:scale(1)}

package/components/popup/popup-rtl.css

@@ -1 +1 @@
-:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-tablet-border-radius:32px;--f7-popup-transition-duration:400ms;--f7-popup-transition-timing-function:initial;--f7-popup-push-border-radius:32px}.md{--f7-popup-tablet-border-radius:28px;--f7-popup-transition-duration:600ms;--f7-popup-transition-timing-function:cubic-bezier(0, 1, 0.2, 1);--f7-popup-push-border-radius:28px}.popup-backdrop{z-index:10500}.popup-backdrop-unique{z-index:11000}.popup{position:absolute;left:0;top:0px;width:100%;height:100%;display:none;box-sizing:border-box;transition-property:transform;transition-timing-function:var(--f7-popup-transition-timing-function);transform:translate3d(0,100vh,0);background:#fff;z-index:11000;overflow:hidden;border-radius:var(--f7-popup-border-radius)}.dark .popup,.popup.dark{background:#000}.popup.modal-in,.popup.modal-out{transition-duration:var(--f7-popup-transition-duration)}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translate3d(0,0,0)}.popup.modal-out{transform:translate3d(0,100vh,0)}.popup.swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;width:var(--f7-popup-tablet-width);height:var(--f7-popup-tablet-height);left:50%;top:50%;margin-left:calc(-1 * var(--f7-popup-tablet-width)/ 2);margin-top:calc(-1 * var(--f7-popup-tablet-height)/ 2);transform:translate3d(0,100vh,0);border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius))}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}.popup:not(.popup-tablet-fullscreen).popup-behind{transform:translate3d(0,0,0) scale(.9);pointer-events:none}.popup:not(.popup-tablet-fullscreen).popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(.9)}html:has(.popup-push-in) .popup-push:not(.popup-tablet-fullscreen){margin-top:0}}html:has(.popup.modal-in) .framework7-root>.panel .page-content,html:has(.popup.modal-in) .framework7-root>.view .page-content,html:has(.popup.modal-in) .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html:has(.popup-push-closing) .popup-push,html:has(.popup-push-in) .popup-push{top:calc(var(--f7-popup-push-offset) + 10px);height:calc(100% - var(--f7-popup-push-offset) - 10px);border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;--f7-safe-area-top:0px}html:has(.popup-push-closing) .popup-push .page,html:has(.popup-push-closing) .popup-push .view,html:has(.popup-push-in) .popup-push .page,html:has(.popup-push-in) .popup-push .view{--f7-safe-area-top:0px}html:has(.popup-push-closing) .framework7-root,html:has(.popup-push-in) .framework7-root{background:#000}html:has(.popup-push-closing) .framework7-root>.view,html:has(.popup-push-closing) .framework7-root>.views,html:has(.popup-push-in) .framework7-root>.view,html:has(.popup-push-in) .framework7-root>.views{transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function)}html:has(.popup-push-closing) .dark .framework7-root>.view:after,html:has(.popup-push-closing) .dark .framework7-root>.views:after,html:has(.popup-push-closing) .dark.framework7-root>.view:after,html:has(.popup-push-closing) .dark.framework7-root>.views:after,html:has(.popup-push-closing) .framework7-root>.view.dark:after,html:has(.popup-push-closing) .framework7-root>.views.dark:after,html:has(.popup-push-closing).dark .framework7-root>.view:after,html:has(.popup-push-closing).dark .framework7-root>.views:after,html:has(.popup-push-in) .dark .framework7-root>.view:after,html:has(.popup-push-in) .dark .framework7-root>.views:after,html:has(.popup-push-in) .dark.framework7-root>.view:after,html:has(.popup-push-in) .dark.framework7-root>.views:after,html:has(.popup-push-in) .framework7-root>.view.dark:after,html:has(.popup-push-in) .framework7-root>.views.dark:after,html:has(.popup-push-in).dark .framework7-root>.view:after,html:has(.popup-push-in).dark .framework7-root>.views:after{content:'';position:absolute;pointer-events:none;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.1);z-index:13000;border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;opacity:1;animation:popup-dark-push-overlay-fade-in var(--f7-popup-transition-duration) forwards}html:has(.popup-push-in) .framework7-root>.view,html:has(.popup-push-in) .framework7-root>.views{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;transform:translate3d(0,0,0px) scale(var(--f7-popup-push-scale,1))!important}html:has(.popup-push-in) .popup:after{content:'';pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function);border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;opacity:0}html:has(.popup-push-in) .dark .popup:after,html:has(.popup-push-in) .dark.popup:after,html:has(.popup-push-in).dark .popup:after{background:rgba(255,255,255,.05)}html:has(.popup-push-in) .popup-behind{transform:translate3d(0,0px,0px) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind:not(.popup-push){border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0}html:has(.popup-push-in) .popup-behind.popup-push{transform:translate3d(0,calc(0px - var(--f7-popup-push-offset) - 10px),0px) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind.popup-push.modal-out{transform:translate3d(0,calc(0px - var(--f7-popup-push-offset) - 10px + 100vh),0px) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind:after{opacity:1;pointer-events:auto}html:has(.popup-push-closing) .dark .framework7-root>.view:after,html:has(.popup-push-closing) .dark .framework7-root>.views:after,html:has(.popup-push-closing) .dark.framework7-root>.view:after,html:has(.popup-push-closing) .dark.framework7-root>.views:after,html:has(.popup-push-closing) .framework7-root>.view.dark:after,html:has(.popup-push-closing) .framework7-root>.views.dark:after,html:has(.popup-push-closing).dark .framework7-root>.view:after,html:has(.popup-push-closing).dark .framework7-root>.views:after{animation:popup-dark-push-overlay-fade-out var(--f7-popup-transition-duration) forwards;animation-timing-function:var(--f7-popup-transition-timing-function)}@keyframes popup-dark-push-overlay-fade-in{from{opacity:0}to{opacity:1}}@keyframes popup-dark-push-overlay-fade-out{from{opacity:1}to{opacity:0}}
+:root{--f7-popup-border-radius:0px;--f7-popup-tablet-width:630px;--f7-popup-tablet-height:630px;--f7-popup-push-offset:var(--f7-safe-area-top)}.ios{--f7-popup-tablet-border-radius:32px;--f7-popup-transition-duration:400ms;--f7-popup-transition-timing-function:initial;--f7-popup-push-border-radius:32px}.md{--f7-popup-tablet-border-radius:28px;--f7-popup-transition-duration:600ms;--f7-popup-transition-timing-function:cubic-bezier(0,1,0.2,1);--f7-popup-push-border-radius:28px}.popup-backdrop{z-index:10500}.popup,.popup-backdrop-unique{z-index:11000}.popup{background:#fff;border-radius:var(--f7-popup-border-radius);box-sizing:border-box;display:none;height:100%;left:0;overflow:hidden;position:absolute;top:0;transform:translate3d(0,100vh,0);transition-property:transform;transition-timing-function:var(--f7-popup-transition-timing-function);width:100%}.dark .popup,.popup.dark{background:#000}.popup.modal-in,.popup.modal-out{transition-duration:var(--f7-popup-transition-duration)}.popup.not-animated{transition-duration:0s}.popup.modal-in{display:block;transform:translateZ(0)}.popup.modal-out{transform:translate3d(0,100vh,0)}.popup.swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){--f7-safe-area-top:0px;--f7-safe-area-bottom:0px;border-radius:var(--f7-popup-tablet-border-radius,var(--f7-popup-border-radius));height:var(--f7-popup-tablet-height);left:50%;margin-left:calc(var(--f7-popup-tablet-width)*-1/2);margin-top:calc(var(--f7-popup-tablet-height)*-1/2);top:50%;transform:translate3d(0,100vh,0);width:var(--f7-popup-tablet-width)}.popup:not(.popup-tablet-fullscreen).modal-in{transform:translateZ(0)}.popup:not(.popup-tablet-fullscreen).modal-out{transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out{transform:translate3d(0,-100vh,0)}.popup:not(.popup-tablet-fullscreen).popup-behind{pointer-events:none;transform:translateZ(0) scale(.9)}.popup:not(.popup-tablet-fullscreen).popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(.9)}html:has(.popup-push-in) .popup-push:not(.popup-tablet-fullscreen){margin-top:0}}html:has(.popup.modal-in) .framework7-root>.panel .page-content,html:has(.popup.modal-in) .framework7-root>.view .page-content,html:has(.popup.modal-in) .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}html:has(.popup-push-closing) .popup-push,html:has(.popup-push-in) .popup-push{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;height:calc(100% - var(--f7-popup-push-offset) - 10px);top:calc(var(--f7-popup-push-offset) + 10px);--f7-safe-area-top:0px}html:has(.popup-push-closing) .popup-push .page,html:has(.popup-push-closing) .popup-push .view,html:has(.popup-push-in) .popup-push .page,html:has(.popup-push-in) .popup-push .view{--f7-safe-area-top:0px}html:has(.popup-push-closing) .framework7-root,html:has(.popup-push-in) .framework7-root{background:#000}html:has(.popup-push-closing) .framework7-root>.view,html:has(.popup-push-closing) .framework7-root>.views,html:has(.popup-push-in) .framework7-root>.view,html:has(.popup-push-in) .framework7-root>.views{transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function)}html:has(.popup-push-closing) .dark .framework7-root>.view:after,html:has(.popup-push-closing) .dark .framework7-root>.views:after,html:has(.popup-push-closing) .dark.framework7-root>.view:after,html:has(.popup-push-closing) .dark.framework7-root>.views:after,html:has(.popup-push-closing) .framework7-root>.view.dark:after,html:has(.popup-push-closing) .framework7-root>.views.dark:after,html:has(.popup-push-closing).dark .framework7-root>.view:after,html:has(.popup-push-closing).dark .framework7-root>.views:after,html:has(.popup-push-in) .dark .framework7-root>.view:after,html:has(.popup-push-in) .dark .framework7-root>.views:after,html:has(.popup-push-in) .dark.framework7-root>.view:after,html:has(.popup-push-in) .dark.framework7-root>.views:after,html:has(.popup-push-in) .framework7-root>.view.dark:after,html:has(.popup-push-in) .framework7-root>.views.dark:after,html:has(.popup-push-in).dark .framework7-root>.view:after,html:has(.popup-push-in).dark .framework7-root>.views:after{animation:popup-dark-push-overlay-fade-in var(--f7-popup-transition-duration) forwards;background:#ffffff1a;border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;content:"";height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:13000}html:has(.popup-push-in) .framework7-root>.view,html:has(.popup-push-in) .framework7-root>.views{border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;transform:translateZ(0) scale(var(--f7-popup-push-scale,1))!important}html:has(.popup-push-in) .popup:after{background:#0006;border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:var(--f7-popup-transition-duration);transition-timing-function:var(--f7-popup-transition-timing-function);width:100%;z-index:13000}html:has(.popup-push-in) .dark .popup:after,html:has(.popup-push-in) .dark.popup:after,html:has(.popup-push-in).dark .popup:after{background:#ffffff0d}html:has(.popup-push-in) .popup-behind{transform:translateZ(0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind.modal-out{transform:translate3d(0,100vh,0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind:not(.popup-push){border-radius:var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0}html:has(.popup-push-in) .popup-behind.popup-push{transform:translate3d(0,calc(-10px - var(--f7-popup-push-offset)),0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind.popup-push.modal-out{transform:translate3d(0,calc(-10px - var(--f7-popup-push-offset) + 100vh),0) scale(var(--f7-popup-push-scale,1))}html:has(.popup-push-in) .popup-behind:after{opacity:1;pointer-events:auto}html:has(.popup-push-closing) .dark .framework7-root>.view:after,html:has(.popup-push-closing) .dark .framework7-root>.views:after,html:has(.popup-push-closing) .dark.framework7-root>.view:after,html:has(.popup-push-closing) .dark.framework7-root>.views:after,html:has(.popup-push-closing) .framework7-root>.view.dark:after,html:has(.popup-push-closing) .framework7-root>.views.dark:after,html:has(.popup-push-closing).dark .framework7-root>.view:after,html:has(.popup-push-closing).dark .framework7-root>.views:after{animation:popup-dark-push-overlay-fade-out var(--f7-popup-transition-duration) forwards;animation-timing-function:var(--f7-popup-transition-timing-function)}@keyframes popup-dark-push-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-dark-push-overlay-fade-out{0%{opacity:1}to{opacity:0}}