.Sidebar{align-items:stretch;display:flex}.Sidebar.static{flex:0 0 244px}.Sidebar.floating{bottom:0;box-shadow:4px 4px 15px rgba(0,0,0,.25);position:absolute;right:0;top:0}.Sidebar.floating>.overlay{bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0}.Sidebar.floating>.content{overflow:scroll;z-index:3}.Sidebar>.content{background-color:#f2f2f2;border:1px solid #ccc;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:16px;position:relative;width:244px}.Sidebar>.content h3{font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:24px;color:#666;text-transform:uppercase}.Sidebar.wide.static{flex-basis:300px}.Sidebar.wide>.content{width:300px}.StatusMessage{font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:24px;align-items:center;background-color:#fff;border:1px solid;display:flex;gap:15px;justify-content:space-between;margin:8px 0;padding:8px 15px}.StatusMessage:first-child{margin-top:0}.StatusMessage:last-child{margin-bottom:0}.StatusMessage.info{border-color:#1f934e}.StatusMessage.info>.icon{color:#1f934e}.StatusMessage.warning{border-color:#f47920}.StatusMessage.warning>.icon{color:#f47920}.StatusMessage.error{border-color:#e84141}.StatusMessage.error>.icon{color:#e84141}.StatusMessage.hidden{visibility:hidden}.StatusMessage .content a{color:#0076c0}.Switch{align-items:center;border-radius:11px;border:1px solid;box-sizing:border-box;cursor:pointer;height:23px;padding:1px;position:relative;transition:background-color .25s,border-color .25s;width:42px}.Switch:disabled{cursor:not-allowed}.Switch:before{background-color:red;border-radius:9px;content:"";display:block;height:19px;position:absolute;top:1px;transition:left .25s;width:19px}.Switch.off{background-color:#fff;border-color:#0076c0}.Switch.off:before{background-color:#0076c0;left:1px}.Switch.off:hover{background-color:#fff;border-color:#004b7b}.Switch.off:hover:before{background-color:#004b7b}.Switch.off:disabled{background-color:#fff;border-color:#999}.Switch.off:disabled:before{background-color:#999}.Switch.on{background-color:#0076c0;border-color:#0076c0}.Switch.on:before{background-color:#fff;left:20px}.Switch.on:hover{background-color:#004b7b;border-color:#004b7b}.Switch.on:hover:before{background-color:#fff}.Switch.on:disabled{background-color:#999;border-color:#999}.Switch.on:disabled:before{background-color:#fff}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:url(/fonts/Roboto-Light.ttf) format("truetype"),url(/fonts/Roboto-Light.woff2) format("woff2"),url(/fonts/Roboto-Light.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/fonts/Roboto-Regular.ttf) format("truetype"),url(/fonts/Roboto-Regular.woff2) format("woff2"),url(/fonts/Roboto-Regular.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/fonts/Roboto-Medium.ttf) format("truetype"),url(/fonts/Roboto-Medium.woff2) format("woff2"),url(/fonts/Roboto-Medium.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/fonts/Roboto-Bold.ttf) format("truetype"),url(/fonts/Roboto-Bold.woff2) format("woff2"),url(/fonts/Roboto-Bold.woff) format("woff")}.SimulationInstruction{display:flex;box-sizing:border-box}@media(max-width:811px){.SimulationInstruction{flex-direction:column}}.SimulationInstruction .icons{display:flex;align-items:center;justify-content:space-between;gap:12px}.SimulationInstruction .text{display:flex;gap:4px;color:#999;justify-content:space-between;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.SimulationInstruction .instruction{border:2px solid #ccc;padding:8px 24px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.PlaygroundPage>.content{margin:0 auto;max-width:1160px;padding:0 30px}.PlaygroundPage>.content h2{margin:30px 0 10px}.PlaygroundPage>.content .components{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:10px 10px 30px;justify-content:flex-start}.PlaygroundPage>.content .components.column{display:block}