.tabcard{--notched_width:.75rem;--title_height:1rem;--title_width:10rem;--border_width:.15rem;--bottom_notch_width:.5rem;min-height:calc(var(--title_height) + var(--border_width)*2 + var(--notched_width)*2);min-width:calc(var(--title_width) + var(--border_width)*2 + var(--notched_width)*2);position:relative}.tabcard-border{clip-path:polygon(0 calc(var(--notched_width) + var(--title_height)),var(--notched_width) var(--title_height),calc(50% - var(--title_width)/2 - var(--title_height)) var(--title_height),calc(50% - var(--title_width)/2) 0,calc(50% + var(--title_width)/2) 0,calc(50% + var(--title_width)/2 + var(--title_height)) var(--title_height),calc(100% - var(--notched_width)) var(--title_height),100% calc(var(--notched_width) + var(--title_height)),100% calc(100% - var(--notched_width)),calc(100% - var(--notched_width)) 100%,calc(50% + var(--title_width)/2 + var(--bottom_notch_width)) 100%,calc(50% + var(--title_width)/2) calc(100% - var(--bottom_notch_width)),calc(50% - var(--title_width)/2) calc(100% - var(--bottom_notch_width)),calc(50% - var(--title_width)/2 - var(--bottom_notch_width)) 100%,var(--notched_width) 100%,0 calc(100% - var(--notched_width)),0 calc(var(--notched_width) + var(--title_height)),var(--border_width) calc(var(--_small_notch_width) + var(--title_height)),var(--border_width) calc(100% - var(--_small_notch_width)),var(--_small_notch_width) calc(100% - var(--border_width)),calc(50% - var(--_small_title_width)/2 - var(--_small_notch_width_bottom)) calc(100% - var(--border_width)),calc(50% - var(--_small_title_width)/2 - var(--border_width)/2) calc(100% - var(--bottom_notch_width) - var(--border_width)),calc(50% + var(--_small_title_width)/2 + var(--border_width)/2) calc(100% - var(--bottom_notch_width) - var(--border_width)),calc(50% + var(--_small_title_width)/2 + var(--_small_notch_width_bottom)) calc(100% - var(--border_width)),calc(100% - var(--_small_notch_width)) calc(100% - var(--border_width)),calc(100% - var(--border_width)) calc(100% - var(--_small_notch_width)),calc(100% - var(--border_width)) calc(var(--_small_notch_width) + var(--title_height)),calc(100% - var(--_small_notch_width)) calc(var(--title_height) + var(--border_width)),calc(50% + var(--_small_title_width)/2 + var(--title_height)) calc(var(--title_height) + var(--border_width)),calc(50% + var(--_small_title_width)/2) var(--border_width),calc(50% - var(--_small_title_width)/2) var(--border_width),calc(50% - var(--_small_title_width)/2 - var(--title_height)) calc(var(--title_height) + var(--border_width)),calc(var(--_small_notch_width)) calc(var(--title_height) + var(--border_width)),var(--border_width) calc(var(--_small_notch_width) + var(--title_height)))}.tabcard-background,.tabcard-border{--_small_notch_width:calc(var(--notched_width) + var(--border_width)/2);--_small_notch_width_bottom:calc(var(--bottom_notch_width) + var(--border_width)/2);--_small_title_height:calc(var(--title_height) - var(--border_width)/2);--_small_title_width:calc(var(--title_width) - var(--border_width)/2);height:100%;left:0;position:absolute;top:0;width:100%}.tabcard-background{clip-path:polygon(var(--border_width) calc(var(--_small_notch_width) + var(--title_height)),calc(var(--_small_notch_width)) calc(var(--title_height) + var(--border_width)),calc(50% - var(--_small_title_width)/2 - var(--title_height)) calc(var(--title_height) + var(--border_width)),calc(50% - var(--_small_title_width)/2) var(--border_width),calc(50% + var(--_small_title_width)/2) var(--border_width),calc(50% + var(--_small_title_width)/2 + var(--title_height)) calc(var(--title_height) + var(--border_width)),calc(100% - var(--_small_notch_width)) calc(var(--title_height) + var(--border_width)),calc(100% - var(--border_width)) calc(var(--_small_notch_width) + var(--title_height)),calc(100% - var(--border_width)) calc(100% - var(--_small_notch_width)),calc(100% - var(--_small_notch_width)) calc(100% - var(--border_width)),calc(50% + var(--_small_title_width)/2 + var(--_small_notch_width_bottom)) calc(100% - var(--border_width)),calc(50% + var(--_small_title_width)/2 + var(--border_width)/2) calc(100% - var(--bottom_notch_width) - var(--border_width)),calc(50% - var(--_small_title_width)/2 - var(--border_width)/2) calc(100% - var(--bottom_notch_width) - var(--border_width)),calc(50% - var(--_small_title_width)/2 - var(--_small_notch_width_bottom)) calc(100% - var(--border_width)),var(--_small_notch_width) calc(100% - var(--border_width)),var(--border_width) calc(100% - var(--_small_notch_width)))}.tabcard-title{--notched_width:3rem;height:calc(var(--title_height)*2);left:50%;position:absolute;top:var(--border_width);transform:translate(-50%);width:calc(var(--title_width))}.tabcard-content,.tabcard-title{align-items:center;display:flex;justify-content:center}.tabcard-content{padding:calc(var(--title_height)*2 + var(--border_width)) var(--border_width) calc(var(--border_width) + var(--bottom_notch_width));position:relative;width:100%}.goldShine{--bg_rotate:0deg;background:conic-gradient(from var(--bg_rotate),#f6ed52 0,#fbfaf4 3%,#f6ed52 6%,#cf792f 20%,#f6ed52 35%,#fbfaf4 38%,#f6ed52 40%,#ffb63c 46%,#f6ed52 52%,#fbfaf4 56%,#f6ed52 60%,#cf792f 70%,#f6ed52 90%,#fbfaf4 93%,#f6ed52 95%)}.ironShine{--bg_rotate:0deg;background:conic-gradient(from var(--bg_rotate),#9f9fa9 0,#fbfaf4 3%,#9f9fa9 6%,#71717b 20%,#9f9fa9 35%,#fbfaf4 38%,#9f9fa9 40%,#71717b 46%,#9f9fa9 52%,#9f9fa9 60%,#71717b 70%,#9f9fa9 90%,#fbfaf4 93%,#9f9fa9 95%)}