.illustration-panel{position:-webkit-sticky;position:sticky;top:var(--illustration-panel-top);width:var(--illustration-panel-width);height:var(--illustration-panel-height);background:var(--illustration-panel-bg);border:var(--illustration-panel-border);border-radius:var(--illustration-panel-radius);padding:0;overflow:hidden;align-self:var(--illustration-panel-align);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:var(--illustration-panel-z);box-shadow:var(--illustration-panel-shadow)}.illustration-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:var(--illustration-container-overflow)}.illustration{position:absolute;width:var(--illustration-width);max-width:var(--illustration-max-width);top:var(--illustration-top);left:var(--illustration-left);opacity:0;transform:var(--illustration-transform);transition:opacity .6s cubic-bezier(.4, 0, .2, 1),transform .6s cubic-bezier(.4, 0, .2, 1);pointer-events:none;will-change:opacity,transform}.illustration.active{opacity:1;transform:var(--illustration-active-transform);pointer-events:auto}.illustration.exit-up{opacity:0;transform:var(--illustration-exit-up-transform)}.illustration.exit-down{opacity:0;transform:var(--illustration-exit-down-transform)}@media (max-width:1000px){.illustration-panel{position:relative;top:0;width:100%;height:auto;min-height:var(--illustration-panel-min-height);aspect-ratio:var(--illustration-panel-aspect)}}