:root{--gg-card-surface:#faf6ee8c}.glass-frame{background-color:var(--gg-card-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.glass-frame:before{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;z-index:1;background:url(/assets/glass-frame/top-left.webp) 0 0/22px 22px no-repeat,url(/assets/glass-frame/top-right.webp) 100% 0/22px 22px no-repeat,url(/assets/glass-frame/bottom-left.webp) 0 100%/22px 22px no-repeat,url(/assets/glass-frame/bottom-right.webp) 100% 100%/22px 22px no-repeat,url(/assets/glass-frame/top.webp) 22px 0/calc(100% - 44px) 22px repeat-x,url(/assets/glass-frame/bottom.webp) 22px bottom/calc(100% - 44px) 22px repeat-x,url(/assets/glass-frame/left.webp) 0 22px/22px calc(100% - 44px) repeat-y,url(/assets/glass-frame/right.webp) right 22px/22px calc(100% - 44px) repeat-y;position:absolute;inset:0}.glass-frame>*{z-index:2;position:relative}.glass-frame--flush>*{z-index:auto}.thin-glass-frame{background-color:var(--gg-card-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.thin-glass-frame:before{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;z-index:1;background:url(/assets/glass-frame/top-left.webp) 0 0/14px 14px no-repeat,url(/assets/glass-frame/top-right.webp) 100% 0/14px 14px no-repeat,url(/assets/glass-frame/bottom-left.webp) 0 100%/14px 14px no-repeat,url(/assets/glass-frame/bottom-right.webp) 100% 100%/14px 14px no-repeat,url(/assets/glass-frame/top.webp) 14px 0/calc(100% - 28px) 14px repeat-x,url(/assets/glass-frame/bottom.webp) 14px bottom/calc(100% - 28px) 14px repeat-x,url(/assets/glass-frame/left.webp) 0 14px/14px calc(100% - 28px) repeat-y,url(/assets/glass-frame/right.webp) right 14px/14px calc(100% - 28px) repeat-y;position:absolute;inset:0}.thin-glass-frame>*{z-index:2;position:relative}.thin-glass-frame.glass-frame--flush>*{z-index:auto}.gg-frame{--gg-frame-slice:25px;border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0}.gg-frame:after{content:"";border-radius:inherit;image-rendering:pixelated;background-repeat:no-repeat;background-size:var(--gg-frame-slice) var(--gg-frame-slice), calc(100% - (2 * var(--gg-frame-slice))) var(--gg-frame-slice), var(--gg-frame-slice) var(--gg-frame-slice), var(--gg-frame-slice) calc(100% - (2 * var(--gg-frame-slice))), var(--gg-frame-slice) calc(100% - (2 * var(--gg-frame-slice))), var(--gg-frame-slice) var(--gg-frame-slice), calc(100% - (2 * var(--gg-frame-slice))) var(--gg-frame-slice), var(--gg-frame-slice) var(--gg-frame-slice);opacity:.85;background-position:0 0,top,100% 0,0,100%,0 100%,bottom,100% 100%;position:absolute;inset:0}.gg-frame--glass:after{background-image:url(/assets/glass-frame/Glass%20frame-top%20left.webp),url(/assets/glass-frame/Glass%20frame-top%20center.webp),url(/assets/glass-frame/Glass%20frame-top%20right.webp),url(/assets/glass-frame/Glass%20frame-left.webp),url(/assets/glass-frame/Glass%20frame-right.webp),url(/assets/glass-frame/Glass%20frame-bottom%20left.webp),url(/assets/glass-frame/Glass%20frame-bottom.webp),url(/assets/glass-frame/Glass%20frame-bottom%20right.webp)}.gg-frame--metal:after{background-image:url(/assets/metal-frame/Metal%20frame-top%20left.webp),url(/assets/metal-frame/Metal%20frame-top%20center.webp),url(/assets/metal-frame/Metal%20frame-top%20right.webp),url(/assets/metal-frame/Metal%20frame-left.webp),url(/assets/metal-frame/Metal%20frame-right.webp),url(/assets/metal-frame/Metal%20frame-bottom%20left.webp),url(/assets/metal-frame/Metal%20frame-bottom%20center.webp),url(/assets/metal-frame/Metal%20frame-bottom%20right.webp)}.gg-frame-card{isolation:isolate;background:var(--gg-card-concrete);position:relative;overflow:hidden}.gg-frame-card>:not(.gg-frame){z-index:1;position:relative}.gg-summary-frame{isolation:isolate;background:linear-gradient(168deg,#fefcf7 0%,#f6eeda 100%);border-radius:18px;padding:1.75rem 1.5rem;position:relative;box-shadow:inset 0 1px #ffffffe6,0 2px 6px #785a2814,0 22px 50px -12px #785a2852}.gg-summary-frame:before{content:"";pointer-events:none;border-radius:inherit;z-index:1;background:url(/assets/metal-frame/top-left.webp) 0 0/22px 22px no-repeat,url(/assets/metal-frame/top-right.webp) 100% 0/22px 22px no-repeat,url(/assets/metal-frame/bottom-left.webp) 0 100%/22px 22px no-repeat,url(/assets/metal-frame/bottom-right.webp) 100% 100%/22px 22px no-repeat,url(/assets/metal-frame/top.webp) 22px 0/calc(100% - 44px) 22px repeat-x,url(/assets/metal-frame/bottom.webp) 22px bottom/calc(100% - 44px) 22px repeat-x,url(/assets/metal-frame/left.webp) 0 22px/22px calc(100% - 44px) repeat-y,url(/assets/metal-frame/right.webp) right 22px/22px calc(100% - 44px) repeat-y;position:absolute;inset:0}.gg-summary-frame:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(110% 70% at 50% -15%,#ffffff8c,#0000 55%);position:absolute;inset:1px}.gg-summary-frame>*{z-index:2;position:relative}
.gg-backdrop{pointer-events:none;z-index:0;background:url(/assets/bg-page.webp) 50%/cover no-repeat,#efede7;position:fixed;inset:0}.gg-backdrop__grain{pointer-events:none;z-index:0;opacity:.25;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.15  0 0 0 0 0.12  0 0 0 0 0.1  0 0 0 0.035 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.gg-backdrop__fade{pointer-events:none;z-index:0;background:linear-gradient(#fff0 0%,#fff6 60%,#ffffffb8 100%);height:32vh;position:fixed;bottom:0;left:0;right:0}
