#magoart-smart-root { position:fixed; left:24px; bottom:26px; z-index:99990; pointer-events:none; width:min(365px,calc(100vw - 36px)); font-family:inherit; }
#magoart-smart-root *, #magoart-smart-root *::before, #magoart-smart-root *::after {box-sizing:border-box}
#magoart-smart-root .magoart-smart-card { --asn-accent:#ff9900; pointer-events:auto; background:#fff; border:1px solid rgba(27,20,25,.075); border-radius:16px; padding:20px 21px 18px; box-shadow:0 13px 48px rgba(35,22,30,.17),0 3px 10px rgba(35,22,30,.045); color:#242027; opacity:0; transform:translate3d(0,18px,0) scale(.985); transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .27s ease; text-align:left; line-height:1.45; }
#magoart-smart-root .magoart-smart-card.magoart-smart-in {opacity:1;transform:translate3d(0,0,0) scale(1)}
#magoart-smart-root .magoart-smart-card.magoart-smart-out {opacity:0;transform:translate3d(0,15px,0)}
#magoart-smart-root .magoart-smart-top {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
#magoart-smart-root .magoart-smart-eyebrow {font-size:10px;letter-spacing:.14em;line-height:1.5;font-weight:750;color:var(--asn-accent);text-transform:uppercase}
#magoart-smart-root .magoart-smart-close {display:inline-flex;align-items:center;justify-content:center;margin:-8px -8px 0 0;padding:0;width:30px;height:30px;min-width:30px;border:0;border-radius:50%;font-family:Arial,sans-serif;background:transparent;color:#777078;line-height:1;font-size:23px;font-weight:300;cursor:pointer;box-shadow:none;transition:background .2s,color .2s}
#magoart-smart-root .magoart-smart-close:hover,#magoart-smart-root .magoart-smart-close:focus-visible {background:#f5f2f3;color:#211c20;outline-offset:2px}
#magoart-smart-root .magoart-smart-title {font-family:inherit!important;font-weight:650!important;font-size:17px!important;color:#242027!important;line-height:1.26!important;letter-spacing:-.025em!important;margin:0 0 8px!important;padding:0!important;text-transform:none!important}
#magoart-smart-root .magoart-smart-body {font-family:inherit!important;color:#6c646b!important;font-size:13.5px!important;font-weight:400!important;line-height:1.48!important;margin:0 0 11px!important;padding:0!important}
#magoart-smart-root .magoart-smart-link {font-family:inherit!important;display:inline-flex;align-items:center;gap:7px;color:var(--asn-accent)!important;text-decoration:none!important;text-transform:none!important;font-size:12.5px!important;font-weight:700!important;line-height:1.5!important;transition:gap .2s;outline-offset:3px}
#magoart-smart-root .magoart-smart-link:hover {gap:11px;text-decoration:underline!important}
#magoart-smart-root .magoart-smart-arrow {font-size:16px;line-height:1}
#magoart-smart-root .magoart-smart-compact {padding:14px 16px 13px;border-radius:12px}
#magoart-smart-root .magoart-smart-compact .magoart-smart-top {margin-bottom:5px}
#magoart-smart-root .magoart-smart-compact .magoart-smart-body {margin-bottom:7px}
#magoart-smart-root.magoart-smart-mode-bar {left:50%;transform:translateX(-50%);bottom:18px;width:min(720px,calc(100vw - 32px));}
#magoart-smart-root .magoart-smart-bar {padding:13px 42px 13px 19px;border-radius:12px;display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center}
#magoart-smart-root .magoart-smart-bar .magoart-smart-top {grid-column:1 / -1; margin-bottom:4px;}
#magoart-smart-root .magoart-smart-bar .magoart-smart-close {position:absolute;right:14px;top:13px}
#magoart-smart-root .magoart-smart-bar .magoart-smart-title {font-size:15px!important;margin-bottom:3px!important}
#magoart-smart-root .magoart-smart-bar .magoart-smart-body {font-size:12px!important;margin:0!important}
#magoart-smart-root .magoart-smart-bar .magoart-smart-link {grid-column:2;grid-row:2 / 4;white-space:nowrap}
#magoart-smart-root.magoart-smart-reduced .magoart-smart-card {transition:none;transform:none}
@media(max-width:600px){
#magoart-smart-root {left:12px;bottom:88px;width:calc(100vw - 24px);max-width:355px}
#magoart-smart-root .magoart-smart-card {padding:15px 17px 14px;border-radius:14px}
#magoart-smart-root .magoart-smart-title {font-size:15px!important}
#magoart-smart-root .magoart-smart-body {font-size:12.5px!important}
#magoart-smart-root.magoart-smart-mode-bar {bottom:78px; width:calc(100vw - 24px)}
#magoart-smart-root .magoart-smart-bar {grid-template-columns:1fr;gap:5px;padding:14px 34px 14px 16px}
#magoart-smart-root .magoart-smart-bar .magoart-smart-link {grid-column:1;grid-row:auto}
}