.playground-layout{display:flex;flex-direction:column;gap:var(--space-l);margin:0 auto;max-width:1024px;padding:var(--space-l)}.playground-info-box{align-items:start;border-radius:var(--space-corner-s);display:flex;flex-direction:row;gap:var(--space-m);padding:var(--space-l)}.playground-info-box--info{background-color:var(--color-info-background);border:1px solid var(--color-info)}.playground-info-box--info .playground-info-box__icon{color:var(--color-info)}.playground-info-box--warning{background-color:var(--color-warning-background);border:1px solid var(--color-warning)}.playground-info-box--warning .playground-info-box__icon{color:var(--color-warning)}.playground-info-box--error{background-color:var(--color-error-background);border:1px solid var(--color-error)}.playground-info-box--error .playground-info-box__icon{color:var(--color-error)}.playground-info-box--success{background-color:var(--color-success-background);border:1px solid var(--color-success)}.playground-info-box--success .playground-info-box__icon{color:var(--color-success)}.playground-info-box__content{display:flex;flex-direction:column;gap:var(--space-s);justify-content:space-between}.playground-info-box__title{line-height:1}.playground-info-box__icon{height:24px;width:24px}.playground-content-box{align-items:start;background-color:var(--background);border:1px solid var(--color-border);border-radius:var(--space-corner-s);display:flex;flex-direction:column;gap:var(--space-m);padding:var(--space-l);position:relative}.playground-content-box__title{background-color:var(--background-alternate);border-bottom:1px solid var(--color-border);border-radius:var(--space-corner-s) 0 var(--space-corner-xs) 0;border-right:1px solid var(--color-border);left:0;padding:var(--space-xs) var(--space-m);position:absolute;top:0}.playground-content-box__title-text{color:var(--color-text);font-size:13px;font-weight:500}