body.matw-disable-scrollbar{overflow:hidden}.matw-shortcode-tab-wrapper{display:flex;flex-direction:column;gap:20px;max-width:600px;width:100%}.matw-shortcode-tab-wrapper .matw-shortcode-box{display:flex;flex-direction:column;border-bottom:1px solid #e5e7eb;padding:20px;background-color:#fff;border-radius:6px}.matw-shortcode-tab-wrapper .matw-shortcode-box:first-child{margin-top:20px}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box{display:flex;align-items:center;justify-content:space-between}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box h4{margin:0;padding:0;font-size:16px;line-height:24px}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box .matw-shortcode-header-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box .matw-shortcode-header-box .matw-shortcode{font-size:14px;font-weight:500;line-height:30px;padding:5px 12px;background-color:#f0f0f1;color:#000;border-radius:4px;margin:0}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box .matw-shortcode-header-box .matw-shortcode-icons-box{display:flex;flex-direction:row;align-items:center;gap:8px}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box .matw-shortcode-header-box .matw-shortcode-icons-box svg{cursor:pointer;fill:#000;transition:fill .2s ease,background-color .2s ease}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box .matw-shortcode-header-box .matw-shortcode-icons-box svg:hover{fill:#ffd54d}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box .matw-shortcode-header-box .matw-shortcode-icons-box .matw-shortcode-copy-icon-box{background-color:#f0f0f1;padding:10px;border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease;position:relative}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box .matw-shortcode-header-box .matw-shortcode-icons-box .matw-shortcode-copy-icon-box:hover{background-color:#ffd54d}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box .matw-shortcode-header-box .matw-shortcode-icons-box .matw-shortcode-copy-icon-box .matw-shortcode-copy-icon path{fill:#18181b}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box .matw-shortcode-header-box .matw-shortcode-icons-box .matw-shortcode-copy-icon-box .matw-tooltip{visibility:hidden;opacity:0;background:#31373d;color:#fff;text-align:center;border-radius:5px;padding:4px 8px;font-size:12px;position:absolute;bottom:125%;left:50%;transform:translateX(-50%);white-space:nowrap;transition:opacity .3s ease;z-index:10}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box .matw-shortcode-header-box .matw-shortcode-icons-box .matw-shortcode-copy-icon-box .matw-tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#31373d rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-header-and-shortcode-box .matw-shortcode-header-box .matw-shortcode-icons-box .matw-shortcode-copy-icon-box:hover .matw-tooltip{visibility:visible;opacity:1}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-info-box .matw-shortcode-copy-sucessfully{padding:10px;background-color:#d4edda;color:#155724;margin-top:20px;font-size:12px;font-weight:500;border-radius:4px;text-align:center}.matw-shortcode-tab-wrapper .matw-shortcode-box .matw-shortcode-info-box .matw-shortcode-info{font-size:14px;line-height:22px;color:#333;margin:14px 0 0 0}.matw-template-library-container{max-width:1650px;width:100%;display:flex;flex-direction:column;gap:30px;padding:30px 10px;position:relative}.matw-template-library-container .matw-template-library-header-box{display:flex;flex-direction:column}.matw-template-library-container .matw-template-library-header-box .matw-template-library-header{font-size:24px;line-height:30px;font-weight:600;margin:0;padding:0}.matw-template-library-container .matw-template-library-header-box .matw-template-library-pera{margin:0;margin-top:10px;padding:0;font-size:14px !important}.matw-template-library-container .matw-templates-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:30px}.matw-template-library-container .matw-templates-wrapper .matw-template-box{position:relative;max-width:calc(33.2% - 20px);width:100%;border:1px solid #c3c4c7;border-radius:4px;overflow:hidden;background-color:#fff}.matw-template-library-container .matw-templates-wrapper .matw-template-box.temp-activated .matw-template-img-box::after{opacity:1}.matw-template-library-container .matw-templates-wrapper .matw-template-box.temp-activated .matw-template-img-box .matw-template-btn-box{opacity:1;visibility:visible}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-pro-badge{position:absolute;top:0;right:0;background-image:linear-gradient(to right, #f8d667, #f9d255, #fbcd42, #fdc82b, #ffc300);color:#18181b;font-size:14px;font-weight:600;padding:8px 12px;border-radius:0 4px 0 4px;text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:0 2px 6px rgba(0,0,0,.15)}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box{position:relative;overflow:hidden;min-height:300px}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box .matw-template{width:100%;display:block;transition:all .3s ease}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box::after{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box:hover::after{opacity:1}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box .matw-template-btn-box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;gap:10px;background:#fff;padding:10px 15px;border-radius:6px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:999}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box .matw-template-btn-box .matw-btn{padding:8px 14px;background-color:#ffd54d;border-radius:4px;text-decoration:none;font-size:14px;color:#18181b;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box .matw-template-btn-box .matw-btn:hover{background-color:#2b2b2b;color:#fff}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box .matw-template-btn-box .matw-btn.matw-copy-icon-anchor{background-color:#2b2b2b}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box .matw-template-btn-box .matw-btn.matw-copy-icon-anchor svg path{fill:#fff}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box .matw-template-btn-box .matw-btn.matw-copy-icon-anchor:hover{background-color:#ffd54d}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box .matw-template-btn-box .matw-btn.matw-copy-icon-anchor:hover svg path{fill:#000}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box .matw-template-btn-box .matw-activated-btn{background-color:#2b2b2b !important;color:#fff !important;cursor:not-allowed;pointer-events:none;opacity:.8}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box .matw-template-btn-box .matw-pro-disabled-btn{background:#2b2b2b !important;color:#cdcaca !important;cursor:not-allowed !important;pointer-events:none;opacity:.7;position:relative}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-img-box:hover .matw-template-btn-box{opacity:1;visibility:visible}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-title-box{padding:15px;border-top:1px solid #c3c4c7;text-align:center}.matw-template-library-container .matw-templates-wrapper .matw-template-box .matw-template-title-box .matw-template-title{font-size:16px;font-weight:600;line-height:26px;margin:0}.matw-template-library-container .matw-templates-popup-wrapper{display:flex;flex-direction:column;background-color:rgba(0,0,0,.7);padding:20px;position:fixed;top:0;left:0;width:100%;height:100vh;display:none;z-index:99999}.matw-template-library-container .matw-templates-popup-wrapper.matw-templates-popup-active{display:block}.matw-template-library-container .matw-templates-popup-wrapper .matw-popup-close-icon-box{position:absolute;top:60px;right:70px}.matw-template-library-container .matw-templates-popup-wrapper .matw-popup-close-icon-box .matw-popup-close-icon{cursor:pointer}.matw-template-library-container .matw-templates-popup-wrapper .matw-popup-close-icon-box .matw-popup-close-icon path{fill:#fff}.matw-template-library-container .matw-templates-popup-wrapper .matw-popup-close-icon-box .matw-popup-close-icon:hover path{fill:#ffd54d}.matw-template-library-container .matw-templates-popup-wrapper .matw-popup-template-box{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.matw-template-library-container .matw-templates-popup-wrapper .matw-popup-template-box img{max-width:800px;width:auto}.matw-template-library-container [data-tooltip]{position:relative;cursor:pointer}.matw-template-library-container [data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:#ffd54d;color:#18181b;font-size:12px;line-height:1.2;padding:6px 10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000}.matw-template-library-container [data-tooltip]::before{content:"";position:absolute;bottom:35px;left:50%;transform:translateX(-50%);border-width:7px;border-style:solid;border-color:#ffd54d rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);opacity:0;transition:opacity .2s ease;z-index:1000}.matw-template-library-container [data-tooltip]:hover::after,.matw-template-library-container [data-tooltip]:hover::before{opacity:1;transform:translateX(-50%) translateY(-2px)}@media screen and (max-width: 768px){.matw-template-library-container .matw-template-library-header-box .matw-template-library-header{font-size:22px;line-height:28px}.matw-template-library-container .matw-templates-wrapper .matw-template-box{max-width:calc(50% - 20px);width:100%}}@media screen and (max-width: 1024px){.matw-template-library-container .matw-templates-wrapper .matw-template-box{max-width:calc(50% - 20px);width:100%}}@media screen and (max-width: 1440px){.matw-template-library-container .matw-templates-wrapper .matw-template-box{max-width:calc(33% - 20px);width:100%}}