@charset "UTF-8";*{margin:0rem;padding:0;box-sizing:border-box;line-height:1}a{text-decoration:none;color:inherit}ul{list-style-type:none}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:RubikWetPaint;src:url(/fonts/RubikWetPaint-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal}.is-bold{font-weight:700}.is-semi-bold{font-weight:600}.is-centered{text-align:center}.is-width-fit{width:-moz-fit-content;width:fit-content}.is-width-auto{width:auto}.is-width-quarter{width:25%}.is-width-30{width:30%}.is-width-40{width:40%}.is-width-half{width:50%}.is-width-60{width:60%}.is-width-70{width:70%}.is-width-three-quarters{width:75%}.is-width-80{width:80%}.is-width-90{width:90%}.is-width-full{width:100%}.is-max-width-600px{max-width:600px}.is-min-width-150px{min-width:150px}.is-min-width-250px{min-width:250px}.is-hidden{display:none}.z-index-1001{z-index:1001!important}.is-border-success{border-color:#50cd89!important}.is-border-danger{border-color:#f1416c!important}.is-border-primary{border-color:#009ef7!important}.is-border-secondary{border-color:#7339ea!important}.is-border-focus-success:focus{border-color:#50cd89!important}.is-border-focus-danger:focus{border-color:#f1416c!important}.is-border-focus-primary:focus{border-color:#009ef7!important}.is-border-focus-secondary:focus{border-color:#7339ea!important}.is-text-success{color:#50cd89}.is-text-danger{color:#f1416c}.is-text-primary{color:#009ef7}.is-text-secondary{color:#7339ea}.is-text-darkgreen{color:#00674f}.is-info-success{width:-moz-fit-content;width:fit-content;color:#50cd89;background-color:#dafdeb;border-radius:.5rem;padding:.4rem .6rem}.is-info-danger{width:-moz-fit-content;width:fit-content;color:#f1416c;background-color:#ffebef;border-radius:.5rem;padding:.4rem .6rem}.is-info-primary{width:-moz-fit-content;width:fit-content;color:#009ef7;background-color:#ffebef;border-radius:.5rem;padding:.4rem .6rem}.is-info-secondary{width:-moz-fit-content;width:fit-content;color:#7339ea;background-color:#ffebef;border-radius:.5rem;padding:.4rem .6rem}.is-info-warning{width:-moz-fit-content;width:fit-content;color:#f4961c;background-color:#f7ecdd;border-radius:.5rem;padding:.4rem .6rem}.is-success{background-color:#50cd89}.is-success-light{background-color:#dafdeb}.is-success-dark{background-color:#298e57}.is-success-dark:hover{background-color:#78d8a4}.is-danger{background-color:#f1416c}.is-primary{background-color:#009ef7}.is-primary-light{background-color:#edf4fa}.is-secondary{background-color:#7339ea}.text-size-small{font-size:.8rem!important}.text-size-medium{font-size:1rem!important}.text-size-large{font-size:1.2rem!important}.is-padding-main{padding:clamp(1rem,1.25vw,1.5rem)}.is-line-height-template{line-height:1.5!important}.has-bg-white{background-color:#fff!important}.is-animated{background:linear-gradient(#2ea263 0 0) left/0% 100% no-repeat,#50cd89;animation:sweep-fb 15s ease-in-out infinite;background-position:left}@keyframes sweep-fb{0%{background-size:0% 100%}99.5%{background-size:100% 100%}to{background-size:0% 100%}}.is-animated:hover{background-color:#78d8a4}.mb-1{margin-bottom:1rem}.component-logo{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;gap:1rem;align-items:center;justify-content:center}.component-logo>svg.logo{height:clamp(25px,2.1vw,40px)}.component-logo>svg.logo>path.part-1{fill:#333}.component-logo>svg.logo>path.part-1.is-dark{fill:#fff}.component-logo>svg.logo>path.part-2{fill:#f4961c}.component-logo>svg.logo>path.part-2.is-dark{fill:#f4961c}.component-logo>p.logo-text-part-1{font-size:clamp(1.2rem,1.65vw,2rem);font-family:RubikWetPaint,sans-serif;color:#333;white-space:nowrap}.component-logo>p.logo-text-part-1.is-dark{color:#fff}.component-logo>p.logo-text-part-1>span.logo-text-part-2{color:#f4961c}.component-logo>p.logo-text-part-1>span.logo-text-part-2.is-dark{color:#f4961c}.component-favicon{width:256px;height:256px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;margin:1rem;background-color:#1a1a27}.component-favicon>svg.logo{height:6rem}.component-favicon>svg.logo>path.part-1{fill:#fff}.component-favicon>svg.logo>path.part-2{fill:#f4961c}.component-favicon>p.logo-text-part-1{font-size:6rem;font-family:RubikWetPaint,sans-serif;color:#fff}.component-favicon>p.logo-text-part-1>span.logo-text-part-2{color:#f4961c}.component-button{cursor:pointer;padding:1rem;color:#fff;font-size:clamp(.9rem,.92vw,1.1rem);border-radius:.5rem;border:none;outline:none}.component-button.is-primary{background-color:#009ef7}.component-button.is-primary:hover{background-color:#178cd5}.component-button.is-success{background-color:#50cd89}.component-button.is-success:hover{background-color:#44c980}.component-button.is-danger{background-color:#f1416c}.component-button.is-danger:hover{background-color:#e02147}.component-button.is-cancel{background-color:#aaa}.component-button.is-cancel:hover{background-color:#959595}.component-button.is-light{background-color:#e8fff3;color:#50cd89}.component-button:disabled{cursor:not-allowed;background-color:#aaa}.component-button:disabled:hover{background-color:#aaa}.component-input{display:flex;flex-direction:column;gap:.8rem}.component-input>.input{padding:.75rem;border-radius:.5rem;border:1px solid lightgrey;outline:none;font-family:Poppins,sans-serif}.component-input.is-sides{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.component-form{display:flex;flex-direction:column;gap:1rem;color:#404254}.component-form>.form-title{font-size:clamp(1.1rem,1.17vw,1.4rem);font-weight:600;text-align:center;color:#181c31}.component-modal{display:none;align-items:center;justify-content:center;position:fixed;inset:0;z-index:1000;background-color:#00000080}.component-modal.is-active{display:flex}.component-modal>.content{max-height:95vh;overflow-y:auto;min-width:clamp(300px,21vw,400px);max-width:clamp(300px,62vw,1200px);display:flex;flex-direction:column;gap:1rem;padding:clamp(1.8rem,2.1vw,2.5rem);background-color:#fff;border-radius:.5rem}.component-modal>.content.is-narrow{max-width:clamp(300px,20.833vw,400px)!important}.component-modal>.content>svg{height:70px}.component-modal>.content>.title{font-size:clamp(1.1rem,1.17vw,1.4rem);font-weight:600;text-align:center;color:#181c31}.component-modal>.content>.subtitle{margin-top:.5rem;font-size:1rem;font-weight:400;text-align:center;color:#404254}.component-multiple-objects{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}.component-multiple-objects>*{flex:1 1 auto}.component-qr-code{text-align:center}.component-qr-code>img{width:60%;border-radius:.5rem;border:1px solid lightgrey}.component-error{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:#ffebef;color:#e02147;border-radius:.5rem}.component-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:.5rem}.component-burger{cursor:pointer;display:none;padding:1rem;color:#fff}@media not (min-width:1280px){.component-burger{display:block}}.component-burger.is-dark{color:#181c31}.component-menu{overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1;background-color:#1e1e2d;border-top:2px dashed #404254}.component-menu>p.title{padding:clamp(.75rem,1vw,1.25rem);font-weight:600;font-size:clamp(1.1rem,1vw,1.2rem)}.component-menu>.menu-item>.dropdown{cursor:pointer;padding:clamp(.75rem,1vw,1.25rem);display:flex;gap:1rem;justify-content:space-between;white-space:nowrap;font-size:clamp(1rem,.9vw,1.1rem)}.component-menu>.menu-item>.dropdown:hover,.component-menu>.menu-item>.dropdown.is-active{color:#fff}.component-menu>.menu-item>.dropdown>.content{display:flex;align-items:center;gap:.8rem}.component-menu>.menu-item>.dropdown>.content>i{text-align:center;width:27px}.component-menu>.menu-item>.sub-menu{display:none;flex-direction:column;gap:.3rem;padding:.4rem clamp(.75rem,1vw,1.25rem);background-color:#1a1a27;font-size:clamp(.9rem,.8vw,1rem)}.component-menu>.menu-item>.sub-menu>.sub-menu-item{cursor:pointer;display:flex;gap:1rem;margin-left:clamp(.25rem,.8vw,1rem);padding:.9rem 1rem;white-space:nowrap;border-radius:.5rem}.component-menu>.menu-item>.sub-menu>.sub-menu-item:hover,.component-menu>.menu-item>.sub-menu>.sub-menu-item.is-active{background-color:#2a2a3c;color:#fff}.component-menu>.menu-item>.sub-menu.is-active{display:flex}.component-session-logout{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background-color:#edf4fa;text-align:center;color:#a1a5b7;border:2px dashed #a1a5b7}.component-session-logout>p.title{font-size:clamp(.8rem,.83vw,1rem)}.component-session-logout>p.date{font-size:clamp(.9rem,.92vw,1.1rem);color:#f1416c}.component-menu-dark-overlay{cursor:pointer;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:900;transition:opacity .3s ease-in-out;opacity:0}.component-menu-dark-overlay.is-active{display:block;opacity:1}.component-welcome{display:flex;align-items:center;gap:.8rem;font-size:clamp(.9rem,.92vw,1.1rem)}.component-welcome>p{color:#a1a5b7}.component-welcome>p>span{color:#7f8297}.component-profile-button{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:relative;padding:clamp(.7rem,.75vw,.9rem) clamp(1rem,1vw,1.2rem);background-color:#e8fff3;font-size:clamp(1.2rem,1.3vw,1.6rem);font-weight:600;color:#50cd89;border-radius:.5rem}.component-profile-button:hover{background-color:#dafdeb}.component-user-details{display:none;flex-direction:column;gap:1rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:2px solid #f5f7f9}@media(min-width:769px){.component-user-details{position:absolute;top:clamp(70px,4.8vw,90px);right:15px;z-index:100;min-width:clamp(220px,14.6vw,280px)}}.component-user-details.is-active{display:flex}.component-user-details>.header{display:flex;align-items:center;gap:1rem;font-weight:600}.component-user-details>.footer{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:center;gap:.8rem;padding:.5rem;color:#404254}.component-user-details>.footer:hover{color:#50cd89}.component-drop-down{cursor:pointer;display:none;padding:1rem;color:#181c31}@media not (min-width:769px){.component-drop-down{display:block}}.component-panels{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.component-panels>.panel{flex:1 0 200px;display:flex;flex-direction:column;gap:.8rem;padding:1.3rem;color:#fff;border-radius:.5rem;text-wrap:nowrap}.component-panels>.panel>p.title{font-size:clamp(.9rem,.92vw,1.1rem)}.component-panels>.panel>p.amount{font-weight:700;font-size:clamp(1rem,1vw,1.2rem)}.component-page-content{width:100%;background-color:#fff;border-radius:.5rem}.component-filters{width:100%;display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1rem,1.25vw,1.5rem);background-color:#fff;border-radius:.5rem}.component-filters>.header{cursor:pointer;display:flex;align-items:center;justify-content:space-between}.component-filters>.header>p.title{font-size:clamp(1.1rem,1.17vw,1.4rem);font-weight:600;line-height:1.5}.component-filters>.filters{display:none;flex-direction:column;gap:1rem}.component-filters>.filters.is-active{display:flex}.component-filters>.filters>.input-group{display:flex;gap:1rem}@media not (min-width:769px){.component-filters>.filters>.input-group{flex-direction:column}}.component-filters>.filters>.input-group>.component-input{width:40%}.component-filters>.filters>.input-group>.component-input input{padding:.8rem 1rem;background-color:#f5f7f9;border:1px solid #dfe2e6}@media not (min-width:769px){.component-filters>.filters>.input-group>.component-input{width:100%}}.component-filters>.filters>.input-group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}@media not (min-width:1280px){.component-filters>.filters>.input-group-grid{grid-template-columns:repeat(2,1fr)}}@media not (min-width:769px){.component-filters>.filters>.input-group-grid{grid-template-columns:repeat(1,1fr)}.component-filters>.filters>.input-group-grid>.component-input{max-width:clamp(255px,100%,255px)}}.component-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:clamp(1rem,1.25vw,1.5rem)}.component-page-header>p.title{font-size:clamp(1.1rem,1.17vw,1.4rem);font-weight:600;line-height:1.5}.component-page-header>.action-group{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.component-page-header>.action-group>p.record-info{font-weight:600}.component-export-excel{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;gap:.7rem;padding:1rem;background-color:#e8fff3;text-wrap:nowrap;color:#50cd89;border-radius:.5rem}.component-export-excel>svg.logo{fill:#50cd89}.component-table{width:100%;overflow-x:auto}.component-table>table{width:100%;text-align:left;font-size:clamp(.9rem,.92vw,1.1rem);border-collapse:collapse}.component-table>table>thead{background-color:#404776}.component-table>table>thead th{padding:clamp(1.1rem,1.42vw,1.7rem) clamp(1rem,1.25vw,1.5rem);white-space:nowrap;font-weight:600;color:#f0f2f5}.component-table>table>tbody>tr{border-bottom:2px solid #f5f7f9}.component-table>table>tbody>tr:hover{background-color:#f5f7f9}.component-table>table>tbody>tr>td{padding:clamp(1.1rem,1.42vw,1.7rem) clamp(1rem,1.25vw,1.5rem)}.component-table>table>tbody>tr>td>p{white-space:nowrap}.component-table>table>tbody>tr>td>p:nth-of-type(2){margin-top:.75rem;font-size:clamp(.6rem,.67vw,.8rem)}.component-table>table>tbody>tr>td>i{cursor:pointer}.component-page-footer{padding:clamp(1rem,1.25vw,1.5rem);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.component-record-not-found{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem}.component-record-not-found>svg{height:60px}.component-loading{display:flex;align-items:center;justify-content:center;padding:1.5rem}.component-loading>.loading{width:100%;height:10px;background:#f5f7f9;border-radius:.5rem;overflow:hidden}.component-loading>.loading>.bar{height:100%;width:40%;background:#404776;border-radius:inherit;animation:slide 1.6s infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.component-select{cursor:pointer;padding:.8rem 1rem;background-color:#f5f7f9;font-family:Poppins,sans-serif;border-radius:.5rem;border:1px solid #dfe2e6;outline:none}.component-detail{display:flex;flex-direction:column;gap:1rem}.component-detail>p.title{font-weight:700;text-align:center}.component-detail>label{margin-top:1rem;font-weight:700}.component-checkbox{display:flex;align-items:center;gap:1rem;padding:.5rem}.component-checkbox>input{cursor:pointer}.component-checkbox>label{cursor:pointer}.component-pagination-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.component-pagination-controls>p.description{font-size:.8rem}.component-pagination-controls>select{cursor:pointer;padding:.6rem .8rem;background-color:#f5f7f9;font-family:Poppins,sans-serif;border-radius:.5rem;border:1px solid #dfe2e6;outline:none}.component-pagination-controls>.page-navigation{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;gap:.5rem}.component-pagination-controls>.page-navigation>i{cursor:pointer;padding:.4rem .5rem;border-radius:5rem;background-color:#404776;color:#fff}.component-pagination-controls>.page-navigation>i:hover{background-color:#178cd5;color:#fff}.component-pagination-controls>.page-navigation>i.is-disabled{cursor:not-allowed;background-color:#dfe2e6}.component-pagination-controls>.page-navigation>p{font-weight:600;font-size:.8rem;width:50px;text-align:center}.template-login{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 0;background-color:#f8f7fc;font-family:Poppins,sans-serif;font-size:.8rem;color:#181c31}.template-login header{margin:clamp(.25rem,.62vw,.75rem)}.template-login>main{width:clamp(300px,80vw,500px);display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.8rem,2.1vw,2.5rem);background-color:#fff;border-radius:.5rem}.template-easypayhub{display:flex;min-height:100vh;font-family:Poppins,sans-serif;font-size:clamp(.9rem,.92vw,1.1rem);line-height:1.5!important;color:#181c31}.template-easypayhub>.left-side{z-index:1000;width:clamp(260px,17.7vw,340px);transition:transform .3s ease-in-out;flex-shrink:0;display:flex;flex-direction:column;background-color:#1a1a27;color:#a1a5b7}@media not (min-width:1280px){.template-easypayhub>.left-side{position:fixed;height:100vh;top:0;left:0;transform:translate(-100%);width:clamp(260px,17.7vw,340px)}.template-easypayhub>.left-side.is-active{transform:translate(0)}}.template-easypayhub>.left-side>.header{height:clamp(70px,4.8vw,90px);display:flex;justify-content:center;align-items:center;gap:1rem;padding:0 1rem}.template-easypayhub>.right-side{flex:1;width:100%;overflow:auto;display:flex;flex-direction:column}.template-easypayhub>.right-side>header.header{height:clamp(70px,4.8vw,90px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:0 1rem}@media not (min-width:769px){.template-easypayhub>.right-side>header.header{justify-content:center}}.template-easypayhub>.right-side>header.header>.header-left{display:flex;align-items:center;gap:1.5rem}@media not (min-width:769px){.template-easypayhub>.right-side>header.header>.header-left{width:100%;justify-content:space-between}}.template-easypayhub>.right-side>header.header>.header-right{display:flex;align-items:center;gap:1rem}.template-easypayhub>.right-side>.header-mobile{display:none;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:.5rem}.template-easypayhub>.right-side>.header-mobile>.session-group{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.template-easypayhub>.right-side>.header-mobile.is-active{display:flex}.template-easypayhub>.right-side>main.main{flex:1;width:100%;display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#f5f7f9}.template-public{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f8f9fa;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;line-height:1.5}.template-public>.container{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 4px 20px #00000014;max-width:600px;width:100%;padding:30px;text-align:center;position:relative}@media not (min-width:769px){.template-public>.container{margin:10px;padding:20px;max-width:calc(100% - 20px)}}.template-public>.container>.title{font-size:18px;color:#495057;font-weight:600;margin-bottom:30px;text-align:center}@media not (min-width:480px){.template-public>.container>.title{font-size:16px}}.template-public>.container>.amount-display{text-align:right;margin-bottom:25px}@media not (min-width:769px){.template-public>.container>.amount-display{text-align:center}}.template-public>.container>.amount-display>.amount{font-size:28px;font-weight:700;color:#000;display:inline-flex;align-items:center;gap:10px}@media not (min-width:480px){.template-public>.container>.amount-display>.amount{font-size:24px}}.template-public>.container>.bank-info{margin:25px 0}.template-public>.container>.bank-info>.bank-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0;padding:12px 0;border-bottom:1px solid #f1f3f4}@media not (min-width:769px){.template-public>.container>.bank-info>.bank-row{flex-direction:column;align-items:flex-start;gap:8px}}.template-public>.container>.bank-info>.bank-row:last-child{border-bottom:none}.template-public>.container>.bank-info>.bank-row>.bank-label{font-weight:500;color:#6c757d;font-size:14px;text-align:left}.template-public>.container>.bank-info>.bank-row .bank-value{font-family:-apple-system,BlinkMacSystemFont,SF Mono,Monaco,monospace;color:#000;font-weight:600;font-size:14px;display:flex;align-items:center;gap:10px}@media not (min-width:769px){.template-public>.container>.bank-info>.bank-row .bank-value{word-break:break-all}}.template-public>.container>.timer-section{margin:20px 0;text-align:right}@media not (min-width:769px){.template-public>.container>.timer-section{text-align:center}}.template-public>.container>.timer-section>.timer-label{font-weight:500;color:#6c757d;font-size:14px;display:inline-block;width:150px}@media not (min-width:769px){.template-public>.container>.timer-section>.timer-label{display:block;width:auto;margin-bottom:5px}}.template-public>.container>.timer-section>.timer-value{font-size:16px;font-weight:700;color:#dc3545;display:inline-block}@media not (min-width:769px){.template-public>.container>.timer-section>.timer-value{display:block}}.template-public>.container>.back-button{background:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin:25px 0;transition:background-color .2s;text-transform:uppercase;letter-spacing:.5px}.template-public>.container>.back-button:hover{background:#c82333}.template-public>.container>.copy-all-button{background:#4c54c2;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin:25px 10px 25px 0;transition:background-color .2s;text-transform:uppercase;letter-spacing:.5px}.template-public>.container>.copy-all-button:hover{background:#333996}.template-public>.container>.info-box{background:#d1ecf1;border:1px solid #bee5eb;margin:25px 0;padding:20px;border-radius:8px;text-align:left;font-size:13px;line-height:1.6;color:#0c5460}.template-public>.container>.info-box>.info-title{font-weight:700;color:#0c5460;margin-bottom:8px}.template-public>.container>.info-box>.info-text{margin-bottom:8px}.template-public>.container>.info-box>.highlight-text{color:#dc3545;font-weight:600}.template-public>.container>.info-box>.warning-section{margin-top:15px;padding-top:15px;border-top:1px solid #bee5eb}.template-public .copy-icon{width:20px;height:20px;border:1px solid #6c757d;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6c757d;background:#fff;transition:all .2s}.template-public .copy-icon:hover{background:#f8f9fa;border-color:#495057}