.main{background:#f2f3f4;border-radius:16px;box-shadow:0 20px 40px -12px rgba(65,70,92,.25);display:flex;margin:4px 8px}.col{margin-bottom:2rem}.tabs{background:#f2f3f4;border-bottom-right-radius:16px;border-top-right-radius:16px;display:flex;flex-basis:80%;flex-wrap:wrap;padding:2rem}.tabs label{cursor:pointer;display:block;font-weight:700;margin-right:.2rem;order:1;transition:background .2s ease}.tabs .tab{flex-grow:1;order:99;width:100%}.tabs .tab,.tabs input[type=radio]{display:none}.tabs input[type=radio]:checked+.tab{display:block}.label-title{border-bottom:1px solid #39b54a;border-top-left-radius:16px;color:#20253f;font-size:24px;font-weight:700;line-height:1;padding:24px 24px 16px}@media (max-width:45em){.tabs .tab,.tabs label{order:0}.tabs label{margin-right:0;margin-top:.2rem;width:100%}.label-title,.sidebar label{font-size:12px}}.sidebar{background:#fcfcfc;border-bottom-left-radius:16px;border-top-left-radius:16px;display:flex;flex-basis:20%;flex-direction:column;min-width:80px}.sidebar label{background:#fff;border-bottom:1px solid #39b54a;cursor:pointer;display:block;font-weight:regular;margin-bottom:0;padding:1rem 1.2rem;transition:background .2s ease}.sidebar label:hover{background:#f3f9f9;font-weight:medium}.sidebar label.active{background:#2ca53a;color:#fff;font-weight:medium}