.wallet-balance .\--balance{color:#000;font-size:42px;font-style:normal;font-weight:800;line-height:normal}.wallet-balance .\--balance-text{color:#747a80;font-size:14px;font-style:normal;font-weight:400;line-height:21px}.la-transactions{border-radius:12px;border:1px solid rgba(207,219,213,.7)}.la-transactions .transaction-head{border-bottom:1px solid rgba(207,219,213,.7);padding:20px 24px}.la-transactions .transaction-head .\--name{font-size:16px;font-style:normal;font-weight:700;line-height:24px}.la-transactions .transaction-body{padding:0 26px 20px}.la-transactions .transaction-body .transaction-group{margin-top:24px}.la-transactions .transaction-body .transaction-group .\--label{margin-bottom:14px;color:#747a80;font-size:14px;font-style:normal;font-weight:400;line-height:21px}.la-transactions .transaction-body .transaction-group .transaction-item{height:62px;padding-top:8px;display:flex;border-bottom:1px solid rgba(207,219,213,.7);align-items:center;flex-shrink:0}.la-transactions .transaction-body .transaction-group .transaction-item .-thumbnail{width:32px;height:32px;display:flex;flex-shrink:0}.la-transactions .transaction-body .transaction-group .transaction-item .-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:550px}.la-transactions .transaction-body .transaction-group .transaction-item .-info{margin-left:24px}.la-transactions .transaction-body .transaction-group .transaction-item .-info .-name{font-size:14px;font-style:normal;font-weight:700;line-height:21px}.la-transactions .transaction-body .transaction-group .transaction-item .-info .-subinfo{font-size:12px;font-style:normal;font-weight:500;line-height:18px;color:#747a80}.la-transactions .transaction-body .transaction-group .transaction-item .\--bal{font-size:14px;font-style:normal;font-weight:700;line-height:21px;margin-left:auto}.wallet-balance-menu{margin-top:40px;padding-top:16px;padding-bottom:16px;border-bottom:1px solid #cfdbd5}.wallet-balance-menu .wallet-balance-item{display:flex;gap:8px}.wallet-balance-menu .wallet-balance-item svg{width:18px;height:18px}.wallet-balance-menu .wallet-balance-item span{font-size:14px;font-style:normal;font-weight:700;line-height:21px}.wallet-items-card{border-radius:12px;border:1px solid rgba(207,219,213,.7);padding:15px 24px}.wallet-items-card .-top-ico svg{color:#23e33e;width:20px;height:20px}.wallet-items-card .-bottom-ico{color:#23e33e;font-size:16px;font-style:normal;font-weight:500;line-height:18px}.wallet-items-card .\--top-heading{color:#747a80;font-size:14px;font-style:normal;font-weight:400;line-height:21px;margin-bottom:13px}.wallet-items-card .\--bal{font-size:20px;font-style:normal;font-weight:800;line-height:28px}.wallet-items-card .\--sub{font-size:12px;font-style:normal;font-weight:500;line-height:18px}.wallet-nice-select{width:50%;padding-left:0}.wallet-nice-select:after{height:10px;width:10px;margin-top:-11px}.wallet-payout-balance .-balance{font-size:48px;font-style:normal;font-weight:800;line-height:normal}.wallet-payout-balance .-fee{color:#747a80;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:21px}.wallet-payout-page .-p-info-o{color:#747a80;font-size:12px;font-style:normal;font-weight:500;line-height:18px}.wallet-payout-page .payout-fees .\--item{border-left:2px solid #cfdbd5;display:flex;align-items:center;padding:10px 0}.wallet-payout-page .payout-fees .\--item .\--item-name{color:#747a80;font-size:12px;font-style:normal;font-weight:500;line-height:18px}.wallet-payout-page .payout-fees .\--item .\--item-fee,.wallet-payout-page .payout-input label{font-size:12px;font-style:normal;font-weight:700;line-height:18px}.wallet-payout-page .payout-input label{margin-bottom:12px}.wallet-payout-page .payout-input input{height:64px;border-radius:8px;border:1px solid rgba(207,219,213,.7);padding:22px 20px;font-size:14px;font-style:normal;font-weight:400;line-height:21px}.payment-process-wrapper .payment-flex{justify-content:space-between;border-bottom:1px solid #e6e8ec;padding-bottom:12px}.max-w-700{max-width:700px}.{height:58px;background:#000;border-radius:29px;font-size:18px;color:#fff;width:100%;font-weight:700;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.yena-btn-dark{height:45px;font-size:12px}}.yena-white-card{background:#fff;padding:24px 16px;border-radius:0px}.yena-grey-bg{background:#f4f5f6!important}.leo-avatar-o{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;background-color:#353535;overflow:hidden;text-align:left;border-radius:15px}.leo-avatar-o .-content{flex-grow:1;margin-left:10px;margin-top:6px;margin-bottom:6px}.leo-avatar-o .-content .\--name{margin:0;letter-spacing:.25px;font-size:.875rem;line-height:1.25;font-weight:500;display:block;color:#fff;padding-bottom:1px}.leo-avatar-o .-content .\--subtitle{letter-spacing:.25px;line-height:1.25;font-weight:400;color:#b8b8b8;display:block;font-size:10px;margin:2px 0 0}.leo-avatar-o .-avatar-inner{display:flex;flex-direction:row;cursor:pointer;align-items:center;flex-grow:1;padding:5px 15px;background-color:#353535}.leo-avatar-o .-avatar-inner .\--avatar{display:flex;flex-direction:row;align-items:center;gap:8px;width:30px;height:30px;background:linear-gradient(37.81deg,#e9cdfe 9.56%,#c5f9bb 91.31%);color:#000;border-radius:10px;background:linear-gradient(132deg,#c8ff99 9.56%,#0aed4e 91.31%);background:linear-gradient(132deg,#2e303b 9.56%,rgba(46,48,59,.3215686274509804) 91.31%)}.short-menu-o .leo-avatar-o .-avatar-inner .\--avatar{color:#fff!important}.leo-avatar-o .-avatar-inner .\--avatar img{width:100%;height:100%;border-radius:inherit}.toggle{position:relative;flex-shrink:0;display:block;height:2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.toggle .toggle__input{position:absolute;top:0;left:0;opacity:0}.toggle .toggle__input:checked+.toggle__inner{background:#1966f7}.toggle .toggle__input:checked+.toggle__inner:before{transform:translate(2rem,-50%)}.toggle .toggle__inner{display:block;width:4rem;height:2rem;border-radius:.5rem;background:#a6aead;transition:background .2s}.toggle .toggle__inner:before{content:"";position:absolute;top:50%;left:.25rem;width:1.5rem;height:1.5rem;transform:translateY(-50%);background:#f7fbfa;border-radius:.25rem;transition:transform .2s}.toggle.reverse-switch .toggle__inner{background:#1966f7}.toggle.reverse-switch .toggle__inner:before{transform:translate(2rem,-50%)}.toggle.reverse-switch .toggle__input:checked+.toggle__inner{background:#a6aead}.toggle.reverse-switch .toggle__input:checked+.toggle__inner:before{transform:translateY(-50%)}.match-btn{height:58px;background:#000;border-radius:29px;font-size:18px;color:#fff;width:100%;font-weight:700;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.match-btn{height:45px;font-size:16px}}.form-input input:focus{background:#eee}.form-input.is-link .is-link-inner .error-msg{display:none!important}.or-btn{height:58px;background:#000;border-radius:29px;font-size:18px;color:#fff;width:100%;font-weight:700;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.or-btn{height:45px;font-size:16px}}.currency-payment{display:flex}.currency-payment .currency-sign{font-size:32px;position:relative;top:0}@media (max-width:768px){.currency-payment .currency-sign{font-size:24px}}.currency-payment .currency-field{position:relative}.currency-payment .currency-input,.currency-payment .currency-value{font-weight:700;font-size:96px;line-height:1;letter-spacing:-.02em;color:#23262f}body.is-dark .currency-payment .currency-input,body.is-dark .currency-payment .currency-value{color:#fff}@media (max-width:768px){.currency-payment .currency-input,.currency-payment .currency-value{font-size:64px}}.currency-payment .currency-value{min-width:72px;max-width:500px;min-height:96px;padding-right:5px;opacity:0}@media (max-width:768px){.currency-payment .currency-value{min-height:64px;max-width:280px;padding-bottom:10px}}.currency-payment .currency-input{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:none;box-shadow:none;color:#23262f}.delete-overlay{--unit:.625rem;--vh:1vh;--s-2:calc(var(--unit)*2);display:none;width:100%;height:calc(var(--vh, 1vh)*100);position:fixed;left:0;right:0;bottom:0;padding:var(--s-2);z-index:15}.delete-overlay>.overlay-card{position:absolute;width:calc(100% - var(--s-4));left:50%;transform:translate(-50%);bottom:calc(var(--unit)*2);z-index:2}@media screen and (min-width:768px){.delete-overlay{width:100%;margin:0 auto}.delete-overlay>.overlay-card{width:calc(var(--unit)*40);top:50%;left:50%;bottom:auto;z-index:2;transform:translate(-50%,-50%)}}@media screen and (max-width:767px){.delete-overlay{display:none}}.delete-overlay>.delete-section-modal{display:block;position:absolute;width:calc(var(--unit)*25);height:calc(var(--unit)*16.5);top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;background-color:var(--background);border-radius:5px}@media screen and (min-width:768px){.delete-overlay>.delete-section-modal{width:calc(var(--unit)*40);top:50%;left:50%;bottom:auto;z-index:5;transform:translate(-50%,-50%)}}.delete-overlay>.delete-section-modal>p{font-size:var(--t-m);text-align:center;line-height:var(--l-body);color:var(--c-mix-3)}.delete-overlay>.delete-section-modal>.delete-section-button{display:flex}.delete-overlay>.delete-section-modal>.delete-section-button>button{width:50%;border-top:1px solid var(--c-mix-1);background:unset;border-radius:0}.delete-overlay>.delete-section-modal>.delete-section-button>button:first-child{color:var(--foreground);border-right:1px solid var(--c-mix-1)}.delete-overlay>.delete-section-modal>.delete-section-button>button:first-child:focus,.delete-overlay>.delete-section-modal>.delete-section-button>button:first-child:hover{border:none}.delete-overlay>.delete-section-modal>.delete-section-button>button:last-child{coloryena-btn-dark:var(--c-red)}.delete-overlay>.delete-section-modal>.delete-section-button>button:last-child:focus,.delete-overlay>.delete-section-modal>.delete-section-button>button:last-child:hover{border:none}.delete-overlay>.alert{height:calc(var(--unit)*5);background:var(--c-light);position:fixed;top:20px;left:20px;right:20px;display:none;align-items:center;border-radius:var(--r-small)}.delete-overlay>.alert>p{display:flex;padding:0 14px;color:var(--c-dark);font-size:var(--t-m)!important}.delete-overlay>.alert>p>span{margin-right:var(--s-1);display:flex;align-items:center}.delete-overlay>.alert>p>span>svg{width:16px;height:16px}@media screen and (min-width:768px){.delete-overlay>.alert{top:unset;left:50%;transform:translate(-50%);bottom:var(--s-2);right:unset}}.overlay{--unit:.625rem;--vh:1vh;--s-2:calc(var(--unit)*2);--background:#fff;display:none;width:100%;height:calc(var(--vh, 1vh)*100);position:fixed;left:0;right:0;bottom:0;padding:var(--s-2);z-index:15;z-index:20;top:0;background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:saturate(100%) blur(5px);backdrop-filter:saturate(100%) blur(5px)}.overlay>.overlay-card{position:absolute;width:calc(100% - var(--s-4));left:50%;transform:translate(-50%);bottom:calc(var(--unit)*2);z-index:2}@media screen and (min-width:768px){.overlay{width:100%;margin:0 auto}.overlay>.overlay-card{width:calc(var(--unit)*40);top:50%;left:50%;bottom:auto;z-index:2;transform:translate(-50%,-50%)}}.overlay>.delete-site-card{display:block;position:absolute;width:calc(100% - 40px);left:50%;top:auto;bottom:20px;transform:translate(-50%);z-index:999999;border:1px solid var(--c-mix-1);border-radius:var(--r-small)}@media screen and (min-width:768px){.overlay>.delete-site-card{width:calc(var(--unit)*40);top:50%;left:50%;bottom:auto;z-index:2;transform:translate(-50%,-50%)}}.overlay>.delete-site-card>.overlay-card-body{background-color:var(--background);border-radius:5px}.overlay>.delete-site-card>.overlay-card-body>h2{text-align:center;padding:var(--s-2);padding-top:var(--s-2);padding-bottom:var(--s-2);border-bottom:1px solid var(--c-mix-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0!important}.overlay>.delete-site-card>.overlay-card-body>p{font-size:var(--t-m);text-align:center;line-height:var(--l-body);color:var(--c-mix-3)}.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button{padding:0 var(--s-2) var(--s-2) var(--s-2);display:flex}.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button{height:calc(var(--unit)*4)}.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:first-child{margin-right:var(--s-2);background:var(--c-mix-1);color:var(--foreground)}.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:first-child:focus,.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:first-child:hover{border:none}.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:last-child{background:var(--c-error);color:var(--c-light)}.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:last-child:focus,.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:last-child:hover{border:none}.alpine-dialog-modal{z-index:9999;overflow:auto}.alpine-dialog-modal,.alpine-dialog-modal .-alpine-modal-overflow{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.alpine-dialog-modal .-alpine-modal-overflow{background-color:rgba(21,21,31,.96);z-index:9}.alpine-dialog-modal .-alpine-dialog{z-index:99;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ccc;background-color:#fff}.custom-content-input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#f2f5f9;border:1px solid #dedede;border-radius:4px;padding:3px;margin-top:20px}.custom-content-input label{padding:9px 10px;background:#fff;flex-shrink:0;display:inline-block}.custom-content-input input{flex:1 1 0%;background:transparent;padding:9px 10px;outline:none;border:0!important;font-size:14px}.-pricing-list{flex:1 1 0%;box-shadow:var(--yena-shadows-base);flex-direction:column;position:relative}.-pricing-list,.-pricing-list .-list-inner{display:flex;border-radius:var(--yena-radii-md);overflow:hidden}.-pricing-list .-list-inner{flex-direction:column;gap:.5rem;height:100%;background:var(--yena-colors-white)}.-pricing-list .\--header{display:flex;flex-direction:column;gap:.5rem;padding:var(--yena-space-3);position:relative}@media (min-width:46em){.-pricing-list .\--header{padding:var(--yena-space-5)}}.-pricing-list .\--header .\--background{position:absolute;inset:0;background:var(--yena-colors-gray-50)}.-pricing-list .\--header .\--header-name{position:relative;font-weight:500}@media screen and (min-width:62em) and (min-width:46em){.-pricing-list .\--header .\--header-name{font-size:var(--yena-fontSizes-3xl);line-height:1.2}}@media screen and (min-width:62em){.-pricing-list .\--header .\--header-name{font-size:var(--yena-fontSizes-2xl);line-height:1.33}}.-pricing-list .\--header .\--header-text{font-size:var(--yena-fontSizes-sm);position:relative;line-height:1.3em;min-height:2.6em}.-pricing-list .popular-badge{display:none;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;justify-content:center;align-items:center;background:#fff}.-pricing-list.-popular .popular-badge{display:flex}.-pricing-list.-popular .\--header{padding-top:3rem;padding-bottom:3rem}.-pricing-list.-popular .\--header .\--background{background:linear-gradient(134deg,#eae7ff 10%,rgba(181,57,224,.15) 60%,rgba(223,122,108,.15))}.-pricing-list.-popular .\--header .\--header-name,.-pricing-list.-popular .\--header .\--header-text{color:var(--yena-colors-orchid-600)}




:root {
    --unit: .625rem;
    --vh: 1vh;
    --a-speed: .3s;
    --c-light: #FFF;
    --c-gray1: #EEE;
    --c-gray2: #CCC;
    --c-gray3: #999;
    --c-gray4: #666;
    --c-gray5: #555;
    --c-gray6: #222;
    --c-dark: #111;
    --c-overlay-light: rgb(0 0 0 / .5);
    --c-overlay-dark: rgb(0 0 0 / .8);
    --c-glass-light: rgba(255, 255, 255, .7);
    --c-glass-dark: rgba(17, 17, 17, .7);
    --c-glass-light-subtle: rgba(255, 255, 255, .9);
    --c-glass-dark-subtle: rgba(17, 17, 17, .9);
    --c-nav-light: rgb(255 255 255 / .5);
    --c-nav-dark: rgb(0 0 0 / .5);
    --c-success: #1b0;
    --c-error: #f20;
    --c-pulse-light: 255, 255, 255;
    --c-pulse-dark: 0, 0, 0;
    --c-shadow-dark: drop-shadow(0px 0px 20px rgba(0, 0, 0, .5));
    --c-shadow-light: drop-shadow(0px 0px 20px rgba(0, 0, 0, .1));
    --c-shadow-dark-subtle: drop-shadow(0px 0px 10px rgba(0, 0, 0, .5));
    --c-shadow-light-subtle: drop-shadow(0px 0px 10px rgba(0, 0, 0, .1));
    --c-glass-dark-2: rgba(0, 0, 0, .3);
    --c-glass-light-2: rgba(0, 0, 0, .05);
    --c-yellow: #FC0;
    --c-orange: #F80;
    --c-brown: #A63;
    --c-red: #F20;
    --c-pink: #F58;
    --c-magenta: #B1C;
    --c-violet: #80F;
    --c-blue: #08F;
    --c-cyan: #0BA;
    --c-green: #0A0;
    --c-lemon: #AC4;
    --c-mono: var(--foreground);
    --f-base: Inter, var(--f-sans);
    --f-headings: Cormorant, var(--f-serif);
    --f-body: Inter, var(--f-sans);
    --f-sans: -apple-system,system-ui, BlinkMacSystemFont,"Helvetica","Arial",sans-serif;
    --f-serif: Georgia,"Times New Roman",Times, serif;
    --f-mono: "Lucida Console",Monaco,monospace;
    --l-title: 1.2;
    --l-body: 1.6;
    --t-xs: 10px;
    --t-s: 12px;
    --t-m: 14px;
    --t-xm: 16px;
    --t-l: 24px;
    --t-xl: 32px;
    --t-base: 1rem;
    --t-scale: 1.25;
    --t-0: calc(10px * var(--t-scale));
    --t-1: var(--t-base);
    --t-2: calc(var(--t-1) * var(--t-scale));
    --t-3: calc(var(--t-2) * var(--t-scale));
    --t-4: calc(var(--t-3) * var(--t-scale));
    --t-5: calc(var(--t-4) * var(--t-scale));
    --t-6: calc(var(--t-5) * var(--t-scale));
    --t-7: calc(var(--t-6) * var(--t-scale));
    --t-8: calc(var(--t-7) * var(--t-scale));
    --r-none: 0rem;
    --r-small: calc(var(--unit) / 2);
    --r-full: 1000rem;
    --min-r-none: 0px;
    --min-r-small: 10px;
    --min-r-full: 20px;
    --s-1: var(--unit);
    --s-2: calc(var(--unit) * 2);
    --s-3: calc(var(--unit) * 3);
    --s-4: calc(var(--unit) * 4);
    --s-5: calc(var(--unit) * 5);
    --s-6: calc(var(--unit) * 6);
    --s-7: calc(var(--unit) * 7);
    --s-8: calc(var(--unit) * 8);
    --background: var(--c-light);
    --foreground: var(--c-dark);
    --c-mix-1: var(--c-gray1);
    --c-mix-2: var(--c-gray3);
    --c-mix-3: var(--c-gray4);
    --c-mix-4: var(--c-overlay-light);
    --c-mix-5: var(--c-nav-dark);
    --c-mix-6: var(--c-glass-light);
    --c-mix-7: var(--c-pulse-dark);
    --c-mix-8: var(--c-shadow-light);
    --c-mix-9: var(--c-gray5);
    --c-mix-10: var(--c-gray2);
    --c-mix-11: var(--c-shadow-light-subtle);
    --c-mix-12: var(--c-glass-light-subtle);
    --c-glass-bg: var(--c-glass-light-2)
}

.page-type-options {
    background: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 400px !important;
    max-height: 850px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
}

.page-type-item.iframe-container {
    background: #000 !important;
    border-radius: 40px !important;
    padding: 10px !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.page-type-item.iframe-container iframe {
    width: 375px !important;
    height: 812px !important;
    transform: scale(1) !important;
    border-radius: 32px !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.3) !important;
}
/* Add this new rule below your existing CSS */

.template .template-container .template-block .template-image iframe {
    width: 250px !important;
    height: 540px !important;
    transform: scale(1) !important;
    transform-origin: top !important;
    border-radius: 24px !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
}

.template .template-container{height:auto;border:0px solid var(--c-mix-1);border-radius:var(--r-small);}
.template .template-container:hover{background:var(--c-mix-1);}
.template .template-container:hover .template-footer-button a{background:var(--background);color:var(--foreground);transition:none;}
.template .template-container .template-block{width:100%;position:relative;cursor:pointer;font-size:var(--t-m);color:var(--foreground);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;}
.template .template-container .template-block .template-image{height:auto; background: none !important;margin:20px;border-radius:var(--r-small);position:relative;}
.template .template-container .template-block .template-image .template-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
.template .template-container .template-block .template-footer{display:flex;align-items:center;margin:0 var(--s-1) 0 var(--s-2);position:relative;}
.template .template-container .template-block .template-footer .template-details{flex:0 0 calc(100% - 40px);}
.template .template-container .template-block .template-footer .template-details p.template-name{font-size:var(--t-m);text-transform:capitalize;}
.template .template-container .template-block .template-footer .template-details p.template-creator{font-size:var(--t-xs);color:var(--c-mix-3);}
.template .template-container .template-block .template-footer .template-price{min-width:100px;height:30px;display:flex;position:absolute;right:10px;color:var(--foreground);font-size:var(--t-m);text-align:right;}
.template .template-container .template-block .template-footer .template-price:after{position:absolute;content:var(--template-price);right:0;}
.template .template-container .template-footer-button{height:62px;display:flex;gap:20px;align-items:center;padding:0 20px;}
.template .template-container .template-footer-button a{width:50%;height:32px;background:var(--c-mix-1);color:var(--foreground);font-size:var(--t-s);transition:none;}
.template .template-container .template-footer-button button{width:50%;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--t-s);transition:none;}

