.art-slot{--slot-ink:#1f5c50;--slot-muted:#5e7a72;--slot-line:#5fa88f8c;width:100%;margin:24px 0;display:block;position:relative}.art-slot[data-filled] img{width:100%;height:auto;aspect-ratio:var(--art-ratio);object-fit:cover;border-radius:20px;display:block}.art-slot[data-empty]{aspect-ratio:var(--art-ratio);border:1.5px dashed var(--slot-line);max-height:240px;color:var(--slot-muted);background:radial-gradient(#5fa88f38 1px,#0000 1.4px) 0 0/18px 18px,#dcefe773;border-radius:20px;place-items:center;display:grid;overflow:hidden}.art-slot-orbit{aspect-ratio:3;pointer-events:none;border:1.5px solid #2f7d6b47;border-radius:50%;width:min(70%,520px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.art-slot-orbit:after{content:"";background:#2f7d6b;border-radius:50%;width:10px;height:10px;position:absolute;top:8%;right:12%}.art-slot[data-kind="3d"] .art-slot-orbit{border-style:dashed}.art-slot-note{text-align:center;background:#f3f7f5e0;border-radius:12px;justify-items:center;gap:2px;padding:10px 16px;font-size:13px;line-height:1.4;display:grid;position:relative}.art-slot-note svg{color:var(--slot-ink)}.art-slot-note strong{color:var(--slot-ink);font-size:13px;font-weight:600}.art-slot-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.art-slot[data-empty].art-slot-dark{--slot-ink:#dcefe7;--slot-muted:#b9cfc6;background:radial-gradient(#9ed3be33 1px,#0000 1.4px) 0 0/18px 18px,#ffffff0a;border-color:#9ed3be73}.art-slot-dark .art-slot-note{background:#0e2622cc}.art-slot-dark .art-slot-orbit{border-color:#9ed3be59}.art-slot-dark .art-slot-orbit:after{background:#9ed3be}.art-slot.art-slot-wide{width:min(100% - 2*clamp(24px,4.45vw,64px),1312px);margin-inline:auto}.art-slot.art-slot-small{max-width:320px}.art-slot.art-slot-small[data-empty]{max-height:150px}.art-slot.art-slot-icon{width:32px;margin:0}.art-slot.art-slot-icon img{border-radius:8px}@media print{.art-slot[data-empty]{display:none}}.auth-page-form .art-slot{margin:0 0 20px}.auth-page-form .art-slot[data-empty]{max-height:110px}@media (max-height:900px){.auth-page-form .art-slot[data-empty]{display:none}}
