input{position:absolute;opacity:0;z-index:-1}.row{display:flex}.row .col{flex:1 1;padding-left:0}.row .col:last-child{margin-left:1em}.tabs{border-radius:3px;border:1px solid #cfcfcf}.tab,.tabs{overflow:hidden}.tab{width:100%;color:546274}.tab-label{display:flex;justify-content:space-between;padding:1em;background:#fafafa;font-weight:700;cursor:pointer;border-bottom:1px solid #cfcfcf;margin-bottom:0}.tab-label:after{content:"❯";width:1em;height:1em;text-align:center;transition:all .35s}.tab-content{max-height:0;padding:0 1em;transition:all .35s;border-bottom:1px solid #cfcfcf}.tab-close{display:flex;justify-content:flex-end;padding:1em;font-size:.75em;background:var(--blue);cursor:pointer}input:checked+.tab-label:after{transform:rotate(90deg)}input:checked~.tab-content{max-height:100vh;padding:1em}