*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{padding:0;margin:0;font-family:Roboto}ul{list-style:none}a{text-decoration:none;color:unset}.container{max-width:1320px;margin:0 auto;padding:0 15px}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}input:focus-visible,select:focus-visible{outline:none}body{background:#fafbff}.fancy-scrollbar{--sb-track-color: transparent;--sb-thumb-color: #c7ccd6;--sb-size: 6px}.fancy-scrollbar::-webkit-scrollbar{width:var(--sb-size)}.fancy-scrollbar::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:10px}.fancy-scrollbar::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:10px}@supports not selector(::-webkit-scrollbar){.fancy-scrollbar{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}#revs-template-list{margin-top:60px}#revs-template-list .revs-page-title{text-align:center}#revs-template-list .revs-page-title h1{max-width:1100px;margin:0 auto;font-weight:600;font-size:56px;line-height:74px;text-align:center;letter-spacing:.40404px;color:#010101}@media(max-width:991px){#revs-template-list .revs-page-title h1{font-size:42px;line-height:48px}}#revs-template-list .revs-page-title p{max-width:872px;font-family:Poppins;font-size:18px;line-height:30px;text-transform:capitalize;color:#091826;opacity:.9;margin:25px auto 0}@media(max-width:767px){#revs-template-list .revs-page-title p{font-size:16px;line-height:26px}}#revs-template-list .template-group{margin-top:60px}#revs-template-list .template-group .template-count{flex-grow:1}#revs-template-list .template-group .template-group-filter{display:flex;align-items:center;gap:20px 24px;flex-wrap:wrap}@media(max-width:991px){#revs-template-list .template-group .template-group-filter{flex-direction:column}}#revs-template-list .template-group .template-group-filter .template-count h4{font-weight:600;font-size:24px;line-height:22px;color:#000;text-align:left}#revs-template-list .template-group .template-group-filter .template-filter{display:flex;align-items:center;gap:13px}@media(max-width:575px){#revs-template-list .template-group .template-group-filter .template-filter{flex-wrap:wrap;justify-content:center}}#revs-template-list .template-group .template-group-filter .template-filter .search-input{position:relative}#revs-template-list .template-group .template-group-filter .template-filter .search-input .search-icon{position:absolute;top:12px;left:20px}#revs-template-list .template-group .template-group-filter .template-filter .search-input input{border:1px solid #D9D9D9;border-radius:7px;height:44px;padding-left:15%;font-size:16px;width:322px;line-height:22px;background:transparent}#revs-template-list .template-group .template-group-filter .template-filter .search-input input:focus-visible{box-shadow:none}#revs-template-list .template-group .template-group-filter .template-filter .search-input input::placeholder{color:#000}#revs-template-list .template-group .template-group-filter .template-filter select{border:1px solid #D9D9D9;border-radius:7px;height:44px;background:transparent;padding:11px 44px 11px 19px;-webkit-appearance:none;appearance:none;font-size:16px;line-height:22px}#revs-template-list .template-group .template-group-filter .template-filter .filter-sort{position:relative}#revs-template-list .template-group .template-group-filter .template-filter .filter-sort:after{content:url(./images/button-arrrow.svg);position:absolute;top:15px;right:19px;z-index:-1}#revs-template-list .template-group .template-group-filter .view-btn-group{display:flex;align-items:center}@media(max-width:991px){#revs-template-list .template-group .template-group-filter .view-btn-group{display:none}}#revs-template-list .template-group .template-group-filter .view-btn-group button{background:transparent;border:none;padding:11px 13px;display:flex;cursor:pointer;transition:all .3s ease}#revs-template-list .template-group .template-group-filter .view-btn-group button svg path{stroke:#12121280}#revs-template-list .template-group .template-group-filter .view-btn-group button.active{background:#fff;box-shadow:0 5px 14px #0000001a;border-radius:7px}#revs-template-list .template-group .template-wrapper{margin-top:26px;border:1px solid rgba(217,217,217,.4);border-radius:15px;display:flex;align-items:flex-start;height:725px;position:relative;margin-bottom:100px}#revs-template-list .template-group .template-wrapper .template-name-list{width:270px;min-width:270px;background:#f8f2fb;border-right:1px solid rgba(217,217,217,.4);padding:28px 25px 19px;overflow-y:auto;height:100%;border-radius:15px 0 0 15px}@media(max-width:575px){#revs-template-list .template-group .template-wrapper{flex-direction:column;gap:20px;border-radius:15px 15px 0 0;border-right:0}#revs-template-list .template-group .template-wrapper .template-name-list{width:100%;border-radius:15px 15px 0 0}#revs-template-list .no-scrollbar{scrollbar-width:thin}#revs-template-list .no-scrollbar::-webkit-scrollbar{display:block}}#revs-template-list .template-group .template-wrapper .template-name-list ul li{font-family:Roboto;font-size:18px;line-height:20px;color:#000;opacity:.8;display:flex;justify-content:space-between;gap:30px;cursor:pointer;text-transform:capitalize;margin:20px 0}#revs-template-list .template-group .template-wrapper .template-name-list ul li span{color:#8a8a8a}#revs-template-list .template-group .template-wrapper .template-name-list ul li.active{font-weight:700;font-size:18px;color:#4300d8;opacity:.8}#revs-template-list .template-group .template-wrapper .template-name-list ul li.active span{color:#000;font-weight:400}#revs-template-list .template-group .template-wrapper .template-item-preview{padding:28px;display:grid;grid-template-columns:repeat(var(--grid-item-count),1fr);gap:14px}@media(max-width:1728px)and (min-width:992px){#revs-template-list .template-group .template-wrapper .template-item-preview{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){#revs-template-list .template-group .template-wrapper .template-item-preview{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){#revs-template-list .template-group .template-wrapper .template-item-preview{grid-template-columns:repeat(1,1fr)}}#revs-template-list .tab-content{display:none}#revs-template-list .tab-content.active{display:block}.template-item-preview-wrapper{height:100%;overflow-y:auto;flex-grow:1;width:100%}.template-item-preview .preview-item{position:relative;border-radius:5px;overflow:hidden}.template-item-preview .preview-item.hidden{display:none}.template-item-preview .preview-item .preview-thumb img{display:flex;width:100%}.template-item-preview .preview-item .preview-item-info{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transform:scale3d(.8,.8,.8);transition:all .3s ease;background:#fffc;border:5px solid;border-image-source:linear-gradient(180deg,#583E93 0%,#E34861 100%);border-image-slice:1;text-align:center;padding:20px}.template-item-preview .preview-item:hover .preview-item-info{opacity:1;transform:scaleZ(1)}.template-item-preview .preview-item .preview-item-info h4{font-family:Roboto;font-weight:600;font-size:20px;line-height:22px}.template-item-preview .preview-item .preview-item-info p{margin-top:11px;font-family:Roboto;font-weight:600;font-size:16px;line-height:22px;color:#0009;text-transform:uppercase}#revs-template-bottom{margin-top:26px}#revs-template-bottom .bottom-card-group{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}#revs-template-bottom .bottom-card-group .bottom-card{padding:66px;border-radius:20px;overflow:hidden;text-align:center;position:relative}#revs-template-bottom .bottom-card-group .bottom-card .content{position:relative;z-index:1}@media(max-width:991px){#revs-template-bottom .bottom-card-group .bottom-card{padding:45px 30px}}@media(max-width:830px){#revs-template-bottom .bottom-card-group{grid-template-columns:repeat(1,1fr)}}#revs-template-bottom .bottom-card-group .bottom-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#revs-template-bottom .bottom-card-group .bottom-card h3{font-weight:500;font-size:40px;line-height:50px}#revs-template-bottom .bottom-card-group .bottom-card p{font-family:Roboto;font-weight:400;font-size:18px;line-height:30px;text-transform:capitalize;color:#000;opacity:.8;max-width:584px;margin:23px auto 0}@media(max-width:991px){#revs-template-bottom .bottom-card-group .bottom-card h3{font-size:30px;line-height:40px}#revs-template-bottom .bottom-card-group .bottom-card p{font-size:16px;line-height:28px}}#revs-template-bottom .bottom-card-group .bottom-card .card-btn{padding:18px 29px;background:#6522fa;border:1px solid #6522FA;border-radius:30px;margin-top:23px;font-family:Poppins;font-weight:500;font-size:16px;line-height:22px;text-transform:capitalize;color:#fff;display:inline-block;transition:.3s ease}#revs-template-bottom .bottom-card-group .bottom-card .card-btn:hover{background:transparent;color:#6522fa}#revs-template-preview img{width:100%}#revs-template-preview{position:relative;overflow:hidden;max-height:100vh}#revs-template-preview .preview-offcanvas-wrapper{display:flex;position:fixed;top:0;right:0;height:100vh;transition:transform .3s ease;z-index:99;transform:translate(100%);width:42%}@media(max-width:1600px){#revs-template-preview .preview-offcanvas-wrapper{width:50%}}@media(max-width:1300px){#revs-template-preview .preview-offcanvas-wrapper{width:65%}}@media(max-width:991px){#revs-template-preview .preview-offcanvas-wrapper{width:85%}}@media(max-width:767px){#revs-template-preview .preview-offcanvas-wrapper{width:95%;transform:translate(100%)}}#revs-template-preview .preview-offcanvas-wrapper.active{transform:translate(0)}#revs-template-preview .preview-offcanvas-wrapper .offcanvas-content-wrapper{background:#fff;flex-grow:1;height:100%;z-index:99}#revs-template-preview .preview-offcanvas-wrapper #offcanvas-toggle-icon{width:67px;min-width:67px;height:67px;right:67px;top:171px;background:#6522fa;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;z-index:2;border-top-left-radius:5px;border-bottom-left-radius:5px}#revs-template-preview .preview-offcanvas-wrapper.active #offcanvas-toggle-icon{right:0}#revs-template-preview .preview-offcanvas-wrapper #offcanvas-toggle-icon>*{transform:scale(1);transition:all .3s ease-in}#revs-template-preview .preview-offcanvas-wrapper #offcanvas-toggle-icon:hover>*{transform:scale(.9)}#revs-template-preview .preview-offcanvas-wrapper.active #offcanvas-toggle-icon>*{animation:rotate .4s linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@media(max-width:767px){#revs-template-preview .preview-offcanvas-wrapper #offcanvas-toggle-icon{width:40px;height:40px;min-width:40px;right:40px}#revs-template-preview .preview-offcanvas-wrapper #offcanvas-toggle-icon>*{width:20px;height:20px}}#revs-template-preview .tab-content{display:none}#revs-template-preview .tab-content.active{display:block}#revs-template-preview #offcanvas-overlay{position:fixed;width:100%;height:100%;left:0;top:0;background:transparent;opacity:.5;visibility:hidden;transition:background-color .15s ease-out,visibility .15s ease-out;z-index:15}#revs-template-preview #offcanvas-overlay.active{visibility:visible;background:#111018}#revs-template-preview .preview-offcanvas-wrapper .content-header{padding:47px 40px 40px;display:flex;gap:38px;align-items:center;border-bottom:4px solid #EBEBEB;position:sticky;top:0;z-index:1}#revs-template-preview .preview-offcanvas-wrapper .content-header h3{flex-grow:1;font-family:Poppins;font-weight:500;font-size:30px;line-height:40px;color:#091826}@media(max-width:1800px){#revs-template-preview .preview-offcanvas-wrapper .content-header h3{font-size:22px;line-height:32px}#revs-template-preview .preview-offcanvas-wrapper .content-header{gap:5px 25px;padding:37px 30px 30px}#revs-template-preview .preview-offcanvas-wrapper .content-header .template-filter{gap:20px 0}}@media(max-width:1600px){#revs-template-preview .preview-offcanvas-wrapper .content-header{gap:5px 25px;padding:32px 25px 25px}}@media(max-width:767px){#revs-template-preview .preview-offcanvas-wrapper .content-header{justify-content:space-between;flex-wrap:wrap;padding:27px 20px 20px}#revs-template-preview .preview-offcanvas-wrapper .content-header h3{width:100%}#revs-template-preview .preview-offcanvas-wrapper .content-header .template-filter .filter-item:first-child{margin-left:-5px}}@media(max-width:575px){#revs-template-preview .preview-offcanvas-wrapper .content-header{flex-direction:column;justify-content:center;text-align:center;gap:12px}#revs-template-preview .preview-offcanvas-wrapper .content-header .view-btn-group{display:none}}#revs-template-preview .preview-offcanvas-wrapper .content-header .template-filter{display:flex;align-items:center;gap:10px 30px;flex-wrap:wrap;justify-content:center}@media(max-width:575px){#revs-template-preview .preview-offcanvas-wrapper .content-header .template-filter{flex-direction:column}}#revs-template-preview .preview-offcanvas-wrapper .content-header .template-filter .filter-item{position:relative}#revs-template-preview .preview-offcanvas-wrapper .content-header .template-filter .filter-item:after{content:url(./images/button-arrrow.svg);position:absolute;top:2px;right:0;z-index:-1}#revs-template-preview .preview-offcanvas-wrapper .content-header .template-filter .filter-item select{-webkit-appearance:none;appearance:none;font-family:Poppins;font-size:16px;line-height:22px;background:transparent;border:none;padding-left:5px;padding-right:24px}#revs-template-preview .content-body{height:100%;overflow-y:auto;padding-bottom:130px}@media(max-width:1800px){#revs-template-preview .content-body{padding-bottom:105px}}@media(max-width:1600px){#revs-template-preview .content-body{padding-bottom:95px}}@media(max-width:767px){#revs-template-preview .content-body{padding-bottom:122px}}#revs-template-preview .template-item-preview{padding:28px;display:grid;grid-template-columns:repeat(var(--grid-item-count),1fr);gap:14px}@media(max-width:767px){#revs-template-preview .template-item-preview{padding:20px}}@media(max-width:575px){#revs-template-preview .template-item-preview{grid-template-columns:repeat(1,1fr)}}#revs-template-preview .view-btn-group{display:flex;align-items:center}#revs-template-preview .view-btn-group button{background:transparent;border:none;width:34px;height:34px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:7px;transition:all .3s ease}#revs-template-preview .view-btn-group button.active{background:#fff;box-shadow:0 5px 14px #0000001a}#revs-template-preview .dropdown{position:relative;display:inline-block}#revs-template-preview .dropdown-button{display:flex;align-items:center;width:100%;cursor:pointer;border:none;background:transparent;font-family:Poppins;font-size:16px;line-height:22px;color:#000}@media(max-width:575px){#revs-template-preview .dropdown-button{justify-content:center}}#revs-template-preview .dropdown-icon{transition:transform .3s ease;margin-left:9px}#revs-template-preview .dropdown-content{position:absolute;top:calc(100% + 17px);left:0;min-width:170px;background-color:#fff;border:1px solid #D9D9D9;border-radius:4px;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease;display:flex;flex-direction:column;box-shadow:0 0 1px #0003,0 26px 80px #0003;z-index:1;text-align:left}#revs-template-preview .dropdown-content.open{max-height:262px;opacity:1}#revs-template-preview .dropdown-search{width:100%;border:1px solid #D9D9D9;box-sizing:border-box;outline:none;border-radius:7px;padding:8px 8px 8px 35px;font-family:Roboto;font-size:14px;line-height:18px;color:#000}#revs-template-preview .search-input{position:relative;padding:10px 8px}#revs-template-preview .search-icon{position:absolute;top:19px;left:20px}#revs-template-preview .dropdown-list{list-style:none;margin:0;padding:2px 28px 10px 14px;height:100%;overflow-y:auto}#revs-template-preview .dropdown-list li{font-family:Roboto;font-weight:400;font-size:14px;line-height:29px;cursor:pointer}#revs-template-preview .dropdown-list li:hover,#revs-template-preview .dropdown-list li.active{font-weight:600;color:#4300d8}#revs-template-list .load-more-btn{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center;padding:19px 30px;background:#fff;border:1px solid #121212;border-radius:30px;font-family:Roboto;font-weight:500;font-size:16px;line-height:22px;text-align:center;text-transform:capitalize;color:#121212;margin-inline:auto;margin-top:42px;cursor:pointer;transition:.3s;position:absolute;bottom:-100px;transform:translate(calc(-50% + 135px));left:50%}#revs-template-list .load-more-btn:hover{background:#121212;color:#fff}@media(max-width:575px){#revs-template-list .load-more-btn{transform:translate(-50%)}}.loader{display:inline-block;width:18px;height:18px;border:2px solid #fff;border-top-color:#4300d8;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#revs-template-list .template-group .template-wrapper .template-name-list ul li{position:relative}.rev-area--loading .template-group .template-wrapper .template-name-list ul li:after{content:"";display:block;background:#efe7f3;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;opacity:1}.rev-area--loading .template-group .template-wrapper .template-name-list ul li:before{content:"";display:block;background:#e3dce7;position:absolute;top:0;left:7px;width:3px;height:100%;border-radius:20px;z-index:1;transform:rotate(25deg);animation:moveLeftToRight .5s linear infinite;opacity:.9}@keyframes moveLeftToRight{0%{left:7px;opacity:1}to{left:99%;opacity:0}}.rev-area--loading .template-item-preview .preview-item .preview-thumb img{opacity:0}.rev-area--loading .template-item-preview .preview-item .preview-thumb+a{display:none}.rev-area--loading .template-item-preview .preview-item .preview-thumb:before{content:"";display:block;background:#f8f2fb9c;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px}.rev-area--loading .template-item-preview .preview-item .preview-thumb:after{content:"";display:block;background:#f1eff1db;position:absolute;top:0;left:7px;width:3px;height:100%;border-radius:20px;z-index:1;transform:rotate(25deg);animation:moveLeftToRight .5s linear infinite;opacity:1}.template-group .template-wrapper .template-name-list ul li:before,.template-group .template-wrapper .template-name-list ul li:after,.template-item-preview .preview-item .preview-thumb:after{opacity:0}#revs-template-list .template-group .template-wrapper .template-name-list ul li.tab-button{cursor:pointer}#revs-template-list .template-group .template-wrapper .template-name-list ul li.tab-button.tab-button--active,button.the-all-actions-btn.active-all{color:#5d35b0}button.the-all-actions-btn{font-family:Roboto;font-size:18px;line-height:20px;color:#000;opacity:.8;display:flex;justify-content:space-between;gap:30px;text-transform:capitalize;margin:20px 0;position:relative;cursor:pointer;border:none}.rev-area--loading .the-all-actions-btn:after{content:"";display:block;background:#efe7f3;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;opacity:1}.rev-area--loading .the-all-actions-btn:before{content:"";display:block;background:#e3dce7;position:absolute;top:0;left:7px;width:3px;height:100%;border-radius:20px;z-index:1;transform:rotate(25deg);animation:moveLeftToRight .5s linear infinite;opacity:.9}.preview-item.rev-temp-loding .preview-thumb:before{content:"";display:block;background:#f8f2fb9c;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px}.preview-item.rev-temp-loding .preview-thumb:after{content:"";display:block;background:#f1eff1db;position:absolute;top:0;left:7px;width:3px;height:100%;border-radius:20px;z-index:1;transform:rotate(25deg);animation:moveLeftToRight .5s linear infinite;opacity:1}
/*# sourceMappingURL=/cdn/shop/t/12/assets/tab.css.map */