.h4fsam-unit{--h4fsam-w:var(--h4fsam-dw,728px);--h4fsam-h:var(--h4fsam-dh,90px);display:block;box-sizing:border-box;grid-column:1/-1;flex:0 0 100%;clear:both;position:relative;width:100%;max-width:1200px;margin:22px auto;padding:0 12px;text-align:center;isolation:isolate;z-index:0}
.h4fsam-label{display:block;height:20px;margin:0;color:#9293a4;font:10px/20px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.h4fsam-box{box-sizing:border-box;width:var(--h4fsam-w);max-width:100%;min-height:var(--h4fsam-h);margin:0 auto;position:relative;overflow:hidden;text-align:center;background:transparent}
.h4fsam-box iframe.h4fsam-frame{display:block;width:100%;height:var(--h4fsam-h);border:0;margin:0;background:transparent;color-scheme:normal}
.h4fsam-unit[hidden],.h4fsam-unit.h4fsam-skip{display:none!important}
.h4fsam-demo .h4fsam-box{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:2px dashed #a89afa;background:#17172b;color:#e6e0ff;padding:12px;font:13px/1.5 Arial,sans-serif}
.h4fsam-demo .h4fsam-box small{font-size:11px;color:#b9b2d4}
.h4fsam-preview-panel{position:fixed;z-index:999999;right:10px;bottom:14px;max-width:min(400px,calc(100vw - 20px));max-height:50vh;overflow:auto;padding:12px 14px;background:#151527;color:#eee;border:1px solid #a89afa;border-radius:8px;box-shadow:0 4px 24px #0008;font:12px/1.6 Arial,sans-serif}
.h4fsam-preview-panel a{color:#b8ebff}.h4fsam-preview-panel p{margin:5px 0}.h4fsam-preview-panel ul{margin:6px 0;padding-left:17px}.h4fsam-preview-panel button{border:1px solid #777;background:#30304b;color:#fff;padding:3px 8px;cursor:pointer}
@media(min-width:768px){.h4fsam-no-d{display:none!important}}
@media(max-width:767px){.h4fsam-unit{--h4fsam-w:var(--h4fsam-mw,300px);--h4fsam-h:var(--h4fsam-mh,250px);margin:18px auto;padding:0 8px}.h4fsam-no-m{display:none!important}.h4fsam-preview-panel{bottom:90px}}

/* v1.1: full-row breaks also work in a single Bootstrap row/grid wrapper. */
.h4fsam-unit[data-h4fsam^="grid_"]{grid-column:1/-1!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;float:none!important;min-width:0}
.h4fsam-unit.h4fsam-floating{position:fixed;right:18px;bottom:18px;z-index:99990;width:calc(var(--h4fsam-w) + 20px);max-width:calc(100vw - 24px);margin:0;padding:4px 8px 8px;background:#161625;border:1px solid #44445a;border-radius:9px;box-shadow:0 4px 22px #0006;animation:h4fsam-enter .25s ease-out}
.h4fsam-close{position:absolute;top:-14px;right:0;z-index:2;border:1px solid #777;border-radius:50%;width:28px;height:28px;padding:0;background:#222230;color:#fff;font:bold 22px/24px Arial;cursor:pointer}
.h4fsam-provider-host{position:static!important;isolation:auto!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;min-height:0!important}
.h4fsam-provider-host>.h4fsam-label{display:none}.h4fsam-provider-host>.h4fsam-box{position:static;width:auto;max-width:none;min-height:0;overflow:visible;margin:0}
@keyframes h4fsam-enter{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:767px){.h4fsam-unit.h4fsam-floating{right:12px;bottom:calc(var(--h4fsam-bottom,90px) + env(safe-area-inset-bottom,0px))}.h4fsam-preview-panel{z-index:9999999}}
@media(prefers-reduced-motion:reduce){.h4fsam-unit.h4fsam-floating{animation:none}}
