input{position:absolute;opacity:0;z-index:-1}.tabs{border-radius:8px;overflow:hidden;box-shadow:0 4px 4px -2px rgba(0,0,0,0.5)}.tab{width:100%;color:white;overflow:hidden}.tab-label{display:flex;justify-content:space-between;padding:1em;background:#782929;font-weight:bold;cursor:pointer}.tab-label:hover{background:#521c1c}.tab-label::after{content:"\276F";width:1em;height:1em;text-align:center;transition:all .35s}.tab-content{max-height:0;padding:0 1em;color:white;background:#782929;transition:all .35s}.tab-close{display:flex;justify-content:flex-end;padding:1em;font-size:0.75em;background:#782929;cursor:pointer}.tab-close:hover{background:#521c1c}input:checked+.tab-label{background:#521c1c}input:checked+.tab-label::after{transform:rotate(90deg)}input:checked ~ .tab-content{max-height:100vh;padding:1em}