.sxv-cta,.sxv2-cta{flex-wrap:wrap;width:260px;justify-content:center}.sx-enter-row{flex:0 0 100%;display:flex;justify-content:center}.sx-enter{border:1px solid rgba(243,235,227,.6);background:rgba(16,14,13,.45);color:var(--ink);backdrop-filter:blur(10px)}
#sxEnterModal{padding:0;border:1px solid rgba(243,235,227,.3);border-radius:14px;background:#100e0d;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;color:var(--ink)}#sxEnterModal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}#sxEnterModal picture{display:block}#sxEnterModal img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 28px);object-fit:contain}#sxEnterClose{position:fixed;top:20px;right:22px;width:40px;height:40px;border-radius:999px;border:1px solid #eee;background:#171310;color:#fff;font-size:28px;cursor:pointer;z-index:2}body.sx-enter-open .sxv-cta,body.sx-enter-open .sxv2-cta{visibility:hidden}@media(max-width:600px){.sxv-cta,.sxv2-cta{width:240px}}
/* The panel and every modal own the controls while open, at every viewport width. */
body:is(.sxv-on,.sxv2-on,.sxv-board-on,.sxv2-board-on,.sx-enter-open) :is(.sxv-cta,.sxv2-cta),
body:has(.sxv-wrap:not([hidden]),.sxv2-wrap:not([hidden])) :is(.sxv-cta,.sxv2-cta) {opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}