.cd5-configurable-float{position:fixed;left:0;bottom:0;top:auto;transform:none;z-index:600;width:min(var(--cd5-float-width,300px),calc(100vw - 32px));max-height:calc(100vh - 32px)}
.cd5-configurable-float.is-right{left:auto;right:0}
.cd5-configurable-float[hidden]{display:none!important}
.cd5-configurable-float picture,.cd5-configurable-float a{display:block}
.cd5-configurable-float img{display:block;width:100%;height:auto;max-height:calc(100vh - 32px);object-fit:contain;transition:transform .3s}
.cd5-configurable-float picture{overflow:hidden}
.cd5-configurable-float:hover img{transform:scale(1.1)}
.cd5-float-close{position:absolute;right:0;top:0;border:0;border-radius:0 0 0 3px;width:28px;height:28px;color:#222;background:#fffffff0;font:24px/28px sans-serif;cursor:pointer;box-shadow:0 1px 4px #0003}
.cd5-float-close:focus-visible{outline:3px solid #189daa;outline-offset:2px}
@media(max-width:767px){.cd5-configurable-float{width:min(var(--cd5-float-mobile,300px),calc(100vw - 32px))}.cd5-configurable-float.hide-on-mobile{display:none}}

/* Keep the live site's compact close affordance while preserving native scheduling and dismissal. */
.cd5-configurable-float{margin-bottom:.1rem;}
.cd5-float-close{width:.15rem;height:.15rem;border-radius:0;background:rgba(255,255,255,.5);font-size:.14rem;line-height:.15rem;box-shadow:none;opacity:0;transition:opacity .2s;}
.cd5-configurable-float:hover .cd5-float-close,.cd5-configurable-float:focus-within .cd5-float-close{opacity:1;}
@media(hover:none){.cd5-float-close{opacity:1;}}