.managed-flash{position:relative;overflow:hidden;padding-right:48px!important;transform-origin:center top;transition:opacity .24s ease,transform .24s ease,max-height .28s ease,margin .28s ease,padding .28s ease,border-width .28s ease}
.managed-flash-close{position:absolute;z-index:2;top:50%;right:13px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid currentColor;border-radius:10px;background:#ffffff14;color:inherit;font:700 20px/1 system-ui;opacity:.68;transform:translateY(-50%);cursor:pointer;transition:opacity .16s ease,background .16s ease,transform .16s ease}
.managed-flash-close:hover,.managed-flash-close:focus-visible{background:#ffffff28;opacity:1;outline:2px solid #ffffff66;outline-offset:2px;transform:translateY(-50%) scale(1.04)}
.managed-flash-progress{position:absolute;z-index:1;right:0;bottom:0;left:0;height:3px;background:currentColor;opacity:.58;transform-origin:left center;animation:managed-flash-countdown var(--flash-duration) linear forwards}
.managed-flash.is-paused .managed-flash-progress{animation-play-state:paused}
.managed-flash.is-leaving{max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-width:0!important;opacity:0;transform:translateY(-8px) scale(.985)}
.admin-content>.managed-flash{box-shadow:0 14px 34px #00000030}
.notice-box.managed-flash,.store-alert.managed-flash,.tpd-flash.managed-flash,.tuc-flash.managed-flash,.cp-success.managed-flash{box-sizing:border-box}
@keyframes managed-flash-countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:640px){.managed-flash{padding-right:44px!important}.managed-flash-close{right:10px;width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.managed-flash,.managed-flash-close{transition:none}.managed-flash-progress{animation:none}}