:root{--gray-darker:#3c3c3c;--gray-dark:#5a5a5a;--gray-base:#7d7d7d;--gray-light:#a0a0a0;--gray-lighter:#c8c8c8;--gray-lightest:#e6e6e6;--white-slightly:#f5f5f5}.tabs{display:flex;flex-wrap:wrap;background:var(--gray-lightest);box-shadow:0 48px 80px -32px rgba(0,0,0,.3)}.input{position:absolute;opacity:0}.label{width:100%;padding:20px 30px;background:var(--gray-lightest);cursor:pointer;font-weight:700;font-size:18px;color:var(--gray-dark);transition:background .1s,color .1s}@media (min-width:600px){.label{width:auto}}.label:hover{background:var(--gray-lighter)}.label:active{background:var(--white-base)}.input:focus+.label{box-shadow:inset 0 0 0 3px var(--purple-light);z-index:1}.input:checked+.label{color:var(--black-base)}.input:checked+.label,.panel{background:var(--white-slightly)}.panel{display:none;padding:20px 30px 30px;width:100%}@media (min-width:600px){.panel{order:99}}.input:checked+.label+.panel{display:block}
/*# sourceMappingURL=/tabs.809dbfc8.css.map */