.common-button_close_black{background-image:url(https://static.tech.io/assets/common.a96c76b2.png);background-position:-74px -80px;width:12px;height:12px;background-repeat:no-repeat}.common-button_close{background-image:url(https://static.tech.io/assets/common.a96c76b2.png);background-position:-50px -80px;width:24px;height:24px;background-repeat:no-repeat}.common-company_no_logo{background-image:url(https://static.tech.io/assets/common.a96c76b2.png);background-position:0px -80px;width:50px;height:50px;background-repeat:no-repeat}.common-icon_actions{background-image:url(https://static.tech.io/assets/common.a96c76b2.png);background-position:-50px -104px;width:4px;height:18px;background-repeat:no-repeat}.common-icon_drag_your_pic_here{background-image:url(https://static.tech.io/assets/common.a96c76b2.png);background-position:0px 0px;width:128px;height:80px;background-repeat:no-repeat}.common-icon_settings{background-image:url(https://static.tech.io/assets/common.a96c76b2.png);background-position:-86px -80px;width:12px;height:12px;background-repeat:no-repeat}.common-icon_wrong{background-image:url(https://static.tech.io/assets/common.a96c76b2.png);background-position:-128px 0px;width:80px;height:80px;background-repeat:no-repeat}.embed-snippet-tooltip{position:relative;padding:15px 15px 20px 20px;background-color:#fff;border:1px solid #e7e7e7;border-radius:5px}.embed-snippet-tooltip:before,.embed-snippet-tooltip:after{position:absolute;content:" ";bottom:100%;height:0;width:0;pointer-events:none;border:solid rgba(0,0,0,0)}.embed-snippet-tooltip:before{right:49px;border-width:11px;border-bottom-color:#e7e7e7}.embed-snippet-tooltip:after{right:50px;border-width:10px;border-bottom-color:#fff}.embed-snippet-tooltip .embed-snippet-tooltip_title{color:#41a3d0;text-transform:uppercase;font-size:15px;font-weight:600}.embed-snippet-tooltip .embed-snippet-tooltip_close-button{position:absolute;top:0;right:0;width:40px;height:40px}.embed-snippet-tooltip .embed-snippet-tooltip_close-icon{position:absolute;top:15px;right:15px}.embed-snippet-tooltip .embed-snippet-tooltip_code{width:100%;resize:none;font-size:14px;margin-top:5px}.embed-snippet-tooltip .embed-snippet-tooltip_code,.embed-snippet-tooltip .embed-snippet-tooltip_code:focus{border:none;background-color:initial}
.snippet-editor{border-radius:5px;overflow:hidden}.snippet-editor>:first-child{border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}.snippet-editor>:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:hidden}.snippet-editor .snippet-editor_code-editor{display:flex;flex-direction:column;min-height:200px;border:1px solid #e7e7e7;border-bottom:none}.snippet-editor .snippet-editor_code-editor .code-editor{flex:1;flex-basis:auto}.snippet-editor .snippet-editor_play-result{display:block;border:1px solid #e7e7e7;border-top:none}
.snippet-embed-button{position:relative;height:100%;width:100%}.snippet-embed-button .snippet-embed-button_button{height:100%;width:100%;padding:0 30px;font-weight:400}.snippet-embed-button .snippet-embed-button_button:disabled{opacity:.5;cursor:default}.snippet-embed-button .snippet-embed-button_flex-wrapper{display:flex;align-items:center;justify-content:center}.snippet-embed-button .snippet-embed-button_label{margin-left:15px}.snippet-embed-button .snippet-embed-button_tooltip{position:absolute;top:calc(100% + 40px);right:0;width:100vw;max-width:460px;margin:0 50px;z-index:50}
.snippet-header{display:flex;justify-content:space-between;flex-wrap:wrap;background-color:#fff;font-size:18px;border-bottom:1px solid #e7e7e7}.snippet-header .snippet-header_logo,.snippet-header .snippet-header_runtime-picker,.snippet-header .snippet-header_save-button,.snippet-header .snippet-header_embed-button{height:60px}.snippet-header .snippet-header_logo{display:flex;align-items:center;padding-right:30px;border-right:1px solid #e7e7e7}.snippet-header .snippet-header_logo-link{height:100%;display:flex;align-items:center}.snippet-header .snippet-header_logo-techio{margin-left:33px;margin-bottom:2px}.snippet-header .snippet-header_logo-snippet{margin-left:13px}.snippet-header .snippet-header_logo-label{margin-left:13px;font-size:17px;white-space:pre}.snippet-header .snippet-header_buttons{display:flex;flex-wrap:wrap}.snippet-header .snippet-header_runtime-picker,.snippet-header .snippet-header_save-button,.snippet-header .snippet-header_embed-button{border-left:1px solid #e7e7e7}.snippet-header .snippet-header_runtime-picker{display:flex}@media screen and (max-width: 1500px){.snippet-header .snippet-header_logo{border-right:none}}@media screen and (max-width: 1120px){.snippet-header .snippet-header_logo,.snippet-header .snippet-header_buttons{width:100vw}.snippet-header .snippet-header_logo{justify-content:center;border-bottom:1px solid #e7e7e7;padding-right:0}.snippet-header .snippet-header_runtime-picker,.snippet-header .snippet-header_save-button,.snippet-header .snippet-header_embed-button{flex:1}.snippet-header .snippet-header_runtime-picker{border-left:none}}@media screen and (max-width: 600px){.snippet-header .snippet-header_logo-label{display:none}.snippet-header .snippet-header_runtime-picker{width:100vw;flex:none;border-bottom:1px solid #e7e7e7}.snippet-header .snippet-header_save-button{border-left:none}}
.snippet-page_body{width:100%;max-width:1100px;margin:auto;padding:40px}@media screen and (max-width: 900px){.snippet-page_body{padding:20px}}.snippet-page_body .snippet-page_body-actions{margin:22px 0;text-align:center;font-size:15px;font-weight:400}.snippet-page_body .snippet-page_body-actions .snippet-page_tty-checkbox-label{cursor:pointer}.snippet-page_body .snippet-page_body-actions .snippet-page_tty-checkbox-label:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBpZD0iQ2hlY2tfT0ZGXzE2IiBkPSJNODkyLjAxMiAxNDMySDg4MmEzLjAwOCAzLjAwOCAwIDAgMS0zLTN2LTEwYTMuMDA4IDMuMDA4IDAgMCAxIDMtM2gxMC4wMWEzLjAwOCAzLjAwOCAwIDAgMSAzIDN2MTBhMy4wMDggMy4wMDggMCAwIDEtMi45OTggM1pNODgyIDE0MThhMSAxIDAgMCAwLTEgMXYxMGExIDEgMCAwIDAgMSAxaDEwLjAxYTEgMSAwIDAgMCAxLTF2LTEwYTEgMSAwIDAgMC0xLTFIODgyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg3OSAtMTQxNikiIHN0eWxlPSJmaWxsOiM0MWEzZDA7ZmlsbC1ydWxlOmV2ZW5vZGQiLz48L3N2Zz4=);display:inline-block;vertical-align:middle;margin-right:10px;width:16px;height:16px}.snippet-page_body .snippet-page_body-actions .snippet-page_tty-checkbox-label-content{display:inline-block;vertical-align:middle}.snippet-page_body .snippet-page_body-actions #snippet-page_tty-checkbox{display:none}.snippet-page_body .snippet-page_body-actions #snippet-page_tty-checkbox:checked+.snippet-page_tty-checkbox-label:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBpZD0iQ2hlY2tfT05fMTYiIGQ9Ik04OTIuMDEyIDE0MTJIODgyYTMuMDA4IDMuMDA4IDAgMCAxLTMtM3YtMTBhMy4wMDggMy4wMDggMCAwIDEgMy0zaDEwLjAxYTMuMDA4IDMuMDA4IDAgMCAxIDMgM3YxMGEzLjAwOCAzLjAwOCAwIDAgMS0yLjk5OCAzWk04ODIgMTM5OGExIDEgMCAwIDAtMSAxdjEwYTEgMSAwIDAgMCAxIDFoMTAuMDFhMSAxIDAgMCAwIDEtMXYtMTBhMSAxIDAgMCAwLTEtMUg4ODJabTUgOWEuOTc4Ljk3OCAwIDAgMS0uNjI0LS4yMmwtMy0yYTEgMSAwIDAgMSAxLjI0OS0xLjU2bDIuMjUzIDEuNCAyLjM3MS0zLjI4YTEgMSAwIDAgMSAxLjUgMS4zMmwtMyA0YTEuMDE1IDEuMDE1IDAgMCAxLS43NDkuMzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODc5IC0xMzk2KSIgc3R5bGU9ImZpbGw6IzQxYTNkMDtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjwvc3ZnPg==)}
.snippet-runtime-picker{position:relative;flex:1}.snippet-runtime-picker .snippet-runtime-picker_button{width:100%;height:100%;padding:0 30px;font-weight:600;white-space:nowrap}.snippet-runtime-picker .snippet-runtime-picker_flex-wrapper{display:flex;align-items:center;justify-content:center}.snippet-runtime-picker .snippet-runtime-picker_button-container{position:relative;display:flex;align-items:center}.snippet-runtime-picker .snippet-runtime-picker_circle{position:absolute;left:100%;display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#febf04;margin-left:10px}@-webkit-keyframes blink{0%{opacity:0}16%{opacity:1}50%{opacity:1}67%{opacity:0}100%{opacity:0}}@-moz-keyframes blink{0%{opacity:0}16%{opacity:1}50%{opacity:1}67%{opacity:0}100%{opacity:0}}@-ms-keyframes blink{0%{opacity:0}16%{opacity:1}50%{opacity:1}67%{opacity:0}100%{opacity:0}}@keyframes blink{0%{opacity:0}16%{opacity:1}50%{opacity:1}67%{opacity:0}100%{opacity:0}}.snippet-runtime-picker .snippet-runtime-picker_circle{animation:blink 3s infinite}.snippet-runtime-picker .snippet-runtime-picker_label{color:#41a3d0;white-space:pre}.snippet-runtime-picker .snippet-runtime-picker_selected-runtime{margin:0 10px}.snippet-runtime-picker .snippet-runtime-picker_dropdown-icon{margin-top:3px}.snippet-runtime-picker .snippet-runtime-picker_dropdown-container{position:absolute;top:100%;right:0;left:0;z-index:50;height:80vh;max-height:600px;margin:auto;overflow:auto;border:1px solid #e7e7e7;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.snippet-runtime-picker .snippet-runtime-picker_dropdown{display:flex;flex-direction:column;background-color:#fff;box-shadow:0 2px 0px 0px #e7e7e7}.snippet-runtime-picker .snippet-runtime-picker_dropdown-item{height:40px;display:flex;align-items:center;justify-content:center;color:#666;font-weight:400;transition:opacity .2s}.snippet-runtime-picker .snippet-runtime-picker_dropdown-item:not(:first-child){border-top:1px solid #e7e7e7}.snippet-runtime-picker .snippet-runtime-picker_dropdown-item.selected{background-color:#41a3d0;color:#fff;cursor:default}.snippet-runtime-picker .snippet-runtime-picker_dropdown-item:not(.selected):hover{opacity:.7}
.snippet-save-button{position:relative;height:100%;width:100%}.snippet-save-button .snippet-save-button_button{height:100%;width:100%;padding:0 30px;font-weight:400}.snippet-save-button .snippet-save-button_button:disabled{opacity:.5;cursor:default}.snippet-save-button .snippet-save-button_flex-wrapper{display:flex;align-items:center;justify-content:center}.snippet-save-button .snippet-save-button_label{margin-left:15px}.snippet-save-button .snippet-save-button_notification{position:absolute;top:calc(100% + 40px);left:10px;width:230px;padding:20px;display:flex;align-items:center;background-color:#41a3d0;color:#fff;border-radius:5px;z-index:50;transition:opacity .2s ease-out}.snippet-save-button .snippet-save-button_notification:after{position:absolute;content:" ";bottom:100%;left:20px;height:0;width:0;pointer-events:none;border:10px solid rgba(0,0,0,0);border-bottom-color:#41a3d0}.snippet-save-button .snippet-save-button_notification.ng-enter{opacity:0}.snippet-save-button .snippet-save-button_notification.ng-enter.ng-enter-active{opacity:1}.snippet-save-button .snippet-save-button_notification.ng-leave{opacity:1}.snippet-save-button .snippet-save-button_notification.ng-leave.ng-leave-active{opacity:0}.snippet-save-button .snippet-save-button_notification_content{display:flex;flex-direction:column;margin-left:19px}.snippet-save-button .snippet-save-button_notification_title{font-size:20px;font-weight:600}.snippet-save-button .snippet-save-button_notification_subtitle{font-size:12px;font-weight:400}
.snippet-widget{max-height:100vh;overflow-y:auto}

/*# sourceMappingURL=snippet-89104e25.css.map*/