.Styleguide .container-example{margin:50px 0}.Styleguide .container-example .container{background:#f7f7f7}.Styleguide .container-example .col>div{height:50px;background:#ddd;position:relative}.Styleguide .container-example .col:first-child>div:before{position:absolute;content:"12";top:50%;right:calc(100% + 6px);transform:translate(50%, -50%);text-align:center}.Styleguide .container-example .col>div:after{position:absolute;content:"24";top:50%;left:calc(100% + 12px);transform:translate(-50%, -50%);text-align:center}.Styleguide .container-example .col:last-child>div:after{content:"12";left:calc(100% + 6px)}.Styleguide .colors{display:flex;flex-wrap:wrap}.Styleguide .colors>div{height:30px;width:30px;margin:12px}.Styleguide .padding-box{margin:30px 0;padding-left:24px;padding-right:24px;background:#f7f7f7}.Styleguide .Button{margin-bottom:50px}