/* State variables keep rectangular and polygon link rendering in sync. */
:is(.page-hotspot,.link-box-item,.link-style-sample).custom-link-style{--link-current-width:var(--link-normal-width);--link-current-line:var(--link-normal-line);--link-current-background:var(--link-normal-background);box-sizing:border-box;border:0;box-shadow:inset 0 0 0 var(--link-current-width) var(--link-current-line);background:var(--link-current-background);outline:0}
:is(.page-hotspot,.link-box-item,.link-style-sample).custom-link-style:is(:hover,:focus-visible){--link-current-width:var(--link-hover-width);--link-current-line:var(--link-hover-line);--link-current-background:var(--link-hover-background)}
:is(.page-hotspot,.link-box-item,.link-style-sample).custom-link-style:is(:active,[data-link-pressed=true]){--link-current-width:var(--link-active-width);--link-current-line:var(--link-active-line);--link-current-background:var(--link-active-background)}
.link-style-sample.custom-link-style[data-style-state=normal]{--link-current-width:var(--link-normal-width);--link-current-line:var(--link-normal-line);--link-current-background:var(--link-normal-background)}
.link-style-sample.custom-link-style[data-style-state=hover]{--link-current-width:var(--link-hover-width);--link-current-line:var(--link-hover-line);--link-current-background:var(--link-hover-background)}
.link-style-sample.custom-link-style[data-style-state=active]{--link-current-width:var(--link-active-width);--link-current-line:var(--link-active-line);--link-current-background:var(--link-active-background)}
:is(.page-hotspot.freeform-hotspot,.link-box-item.freeform).custom-link-style{border:0;background:transparent;outline:0;box-shadow:none}
:is(.page-hotspot,.link-box-item).custom-link-style polygon,.link-box-item.custom-link-style .link-box-shape polygon{fill:var(--link-current-background);fill-opacity:1;stroke:var(--link-current-line);stroke-opacity:1;stroke-width:calc(var(--link-current-width)*2)}
.page-hotspot.custom-link-style:focus-visible{outline:2px dashed #2563eb;outline-offset:-2px}
/* Decoration only: the link keeps its own hit area, appearance and accessible name. */
.link-box-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}
.link-box-icon>svg{position:static;inset:auto;display:block;width:70%;height:70%;max-width:36px;max-height:36px;flex:none;overflow:visible;pointer-events:none}
.link-box-phone-icon>svg{width:94%;height:94%;max-width:80px;max-height:80px}
.link-box-phone-icon:is([data-phone-shape=pill],[data-phone-shape=rectangle])>svg{max-width:320px;max-height:80px}