.atomic-design{z-index:50;background:#fff;-ms-flex-direction:column;flex-direction:column;grid-area:content;gap:20px;width:100%;top:120px;left:0}.atomic-design__items{-ms-flex-direction:column;flex-direction:column;gap:20px;padding:20px 10px;display:-ms-flexbox;display:flex}.atomic-design__items--elements{background-color:#f08080}.atomic-design__items--components{background-color:#9acd32}.atomic-design__items--boxes{background-color:#ff0}.atomic-design__items--artobjects{background-color:pink}.atomic-design__items--link-generator{color:#fff;background-color:purple}.atomic-design__item{background-color:#f1f1f1;border:1px solid #ccc;-ms-flex-direction:column;flex-direction:column;gap:20px;padding:20px 10px;display:-ms-flexbox;display:flex;position:relative}.atomic-design__item .atomic-design__item-toggle-btn{cursor:pointer}.atomic-design__item--visible .atomic-design__item-example,.atomic-design__item--visible .atomic-design__item-example-code{display:block}.atomic-design__item-btns{position:absolute;top:0;right:0}.atomic-design__item-btns button{color:#fff;cursor:pointer;background:#000;border:0;padding:5px}.atomic-design__item-example{background-color:#fff;border-radius:5px;padding:20px 10px;display:none;box-shadow:0 0 5px rgba(0,0,0,.1)}.atomic-design__item-example hr{border:1px solid #000}.atomic-design__item-example-code{color:#adff2f;white-space:pre;background-color:#000;border:1px solid #ccc;border-radius:5px;padding:20px 10px;display:none;overflow:scroll}.atomic-design__link-generator{-ms-flex-direction:column;flex-direction:column;gap:4px;display:-ms-flexbox;display:flex}.atomic-design__link-generator-output{-ms-flex-direction:column;flex-direction:column;gap:4px;margin-top:4px;display:-ms-flexbox;display:flex}.atomic-design__link-generator-output-item{color:#000;background-color:#fff;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;gap:10px;padding:4px;display:-ms-flexbox;display:flex}.atomic-design__link-generator-bar{box-sizing:border-box;border:1px solid #fff;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;gap:4px;width:100%;padding:4px;display:-ms-flexbox;display:flex}
/*# sourceMappingURL=blesk-dev.4b6281a037af75e400d9.css.map*/