.frosted-border{--fb-thickness:10px;--fb-radius:20px;--fb-blur:16px;--fb-saturate:180%;--fb-brightness:105%;--fb-tint:#ffffff59;--fb-highlight:#ffffff8c;--fb-shade:#1217212e;--fb-drop:0 10px 30px #1217212e;padding:var(--fb-thickness);border-radius:var(--fb-radius);background:var(--fb-tint);box-sizing:border-box;isolation:isolate;box-shadow:var(--fb-drop);display:inline-block;position:relative}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.frosted-border{-webkit-backdrop-filter:blur(var(--fb-blur)) saturate(var(--fb-saturate)) brightness(var(--fb-brightness))}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.frosted-border{--fb-tint:#ffffffd9}}.frosted-border:before{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 0 var(--fb-highlight), inset 0 -1px 0 0 var(--fb-shade), inset 0 0 0 1px #ffffff1f;position:absolute;inset:0}.frosted-border>*{border-radius:calc(var(--fb-radius) - var(--fb-thickness));z-index:1;display:block;position:relative}.frosted-border.is-dark{--fb-tint:#12172159;--fb-highlight:#ffffff2e;--fb-shade:#00000073;--fb-drop:0 10px 40px #00000059}
