.cocopopup-svg-block img{max-width:24px}.cocopopup.editor{display:block;left:auto!important;position:relative!important;top:auto!important;transform:none!important;z-index:0!important}.cocopopup.is-selected{border:none}.cocopopup-editor-content{align-items:center;background-color:azure;border:1px dashed #ccc;border-radius:4px;display:flex;height:100px;justify-content:center;margin-bottom:20px;width:100%}.cocopopup-editor-content.bouncePopup{animation-duration:var(--duration-animation-popup-editor);animation-fill-mode:both;animation-name:bouncePopup}.cocopopup-editor-content.shake{animation-name:shakePopup}.cocopopup-editor-content.fadeInPopup,.cocopopup-editor-content.flipInPopup,.cocopopup-editor-content.shake,.cocopopup-editor-content.slideBottom,.cocopopup-editor-content.slideLeft,.cocopopup-editor-content.slideRight,.cocopopup-editor-content.slideTop,.cocopopup-editor-content.wobblePopup{animation-duration:var(--duration-animation-popup-editor);animation-timing-function:ease-in-out}.cocopopup-editor-content.slideLeft{animation-name:slidePopup}.cocopopup-editor-content.swingPopup{animation:swingPopup var(--duration-animation-popup-editor) ease-in-out 2 alternate forwards}.cocopopup-editor-content.flashPopup{animation:flashPopup var(--duration-animation-popup-editor) alternate}.cocopopup-editor-content.bounceInRightPopup{animation-duration:var(--duration-animation-popup-editor);animation-fill-mode:both;animation-name:bounceInRightPopup}.cocopopup-editor-content.bounceInLeftPopup{animation-name:bounceInLeftPopup}.cocopopup-editor-content.bounceInLeftPopup,.cocopopup-editor-content.tadaPopup{animation-duration:var(--duration-animation-popup-editor);animation-fill-mode:both}.cocopopup-editor-content.tadaPopup{animation-name:tadaPopup}.cocopopup-editor-content.jelloPopup{animation:jelloPopup var(--duration-animation-popup-editor) ease-in-out}.cocopopup-editor-content.rotatePopup{animation:rotatePopup var(--duration-animation-popup-editor) linear}.cocopopup-editor-content.pulsePopup{animation:pulsePopup var(--duration-animation-popup-editor) ease-in-out}.cocopopup-editor-content.slideRight{animation-name:slidePopupRight}.cocopopup-editor-content.slideTop{animation-name:slidePopupTop}.cocopopup-editor-content.slideBottom{animation-name:slidePopupBottom}.cocopopup-editor-content.fadeInPopup{animation-name:fadeInPopupTopLeft}.cocopopup-editor-content.flipInPopup{animation-name:flipInPopup}.cocopopup-editor-content.wobblePopup{animation-name:wobblePopup}@keyframes bouncePopup{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes shakePopup{0%{transform:translate(5px)}25%{transform:translate(10px)}50%{transform:translate(-15px)}75%{transform:translate(-10px)}to{transform:translate(0)}}@keyframes slidePopup{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slidePopupRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slidePopupTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slidePopupBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInPopupTopLeft{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes flipInPopup{0%{transform:perspective(300px) rotateY(0)}50%{transform:perspective(300px) rotateY(180deg)}to{transform:perspective(300px) rotateY(0)}}@keyframes wobblePopup{0%{transform:translateX(0)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}to{transform:translateX(0)}}@keyframes swingPopup{0%,to{transform:rotate(0deg)}25%{transform:rotate(6deg)}75%{transform:rotate(-6deg)}}@keyframes flashPopup{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes bounceInRightPopup{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes bounceInLeftPopup{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes tadaPopup{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes jelloPopup{0%{transform:scale(1)}30%{transform:scale(1.25) rotate(-10deg)}50%{transform:scale(.75) rotate(10deg)}70%{transform:scale(1.15) rotate(-5deg)}to{transform:scale(1) rotate(0)}}@keyframes rotatePopup{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulsePopup{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cocopopup-editor-popup-content{background:azure;border:1px dashed #ccc;border-radius:4px;margin-bottom:20px;margin-top:20px;padding:10px 15px 20px}.cocopopup-editor-popup-content h2{border-bottom:1px solid #424242;color:#424242;font-size:18px;margin-bottom:16px;padding-bottom:10px;text-align:center}.cocopopup-editor-popup-content.class-schedule{animation-duration:2s;animation-iteration-count:infinite;animation-name:pulseSchedule;animation-timing-function:ease-in-out}@keyframes pulseSchedule{0%{box-shadow:0 0 5px rgba(255,0,0,.2);transform:scale(1)}50%{box-shadow:0 0 10px rgba(255,0,0,.5);transform:scale(1)}to{box-shadow:0 0 5px rgba(255,0,0,.2);transform:scale(1)}}.cocopopup-multitoggle{border:1px solid #e6e7e9;border-radius:4px;margin-bottom:20px;padding:10px 15px}.cocopopup-content-audio{display:flex;justify-content:space-around}.cocopopup-content-audio button{border:2px solid #007cba;border-radius:4px;padding:0 28px}.cocopopup-content-audio .volume-lines{margin-left:-10px;margin-top:-5px}.cocopopup-extra-notice.components-notice{background:#daf3ff;margin-bottom:20px!important;margin-left:0!important;width:100%!important}.cocopopup-sep-editor{margin:24px -16px}.cocopopup-sep-editor-no-margin{border-top:1px solid #e6e7e9;margin:0 -16px}.cocopopup-sep-editor{border-top:1px solid #e6e7e9;margin:16px -16px}.cocopopup-panel-header .components-panel__header{background-color:#f0f0f0;justify-content:center}.cocopopup-panel-header .components-panel__header h2{margin:0}.cocopopup-extra-tab{border-top:2px solid #000;padding-top:10px}.cocopopup-extra-tab .components-tab-panel__tabs{gap:31px}.cocopopup-extra-tab .svg-rotate.content{height:18px;transform:rotate(90deg);width:18px}.cocopopup-extra-tab .active-tab{border-bottom:2px solid color(srgb .001 .486 .7294);width:73px}.cocopopup-extra-tab button.components-tab-panel__tabs-item{width:73px}.cocopopup-extra-tab-general{border-top:1px solid #e0e0e0}.cocopopup-extra-tab-general .components-tab-panel__tabs{background-color:#f0f0f0;display:flex;justify-content:space-between}.cocopopup-extra-tab-general .components-tab-panel__tabs .active-tab{background-color:#fff}.cocopopup-extra-tab-general .svg-rotate.content{height:18px;transform:rotate(90deg);width:18px}.cocopopup-extra-tab-general .active-tab{border-bottom:2px solid color(srgb .001 .486 .7294);width:73px}.cocopopup-extra-tab-general button.components-tab-panel__tabs-item{width:73px}.cocopopup-extra-tab-1{display:none}.cocopopup-extra-tab-1.tab1{display:block}.cocopopup-extra-tab-2{display:none}.cocopopup-extra-tab-2.tab2{display:block}.cocopopup-extra-tab-3{display:none}.cocopopup-extra-tab-3.tab3{display:block}.components-panel__body label{font-size:13px!important;font-weight:400!important;text-transform:none!important}.components-datetime__time-field-day{margin-bottom:8px!important}.components-datetime__time-field.components-datetime__time-field-time{display:-webkit-box!important}.components-datetime__date div{-moz-column-gap:2px!important;column-gap:2px!important}.components-range-control .components-input-control__container{width:100%!important}.payment-only-control{position:relative}.payment-only-message{color:#999;font-size:12px;left:0;opacity:.5;position:absolute;top:100%}.part.seconds{border:1px solid red;border-radius:100%}.content-select-image{border:1px solid #eee;padding:5px}.content-select-image .button-add-image{background-color:#2271b1;color:#fff}.content-select-image .button-add-image:hover{color:#fff}.content-select-image .image-remove{align-items:center;display:flex;justify-content:space-between}.cocopopup-pro-version-a{text-decoration:none}.cocopopup-pupup-pro{align-items:center;display:flex;gap:6px;justify-content:left;position:relative}.cocopopup-pupup-pro svg{height:24px;width:24px;fill:#2271b1}.cocopopup-pupup-pro p{color:#2271b1;font-size:14px;font-weight:700;margin:0!important}.cocopopup-pupup-pro:hover svg{animation:swing .5s ease-in-out}@keyframes swing{0%{transform:rotate(0deg)}25%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}to{transform:rotate(0deg)}}.pos-popup{color:#1e1e1e;font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase}.button-template button{border-radius:0;height:50px;justify-content:center;margin-top:6px;width:100%}.modal-image-slider{background-color:#ccc;min-width:62%}.modal-image-slider .components-modal__header button svg,.modal-image-slider .components-modal__header-heading{color:#333}.modal-image-slider .components-modal__content{margin:0!important;padding:0!important}.modal-image-slider .logo-modal{height:50px;width:50px}.modal-image-slider .logo-modal img{max-width:32px}.modal-image-slider .logo-modal h2{background:#fff;border-radius:4px;color:#000;font-size:22px;margin:0;max-width:-moz-max-content;max-width:max-content;padding:4px}.modal-image-slider .components-modal__content>div:nth-child(2){height:100%}.modal-image-slider .components-modal__header-heading-container{justify-content:center}.modal-body{display:flex;gap:20px;height:100%;margin-top:0;width:100%}.category-navigator{background-color:#ccc;color:#050505;display:flex;flex-direction:column;gap:10px;height:100%;padding:20px;width:15%}.category-navigator button.button-cat-modal{background-color:transparent!important;border:none;box-shadow:none!important;color:#050505;font-size:16px;height:25px!important;padding:0}.category-navigator button.button-cat-modal.active,.category-navigator button.button-cat-modal:hover{color:#2271b1}.primary-category svg{margin-right:8px}.subcategory-navigator{display:flex;flex-direction:column;gap:8px;padding-left:32px}.image-selection-modal{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:50px;margin-top:100px;max-height:-moz-max-content;max-height:max-content;width:85%}.image-selection-modal .pagination{align-items:center;bottom:32px;display:flex;gap:12px;position:absolute;right:85px}.image-selection-modal .pagination button{background-color:#2271b1;color:#fff}.image-selection-modal .pagination button:hover{color:#fff}.image-selection-modal .pagination .components-button.is-secondary{background-color:#2271b1;color:#fff}.image-selection-modal .pagination .components-button.is-secondary:hover{color:#fff}.image-selection-modal .pagination .pagination-info{color:#333;font-size:14px}.image-item{height:210px;margin-bottom:48px;position:relative;width:358px}.image-item img{height:200px;max-width:100%;-o-object-fit:contain;object-fit:contain;width:358px}.image-item button{border:1px solid #fff!important;box-shadow:none!important;left:48%;opacity:0;position:absolute;top:45%;transform:translateY(20px);transition:transform .3s ease,opacity .3s ease;z-index:10}.image-item .button-buy,.image-item button{background-color:#fff!important;color:#2271b1!important}.image-item .button-demo{background-color:transparent!important;border:1px solid #fff!important;box-shadow:none!important;color:#fff!important;left:31%;opacity:0;position:absolute;top:45%;transform:translateY(20px);transition:transform .3s ease,opacity .3s ease;z-index:10}.image-item .image-item-inner{background-color:#fff;height:100%;padding:8px}.image-item .image-item-inner:after{background-color:#2271b1;content:"";height:calc(100% - 8px);left:8px;opacity:0;position:absolute;top:8px;transition:opacity .3s ease;width:calc(100% - 16px);z-index:5}.image-item:hover .button-demo,.image-item:hover button{opacity:1;transform:translateY(0)}.image-item:hover .image-item-inner:after{opacity:1}.image-item h4{color:#333;font-size:14px;font-weight:700;margin:0}.template-info{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:12px;width:100%}.version-template{font-size:10px;margin-left:12px;padding:2px 6px}.version-template.free{background-color:rgba(0,118,181,.302);color:#0077b6;font-weight:700}.version-template.pro{background-color:gold;color:#000;font-weight:700}.license-modal{background-color:#fff;color:#333;max-width:800px;min-width:600px}.license-modal h1{color:#333;font-size:18px;line-height:24px}.license-modal h3{color:#333;font-size:16px;line-height:24px}.license-modal a{color:#333;text-decoration:none}.license-modal a:hover{text-decoration:underline}.license-modal button svg{fill:#333}.license-modal .button-close-modal-license{background-color:#2271b1;box-shadow:none!important;color:#fff;margin-top:32px;padding:8px}.license-modal .button-close-modal-license:hover{background-color:#2271b1;color:#fff}.copy-right-modal{bottom:30px;position:absolute}.copy-right-modal button{box-shadow:none!important;color:#333;transition:color .3s ease}.copy-right-modal button:hover{color:#333!important}.loading-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-message{align-content:center;background:hsla(0,0%,100%,.44);border-radius:0;box-shadow:0 4px 6px rgba(0,0,0,.1);height:100%;padding:20px;text-align:center;width:100%}.loading-message p{color:#000;font-size:52px}.cocopopup-hide-element{display:block!important}
.avatar-button{cursor:pointer;left:16px;max-width:-moz-max-content;max-width:max-content;position:relative;top:-6px}.avatar-button img{animation-duration:2s;animation-iteration-count:infinite;animation-name:pulseHelp;animation-timing-function:ease-in-out;max-width:26px}@keyframes pulseHelp{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.avatar-popup-modal{max-width:500px;min-width:500px}.avatar-popup-modal p{line-height:23px}.cocopopup-extra-tab-general .cocopopup-color-options-tabs{margin:0 -16px;padding:0 16px}.cocopopup-extra-tab-general .cocopopup-color-options-tabs .components-tab-panel__tabs{align-items:stretch;background-color:transparent;border-bottom:1px solid #e6e7e9;display:flex;flex-direction:row;justify-content:space-between;margin:0 -16px 25px;padding:0 16px}.cocopopup-extra-tab-general .cocopopup-color-options-tabs .components-tab-panel__tabs button{background-color:#f0f0f1;border:1px solid #e6e7e9;border-bottom:0;border-radius:3px 3px 0 0;box-shadow:none;color:#50575e;cursor:pointer;font-size:13px;font-weight:500;height:48px;justify-content:center;margin-bottom:-1px;margin-left:0;max-height:30px;padding:3px 16px;position:relative;text-align:center;width:47%}.cocopopup-extra-tab-general .cocopopup-color-options-tabs .components-tab-panel__tabs .active-tab{background-color:#fff;color:#007cba}.cocopopup-tab-panel-background,.cocopopup-tab-panel-background-one{border:1px solid #e6e7e9;display:flex;justify-content:space-between;margin-bottom:24px}.cocopopup-tab-panel-background-one{max-width:-moz-max-content;max-width:max-content}.cocopopup-notice-info{background:#def2ff;margin:24px 0;width:100%}.modal-size{bottom:1px;position:relative;top:5px;width:100%}.modal-size .components-input-control__suffix{display:none}.modal-size .components-base-control__field{padding-top:10px}.modal-size .components-range-control__root{margin-top:10px}.modal-size .content-button-responsive{right:-3px!important}.modal-size .content-buttonrange{padding-top:10px!important}.cocopopup-buttons-group-tag{margin-top:12px}.cocopopup-buttons-group-tag button{font-size:11px!important;height:24px!important;padding:0 6px!important}.cocopopup-panel-color{position:relative}.cocopopup-panel-color button{right:0;top:-3px}.cocopopup-component-number .components-base-control__field{align-items:center;display:flex;justify-content:space-between}.cocopopup-buttons-group{display:flex;justify-content:space-between;margin-bottom:24px;width:100%}.cocopopup-buttons-group button{justify-content:center;width:100%}.modal-shadow{background:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.2);margin-bottom:40px;padding:16px;position:relative;top:15px;width:100%}.modal-shadow .components-input-control__suffix{display:none}.popup-modal{align-items:center;display:flex;justify-content:space-between;margin:0}.popup-modal .button-expand-popup{border:1px solid #e6e7e9;border-radius:50%;height:25px;min-width:10px;padding:4px;width:25px}.popup-modal.margin-top{margin-top:10px}.popup-modal.margin-top.margin-bottom{margin-bottom:20px}.popup-modal .dashicon.dashicons.dashicons-edit{font-size:14px!important;height:14px!important;width:14px!important}.modal-font-size{align-items:center;display:flex;justify-content:space-between;margin:0}.modal-font-size .components-range-control{width:100%}.modal-font-size .content-buttonrange{display:flex;margin-left:8px}.modal-font-size button{font-size:10px;height:18px;justify-content:center;margin:0;padding:3px;text-align:center}.content-button-responsive{position:absolute;right:0;top:10px}.content-button-responsive button{min-width:12px!important;padding:0!important}.content-buttonrange button{font-size:10px;height:18px;justify-content:center;margin:0;padding:3px;text-align:center}.content-buttonrange.right{float:right}.color-palette-toggle-button{border-radius:100%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);height:28px;position:absolute;right:18px;top:10px;width:28px}.content-title{position:relative;width:100%}.content-title .color-palette-toggle-button{right:3px!important;top:-3px!important}