.qodef-core-dashboard{max-width:initial!important}.qodef-core-dashboard .qodef-core-dashboard-inner{margin:0 -15px;display:inline-block;width:100%}.qodef-core-dashboard .qodef-cd-logo{display:inline-block;vertical-align:middle;padding-right:15px;width:62px}.qodef-core-dashboard .qodef-cd-title{display:inline-block;vertical-align:middle;font-size:41px;font-weight:400;margin:0}.qodef-core-dashboard .qodef-cd-title-holder{margin-bottom:30px}.qodef-core-dashboard .qodef-cd-subtitle{font-size:18px;line-height:25px;font-weight:400;color:#555d66;max-width:610px;margin:10px 0 30px}.qodef-core-dashboard .qodef-core-dashboard-column{float:left;width:100%;max-width:610px;padding:0 15px}@media only screen and (max-width:1600px){.bridge-dashboard_page_system-info .qodef-core-dashboard .qodef-core-dashboard-column{max-width:initial;width:50%;box-sizing:border-box}}@media only screen and (max-width:768px){.bridge-dashboard_page_system-info .qodef-core-dashboard .qodef-core-dashboard-column{width:100%}}.qodef-core-dashboard .qodef-core-dashboard-column.qodef-cd-smaller-column{max-width:380px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box{background-color:#fff}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-core-bottom-space{margin-bottom:30px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder{padding:28px 34px 23px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder p{margin:19px 0 0;padding:0;font-size:16px;line-height:22px;font-weight:400;color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-cd-import-box .qodef-cd-box-title-holder p{font-size:14px;line-height:20px;margin:17px 0 0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-cd-import-box .qodef-cd-label{font-weight:600;margin-bottom:15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box h2{margin:0;padding:0;font-size:25px;font-weight:400;color:#32373c;text-align:left}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box h3{margin:0;padding:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-field-holder{padding-bottom:30px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-label{display:block;color:#555d66;font-size:14px;margin-bottom:7px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input{border:none;border-bottom:1px solid #c2c2c2;outline:0;width:50%;box-shadow:none;color:#555d66;font-size:14px;padding:4px 0;margin:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus{outline:0;border-color:#c2c2c2}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus::-webkit-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus:-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus::-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus:-ms-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input::-webkit-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input::-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-ms-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:active,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:focus,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill{-webkit-text-fill-color:#666!important}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-error-field{border-bottom-color:#ee3535}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-error-message{display:block;color:#ee3535;font-size:12px;margin-top:5px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cdb-problem{border:1px solid #e1e1e1;border-left:3px solid #ee3535;padding:15px;margin-bottom:25px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cdb-problem p{font-size:12px;line-height:18px;font-weight:600;margin:0;padding:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box:last-child .qodef-cd-box-row:last-child{padding-bottom:10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button{padding:7px 35px;font-size:16px;line-height:1em;color:#fff;background-color:#3596ee;border:none;border-radius:5px;box-shadow:0 2px 0 0 #246eae;cursor:pointer}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button.qodef-cd-button-disabled,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button.qodef-import-demo-data-disabled{background-color:#6bb4f7}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button-wait{display:none;font-size:12px;color:#3596ee;margin-left:15px;font-weight:400}.qodef-core-dashboard .qodef-core-dashboard-column a.qodef-cd-button{text-decoration:none}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-section{padding:0 35px 10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-section h3{padding:0;margin:0 0 24px;color:#555d66;font-size:17px;line-height:20px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list{padding:10px 35px;margin:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list li{font-size:15px;margin:0 0 25px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list li a{color:#3675ae}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-row{display:table;padding:0 20px;border-bottom:1px solid #f1f1f1;width:100%;box-sizing:border-box;font-size:14px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-label,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value{display:table-cell;width:50%;padding:17px 15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value{color:#3e87be}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value-false span{color:#ea3a27}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form{padding:0 30px 10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section{padding:0 0 28px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns{display:flex;margin:0 -15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column{padding:0 15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column:first-child{width:75%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column:last-child{width:25%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .qodef-cd-import-option,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .qodef-import-demo{width:100%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single{border-radius:0;border-color:#e1e1e1;height:34px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__arrow{height:32px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-is-completed,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-went-wrong{display:none;color:#3596ee;font-size:14px;font-weight:600}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-went-wrong a{color:inherit}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section-dependency,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section-progress{display:none}#qodef-progress-bar[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:5px}#qodef-progress-bar[value]::-webkit-progress-bar{background-color:#fff;border:1px solid #e1e1e1;border-radius:0}#qodef-progress-bar{color:#3596ee}#qodef-progress-bar::-moz-progress-bar{background:#3596ee}#qodef-progress-bar::-webkit-progress-value{background:#3596ee}#qodef-progress-bar[aria-valuenow]:before{background:#3596ee}.qodef-cd-selection li.select2-results__option{padding:10px;margin:0}.qodef-cd-selection img{vertical-align:middle;padding-right:20px}.select2-container--default .qodef-cd-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .qodef-cd-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.qodef-cd-action-selection li.select2-results__option,.qodef-cd-single-page-selection li.select2-results__option{margin:0}.select2-container--default .qodef-cd-action-selection .select2-results__option[aria-selected=true],.select2-container--default .qodef-cd-single-page-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .qodef-cd-action-selection .select2-results__option--highlighted,.select2-container--default .qodef-cd-single-page-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.qodef-cd-import-single-page{width:100%}.qode-cd-switch{display:inline-block;border:1px solid #e1e1e1;border-radius:40px;overflow:hidden}.qode-cd-switch .qodef-cd-import-attachments{display:none}.qode-cd-switch .qode-cd-cb-disable,.qode-cd-switch .qode-cd-cb-enable{display:block;float:left;padding:0 10px}.qode-cd-switch .qode-cd-cb-disable.selected,.qode-cd-switch .qode-cd-cb-enable.selected{background-color:#3596ee;color:#fff}.qode-cd-switch .qode-cd-cb-disable span,.qode-cd-switch .qode-cd-cb-enable span{line-height:32px;font-size:13px;display:block;font-weight:700}.qodef-cd-demos-list{position:relative;display:inline-block;width:100%;vertical-align:middle;background:#fff;box-sizing:border-box;padding:45px 35px}.qodef-cd-demos-list article{position:relative;display:inline-block;width:100%;vertical-align:middle;box-sizing:border-box}.touchevents .qodef-cd-demos-list article{cursor:pointer}.qodef-cd-demos-list article .qodef-cd-demo-item-inner{position:relative;display:inline-block;width:100%;vertical-align:middle}.qodef-cd-demos-list article .qodef-cd-di-image{margin:0 0 22px;position:relative}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:1;opacity:0;background-color:#fff;transition:opacity .3s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner{display:flex;justify-content:center;flex-direction:column;text-align:center;height:100%}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-links-holder{display:flex;justify-content:center;align-items:center}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link{padding:0 12px}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a{font-size:11px;text-transform:uppercase;color:#272727;font-weight:500;letter-spacing:1.3px;text-decoration:none}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a:focus{outline:0;box-shadow:none}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a svg{transition:all .3s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a:hover svg{animation:qode-arrow-move .7s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-description-holder p{font-size:13px;line-height:16px;color:#b5b5b5;margin:5px 0 0}.qodef-cd-demos-list article .qodef-cd-di-image:hover .qodef-cd-di-image-overlay{opacity:1}.qodef-cd-demos-list article .qodef-cd-di-image img{box-shadow:0 0 9px 4px rgba(0,0,0,.05)}.qodef-cd-demos-list article .qodef-cd-di-text{padding-bottom:10px}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-title{padding:0;margin:0;font-size:18px;line-height:25px;font-weight:400}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories{font-size:14px;font-weight:400;color:#555d66}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span{position:relative;display:inline-block;vertical-align:middle;padding:0;margin:0 7px 0 0}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span:after{position:absolute;top:0;right:-4px;content:', ';color:inherit;line-height:inherit}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span:last-child:after{display:none}.qodef-cd-demos-list.qodef-cd-no-space article{padding:0;margin:0}.qodef-cd-demos-list.qodef-cd-tiny-space article{padding:0 5px;margin:0 0 10px}.qodef-cd-demos-list.qodef-cd-small-space article{padding:0 10px;margin:0 0 20px}.qodef-cd-demos-list.qodef-cd-normal-space article{padding:0 15px;margin:0 0 30px}.qodef-cd-demos-list.qodef-cd-medium-space article{padding:0 25px;margin:0 0 50px}.qodef-cd-demos-list.qodef-cd-large-space article{padding:0 30px;margin:0 0 60px}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-demos-list-inner{opacity:0}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry article{width:100%}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-grid-gutter{width:0}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns article{width:50%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:33.33333%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:25%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article{width:20%}.qodef-cd-demos-list .qodef-cd-demos-filter-holder{padding:0 0 60px 25px}.qodef-cd-demos-list .qodef-cd-dlf-search{position:relative;width:250px;padding-right:30px;display:inline-block}.qodef-cd-demos-list .qodef-cd-dlf-search .qodef-cd-dlf-search-icon{position:absolute;left:0;top:50%;margin-top:-11px;color:#3594cd}.qodef-cd-demos-list .qodef-cd-dlf-search input{width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #c2c2c2;box-shadow:none;padding-left:25px;outline:0;font-size:14px;line-height:26px;color:#555d66}.qodef-cd-demos-list .qodef-cd-dlf-filter{position:relative;display:inline-block;vertical-align:bottom}.qodef-cd-demos-list .qodef-cd-dfl-filter-list{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;list-style:none}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li{position:relative;display:inline-block;vertical-align:middle;padding:0 10px;margin:0;float:left;cursor:pointer;opacity:1;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li span{position:relative;display:inline-block;vertical-align:middle;color:#555d66;font-size:16px;font-weight:600;line-height:20px;white-space:nowrap;border-bottom:1px solid transparent;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;transition:color .2s ease-out}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li.qodef-cd-demos-current span,.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li:hover span{border-bottom-color:#3596ee;color:#3596ee}#qodef-demo-import-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3)}#qodef-demo-import-popup .qodef-import-popup-close{position:absolute;right:25px;top:25px;text-decoration:none;color:#000}#qodef-demo-import-popup .qodef-core-dashboard{margin:0;padding:27px 40px 2px;background-color:#fff;position:relative}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column{max-width:670px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder{padding:0;margin:0 0 33px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form{padding:0}#qodef-demo-import-popup .qodef-core-dashboard .qodef-import-popup-image-holder{max-width:205px;margin-right:19px;display:inline-block;vertical-align:top}#qodef-demo-import-popup .qodef-core-dashboard .qodef-import-popup-image-holder img{display:block;max-width:100%}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder{display:inline-block;vertical-align:top;max-width:calc(100% - 230px);border:1px solid #e1e1e1;border-left:3px solid #3596ee;box-sizing:border-box;padding:16px 17% 11px 18px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p{margin:0;font-size:12px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p.qode-demo-plugins-intall-main-title{margin:0 0 7px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qode-demo-plugin-install-link{color:#4b9eef;text-decoration:none}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qode-demo-plugin-intalled{color:#6ab375}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder .spinner{float:none;margin-top:0}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder .spinner.active{visibility:visible}@media only screen and (max-width:1440px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:33.33333%}}@media only screen and (max-width:1400px){.qodef-cd-dlf-filter{display:block;padding-top:30px}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li{padding:5px 10px}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li span{line-height:26px}}@media only screen and (max-width:1280px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:33.33333%}}@media only screen and (max-width:1024px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:33.33333%}}@media only screen and (max-width:768px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:50%}}@media only screen and (max-width:600px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns article{width:100%}}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--sep:20px;--bottom:var(--sep);--s:60px;--h:calc(var(--s)/2);--ch:142;--cs:70%;--cl:49%;--bw:1;--text:hsl(0deg 0% clamp(0%,var(--bw)*1000%,100%)/clamp(70%,var(--bw)*1000%,100%));--hover:hsl(var(--ch) var(--cs) calc(var(--cl) + 20%));--color:hsl(var(--ch) var(--cs) var(--cl));display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--noanim{animation:none}.joinchat__button{position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);width:var(--s);background:#25d366 var(--joinchat-ico) 50%/60% no-repeat;color:inherit;border-radius:50%;box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background-color:#128c7e}.joinchat__button:active{background-color:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat__button__ico{position:absolute;inset:0;display:flex;border-radius:50%;overflow:hidden;color:var(--text)!important}.joinchat__button__ico svg{width:var(--ico-size,100%);height:var(--ico-size,100%);margin:calc((100% - var(--ico-size, 1))/2)}.joinchat__button:has(.joinchat__button__ico){background:var(--color);box-shadow:1px 6px 24px 0 hsl(var(--ch) var(--cs) calc(var(--cl) - 10%)/24%)}.joinchat__button:has(.joinchat__button__ico):active,.joinchat__button:has(.joinchat__button__ico):hover{background:var(--hover)}.joinchat__button__image{position:absolute;inset:1px;border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img,.joinchat__button__image video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--img .joinchat__button__image{opacity:1;animation:none}.joinchat__tooltip{position:absolute;top:calc(var(--h) - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;z-index:2;bottom:calc(var(--s) + 24px);right:8px;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--h) - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:8px;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--h) - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0;image-rendering:pixelated}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--sep:6px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover~.joinchat__qr{display:flex}}@media (prefers-reduced-motion){.joinchat{animation:none}}