.frosted-frame{position:relative;width:100%;height:100%;--frosted-frame-radius: 16px;--frosted-frame-border-width: 1px;--frosted-frame-surface-bg: rgba(217, 217, 217, .2);--frosted-frame-blur: 12px;--frosted-frame-saturate: 110%;--frosted-frame-webkit-saturate: 85%;border-radius:var(--frosted-frame-radius);color:inherit}.frosted-frame--no-border{--frosted-frame-border-width: 0px}.frosted-frame__border{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none;overflow:visible}.frosted-frame__border-rect{rx:var(--frosted-frame-radius);ry:var(--frosted-frame-radius);stroke-width:var(--frosted-frame-border-width);shape-rendering:geometricPrecision}.frosted-frame__surface{position:relative;z-index:1;width:100%;height:100%;border-radius:calc(var(--frosted-frame-radius) - var(--frosted-frame-border-width));background:var(--frosted-frame-surface-bg);backdrop-filter:blur(var(--frosted-frame-blur)) saturate(var(--frosted-frame-saturate));-webkit-backdrop-filter:blur(var(--frosted-frame-blur)) saturate(var(--frosted-frame-webkit-saturate));overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-frosted-frame.css.map */