.yena-themes-wrapper {
    display:flex;
    padding-bottom:10vmin
  }
  .yena-themes-sidebar {
    display:block;
    flex-shrink:0;
    height:100%;
    margin-right:4.8rem;
    position:sticky;
    top:3rem;
    width:24rem
  }
  @media (max-width:800px) {
    .yena-themes-sidebar {
      display:none
    }
  }
  .yena-themes-filter {
    border-radius:5px;
    color:currentColor;
    display:flex;
    flex-direction:column;
    font-size:1.4rem;
    font-weight:500;
    line-height:1.3em;
    margin:0 0 3.2rem -1rem;
    padding:.8rem 1rem
  }
  .yena-themes-filter h3 {
    font-size:1.2rem;
    font-weight:600;
    letter-spacing:.5px;
    margin:0 0 .9rem;
    text-transform:uppercase
  }
  .yena-themes-filter a {
    border-radius:5px;
    color:var(--color-midgrey);
    margin:0 0 0 -1rem;
    padding:.8rem 1rem;
    text-decoration:none
  }
  .yena-themes-filter a:hover {
    color:var(--color-darkgrey)!important;
    text-decoration:none
  }
  .yena-themes-filter a.active {
    background:#f0f6f9;
    color:var(--color-darkgrey)
  }
  .yena-themes-filter-rating .yena-theme-stars {
    display:flex;
    gap:3px
  }
  .yena-themes-filter-rating svg {
    height:20px;
    width:20px
  }
  .yena-themes-filter-rating .yena-theme-stars:hover svg,
  .yena-themes-filter-rating .yena-theme-stars>svg,
  .yena-themes-filter-rating button.active svg,
  .yena-themes-filter-rating button:first-of-type svg {
    color:#9ca3af
  }
  .yena-themes-filter-rating .yena-theme-stars button:hover~button svg,
  .yena-themes-filter-rating button svg {
    color:#d1d5db
  }
  .yena-themes-feed {
    display:grid;
    justify-content:space-between;
    grid-gap:5.6vmin 4.8vmin;
    grid-template-columns:1fr 1fr 1fr
  }
  @media (max-width:1000px) {
    .yena-themes-feed {
      grid-template-columns:1fr 1fr
    }
  }
  .yena-themes-feed.no-wrap {
    flex-wrap:nowrap
  }
  .yena-no-themes-found h2 {
    font-size:2.6rem;
    margin-bottom:2.4rem
  }
  .yena-no-themes-found a {
    color:var(--color-green);
    font-size:1.6rem;
    font-weight:600;
    text-decoration:none
  }
  .yena-section-themes-submit {
    padding-bottom:0
  }
  .yena-theme-submit-gradient {
    background:linear-gradient(0deg,#efefef,#fff);
    margin:0 -6vmin;
    padding-bottom:8vmin
  }
  .yena-section-marketplace-submit img {
    text-align:center
  }
  .yena-theme-submit>*+* {
    margin-top:2.4rem
  }
  .yena-theme-submit>h2 {
    font-size:3rem;
    font-weight:700;
    letter-spacing:-.015em;
    margin:0 0 2.4rem;
    padding-top:6rem
  }
  .yena-theme-submit h4 {
    font-size:2.4rem;
    font-weight:600;
    letter-spacing:-.015em;
    margin:6rem 0 2.4rem
  }
  .yena-theme-submit a {
    color:var(--color-base);
    font-weight:500;
    text-decoration:underline
  }
  .yena-theme-submit>ul:not([class]) {
    list-style-type:disc;
    padding-left:36px
  }
  .yena-theme-submit>ul:not([class]) li+li {
    margin-top:8px
  }
  .yena-theme-submit .yena-marketplace-form {
    font-size:1.6rem;
    line-height:1.5;
    margin-top:8vmin
  }
  .yena-theme-submit-checklist {
    list-style-type:none;
    padding:0
  }
  .yena-theme-submit-checklist>li {
    cursor:pointer;
    padding-left:3rem;
    position:relative
  }
  .yena-theme-submit-checklist>li+li {
    margin-top:1.2rem
  }
  .yena-theme-submit-checklist>li:before {
    border:2px solid var(--color-midgrey);
    border-radius:3px;
    content:"";
    display:block;
    height:20px;
    left:0;
    position:absolute;
    top:4px;
    width:20px
  }
  .yena-theme-submit-checklist>li.active {
    text-decoration:line-through
  }
  .yena-theme-submit-checklist>li.active:before {
    background-color:var(--color-green);
    border-color:var(--color-green)
  }
  .yena-theme-submit-checklist input[type=checkbox] {
    display:none
  }
  .yena-theme-submit-checklist ul {
    list-style-type:none;
    padding:0
  }
  .yena-theme-submit-checklist ul>li {
    margin:.4em 0
  }
  .yena-theme-submit-checklist ul>li:first-child strong {
    color:var(--color-green)
  }
  .yena-theme-submit-checklist ul>li:last-child strong {
    color:var(--color-red)
  }
  .yena-theme-card {
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    position:relative
  }
  .yena-theme-card.Hidden {
    display:none
  }
  .yena-theme-card-link {
    text-decoration:none
  }
  .yena-theme-card-image-wrapper {
    border-radius:0 0 6px 6px;
    box-shadow:2px 5px 15px 0 rgba(0,0,0,.08);
    overflow:hidden;
    position:relative;
    transition:all .4s ease;
    will-change:box-shadow;
    z-index:30
  }
  .yena-theme-card-link:hover .yena-theme-card-image-wrapper {
    box-shadow:0 10px 20px 0 rgba(0,0,0,.15)
  }
  .yena-theme-card-image {
    background:var(--color-lightgrey) no-repeat center center;
    border-radius:2px;
    display:block;
    overflow:hidden;
    position:relative;
    width:100%
  }
  .yena-theme-card-image-wrapper.featured:before {
    background:var(--color-green);
    color:#fff;
    content:"Featured";
    font-size:1.3rem;
    font-weight:600;
    position:absolute;
    right:-42px;
    text-align:center;
    top:20px;
    transform:rotate(45deg);
    width:150px;
    z-index:100
  }
  .yena-theme-card-toolbar {
    background-color:#f2f2f2;
    border-radius:6px 6px 0 0;
    height:28px;
    padding:0 12px;
    position:relative
  }
  .yena-theme-card-toolbar-button {
    background-color:#c4c4c4;
    border-radius:50%;
    display:block;
    height:6px;
    position:relative;
    top:11px;
    width:6px
  }
  .yena-theme-card-toolbar-button:after,
  .yena-theme-card-toolbar-button:before {
    background-color:#c4c4c4;
    border-radius:50%;
    content:"";
    height:6px;
    position:absolute;
    width:6px
  }
  .yena-theme-card-toolbar-button:before {
    left:12px
  }
  .yena-theme-card-toolbar-button:after {
    left:24px
  }
  .yena-theme-card-image-wrapper .yena-theme-card-overlay {
    align-items:center;
    background-color:hsla(0,0%,100%,.9);
    border:1px solid rgba(0,0,0,.05);
    border-radius:2px;
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content:center;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:opacity .3s cubic-bezier(.694,0,.31,1);
    width:100%
  }
  .yena-theme-card-image-wrapper:hover .yena-theme-card-overlay {
    opacity:1
  }
  .yena-theme-card-overlay .yena-btn {
    margin-bottom:1vmin
  }
  .yena-theme-card-preview {
    color:#384348;
    font-size:1.8rem;
    font-weight:500;
    letter-spacing:-.3px;
    margin-top:.5em;
    text-decoration:underline
  }
  .yena-theme-meta {
    display:flex;
    justify-content:space-between;
    margin-top:2.4rem
  }
  .yena-theme-description {
    flex-grow:1
  }
  .yena-theme-header {
    align-items:center;
    display:flex;
    justify-content:space-between
  }
  .yena-theme-title {
    color:var(--color-base);
    font-size:2rem;
    font-weight:600;
    margin-bottom:.2rem
  }
  .yena-theme-title span {
    font-weight:400;
    letter-spacing:.29px
  }
  .yena-theme-category {
    color:#6b7280;
    font-size:1.2rem;
    font-weight:500;
    margin-bottom:0;
    text-transform:uppercase
  }
  .yena-theme-price {
    background-color:#9ca3af;
    border-radius:3px;
    color:#fff;
    font-size:1.3rem;
    font-weight:600;
    height:100%;
    line-height:1;
    padding:.4rem .5rem
  }
  .free .yena-theme-price {
    background-color:#22c55e
  }
  .yena-theme-footer {
    align-items:center;
    display:flex;
    justify-content:space-between
  }
  [class*=yena-theme-stars] {
    align-items:center;
    display:flex;
    gap:2px
  }
  .yena-theme-stars-active {
    color:#9ca3af
  }
  .yena-theme-stars-inactive {
    color:#d1d5db
  }
  .yena-marketplace-theme-preview .yena-head {
    display:none
  }
  .yena-marketplace-theme-preview .yena-main {
    background:linear-gradient(0deg,#efefef,#fff)
  }
  .yena-section-theme-preview {
    padding:4vmin
  }
  .yena-section-theme-preview .inner {
    max-width:1600px
  }
  .yena-theme-preview-bar {
    align-items:center;
    border-bottom:1px solid var(--color-whitegrey);
    display:grid;
    grid-template-columns:1fr auto 1fr;
    height:80px
  }
  .yena-theme-preview-info {
    align-items:center;
    color:var(--color-midgrey);
    display:flex;
    font-size:1.8rem;
    font-weight:500
  }
  .yena-theme-preview-info a {
    color:var(--color-midgrey);
    text-decoration:none
  }
  .yena-theme-preview-info>span {
    margin:0 1rem
  }
  .yena-theme-preview-title {
    font-size:1.8rem;
    font-weight:600;
    letter-spacing:0
  }
  .yena-theme-preview-selector {
    background-color:#f1f2f5;
    border-radius:4px;
    display:flex;
    height:36px;
    padding:2px
  }
  .yena-theme-preview-selector button {
    align-items:center;
    border-radius:3px;
    display:flex;
    justify-content:center;
    width:70px
  }
  .yena-theme-preview-selector button.active {
    background-color:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,.08)
  }
  .yena-theme-preview-selector svg {
    width:20px
  }
  .yena-theme-preview-action {
    align-items:center;
    display:flex;
    justify-content:flex-end
  }
  .yena-theme-preview-external {
    color:var(--color-base);
    font-size:1.5rem;
    font-weight:600;
    text-decoration:none
  }
  .yena-theme-preview-demo-wrapper {
    position:relative
  }
  .yena-theme-preview-demo {
    box-shadow:0 3px 20px rgba(0,0,0,.08)
  }
  .yena-theme-preview-demo.desktop {
    border-radius:5.33333px;
    overflow:hidden;
    transform-origin:right
  }
  .yena-theme-preview-demo.desktop .yena-theme-card-toolbar {
    background-color:#fff;
    border-radius:4.70588px 4.70588px 0 0;
    height:32px;
    padding:0 14.11765px
  }
  .yena-theme-preview-demo.desktop .yena-theme-card-toolbar-button {
    height:7.05882px;
    top:12.94118px;
    width:7.05882px
  }
  .yena-theme-preview-demo.desktop .yena-theme-card-toolbar-button:after,
  .yena-theme-preview-demo.desktop .yena-theme-card-toolbar-button:before {
    height:7.05882px;
    width:7.05882px
  }
  .yena-theme-preview-demo.desktop .yena-theme-card-toolbar-button:before {
    left:14.11765px
  }
  .yena-theme-preview-demo.desktop .yena-theme-card-toolbar-button:after {
    left:28.23529px
  }
  .yena-theme-preview-demo.desktop .yena-theme-preview-frame {
    height:calc(100vh - 8vmin - 112px);
    width:100%
  }
  @media (max-width:767px) {
    .yena-theme-preview-bar {
      grid-template-columns:auto auto
    }
    .yena-theme-preview-action .yena-btn,
    .yena-theme-preview-selector {
      display:none
    }
    .yena-theme-preview-external {
      margin-right:0
    }
  }
  .yena-theme-preview-demo.mobile {
    background-color:#fff;
    border-radius:40px;
    height:calc(100vh - 8vmin - 80px);
    margin:0 auto;
    max-height:800px;
    padding:10px;
    width:400px
  }
  .yena-theme-preview-demo.mobile .yena-theme-preview-frame {
    border-radius:32px;
    height:100%;
    width:100%
  }
  .yena-theme-preview-demo.mobile .yena-theme-card-toolbar {
    display:none
  }
.z-\[99999\] {
    z-index: 99999;
}
.to-\[\#efefef\] {
    --tw-gradient-to: #efefef;
}
.loader-o20 {
	color: #000;
	font-size: 10px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	transform: translateZ(0);
	animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
    display: block;
}
  
  @keyframes mltShdSpin {
	0% {
	  box-shadow: 0 -0.83em 0 -0.4em,
	  0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
	  0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95% {
	  box-shadow: 0 -0.83em 0 -0.4em, 
	  0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 
	  0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59% {
	  box-shadow: 0 -0.83em 0 -0.4em, 
	  -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, 
	  -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20% {
	  box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
	   -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, 
	   -0.749em -0.34em 0 -0.477em;
	}
	38% {
	  box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
	   -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, 
	   -0.82em -0.09em 0 -0.477em;
	}
	100% {
	  box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 
	  0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
  }
  
  @keyframes round {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
  }