.invitation-details .wi-family-invitation.wi-card-border{position:relative}
.invitation-details .wi-family-invitation.wi-card-border::after{content:"";position:absolute;inset:12px;pointer-events:none;z-index:1;color:var(--card-border-color,#eac666);opacity:var(--card-border-opacity,.65);border:var(--card-border-thickness,1.5px) solid currentColor;border-radius:max(0px,calc(var(--invite-panel-radius,8px) - 12px))}
.invitation-details .wi-family-invitation.wi-card-border[data-border-corners="open"]::after{border:0;border-radius:0;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-position:center top,center bottom,left center,right center;background-size:calc(100% - 2 * var(--card-border-gap,20px)) var(--card-border-thickness,1.5px),calc(100% - 2 * var(--card-border-gap,20px)) var(--card-border-thickness,1.5px),var(--card-border-thickness,1.5px) calc(100% - 2 * var(--card-border-gap,20px)),var(--card-border-thickness,1.5px) calc(100% - 2 * var(--card-border-gap,20px));background-repeat:no-repeat}
#invitation-card-border-settings [hidden]{display:none!important}
#invitation-card-border-settings input[type=number]{width:80px}
#invitation-card-border-settings .card-border-color-row{display:grid;grid-template-columns:42px 1fr;gap:8px;margin-block:16px}
#invitation-card-border-settings .card-border-color-row label{grid-column:1/-1;font:13px system-ui,sans-serif}
#invitation-card-border-settings input[type=color]{width:42px;height:34px;padding:2px}
#card-border-hex{width:100%;min-width:0;padding:8px;font:13px ui-monospace,monospace;border:1px solid #cbd0d2;border-radius:4px}
#card-border-hex:invalid{border-color:#a64f3c}