.x-block-swap{box-shadow:0 0 5px #0000001a;display:inline-flex;flex-wrap:wrap;overflow:hidden;background:#fff;padding-bottom:5px}.tab-label{color:#888;background:#d9d9d9;cursor:pointer;flex:1;font-weight:700;order:-1;padding:12px 24px;position:relative;text-align:center;transition:cubic-bezier(.4,0,.2,1) .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}.tab-label:hover{background:#00bfff1a}.tab-checkbox:checked+.tab-label{color:#00bfff;background:#fff;opacity:.9}.tab-label:after{background-color:#00bfff;top:0;content:"";display:block;height:5px;left:0;opacity:0;pointer-events:none;position:absolute;transform:translate(100%);transition:cubic-bezier(.4,0,.2,1) .2s 80ms;width:100%;z-index:1}.tab-checkbox:checked~.tab-label:after{transform:translate(-100%)}.tab-checkbox:checked+.tab-label:after{opacity:1;transform:translate(0)}.tab-content{height:0;opacity:0;pointer-events:none;transform:translate(-30%);transition:transform .3s 80ms,opacity .3s 80ms;width:100%}.tab-checkbox:checked~.tab-content{transform:translate(30%)}.tab-checkbox:checked+.tab-label+.tab-content{height:auto;opacity:1;order:1;pointer-events:auto;transform:translate(0)}.x-block-swap:after{content:"";order:-1;width:100%}.tab-checkbox{display:none}