*{padding:0;margin:0;box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.examples{height:100vh;width:100vw}.examples>.container{display:flex;flex-direction:row;padding-left:1.5rem;background-color:#fff}@media screen and (max-width: 768px){.examples>.container{flex-direction:column}}.examples>.container>div{display:flex;flex-direction:column;border:1px solid red;padding:.5rem;width:50%}@media screen and (max-width: 768px){.examples>.container>div{width:100%;height:auto}}.examples>.container>ol{padding-inline-start:1rem;border:1px solid green}.content{font-size:2rem}h1{font-size:2.15rem;font-weight:700;padding:1rem 0}html,body,#root{width:100vw;height:100vh}.react-tabs{height:100%}.trd-page{box-sizing:border-box;height:100%;width:100%;background-color:#ff00ff1a;padding:.65rem}.trd-page__content{display:flex;flex-direction:row}.trd-example,.trd-demo{box-sizing:border-box;height:100%;width:50%}.trd-example{background-color:#add8e6}.trd-demo{background-color:#f08080}.trd-even{background-color:#90ee90}.trd-odd{background-color:#ffffe0}:root{--trd-color: 255, 100, 200;--trd-bg-color: 0, 100, 200}ol.trd-error-list{border:.2rem double rgb(var(--trd-bg-color));background-color:rgba(var(--trd-bg-color),.1);list-style-type:none;box-sizing:border-box;padding:.5rem;margin:0}.trd-error-list>li{color:#000;background-color:rgba(var(--trd-color),.1);padding:.125rem;margin:.125rem;border:2px solid rgb(var(--trd-color));font-size:1.5rem;font-family:monospace}.trd-error-list>li:before{content:"🛈 ";font-size:1.5rem;padding-left:.125rem;margin-right:.125rem}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{display:inline-block;border:1px solid transparent;border-bottom:none;bottom:-1px;position:relative;list-style:none;padding:6px 12px;cursor:pointer}.react-tabs__tab--selected{background:#fff;border-color:#aaa;color:#000;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;bottom:-5px;background:#fff}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}