.framed-card{--frame-slice:25px;position:relative;background:rgba(255,255,255,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:none;border-radius:calc(var(--frame-slice) * .86);overflow:hidden}.framed-card>:not(.frame){position:relative;z-index:1}.frame{--frame-slice:22px;--frame-opacity:1;pointer-events:none;z-index:0}.frame,.frame:after{position:absolute;inset:0;border-radius:inherit}.frame:after{content:"";image-rendering:auto;mix-blend-mode:normal;background-repeat:no-repeat;background-size:var(--frame-slice) var(--frame-slice),calc(100% - (2 * var(--frame-slice))) var(--frame-slice),var(--frame-slice) var(--frame-slice),var(--frame-slice) calc(100% - (2 * var(--frame-slice))),var(--frame-slice) calc(100% - (2 * var(--frame-slice))),var(--frame-slice) var(--frame-slice),calc(100% - (2 * var(--frame-slice))) var(--frame-slice),var(--frame-slice) var(--frame-slice);background-position:0 0,top,100% 0,0,100%,0 100%,bottom,100% 100%;opacity:var(--frame-opacity)}.frame--glass:after{background-image:url(/glass-frame/Glass%20frame-top%20left.webp),url(/glass-frame/Glass%20frame-top%20center.webp),url(/glass-frame/Glass%20frame-top%20right.webp),url(/glass-frame/Glass%20frame-left.webp),url(/glass-frame/Glass%20frame-right.webp),url(/glass-frame/Glass%20frame-bottom%20left.webp),url(/glass-frame/Glass%20frame-bottom.webp),url(/glass-frame/Glass%20frame-bottom%20right.webp)}.frame--metal:after{background-image:url(/metal-frame/Metal%20frame-top%20left.webp),url(/metal-frame/Metal%20frame-top%20center.webp),url(/metal-frame/Metal%20frame-top%20right.webp),url(/metal-frame/Metal%20frame-left.webp),url(/metal-frame/Metal%20frame-right.webp),url(/metal-frame/Metal%20frame-bottom%20left.webp),url(/metal-frame/Metal%20frame-bottom%20center.webp),url(/metal-frame/Metal%20frame-bottom%20right.webp)}.frame--paper:after{background-image:url(/paper-frame/UI_Card_Frame_Paper_top%20left.webp),url(/paper-frame/UI_Card_Frame_Paper_top%20center.webp),url(/paper-frame/UI_Card_Frame_Paper_top%20right.webp),url(/paper-frame/UI_Card_Frame_Paper_left.webp),url(/paper-frame/UI_Card_Frame_Paper_right.webp),url(/paper-frame/UI_Card_Frame_Paper_bottom%20left.webp),url(/paper-frame/UI_Card_Frame_Paper_bottom%20center.webp),url(/paper-frame/UI_Card_Frame_Paper_bottom%20right.webp)}.frame--terracota:after{background-image:url(/terracota-frame/UI_Card_Frame_Terracota_top%20left.webp),url(/terracota-frame/UI_Card_Frame_Terracota_top%20center.webp),url(/terracota-frame/UI_Card_Frame_Terracota_top%20right.webp),url(/terracota-frame/UI_Card_Frame_Terracota_left.webp),url(/terracota-frame/UI_Card_Frame_Terracota_right.webp),url(/terracota-frame/UI_Card_Frame_Terracota_bottom%20left.webp),url(/terracota-frame/UI_Card_Frame_Terracota_bottom%20center.webp),url(/terracota-frame/UI_Card_Frame_Terracota_bottom%20right.webp)}[data-theme=dark] .framed-card{background:rgba(255,255,255,.06)}[data-theme=dark] .frame:after{opacity:.85}