#tabs-list{list-style:none;text-align:center;border-bottom:1px solid #dfdfdf;margin:0;padding:0}#panel-1-ctrl,#panel-2-ctrl{Display:none}label.panel-label{user-select:none;display:block;width:100%;color:var(--tg-secondary-color);cursor:pointer;background-color:#ecf0f1;transition-property:background-color,color;transition-duration:200ms}label.panel-label:hover{color:var(--tg-primary-color)}#panels{background-color:white;width:99%;margin:0 auto}#panels .container{margin:0 auto;width:90%;padding:60px 0}#panels section header label.panel-label{padding:12px 24px;box-sizing:border-box}#panels section main{box-sizing:border-box;max-height:0;opacity:0;transition:opacity 600ms;overflow-y:hidden}#panel-1-ctrl:checked ~ #panels #panel-1 main{max-height:initial;opacity:1;padding:48px 24px}#panel-2-ctrl:checked ~ #panels #panel-2 main{max-height:initial;opacity:1;padding:48px 24px}@media all and (max-width:767px){#nav-ctrl:checked ~ #tabs-list #li-for-panel-1{max-height:46px;opacity:1}#nav-ctrl:checked ~ #tabs-list #li-for-panel-2{max-height:46px;opacity:1}#open-nav-label{display:block;position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}#nav-ctrl:checked ~ #tabs-list #open-nav-label{display:none}#close-nav-label{display:block;max-height:0;overflow-y:hidden;background-color:#444;color:#ecf0f1;padding:0;transition:max-height 200ms;cursor:pointer;text-transform:uppercase;font-size:12px;line-height:22px;letter-spacing:1px}#nav-ctrl:checked ~ #tabs-list #close-nav-label{max-height:36px;opacity:1;padding:12px 24px}#tabs-list{position:relative}#tabs-list label.panel-label{padding:12px 0}#tabs-list #li-for-panel-1{max-height:0;overflow-y:hidden;transition:max-height 200ms}#tabs-list #li-for-panel-2{max-height:0;overflow-y:hidden;transition:max-height 200ms}#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1{max-height:46px;opacity:1}#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label{background-color:white;color:var(--tg-primary-color);background-color:var(--tg-primary-color);color:white}#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2{max-height:46px;opacity:1}#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label{background-color:white;color:var(--tg-primary-color);background-color:var(--tg-primary-color);color:white}#panels .container{width:100%}#panels section header{display:block}}@media all and (min-width:768px){#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1{pointer-events:none;cursor:default;transform:translate3d(0,1px,0);box-shadow:none;border-right:0}#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last{border-right:1px solid transparent}#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1+li{border-left:1px solid #dfdfdf}#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label{background-color:white;color:var(--tg-primary-color);padding-top:26px}#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after{height:6px}#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2{pointer-events:none;cursor:default;transform:translate3d(0,1px,0);box-shadow:none;border-right:0}#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last{border-right:1px solid transparent}#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2+li{border-left:1px solid #dfdfdf}#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label{background-color:white;color:var(--tg-primary-color);padding-top:26px}#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after{height:6px}#tabs-list{text-align:center;border-bottom:1px solid #dfdfdf;width:99%;margin:0 auto}#tabs-list li{display:inline-block;text-align:center;font-size:.875em;width:18%;box-shadow:0 -2px 2px rgba(0,0,0,0.05);border-right:1px solid #dfdfdf;position:relative}#tabs-list li:hover{transition:none;border-right:0}#tabs-list li:hover.last{border-right:1px solid transparent}#tabs-list li:hover+li{border-left:1px solid #dfdfdf}#tabs-list li label.panel-label{position:relative;padding:24px 0}#tabs-list li label.panel-label::after{content:"";position:absolute;width:100%;left:0;bottom:100%;background-color:var(--tg-primary-color);height:0;transition-property:height;transition-duration:200ms}#tabs-list li label.panel-label:hover{padding-top:25px}#tabs-list li label.panel-label:hover::after{height:6px}#open-nav-label,#close-nav-label{display:none}#nav-ctrl{display:none}}.panel-radios{position:fixed;left:50%;top:10px;width:20px;opacity:.5;z-index:99}.panel-radios:nth-child(1){transform:translateX(-50px)}.panel-radios:nth-child(2){transform:translateX(-30px)}.panel-radios:nth-child(3){transform:translateX(-10px)}.panel-radios:nth-child(4){transform:translateX(10px)}.panel-radios:nth-child(5){transform:translateX(30px)}.panel-radios:nth-child(6){top:30px;transform:translateX(-10px);display:block}#introduction{width:90%;margin:0 auto;padding:48px 24px;color:white}#introduction h1{font-weight:300;text-align:center}label.demo-label{background-color:var(--tg-primary-color);color:white;padding:4px 8px;border-radius:2px;cursor:pointer;display:inline-block;user-select:none}label.demo-label:hover{background-color:#e74c3c}#demo-child-toggle{display:none}#demo-child-toggle:checked ~ #demo-parent #demo-child{color:var(--tg-primary-color);font-weight:bold;text-transform:uppercase}#demo-parent{margin-top:8px}code,pre{color:var(--tg-primary-color);background-color:#ecf0f1;border:1px solid #dfdfdf;border-radius:2px}code{padding:2px 6px}pre{padding:12px;line-height:1.6}pre strong{color:#444;font-weight:normal}