/* Sable FC v5.33 — only the homepage announcement popup and its admin studio. */
.sfc-popup-designed .sfc-announcement-dialog{position:relative;isolation:isolate;max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column}
.sfc-popup-designed .sfc-announcement-feature{display:block;flex:none;object-fit:var(--pop-image-fit,contain)!important;object-position:var(--pop-img-x,50%) var(--pop-img-y,50%)!important;width:100%;height:var(--pop-image-height,285px);max-height:min(66dvh,700px);background:#10284d}
.sfc-popup-designed.sfc-pop-format-vertical .sfc-announcement-dialog{width:min(var(--pop-width,560px),calc(100vw - 24px),540px)}
.sfc-popup-designed.sfc-pop-format-vertical .sfc-announcement-feature{height:min(var(--pop-image-height,570px),70dvh);aspect-ratio:3/4}
.sfc-popup-designed.sfc-pop-format-square .sfc-announcement-feature{height:auto;aspect-ratio:1/1;max-height:65dvh}
.sfc-popup-designed.sfc-pop-format-wide .sfc-announcement-feature{height:auto;aspect-ratio:16/9;max-height:55dvh}
.sfc-popup-designed.sfc-pop-format-original .sfc-announcement-feature{height:auto;max-height:75dvh;object-fit:contain!important}
.sfc-popup-designed .sfc-announcement-dialog-content{position:relative;z-index:1;color:var(--pop-text)!important;background:var(--pop-bg);padding:16px 22px;box-sizing:border-box}
.sfc-popup-designed .sfc-announcement-dialog-content h2,.sfc-popup-designed .sfc-announcement-dialog-content p,.sfc-popup-designed .sfc-announcement-dialog-content small{color:inherit!important}
.sfc-popup-designed.sfc-pop-view-photo .sfc-announcement-dialog{width:min(var(--pop-width,560px),calc(100vw - 24px));background:#10284d}
.sfc-popup-designed.sfc-pop-view-photo .sfc-announcement-feature{height:auto;max-height:80dvh;object-fit:contain!important}
.sfc-popup-designed.sfc-pop-view-photo .sfc-announcement-dialog-content{display:none!important}
.sfc-popup-designed.sfc-pop-view-photo .sfc-announcement-close{z-index:8}
.sfc-popup-designed.sfc-pop-view-overlay .sfc-announcement-dialog{position:relative;min-height:0;background:#10284d}
.sfc-popup-designed.sfc-pop-view-overlay .sfc-announcement-dialog-content{position:absolute;left:0;right:0;z-index:3;background:color-mix(in srgb,var(--pop-text-bg,#102c55) var(--pop-text-opacity,94%),transparent)!important;color:var(--pop-overlay-text,#fff)!important;max-height:75%;overflow:auto;backdrop-filter:blur(3px)}
.sfc-popup-designed.sfc-pop-view-overlay.sfc-pop-position-bottom .sfc-announcement-dialog-content{bottom:0;top:auto}
.sfc-popup-designed.sfc-pop-view-overlay.sfc-pop-position-top .sfc-announcement-dialog-content{top:0;bottom:auto}
.sfc-popup-designed.sfc-pop-view-overlay.sfc-pop-position-center .sfc-announcement-dialog-content{top:50%;transform:translateY(-50%);bottom:auto}
.sfc-popup-designed.sfc-pop-view-overlay .sfc-announcement-feature{max-height:80dvh}
.sfc-popup-designed.sfc-pop-view-side .sfc-announcement-dialog{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sfc-popup-designed.sfc-pop-view-side .sfc-announcement-feature{width:100%;height:100%;max-height:80dvh;min-height:220px;object-fit:var(--pop-image-fit,contain)!important}
.sfc-popup-designed.sfc-pop-view-side .sfc-announcement-dialog-content{align-self:center;min-width:0;max-height:78dvh;overflow:auto}
.sfc-popup-designed .sfc-announcement-close{z-index:10!important;position:absolute;top:10px;right:10px}
/* Maintain timer label, and close dialog through the existing dismiss handler */
.sfc-popup-designed.sfc-pop-closing.sfc-pop-exit-fade .sfc-announcement-dialog{animation:sfcPopExitFade .25s ease-in forwards!important}
.sfc-popup-designed.sfc-pop-closing.sfc-pop-exit-zoom .sfc-announcement-dialog{animation:sfcPopExitZoom .3s ease-in forwards!important}
.sfc-popup-designed.sfc-pop-closing.sfc-pop-exit-slide .sfc-announcement-dialog{animation:sfcPopExitSlide .3s ease-in forwards!important}
@keyframes sfcPopExitFade{to{opacity:0}}
@keyframes sfcPopExitZoom{to{opacity:0;transform:scale(.88)}}
@keyframes sfcPopExitSlide{to{opacity:0;transform:translateY(32px)}}
@media(max-width:680px){
.sfc-popup-designed .sfc-announcement-dialog{width:min(var(--pop-width,560px),calc(100vw - 18px))!important;max-height:88dvh}
.sfc-popup-designed.sfc-pop-view-side .sfc-announcement-dialog{display:flex!important;flex-direction:column}
.sfc-popup-designed.sfc-pop-view-side .sfc-announcement-feature{min-height:0;height:min(43dvh,var(--pop-image-height,285px))}
.sfc-popup-designed.sfc-pop-view-side .sfc-announcement-dialog-content{max-height:40dvh}
.sfc-popup-designed.sfc-pop-view-overlay .sfc-announcement-feature{height:min(var(--pop-image-height,570px),77dvh);max-height:77dvh}
.sfc-popup-designed.sfc-pop-view-overlay .sfc-announcement-dialog-content{max-height:52%;padding:12px 16px}
.sfc-popup-designed.sfc-pop-view-overlay .sfc-announcement-dialog-content h2{font-size:clamp(18px,5.2vw,26px)}
.sfc-popup-designed.sfc-pop-view-overlay .sfc-announcement-dialog-content p{font-size:12px}
.sfc-popup-designed.sfc-pop-view-photo .sfc-announcement-feature{max-height:82dvh}
}
@media(prefers-reduced-motion:reduce){.sfc-popup-designed.sfc-pop-closing .sfc-announcement-dialog{animation:none!important}}
/* Compact editor controls and preview modes */
.sfc-config-feature{background:#17345c;border:1px solid #3c5a80;border-radius:13px;padding:12px;margin-bottom:13px}
.sfc-config-feature h3{font-size:15px;margin:8px 0;color:#fff}
.pop-bg-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pop-bg-choices button{background:#24446c;border:1px solid #6f8ab4;border-radius:8px;padding:7px;color:#fff;cursor:pointer;font-weight:700}
.pop-box input[type=range]{padding:0;min-height:22px;accent-color:#ffcf2d}
.pop-preview[data-display=photo] .pop-preview-body{display:none}
.pop-preview[data-display=overlay]{position:relative;min-height:300px}
.pop-preview[data-display=overlay] .pop-preview-body{position:absolute;bottom:0;left:0;right:0;max-height:70%;overflow:auto;background:var(--preview-text-bg,#102c55);color:var(--preview-text-color,#fff)}
.pop-preview[data-display=overlay][data-text-position=top] .pop-preview-body{top:0;bottom:auto}
.pop-preview[data-display=overlay][data-text-position=center] .pop-preview-body{top:50%;bottom:auto;transform:translateY(-50%)}
.pop-preview[data-display=side]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pop-preview[data-display=side] .pop-preview-img{height:100%!important;min-height:250px}
.pop-preview[data-format=vertical]{width:min(100%,360px)!important}
.pop-preview[data-format=square] .pop-preview-img{aspect-ratio:1/1;height:auto!important}
.pop-preview[data-format=wide] .pop-preview-img{aspect-ratio:16/9;height:auto!important}
.pop-preview[data-format=original] .pop-preview-img{height:auto!important;min-height:220px}
.pop-preview-placeholder{display:grid;place-content:center;gap:5px;width:100%;height:100%;font-size:75px;background:linear-gradient(150deg,#071c40,#0954ae);color:#ffce25;text-align:center}
.pop-preview-placeholder small{font-size:12px;font-weight:900;letter-spacing:.08em;color:#fff}
.pop-preview[data-display=overlay] .pop-preview-img{height:410px!important}
.pop-preview[data-display=overlay] .pop-preview-body p{color:inherit!important}
@media(max-width:810px){.pop-preview[data-display=side]{display:block}.pop-preview[data-display=side] .pop-preview-img{min-height:160px;height:190px!important}.pop-preview[data-display=overlay] .pop-preview-img{height:360px!important}}