.tab-wrapper input{position:absolute;opacity:0;z-index:-1}.closer{display:none}.tab{width:100%;color:#fff;padding-bottom:20;margin-bottom:20;overflow:hidden}.display-flex{display:flex}.tab-label{justify-content:space-between;padding:1em;background:#fff;font-weight:700;cursor:pointer;color:#00a1db;border:1px solid #a2add6}.tab-label:after{content:"\276F";width:1em;height:1em;text-align:center;transition:all .35s}.tab-content{max-height:0;padding:0 1em;color:#2c3e50;background:#fff;transition:all .35s}.tab-close{display:flex;justify-content:flex-end;padding:1em;font-size:.75em;background:#2c3e50;cursor:pointer}.tab-close:hover{background:#1a252f}.collapser:checked+.tab-label{background:#00a1db;color:#fff}.collapser:checked+.tab-label:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.collapser:checked~.tab-content{max-height:100vh;padding:1em}