.light{--lord:#2d2c39;--thron:#ccc;--dragon:#000}.scroller{max-height:100%;overflow-y:auto}.scroller::-webkit-scrollbar{height:5px;width:5px}.scrller-container{max-height:100vh;overflow-y:auto}.popup{background-color:#3333;display:flex;inset:0;position:fixed;z-index:100}.popup-child{grid-gap:10px;border-radius:20px;box-shadow:0 0 10px #3339;box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1);display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;margin:auto;padding:20px;transition:all .2s ease-in-out}.popup-child,img{background-color:#fff}img{border-radius:10px;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);padding:10px}.col-span-fill{grid-column:span 4}.background{background-color:#f5f5f5}.dark .background{background-color:#1f1d2b}.item-icon-bg{fill:#efeff0}.dark .item-icon-bg{fill:#5c5e69}.item-defult-icon-bg{background-color:#f4f4f5}.dark .item-defult-icon-bg{background-color:#3c3f4c}.search-bg{background-color:#fff}.dark .search-bg{background-color:#3c3f4c}.account-check-bg{background-color:#fff}.dark .account-check-bg{background-color:#3c3f4c}.check-bg{background-color:#f3f3f1}.dark .check-bg{background-color:#4c4e5a}.compo-bg{background:hsla(240,3%,77%,.85)}.dark .compo-bg{background:rgba(31,29,43,.85)}.bg-logout{background-color:#f4e2e3}.dark .bg-logout{background-color:#36232f}.menu-label{background-color:#fcfcfc}.dark .menu-label{background-color:#2d2c39}.red-bg{background-color:#dd3643}.green-bg{background-color:#56e181}.check-bg{background-color:#e9e9eb}.dark .check-bg{background-color:#494c5a}.orange-text{color:#f48114}.orange-text-2{color:#ffa44e}.orange-text-3{color:#f9c089}.dark .orange-text-3{color:#905929}.orange-bg{background-color:#f48114}.orange-bg-2{background-color:#ffa44e}.orange-bg-3{background-color:#f9c089}.dark .orange-bg-3{background-color:#905929}.cyan-text{color:#63cfc9}.green-text{color:#56e181}.red-text{color:#dd3643}.white-text{color:#fff}.red-text-1{color:#ec4245}.dark .red-text-1{color:#fff}.menu-phone{color:#6b6d78}.dark .menu-phone{color:#c4c4c7}.shadow-1{box-shadow:0 0 10px rgba(45,48,62,.15)}.shadow-svg{-webkit-filter:drop-shadow(0 0 6px rgba(45,48,62,.15));filter:drop-shadow(0 0 6px rgb(45,48,62,.15))}.carbonic-tint{fill:#1f1d2b}.carbonic-tint-x,.dark .carbonic-tint{fill:#fff}.dark .carbonic-tint-x{fill:#1f1d2b}.tint{fill:#c4c4c7}.dark .tint{fill:#6c6f78}.tint-stroke{stroke:#c4c4c7}.dark .tint-stroke{stroke:#6c6f78}.tint-1{fill:#c3c3c6}.dark .tint-1{fill:#72747f}.tint-2{fill:#b8b7bc}.dark .tint-2{fill:#72747f}.tint-item{fill:#d5d6d9}.dark .tint-item{fill:#6d6f78}.tint-menu{fill:#b8b7bc}.dark .tint-menu{fill:#96969c}.tint-tab{fill:#bebec1}.dark .tint-tab{fill:#62606b}.active .tint-tab{fill:#dd3643}.tint-main-tab{fill:#fff}.dark .tint-main-tab{fill:#8b8a91}.active .tint-main-tab{fill:#fff}.tint-squer{border:2px solid #d9d9da}.dark .tint-squer{border:2px solid #767982}.carbonic-tint{color:#1f1d2b}.dark .carbonic-tint{color:#fff}.accounts-business-svg{fill:#efeff0}.dark .accounts-business-svg{fill:#5c5e69}.border-left{border-left:1px solid #ebebeb}.dark .border-left{border-left:1px solid #1f1d2b}.border-top{border-top:1px solid #ebebeb}.dark .border-top{border-top:1px solid #1f1d2b}.menu-profile-border{border:2px solid #dcdcde}.dark .menu-profile-border{border:2px solid #3a3a46}.back-button{fill:#c6c6ca;top:var(--safe-area-top)}.dark .back-button{fill:#8f8e95}.home-tab{background:linear-gradient(90deg,#bebec1,#bebec1);border-radius:8px;height:48px;width:48px}.home-tab[aria-selected=true]{background:linear-gradient(90deg,#d0394f,#e83439);box-shadow:0 0 25px #e7353c;color:#fff}.mode-svg{fill:#fff0}.acitve-mode .mode-svg{fill:#fff}.item-quantity{fill:#fff;align-items:center;background-color:#f48114;border:2px solid #d17117;border-radius:25px;display:flex;flex-direction:row;left:-10px;padding:0 4px;position:absolute}.bg-whtie{background-color:#fff}.carbonic-card-svg{fill:#2d303e}.dark .carbonic-card-svg,.invoice-seprater-svg{fill:#fff}.dark .invoice-seprater-svg{fill:#2d303e}.invoice-top{background-color:#f5f5f5}.dark .invoice-top{background-color:#3d404e}.invoice-shape{background-color:#e6e6e6}.dark .invoice-shape{background-color:#393c4a}.invoice-shape-svg{fill:#e6e6e6}.dark .invoice-shape-svg{fill:#393c4a}.invoice-border-svg{fill:#ecebe8}.dark .invoice-border-svg{fill:#494c5a}.invoice-number-svg{fill:#c4c4c7}.dark .invoice-number-svg{fill:#4d505c}.invoice-bg-date{background-color:#fbfbfb;border-top:1px solid #ebebeb}.dark .invoice-bg-date{background-color:#292a39;border-top:1px solid #393d4d}.invoice-bg-date-2{background-color:#fbfbfb;border:1px solid #ededee}.dark .invoice-bg-date-2{background-color:#383b48;border:1px solid #4c4f5b}.invoice-quantity{fill:#fff;background-color:#c4c4c7;border:2px solid #b9b9bb}.dark .invoice-quantity{fill:#767982;background-color:#484a57;border:2px solid #3f414e}.invoice-bg-header{background-color:#faf9f7;border-bottom:1px solid #e7e6de}.dark .invoice-bg-header{background-color:#393c4a;border-bottom:1px solid #4c4f5b}.invoice-bg-items{background-color:#fff}.dark .invoice-bg-items{background-color:#313442}.tint-price-svg{fill:#c4c4c7}.dark .tint-price-svg{fill:#6c6e78}.barcode-svg{fill:#b9b9b9}.dark .barcode-svg{fill:#dfe2d3}.tab-container-bg{background-color:#f5f5f550}.dark .tab-container-bg{background-color:#1f1d2b50}.tab-container-bg .border{border:1px solid #f5f5f5}.dark .tab-container-bg .border{border:1px solid #313240}.text-input{fill:#c4c4c7;background-color:#fff;border:2px solid #efeff0;border-radius:14px;padding:10px}.dark .text-input{fill:#767982;background-color:#3c3f4c;border:2px solid #3c3f4c}.text-input input{background-color:#fff}.dark .text-input input{background-color:#3c3f4c}.dark .icon-card svg{fill:#767982;stroke:#494c5a}.light .icon-card svg{fill:#ecebe8;stroke:#bebec1}.select-icon{fill:#1f1d2b}.dark .select-icon{fill:#9e9fa6}.no-select .select-icon{opacity:.2}.svg-icon-with-bg{fill:#bebec1;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(45,48,62,.15);padding:10px;width:40px}.dark .svg-icon-with-bg{background-color:#2d303e}.svg-icon path{fill:#c4c4c7}.svg-icon .border{fill:#ecebe8}.dark .svg-icon path{fill:#767982}.dark .svg-icon .border{fill:#494c5a}.label-svg{fill:"#C4C4C7";height:30px;width:30px}.dark .label-svg{fill:"#767982"}.container-checked .svg-icon{fill:#f1bac4}.container-checked .svg-icon .border{fill:#e87f90}.container-checked .carbonic-3{color:#f0b9c5}.opration-svg path{fill:#fff}.dark .opration-svg path{fill:#2d303e}.svg-card{fill:#bebec1}.dark .svg-card{fill:#767982}.not-fount .svg-icon{fill:#dcdcdd;background-color:#f0f1f1;border-radius:10px;height:36px}.not-fount .svg-icon .border{fill:#f0f1f1}.not-fount p{color:#d9dddd}.active-reps .svg-icon .reps{fill:#1bd69a}.un-active-reps .svg-icon .reps{fill:#dd3643}.tint-settings{fill:#1f1d2b;transition:none}.dark .tint-settings{fill:#fff}.theme .tint-settings{fill:#fff;background-color:#1f1d2b}.dark .theme .tint-settings{fill:#1f1d2b;background-color:#fff}.active-package{border-inline:2px solid #d9d9da;color:#1f1d2b!important;flex-grow:1}.dark .active-package{border-inline:2px solid #767982;color:#fff!important}.read-only-bg{fill:#c4c4c7;border:2px solid #efeff0;border-radius:14px;padding:10px}.read-only-bg,.read-only-bg input{background-color:#e8e8e9}.rounded-1{border-radius:10px}.rounded-2{border-radius:14px}.rounded-3{border-radius:15px}.rounded-4{border-radius:20px}.rounded-5{border-radius:25px}.package-name:hover:after{color:#f48114;content:attr(data-hover);display:flex;padding-left:2px;transition:.3s}.fav-account{fill:#c3c3c6;height:25px;left:10px;position:absolute;top:10px;transition:all .1s ease-in-out}.dark .fav-account{fill:#6c6e78}.fav-account.active{fill:#ffa44e}.tooltip:hover:after{fill:#ffa44e;background-color:#dd3643;border-radius:9px;color:#fff;content:attr(tooltip);font-family:"'Yekan Bakh'";font-size:12px;left:40px;max-width:21em;min-width:3em;opacity:.9;overflow:hidden;padding:4px 12px;position:absolute;text-align:center;text-overflow:ellipsis;top:10px;white-space:nowrap;z-index:99}:root{--white:#fff;--black:#000;--shadow-sm:0px 0px 4px #5f141415;--shadow-md:0px 0px 6px #5f141420;--shadow-lg:0px 0px 6px #5f141430;--shadow-xl:0px 0px 8px #5f141440;--shadow-2xl:0px 0px 10px #5f141450;--shadow-3xl:0px 0px 10px #5f141460;--shadow-focus:0px 0px 6px rgba(32,211,238,.5);--shadow-error:0px 0px 6px rgba(231,53,60,.5);--xs:3px;--sm:6px;--md:9px;--lg:12px;--xl:15px;--2xl:18px;--3xl:21px;--4xl:24px;--5xl:27px;--auto:auto;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:2.5rem;--font-5xl:3rem;transition:all .3s ease-in-out}.text-xs{font-size:.75rem;font-size:var(--font-xs)}.text-sm{font-size:.875rem;font-size:var(--font-sm)}.text-base{font-size:1rem;font-size:var(--font-base)}.text-lg{font-size:1.125rem;font-size:var(--font-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-2xl)}.text-3xl{font-size:2rem;font-size:var(--font-3xl)}.text-4xl{font-size:2.5rem;font-size:var(--font-4xl)}.text-5xl{font-size:3rem;font-size:var(--font-5xl)}.rounded-xs{border-radius:3px;border-radius:var(--xs)}.rounded-sm{border-radius:6px;border-radius:var(--sm)}.rounded-md{border-radius:9px;border-radius:var(--md)}.rounded-lg{border-radius:12px;border-radius:var(--lg)}.rounded-xl{border-radius:15px;border-radius:var(--xl)}.rounded-2xl{border-radius:18px;border-radius:var(--2xl)}.rounded-3xl{border-radius:21px;border-radius:var(--3xl)}.rounded-4xl{border-radius:24px;border-radius:var(--4xl)}.rounded-5xl{border-radius:27px;border-radius:var(--5xl)}.rounded-full{border-radius:100px}.shadow-shadow-sm{box-shadow:0 0 4px #5f141415;box-shadow:var(--shadow-sm)}.shadow-shadow-md{box-shadow:0 0 6px #5f141420;box-shadow:var(--shadow-md)}.shadow-shadow-lg{box-shadow:0 0 6px #5f141430;box-shadow:var(--shadow-lg)}.shadow-shadow-xl{box-shadow:0 0 8px #5f141440;box-shadow:var(--shadow-xl)}.shadow-shadow-2xl{box-shadow:0 0 10px #5f141450;box-shadow:var(--shadow-2xl)}.shadow-shadow-3xl{box-shadow:0 0 10px #5f141460;box-shadow:var(--shadow-3xl)}.gap-xs{gap:3px;gap:var(--xs)}.gap-sm{gap:6px;gap:var(--sm)}.gap-md{gap:9px;gap:var(--md)}.gap-lg{gap:12px;gap:var(--lg)}.gap-xl{gap:15px;gap:var(--xl)}.gap-2xl{gap:18px;gap:var(--2xl)}.gap-3xl{gap:21px;gap:var(--3xl)}.gap-4xl{gap:24px;gap:var(--4xl)}.gap-5xl{gap:27px;gap:var(--5xl)}.p-xs{padding:3px;padding:var(--xs)}.px-xs{padding-inline:3px;padding-inline:var(--xs)}.py-xs{padding-block:3px;padding-block:var(--xs)}.p-sm{padding:6px;padding:var(--sm)}.px-sm{padding-inline:6px;padding-inline:var(--sm)}.py-sm{padding-block:6px;padding-block:var(--sm)}.p-md{padding:9px;padding:var(--md)}.px-md{padding-inline:9px;padding-inline:var(--md)}.py-md{padding-block:9px;padding-block:var(--md)}.p-lg{padding:12px;padding:var(--lg)}.px-lg{padding-inline:12px;padding-inline:var(--lg)}.py-lg{padding-block:12px;padding-block:var(--lg)}.p-xl{padding:15px;padding:var(--xl)}.px-xl{padding-inline:15px;padding-inline:var(--xl)}.py-xl{padding-block:15px;padding-block:var(--xl)}.p-2xl{padding:18px;padding:var(--2xl)}.px-2xl{padding-inline:18px;padding-inline:var(--2xl)}.py-2xl{padding-block:18px;padding-block:var(--2xl)}.p-3xl{padding:21px;padding:var(--3xl)}.px-3xl{padding-inline:21px;padding-inline:var(--3xl)}.py-3xl{padding-block:21px;padding-block:var(--3xl)}.p-4xl{padding:24px;padding:var(--4xl)}.px-4xl{padding-inline:24px;padding-inline:var(--4xl)}.py-4xl{padding-block:24px;padding-block:var(--4xl)}.p-5xl{padding:27px;padding:var(--5xl)}.px-5xl{padding-inline:27px;padding-inline:var(--5xl)}.py-5xl{padding-block:27px;padding-block:var(--5xl)}.m-xs{margin:3px;margin:var(--xs)}.mx-xs{margin-inline:3px;margin-inline:var(--xs)}.my-xs{margin-block:3px;margin-block:var(--xs)}.m-sm{margin:6px;margin:var(--sm)}.mx-sm{margin-inline:6px;margin-inline:var(--sm)}.my-sm{margin-block:6px;margin-block:var(--sm)}.m-md{margin:9px;margin:var(--md)}.mx-md{margin-inline:9px;margin-inline:var(--md)}.my-md{margin-block:9px;margin-block:var(--md)}.m-lg{margin:12px;margin:var(--lg)}.mx-lg{margin-inline:12px;margin-inline:var(--lg)}.my-lg{margin-block:12px;margin-block:var(--lg)}.m-xl{margin:15px;margin:var(--xl)}.mx-xl{margin-inline:15px;margin-inline:var(--xl)}.my-xl{margin-block:15px;margin-block:var(--xl)}.m-2xl{margin:18px;margin:var(--2xl)}.mx-2xl{margin-inline:18px;margin-inline:var(--2xl)}.my-2xl{margin-block:18px;margin-block:var(--2xl)}.m-3xl{margin:21px;margin:var(--3xl)}.mx-3xl{margin-inline:21px;margin-inline:var(--3xl)}.my-3xl{margin-block:21px;margin-block:var(--3xl)}.m-4xl{margin:24px;margin:var(--4xl)}.mx-4xl{margin-inline:24px;margin-inline:var(--4xl)}.my-4xl{margin-block:24px;margin-block:var(--4xl)}.m-5xl{margin:27px;margin:var(--5xl)}.mx-5xl{margin-inline:27px;margin-inline:var(--5xl)}.my-5xl{margin-block:27px;margin-block:var(--5xl)}.m-auto{margin:auto;margin:var(--auto)}.mx-auto{margin-inline:auto;margin-inline:var(--auto)}.my-auto{margin-block:auto;margin-block:var(--auto)}.border-lion{border:1px solid var(--lion)}.border-lion-x{border-inline:1px solid var(--lion)}input[type=number],input[type=password],input[type=text]{background-color:var(--prim);border:none;border-radius:.5rem;box-shadow:var(--shadow-lg);color:var(--shark);font-family:"'BoutrosMBCDinkum Medium'";font-weight:700;outline:none;padding:10px}input::-webkit-input-placeholder{color:var(--goat);font-size:14px;font-weight:700;letter-spacing:1px;position:relative;z-index:2}input:-ms-input-placeholder{color:var(--goat);font-size:14px;font-weight:700;letter-spacing:1px;position:relative;z-index:2}input::placeholder{color:var(--goat);font-size:14px;font-weight:700;letter-spacing:1px;position:relative;z-index:2}input[type=number]:focus,input[type=text]:focus{box-shadow:var(--shadow-focus)}input:read-only{background-color:var(--king)}.button{background-color:var(--prim);border:none;border-radius:.5rem;box-shadow:var(--shadow-lg);color:var(--shark);cursor:pointer;font-family:"'BoutrosMBCDinkum Medium'";font-weight:700;letter-spacing:1px;padding:6px 16px}.owl-expand{max-height:1800px;overflow:hidden;transition:all .3s ease-in-out}.transition-0{transition:all 0s ease-in-out}.transition-1{transition:all .1s ease-in-out}.transition-2{transition:all .2s ease-in-out}.transition-3{transition:all .3s ease-in-out}.transition-4{transition:all .4s ease-in-out}.shake{-webkit-animation:shakeFrame .5s linear!important;animation:shakeFrame .5s linear!important;box-shadow:0 0 8px #f8717155!important;content:"Must Be Filled"!important}.shake::-webkit-input-placeholder{color:var(--dragon)!important}.shake:-ms-input-placeholder{color:var(--dragon)!important}.shake::placeholder{color:var(--dragon)!important}@-webkit-keyframes shakeFrame{0%,20%,40%,60%,80%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}}@keyframes shakeFrame{0%,20%,40%,60%,80%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}}.blur-bg{background-color:#0004}@-webkit-keyframes searching{0%,to{-webkit-transform:translate(0);transform:translate(0)}10%,90%{-webkit-transform:translate(15px,-10px);transform:translate(15px,-10px)}20%,80%{-webkit-transform:translate(25px,-35px);transform:translate(25px,-35px)}30%,70%{-webkit-transform:translate(-15px,10px);transform:translate(-15px,10px)}40%,60%{-webkit-transform:translate(-30px,30px);transform:translate(-30px,30px)}50%{-webkit-transform:translate(25px,-10px);transform:translate(25px,-10px)}}@keyframes searching{0%,to{-webkit-transform:translate(0);transform:translate(0)}10%,90%{-webkit-transform:translate(15px,-10px);transform:translate(15px,-10px)}20%,80%{-webkit-transform:translate(25px,-35px);transform:translate(25px,-35px)}30%,70%{-webkit-transform:translate(-15px,10px);transform:translate(-15px,10px)}40%,60%{-webkit-transform:translate(-30px,30px);transform:translate(-30px,30px)}50%{-webkit-transform:translate(25px,-10px);transform:translate(25px,-10px)}}@-webkit-keyframes searching2{0%,to{-webkit-transform:translate(5px,2px);transform:translate(5px,2px)}25%{-webkit-transform:translate(72px,25px);transform:translate(72px,25px)}50%{-webkit-transform:translate(25px,52px);transform:translate(25px,52px)}75%{-webkit-transform:translate(-25px,25px);transform:translate(-25px,25px)}}@keyframes searching2{0%,to{-webkit-transform:translate(5px,2px);transform:translate(5px,2px)}25%{-webkit-transform:translate(72px,25px);transform:translate(72px,25px)}50%{-webkit-transform:translate(25px,52px);transform:translate(25px,52px)}75%{-webkit-transform:translate(-25px,25px);transform:translate(-25px,25px)}}@-webkit-keyframes searching3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes searching3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@-webkit-keyframes searching4{0%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}70%{-webkit-transform:rotate(320deg);transform:rotate(320deg)}to{-webkit-transform:rotate(395deg);transform:rotate(395deg)}}@keyframes searching4{0%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}70%{-webkit-transform:rotate(320deg);transform:rotate(320deg)}to{-webkit-transform:rotate(395deg);transform:rotate(395deg)}}.searching-icon-container{height:0;left:0;position:fixed;right:0;z-index:999}.searching-animation{-webkit-animation:searching4 2.5s linear infinite;animation:searching4 2.5s linear infinite;display:flex;height:0;margin-inline:auto;margin-top:150px;width:180px}.searching-part-conatiner{align-items:center;-webkit-animation:searching3 2.5s linear infinite;animation:searching3 2.5s linear infinite;display:flex}.searching-icon{background-color:#ecfeffdd;border:1px solid #164e63;border-radius:170px;box-shadow:inset 0 0 4px #164e63}.clip-shin{background-color:#fffd;-webkit-clip-path:polygon(31% 9%,46% 7%,66% 12%,82% 21%,91% 36%,94% 57%,92% 78%,85% 58%,74% 30%,49% 15%);clip-path:polygon(31% 9%,46% 7%,66% 12%,82% 21%,91% 36%,94% 57%,92% 78%,85% 58%,74% 30%,49% 15%);margin:4px;padding:19px;-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}.searching-icon-tail{background-color:#164e63;border-radius:0 6px 6px 0;height:7px;width:23px}@-webkit-keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);bottom:10px;padding-block:40px}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);bottom:0;padding-block:38px}}@keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);bottom:10px;padding-block:40px}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);bottom:0;padding-block:38px}}.animate-bounce{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite;position:absolute};.lds-ripple{height:80px;margin:auto;position:relative;width:80px}.lds-ripple div{-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #63cfc9;border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}@keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}.text-slate-50{color:#f8fafc}.text-slate-100{color:#f1f5f9}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}.text-zinc-50{color:#fafafa}.text-zinc-100{color:#f4f4f5}.text-zinc-200{color:#e4e4e7}.text-zinc-300{color:#d4d4d8}.text-zinc-400{color:#a1a1aa}.text-zinc-500{color:#71717a}.text-zinc-600{color:#52525b}.text-zinc-700{color:#3f3f46}.text-zinc-800{color:#27272a}.text-zinc-900{color:#18181b}.text-neutral-50{color:#fafafa}.text-neutral-100{color:#f5f5f5}.text-neutral-200{color:#e5e5e5}.text-neutral-300{color:#d4d4d4}.text-neutral-400{color:#a3a3a3}.text-neutral-500{color:#737373}.text-neutral-600{color:#525252}.text-neutral-700{color:#404040}.text-neutral-800{color:#262626}.text-neutral-900{color:#171717}.text-stone-50{color:#fafaf9}.text-stone-100{color:#f5f5f4}.text-stone-200{color:#e7e5e4}.text-stone-300{color:#d6d3d1}.text-stone-400{color:#a8a29e}.text-stone-500{color:#78716c}.text-stone-600{color:#57534e}.text-stone-700{color:#44403c}.text-stone-800{color:#292524}.text-stone-900{color:#1c1917}.text-orange-50{color:#fff7ed}.text-orange-100{color:#ffedd5}.text-orange-200{color:#fed7aa}.text-orange-300{color:#fdba74}.text-orange-400{color:#fb923c}.text-orange-500{color:#f97316}.text-orange-600{color:#ea580c}.text-orange-700{color:#c2410c}.text-orange-800{color:#9a3412}.text-orange-900{color:#7c2d12}.text-amber-50{color:#fffbeb}.text-amber-100{color:#fef3c7}.text-amber-200{color:#fde68a}.text-amber-300{color:#fcd34d}.text-amber-400{color:#fbbf24}.text-amber-500{color:#f59e0b}.text-amber-600{color:#d97706}.text-amber-700{color:#b45309}.text-amber-800{color:#92400e}.text-amber-900{color:#78350f}.text-yellow-50{color:#fefce8}.text-yellow-100{color:#fef9c3}.text-yellow-200{color:#fef08a}.text-yellow-300{color:#fde047}.text-yellow-400{color:#facc15}.text-yellow-500{color:#eab308}.text-yellow-600{color:#ca8a04}.text-yellow-700{color:#a16207}.text-yellow-800{color:#854d0e}.text-yellow-900{color:#713f12}.text-lime-50{color:#f7fee7}.text-lime-100{color:#ecfccb}.text-lime-200{color:#d9f99d}.text-lime-300{color:#bef264}.text-lime-400{color:#a3e635}.text-lime-500{color:#84cc16}.text-lime-600{color:#65a30d}.text-lime-700{color:#4d7c0f}.text-lime-800{color:#3f6212}.text-lime-900{color:#365314}.text-green-50{color:#f0fdf4}.text-green-100{color:#dcfce7}.text-green-200{color:#bbf7d0}.text-green-300{color:#86efac}.text-green-400{color:#4ade80}.text-green-500{color:#22c55e}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-green-800{color:#166534}.text-green-900{color:#14532d}.text-emerald-50{color:#ecfdf5}.text-emerald-100{color:#d1fae5}.text-emerald-200{color:#a7f3d0}.text-emerald-300{color:#6ee7b7}.text-emerald-400{color:#34d399}.text-emerald-500{color:#10b981}.text-emerald-600{color:#059669}.text-emerald-700{color:#047857}.text-emerald-800{color:#065f46}.text-emerald-900{color:#064e3b}.text-teal-50{color:#f0fdfa}.text-teal-100{color:#ccfbf1}.text-teal-200{color:#99f6e4}.text-teal-300{color:#5eead4}.text-teal-400{color:#2dd4bf}.text-teal-500{color:#14b8a6}.text-teal-600{color:#0d9488}.text-teal-700{color:#0f766e}.text-teal-800{color:#115e59}.text-teal-900{color:#134e4a}.text-sky-50{color:#f0f9ff}.text-sky-100{color:#e0f2fe}.text-sky-200{color:#bae6fd}.text-sky-300{color:#7dd3fc}.text-sky-400{color:#38bdf8}.text-sky-500{color:#0ea5e9}.text-sky-600{color:#0284c7}.text-sky-700{color:#0369a1}.text-sky-800{color:#075985}.text-sky-900{color:#0c4a6e}.text-blue-50{color:#eff6ff}.text-blue-100{color:#dbeafe}.text-blue-200{color:#bfdbfe}.text-blue-300{color:#93c5fd}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}.text-blue-900{color:#1e3a8a}.text-indigo-50{color:#eef2ff}.text-indigo-100{color:#e0e7ff}.text-indigo-200{color:#c7d2fe}.text-indigo-300{color:#a5b4fc}.text-indigo-400{color:#818cf8}.text-indigo-500{color:#6366f1}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-indigo-800{color:#3730a3}.text-indigo-900{color:#312e81}.text-violet-50{color:#f5f3ff}.text-violet-100{color:#ede9fe}.text-violet-200{color:#ddd6fe}.text-violet-300{color:#c4b5fd}.text-violet-400{color:#a78bfa}.text-violet-500{color:#8b5cf6}.text-violet-600{color:#7c3aed}.text-violet-700{color:#6d28d9}.text-violet-800{color:#5b21b6}.text-violet-900{color:#4c1d95}.text-fuchsia-50{color:#fdf4ff}.text-fuchsia-100{color:#fae8ff}.text-fuchsia-200{color:#f5d0fe}.text-fuchsia-300{color:#f0abfc}.text-fuchsia-400{color:#e879f9}.text-fuchsia-500{color:#d946ef}.text-fuchsia-600{color:#c026d3}.text-fuchsia-700{color:#a21caf}.text-fuchsia-800{color:#86198f}.text-fuchsia-900{color:#701a75}.text-pink-50{color:#fdf2f8}.text-pink-100{color:#fce7f3}.text-pink-200{color:#fbcfe8}.text-pink-300{color:#f9a8d4}.text-pink-400{color:#f472b6}.text-pink-500{color:#ec4899}.text-pink-600{color:#db2777}.text-pink-700{color:#be185d}.text-pink-800{color:#9d174d}.text-pink-900{color:#831843}.text-rose-50{color:#fff1f2}.text-rose-100{color:#ffe4e6}.text-rose-200{color:#fecdd3}.text-rose-300{color:#fda4af}.text-rose-400{color:#fb7185}.text-rose-500{color:#f43f5e}.text-rose-600{color:#e11d48}.text-rose-700{color:#be123c}.text-rose-800{color:#9f1239}.text-rose-900{color:#881337}.rounded-t-none{border-top-left-radius:0}.rounded-t-sm{border-top-left-radius:.125rem}.rounded-t{border-top-left-radius:.25rem}.rounded-t-md{border-top-left-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem}.rounded-t-3xl{border-top-left-radius:1.5rem}.rounded-t-full{border-top-left-radius:9999px}.rounded-r-none{border-top-right-radius:0}.rounded-r-sm{border-top-right-radius:.125rem}.rounded-r{border-top-right-radius:.25rem}.rounded-r-md{border-top-right-radius:.375rem}.rounded-r-lg{border-top-right-radius:.5rem}.rounded-r-xl{border-top-right-radius:.75rem}.rounded-r-2xl{border-top-right-radius:1rem}.rounded-r-3xl{border-top-right-radius:1.5rem}.rounded-r-full{border-top-right-radius:9999px}.rounded-b-none{border-bottom-right-radius:0}.rounded-b-sm{border-bottom-right-radius:.125rem}.rounded-b{border-bottom-right-radius:.25rem}.rounded-b-md{border-bottom-right-radius:.375rem}.rounded-b-lg{border-bottom-right-radius:.5rem}.rounded-b-xl{border-bottom-right-radius:.75rem}.rounded-b-2xl{border-bottom-right-radius:1rem}.rounded-b-3xl{border-bottom-right-radius:1.5rem}.rounded-b-full{border-bottom-right-radius:9999px}.rounded-l-none{border-top-left-radius:0}.rounded-l-sm{border-top-left-radius:.125rem}.rounded-l{border-top-left-radius:.25rem}.rounded-l-md{border-top-left-radius:.375rem}.rounded-l-lg{border-top-left-radius:.5rem}.rounded-l-xl{border-top-left-radius:.75rem}.rounded-l-2xl{border-top-left-radius:1rem}.rounded-l-3xl{border-top-left-radius:1.5rem}.rounded-l-full{border-top-left-radius:9999px}.rounded-tl-none{border-top-left-radius:0}.rounded-tl-sm{border-top-left-radius:.125rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-tl-xl{border-top-left-radius:.75rem}.rounded-tl-2xl{border-top-left-radius:1rem}.rounded-tl-3xl{border-top-left-radius:1.5rem}.rounded-tl-full{border-top-left-radius:9999px}.rounded-tr-none{border-top-right-radius:0}.rounded-tr-sm{border-top-right-radius:.125rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-tr-md{border-top-right-radius:.375rem}.rounded-tr-lg{border-top-right-radius:.5rem}.rounded-tr-xl{border-top-right-radius:.75rem}.rounded-tr-2xl{border-top-right-radius:1rem}.rounded-tr-3xl{border-top-right-radius:1.5rem}.rounded-tr-full{border-top-right-radius:9999px}.rounded-br-none{border-bottom-right-radius:0}.rounded-br-sm{border-bottom-right-radius:.125rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-br-xl{border-bottom-right-radius:.75rem}.rounded-br-2xl{border-bottom-right-radius:1rem}.rounded-br-3xl{border-bottom-right-radius:1.5rem}.rounded-br-full{border-bottom-right-radius:9999px}.rounded-bl-none{border-bottom-left-radius:0}.rounded-bl-sm{border-bottom-left-radius:.125rem}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-bl-xl{border-bottom-left-radius:.75rem}.rounded-bl-2xl{border-bottom-left-radius:1rem}.rounded-bl-3xl{border-bottom-left-radius:1.5rem}.rounded-bl-full{border-bottom-left-radius:9999px}:root{--table:#fff;--even:#f4f4f4;--header:#37304a;--header-text:#fff;--table-text:#2c3e50;--line:#014b3d38;--rounded:10px}*{margin:0;padding:0}.font-bold{font-family:"'BoutrosMBCDinkum Medium'";font-weight:700}.link{color:#2d303e}.table-border{border-bottom:1px solid #67e8f9}.owl-table{background-color:#fff;background-color:var(--table);color:#2c3e50;color:var(--table-text);display:grid;font-family:"'BoutrosMBCDinkum Medium'";font-size:14px;font-weight:300;padding-bottom:200px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.even{background-color:#f4f4f4;background-color:var(--even)}.table-header{background-color:#37304a;background-color:var(--header);color:#fff;color:var(--header-text);display:grid;font-family:"'BoutrosMBCDinkum Medium'";font-size:14px;font-weight:700;font-weight:300;grid-column:1/-1;padding-block:5px;position:sticky;position:-webkit-sticky;top:-12px}.owl-table-td{direction:ltr;overflow:hidden;padding:10px;text-align:auto}.table-line{background-color:#014b3d38;background-color:var(--line);height:100vh;padding:1px;position:absolute;z-index:1}#resizeble-target{left:0}#resizeble-target:active,#resizeble-target:hover{background-color:#37304a33;border:1px solid #014b3d38;border:1px solid var(--line);cursor:w-resize}.base-table,.round-table-1{background-color:#fff;background-color:var(--table);color:#2c3e50;color:var(--table-text)}.round-table-1{border-radius:10px;border-radius:var(--rounded)}.round-table-1 .table-header{border-radius:10px 10px 0 0;border-radius:var(--rounded) var(--rounded) 0 0;overflow:hidden}.round-table{background-color:#fff;background-color:var(--table);border-radius:10px;border-radius:var(--rounded);color:#2c3e50;color:var(--table-text)}.round-table .table-header{border-radius:10px 10px 0 0;border-radius:var(--rounded) var(--rounded) 0 0}.owl-grid{margin-bottom:200px}.owl-grid,.owl-larg-grid{grid-gap:13px;align-items:flex-start;display:grid;gap:13px;grid-template-columns:repeat(1,minmax(0,1fr))}.close-popup{inset:0;position:fixed;z-index:1}.owl-popup{background-color:#fff;border-radius:.5rem;box-shadow:0 0 8px rgba(0,0,0,.1);color:#f87171;display:flex;flex-direction:column;gap:12px;padding:12px 24px}@media screen and (max-width:768px){.owl-popup{left:10px;position:fixed;right:10px;z-index:999}}@media screen and (min-width:1280px){.owl-grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.big-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}@media screen and (min-width:2500px){.owl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.owl-larg-grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}}.item-builder{box-shadow:0 0 6px rgba(95,20,20,.16);flex-direction:column;font-family:"'BoutrosMBCDinkum Medium'";font-size:13px;font-weight:700;overflow-x:auto;padding:12px}.item-builder,.obj{background-color:#fff;border-radius:.5rem;display:flex}.obj{align-self:flex-start;cursor:grab;flex-direction:row;flex-wrap:wrap;margin:4px;padding:2px 10px}.scroller::-webkit-scrollbar{height:4px;width:4px}.scroller::-webkit-scrollbar-track{border-radius:100px;margin:10px}.scroller::-webkit-scrollbar-thumb{background-color:#3f3c4daa;border-radius:6px;box-shadow:inset 2px 2px 5px 0 rgba(#fff,.5)}.scroller::-webkit-scrollbar-track{background-color:#e4e4e4}.shadow-lg{box-shadow:0 0 6px rgba(95,20,20,.16)}.shadow-gray{box-shadow:0 0 6px hsla(220,9%,46%,.5)}.shadow-cyan{box-shadow:0 0 6px rgba(32,211,238,.5)}.shadow-red{box-shadow:0 0 6px hsla(0,94%,82%,.5)}.shadow-purple{box-shadow:0 0 6px rgba(168,85,247,.5)}.flex-grow{flex-grow:1}.row,.row-center{display:flex;flex-direction:row}.row-center{align-items:center}.col,.col-center{display:flex;flex-direction:column}.col-center{align-items:center}.wrap{display:flex;flex-wrap:wrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.h-screen{max-height:100vh}.w-screen{width:100vw}.min-w-max{min-width:-webkit-max-content;min-width:max-content}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.right-0{right:0}.left-0{left:0}.top-0{top:0}.bottom-0{bottom:0}.z-10{z-index:1}.z-20{z-index:2}.z-30{z-index:3}.z-40{z-index:4}.z-50{z-index:5}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.self-start{align-self:flex-start}.self-center{align-self:center}.col-span-full{grid-column:1/-1}.border-gray{border:1px solid #d1d5db}.border-cayn{border:1px solid #20d3ee}.border-red{border:1px solid #fca5a5}.text-center{text-align:center}.text-right{text-align:right}.owl-text-xs{font-size:.75rem}.owl-text-sm{font-size:.875rem}.owl-text-base{font-size:1rem}.owl-text-lg{font-size:1.125rem}.owl-text-xl{font-size:1.25rem}.owl-text-2xl{font-size:1.5rem}.owl-text-3xl{font-size:2rem}.pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-cursor{cursor:w-resize}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.text-left{text-align:left}.text-int-1{color:#2ecd6f}.text-string-1{color:#ff4081}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-size:15px;height:100vh;margin:0;overflow:hidden;padding:0;scroll-behavior:smooth;transition:all .2s ease-in-out}#rapper{height:100vh;overflow:auto}.light{--prim:#fff;--throne:#fbfbfb;--lord:#fbfbfb;--prince:#f0f0f0;--king:#f6f6f6;--shark:#8e9a9b;--goat:#b9cad4;--dolphin:#b1acac;--whale:#105588;--crow:#150d23;--frog:#bada55;--penguin:#1fd1ec;--fox:#d69e58;--wolf:#b2a47b;--lion:#b59675;--tiger:#8d3c09;--fox:#f48114;--wolf:#ffa44e;--lion:#f9c089;--tiger:#905929;--dragon:#dd3643;--fire:#ec4245;--flamingo:#f29bb9;--jellyfish:#8a41e4;--lavender:#e4b1e4;--active:#155e75;--light:#9ca3af;background-color:#fff}.dark{--prim:#2d303e;--throne:#353848;--lord:#292a39;--prince:#393c4a;--king:#3b3e4c;--shark:#fff;--dolphin:#6c6e78;--goat:#9e9fa6;--crow:#c4c4c7;--whale:#767982;--frog:#bada55;--penguin:#1fd1ec;--fox:#d69e58;--wolf:#b2a47b;--lion:#b59675;--tiger:#8d3c09;--dragon:#9b2b19;--fire:#e9b11f;--flamingo:#f29bb9;--jellyfish:#8a41e4;--lavender:#e4b1e4;--active:#155e75;--light:#9ca3af;background-color:#1f1d2b}p[state=selected]{background-color:var(--penguin)}p[state=off]{background-color:var(--goat)}.bg-prim{background-color:var(--prim)}.text-prim{color:var(--prim)}.fill-shark{fill:var(--shark)}.bg-throne{background-color:var(--throne)}.text-throne{color:var(--throne)}.bg-lord{background-color:var(--lord)}.text-lord{color:var(--lord)}.bg-prince{background-color:var(--prince)}.text-prince{color:var(--prince)}.bg-king{background-color:var(--king)}.text-king{color:var(--king)}.bg-shark{background-color:var(--shark)}.text-shark{color:var(--shark)}.bg-dolphin{background-color:var(--dolphin)}.text-dolphin{color:var(--dolphin)}.bg-goat{background-color:var(--goat)}.text-goat{color:var(--goat)}.bg-crow{background-color:var(--crow)}.text-crow{color:var(--crow)}.bg-whale{background-color:var(--whale)}.text-whale{color:var(--whale)}.bg-frog{background-color:var(--frog)}.text-frog{color:var(--frog)}.bg-penguin{background-color:var(--penguin)}.text-penguin{color:var(--penguin)}.bg-fox{background-color:var(--fox)}.text-fox{color:var(--fox)}.bg-wolf{background-color:var(--wolf)}.text-wolf{color:var(--wolf)}.bg-lion{background-color:var(--lion)}.text-lion{color:var(--lion)}.bg-tiger{background-color:var(--tiger)}.text-tiger{color:var(--tiger)}.bg-dragon{background-color:var(--dragon)}.text-dragon{color:var(--dragon)}.bg-fire{background-color:var(--fire)}.text-fire{color:var(--fire)}.bg-flamingo{background-color:var(--flamingo)}.text-flamingo{color:var(--flamingo)}.bg-jellyfish{background-color:var(--jellyfish)}.text-jellyfish{color:var(--jellyfish)}.bg-lavender{background-color:var(--lavender)}.text-lavender{color:var(--lavender)}.bg-active{background-color:var(--active)}.text-active{color:var(--active)}.bg-light{background-color:var(--light)}.text-light{color:var(--light)}.text-black{color:#000}.text-white{color:#fff}.text-cyan-50{color:#ecfeff}.text-cyan-100{color:#cffafe}.text-cyan-200{color:#a5f3fc}.text-cyan-300{color:#67e8f9}.text-cyan-400{color:#22d3ee}.text-cyan-500{color:#06b6d4}.text-cyan-600{color:#0891b2}.text-cyan-700{color:#0e7490}.text-cyan-800{color:#155e75}.text-cyan-900{color:#164e63}.text-red-50{color:#fef2f2}.text-red-100{color:#fee2e2}.text-red-200{color:#fecaca}.text-red-300{color:#fca5a5}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-red-900{color:#7f1d1d}.text-gray-50{color:#f9fafb}.text-gray-100{color:#f3f4f6}.text-gray-200{color:#e5e7eb}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-purple-50{color:#faf5ff}.text-purple-100{color:#f3e8ff}.text-purple-200{color:#e9d5ff}.text-purple-300{color:#d8b4fe}.text-purple-400{color:#c084fc}.text-purple-500{color:#a855f7}.text-purple-600{color:#9333ea}.text-purple-700{color:#7e22ce}.text-purple-800{color:#6b21a8}.text-purple-900{color:#581c87}:root{--gap:4px;--box-rounded:5px;--shpa-gape:2px}@media screen and (max-width:420px){:root{--gap:2px;--box-rounded:2px;--shpa-gape:1px}}#root{height:100vh;max-width:720px}#root,.main-container{display:flex;flex-direction:column;margin:auto;overflow:hidden}.main-container{border-radius:5px;border-radius:var(--box-rounded);gap:10px;max-width:520px;width:calc(100vw - 20px)}#box-container{background-color:#ccc;display:grid;height:100%;padding:4px;padding:var(--gap)}#box-container,.box{aspect-ratio:1;border-radius:5px;border-radius:var(--box-rounded)}.box{background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 4px #333;margin:4px;margin:var(--gap)}.box,[is=hoverd]{background-color:#fddfba}[is=hoverd]{background-color:red;box-shadow:inset 0 0 6px #333}.shape-container{-webkit-animation:fade-in-up .1s ease-out;animation:fade-in-up .1s ease-out;aspect-ratio:1;display:grid;position:relative}@-webkit-keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.shape-container:hover{margin:-5px}.shape-clone{gap:4px;gap:var(--gap);opacity:.5;position:fixed;z-index:303}.shape-clone,.shape-container .box{pointer-events:none;touch-action:none}.shape-container .box{background-color:#7b695a;background-image:var(--block-icon);border:1px solid #68321099;box-shadow:inset 0 0 6px #683210;margin:2px;margin:var(--shpa-gape);-ms-touch-action:none}[is=disabled]{opacity:.5}.box-holder{grid-gap:20px;aspect-ratio:3/1;background-color:#848480;border:5px solid #ccc!important;border-radius:5px;border-radius:var(--box-rounded);display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;height:22%;padding:10px}.shape-take-place{margin:0!important;opacity:0!important;transition:all 50ms ease-out}.box-chosen,.box-taken{background-image:var(--block-icon)}[is=box-breack]{background-image:var(--expold-icon)!important}#score{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:#dd3643;position:relative;top:20px;z-index:303}#box-score,#score{transition:all .5s ease-out}#box-score{background-image:var(--block-icon);background-position:50%;background-repeat:no-repeat;background-size:cover;height:60px;position:absolute;width:60px;z-index:300}.box-explode{background-image:var(--expold-icon)}@-webkit-keyframes explode{0%{border-radius:10px;-webkit-transform:scale(1);transform:scale(1)}50%{border-radius:50px;-webkit-transform:scale(0);transform:scale(0)}to{border-radius:5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes explode{0%{border-radius:10px;-webkit-transform:scale(1);transform:scale(1)}50%{border-radius:50px;-webkit-transform:scale(0);transform:scale(0)}to{border-radius:5px;-webkit-transform:scale(1);transform:scale(1)}}.sorce-container{display:flex;flex-direction:row;font-size:20px;gap:10px;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;text-align:center;top:0;z-index:303}.font-bold{font-family:"'Yekan Bakh'"}.font-medium{font-family:"'Yekan Bakh Medium'"}.game-over .box{background-color:#7b695a!important;background-color:#dd3643!important;border:1px solid #68321099!important;box-shadow:inset 0 0 6px #683210!important;-webkit-filter:grayscale(1);filter:grayscale(1);margin:2px!important;margin:var(--shpa-gape)!important;transition:all .5s ease-out}.game-over #box-score{aspect-ratio:1;background-color:#dd3643;border:none;border-radius:1px;box-shadow:none;height:200px;width:auto}.game-over #score{color:#fff!important;text-shadow:#000 0 0 5px}.game-over .sorce-container{background-color:#dd3643aa;font-size:40px;padding-block:40vh;transition:all .5s ease-out;z-index:10000}.footer{bottom:0;position:fixed}.icon{height:30px;width:30px;z-index:400}.settings-icon{border-radius:50%;bottom:20px;height:30px;overflow:visible;right:20px;width:30px}.scores-container,.settings-icon{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#fffa;box-shadow:var(--shadow-lg);object-fit:contain;padding:5px;position:fixed;transition:all .2s ease-out;z-index:400000000}.scores-container{border-radius:10px;left:10px;max-height:100px;overflow:auto;top:10px}.levels{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#fffa;border-radius:10px;-webkit-column-span:all;column-span:all;display:flex;flex-direction:row;gap:5px;padding:5px;position:absolute;top:0;transition:all .2s ease-out}.level-item,.levels{box-shadow:var(--shadow-lg);font-size:10px;text-align:center}.level-item{background-color:#333;background-color:var(--prim);border:none;border-radius:.5rem;color:#fff;color:var(--shark);cursor:pointer;font-weight:700;letter-spacing:1px;padding:6px}.level-container{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#fffa;border-radius:10px;bottom:10px;box-shadow:var(--shadow-lg);left:10px;max-height:100px;object-fit:contain;padding:5px;position:absolute;transition:all .2s ease-out;z-index:400000000}.level-box{align-items:center;display:flex;flex-direction:row;font-size:10px;gap:5px;justify-items:center;padding:5px;position:relative;text-align:center}.btn{background-color:#333;border:none;border-radius:.5rem;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;font-weight:700;letter-spacing:1px;padding:6px}
/*# sourceMappingURL=main.f89d2e6a.css.map*/