.button{background-color:var(--bg-color,#3973ca);color:var(--color,#fff);border-radius:var(--border-radius,4px);padding:var(--padding,10px 26px);font-weight:var(--font-weight,400);font-size:var(--font-size,1rem);cursor:var(--cursor,pointer);border:var(--border,none);position:relative;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease,border .3s ease,box-shadow .3s ease}.button:focus{outline:2px solid var(--focus-outline,#3b99fc);outline-offset:2px}.button:hover:not(.disabled):not(.not-clickable){background-color:var(--hover-bg-color,#3964c8);color:var(--hover-color,#fff);border:var(--hover-border,none);box-shadow:var(--hover-shadow,0 4px 8px rgba(0,0,0,.15))}.disabled,.not-clickable{opacity:.5;cursor:not-allowed}.not-clickable{background-color:#464747}.icon-active{display:inline-flex;align-items:center;gap:.5rem}.icon-active img{width:20px;height:18px}.transaction-status-container{min-height:100vh;width:auto;margin:auto;background:linear-gradient(180deg,#3973ca,#081f60);display:flex;justify-content:center;align-items:center}.transaction-status-container .main{width:50%;padding:80px;border:1px solid;border-color:inherit;box-shadow:0 0 10px grey;background-color:#fff;border-radius:5px}.transaction-status-container .btn{width:100%;margin-top:30px}.component-a-container{min-height:100vh;width:auto;margin:auto;background:linear-gradient(180deg,#3973ca,#081f60);display:flex;justify-content:center;align-items:center;padding:80px 0}.component-a-container.slide-4{padding:0}.component-a-container .main{width:50%;padding:80px;border:1px solid;border-color:inherit;box-shadow:0 0 10px grey;background-color:#fff;border-radius:5px}.component-a-container .body{max-height:44vh;overflow-y:auto}.component-a-container .body>div:first-child{display:flex;justify-content:space-between;border:1px solid #000;padding:5px 10px}.component-a-container .body>div:nth-child(2){overflow-y:auto}.component-a-container .body>div:nth-child(2) table{width:100%;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000}.component-a-container .body>div:nth-child(2) table thead tr{text-align:left;position:sticky;top:0;z-index:1}.component-a-container .body>div:nth-child(2) td{padding:0 10px}.component-a-container .body>div:nth-child(2) th{padding:10px 10px 0}.component-a-container .body>div:nth-child(2) tbody>tr:last-child{padding-bottom:40px}.component-a-container .body>div:nth-child(2) table tbody tr{display:flex;justify-content:space-between;align-items:center}.component-a-container .body>div:last-child td,.component-a-container .body>div:nth-child(2) td{display:flex;gap:10px}.component-a-container .body>div:last-child td{margin-top:10px}.component-a-container .total{text-align:right;margin:10px 0}.component-a-container .shipping h1{font-weight:600}.component-a-container .shipping>div{display:flex;align-items:center;gap:10px;margin:5px 0}.component-a-container .action-buttons{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-top:20px}.component-a-container .action-buttons>div{display:flex;flex-flow:column nowrap;gap:20px}.component-a-container .action-buttons button{width:200px}.component-a-container .error-message{color:red}.component-a-container .main.checkout form{margin-top:20px}.component-a-container .main.checkout form>div{padding:15px;display:flex;flex-flow:row nowrap;gap:10px;align-items:center;background-color:#cee1f5;border-radius:12px;margin:auto auto 20px}.component-a-container .action-button{display:flex;flex-flow:row wrap;gap:40px;flex-direction:column-reverse}.component-a-container .action-button.cache-new-store{gap:10px}.component-a-container input[type=radio]{height:15px;width:15px}.component-a-container .btn{width:100%}@media screen and (max-width:992px){.component-a-container .main{width:90%}.component-a-container .body>div:nth-child(2) table tbody tr{display:flex;flex-flow:row wrap}}@media screen and (max-width:768px){.component-a-container .main.checkout form>div{gap:7px}}@media screen and (max-width:600px){.component-a-container .main{padding:20px}.component-a-container .action-button{gap:10px}}.component-a-container th{border-right:1px solid #000!important}.help-container{height:100vh;display:grid;overflow:hidden;grid-template-columns:15% 85%;transition:grid-template-columns .5s cubic-bezier(.82,.1,.14,1.12)}.help-container.sidebar-collapsed{grid-template-columns:5% 95%}.main{overflow-x:hidden}.help-options{justify-content:space-evenly;height:60%;width:60%}.help-options,.help-options>div{display:flex;align-items:center;margin:auto}.help-options>div{border:1px solid #3973ca;border-radius:10px;height:200px;width:200px;justify-content:center;font-weight:600;color:#3973ca;transition:transform .5s ease;cursor:pointer}.help-options>div:hover{background-color:#3973ca;color:#fff;font-weight:600;transform:scale(1.1)}@media screen and (max-width:1200px){.help-container:not(.sidebar-collapsed){grid-template-columns:20% 80%}}@media screen and (max-width:768px){.help-container:not(.sidebar-collapsed){grid-template-columns:25% 75%}}@media screen and (max-width:600px){.help-options{flex-flow:column nowrap;height:80%;width:auto}.help-container:not(.sidebar-collapsed){grid-template-columns:75% 25%}.help-container:not(.sidebar-collapsed) .main{width:100vw}.help-container.sidebar-collapsed{grid-template-columns:100%}.help-container.sidebar-collapsed .sidebar{display:none}}.marketing-page{height:100vh;display:grid;overflow:hidden}.marketing-page.sidebar-collapsed{grid-template-columns:5% 95%;transition:grid-template-columns .5s cubic-bezier(.82,.1,.14,1.12)}.marketing-page.sidebar-expanded{grid-template-columns:15% 85%}.marketing-page>div:first-child{align-self:stretch;overflow-y:auto}.marketing-page .main{padding:0 20px 20px}.marketing-page .main>form{display:flex;flex-direction:column;justify-content:center;overflow-y:auto;width:100%;height:80%}.marketing-page .main>div:nth-child(2){margin-top:20px}.marketing-page form>div:last-child{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;border-radius:25px;border:1px solid #f5f5f5;background-color:#f5f5f5;width:100%;max-width:400px;margin:15px auto}.marketing-page form>div:first-child{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.marketing-page form p:first-child{font-size:35px;font-weight:600}.marketing-page form p:nth-child(2){color:#5d5e5e}.marketing-page form img{margin-left:8px}.marketing-page input{background-color:#f5f5f5;outline:none;padding-left:16%;width:100%;height:100%;margin:10px}@media screen and (max-width:1200px){.marketing-page.sidebar-expanded{grid-template-columns:20% 80%}}@media screen and (max-width:768px){.marketing-page.sidebar-expanded{grid-template-columns:25% 75%}}@media screen and (max-width:600px){.marketing-page.sidebar-expanded{grid-template-columns:75% 25%}.marketing-page .main{width:100vw}.marketing-page.sidebar-collapsed{grid-template-columns:100%}.marketing-page.sidebar-collapsed .sidebar{display:none}}.metrics{flex-flow:row nowrap;justify-content:space-between;margin:30px 0}.metrics,.metrics>div:first-child{display:flex;gap:50px}.metrics h1{font-size:25px;font-weight:500}.metrics h6{font-size:35px;font-weight:700}div.payout{border:1px solid #e0e0e0;border-radius:10px;font-weight:600;color:#000;transition:transform .5s ease;cursor:pointer;padding:10px;width:100%}div.payout:hover{font-weight:600;transform:scale(1.1)}div.payout>div{margin:20px 0}div.payout>div>div{margin:10px 0}.live{color:green}h1.sales,h1.total-payout{color:silver}div.daily-payout>div{display:grid;grid-template-columns:18% 18% 18% 18% 18%;grid-template-rows:50% 50%;align-items:center;gap:30px;margin:auto}div.daily-payout>h1{font-size:25px;font-weight:500;margin-bottom:80px}.empty-payout{font-size:20px;font-style:italic;font-weight:600;margin:10px auto;color:#7d7c7c}.arrow-btns{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0}.arrow-img{background-color:#e0e0e0;padding:8px;border-radius:27px;cursor:pointer}.arrow-img:active{background-color:silver}@media screen and (max-width:600px){div.daily-payout>div{display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;align-items:center;gap:10px;margin:auto}div.payout{border:1px solid #e0e0e0;border-radius:10px;font-weight:600;color:#000;transition:transform .5s ease;cursor:pointer;padding:10px}}.menu-details-container .write-btns{display:flex;flex-flow:row nowrap;justify-content:flex-end;gap:10px;margin:20px}.menu-details-container .write-btns .btn{cursor:pointer;max-width:-moz-fit-content;max-width:fit-content;padding:4px 10px}.menu-details-container .menu-details{padding:20px;overflow:hidden}.menu-details-container .menu-detail{display:flex;flex-direction:row;justify-content:space-between;margin:20px 0;overflow:hidden}.menu-container{height:100vh;display:grid;overflow:hidden;margin:auto;transition:grid-template-columns .5s cubic-bezier(.82,.1,.14,1.12)}.menu-container.sidebar-collapsed{grid-template-columns:5% 95%}.menu-container.sidebar-expanded{grid-template-columns:15% 85%}.main{overflow-y:auto}.headers{display:flex;justify-content:space-between;align-items:center;margin-top:50px}.headers h1{font-size:22px}.headers h6{font-weight:600;font-size:14px}.editor{display:grid;grid-template-columns:20% 30% 50%;margin-top:20px;border:1px solid #e0e0e0;height:74%}.editor .menu-list{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;height:100%;display:flex}.active-category.modal-closed .editor .menu-list #menu-items,.editor .category-list{display:flex;flex-direction:column;height:100%;width:100%}.active-category.modal-closed .editor .menu-list .menu-item,.active-category.modal-closed .editor .menu-list .new-menu-item{border-bottom:1px solid #e0e0e0;padding:20px 10px;display:flex;gap:10px;flex-direction:column;justify-content:space-between}.active-category.modal-closed .editor .menu-list .new-menu-item{border-left:3px solid #3973ca;background-color:#f5f5f5;color:silver}.editor .menu-list #menu-items{display:none}.active-menu .editor .edit-menu>form{display:flex;flex-direction:column;height:100%;width:100%}.editor .edit-menu>form{display:none}.category-list .category{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:20px 10px;border-bottom:1px solid #e0e0e0;cursor:default}.category-list .category:hover,.menu-list .menu-item:hover{background-color:#f5f5f5}.category-list .category.active,.menu-list .menu-item.active{background-color:#f5f5f5;border-left:3px solid #3973ca}.menu-list .menu-item.active{flex-direction:column}.new-category-btn,.new-menu-btn{margin-top:auto;margin-left:auto;margin-right:auto;padding-bottom:10px;padding-top:10px;width:90%}.new-menu-item{background-color:#f5f5f5;border-left:3px solid #3973ca;color:silver}.edit-img{width:20px;height:auto;cursor:pointer}.edit-img:hover{width:22px}.edit-menu{overflow-y:auto}.btn{width:100%}.no-category,.no-menu{color:silver;padding:20px}@media screen and (max-width:1200px){.menu-container.sidebar-expanded{grid-template-columns:20% 80%}}@media screen and (max-width:768px){.menu-container.sidebar-expanded{grid-template-columns:25% 75%}}@media screen and (max-width:600px){.main>div:nth-child(2){flex-flow:column nowrap;gap:10px}.editor{display:block;margin-top:50px;border:1px solid #e0e0e0}.editor .menu-list{margin-top:50px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.menu-container:not(.active-menu) .edit-menu{display:none}.active-menu .edit-menu{margin-top:50px;margin-bottom:50px;border:1px solid #e0e0e0}.menu-container:not(.active-category) .editor .menu-list{display:none}.menu-container.sidebar-expanded{grid-template-columns:75% 25%}.menu-container.sidebar-expanded .main{width:100vw}.menu-container.sidebar-collapsed{grid-template-columns:100%}.menu-container.sidebar-collapsed .sidebar{display:none}}.styled-component{height:100vh;display:grid;overflow:hidden}.sidebar-collapsed{grid-template-columns:5% 95%;transition:grid-template-columns .5s cubic-bezier(.82,.1,.14,1.12)}.styled-component:not(.sidebar-collapsed){grid-template-columns:15% 85%}.sidebar{align-self:stretch;overflow-y:auto}.main{padding:0 20px 20px}.main>form{display:flex;flex-direction:column;justify-content:center;overflow-y:auto;width:100%;height:80%}.main>div:nth-child(2){margin-top:20px}form>div:last-child{flex-flow:row nowrap;border-radius:25px;border:1px solid #f5f5f5;background-color:#f5f5f5;width:100%;max-width:400px;margin:15px auto}form>div:first-child,form>div:last-child{display:flex;justify-content:center;align-items:center}form>div:first-child{flex-flow:column nowrap}form p:first-child{font-size:35px;font-weight:600}form p:nth-child(2){color:#5d5e5e}form img{margin-left:8px}input{background-color:#f5f5f5;outline:none;padding-left:16%;height:100%;margin:10px}@media screen and (max-width:1200px){.styled-component:not(.sidebar-collapsed){grid-template-columns:20% 80%}}@media screen and (max-width:768px){.styled-component:not(.sidebar-collapsed){grid-template-columns:25% 75%}}@media screen and (max-width:600px){.styled-component:not(.sidebar-collapsed){grid-template-columns:25% 75%}.styled-component.sidebar-collapsed{grid-template-columns:100%}.sidebar{display:none}.main{width:100vw}}.settings-container{height:100vh;display:grid;overflow:hidden;grid-template-columns:15% 85%;transition:grid-template-columns .5s cubic-bezier(.82,.1,.14,1.12)}.settings-container.sidebar-collapsed{grid-template-columns:5% 95%}.settings-container .sidebar{align-self:stretch;overflow-y:auto}.settings-container .main{padding:0 20px 20px;overflow-y:auto;overflow-x:hidden}.settings-panel .navbar{display:flex;padding:0;justify-content:flex-start}.settings-panel .navbar ul{display:flex;gap:20px}.settings-panel .navbar li{display:flex;padding:0 10px 10px;border-bottom:1px solid transparent;cursor:pointer;align-items:center;gap:10px;min-width:-moz-fit-content;min-width:fit-content}.settings-panel .navbar li.active{border-bottom:2px solid #000;font-weight:600}.settings-panel .navbar img{width:25px;height:auto}.profile img,.settings-panel .navbar img{border-radius:300px;cursor:pointer}label{font-weight:400}input{outline:1px solid silver;padding:8px;width:100%;border-radius:5px;margin-top:5px}input:focus{outline:1px solid #000}.settings-panel .settings-content{width:80%;margin:50px auto;border:1px solid silver;border-radius:10px}.settings-content .account-details{display:grid;grid-template-columns:45% 45%;justify-content:center;gap:50px;padding:30px}.settings-content .business-details-1{display:grid;grid-template-columns:50% 49%;justify-content:center;gap:50px;padding:20px}.settings-content .business-details-1>div>div{margin-top:20px}.settings-content .business-details,.settings-content .delete-account{border:1px solid silver;border-radius:10px;width:90%;padding:20px;margin:auto auto 30px}.settings-content .password,.settings-content .profile{border:1px solid silver;border-radius:10px;width:100%;padding:20px}.settings-content .profile>div{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;margin:25px auto}.settings-content .delete-account button{margin:30px 0 5px}.settings-content .action-btns{display:flex;flex-flow:row nowrap;justify-content:flex-end;gap:10px;margin:30px;align-items:center;width:92%}.settings-content .profile .btns{display:flex;flex-flow:row nowrap;gap:10px;margin-top:25px;align-items:center}.settings-content .profile p{color:#5d5e5e;margin-top:10px;font-size:15px}.settings-content .password>div{margin-top:20px}.settings-content .security{width:90%;border:1px solid silver;border-radius:10px;padding:20px;margin:30px auto}.settings-content .security .option,.settings-content .security .options{display:flex;flex-flow:row nowrap;justify-content:space-between;padding:20px 0;align-items:center;margin:auto}.settings-content .security .options{width:100%;border-bottom:1px solid silver}.settings-content .security .options:last-child{border:none}.settings-content .security .opts{display:none}.settings-content .security.two-factor-enabled .opts{display:flex;flex-flow:column nowrap;justify-content:flex-end;align-items:flex-end;align-content:flex-end;margin-left:50px}.settings-content h1{font-weight:600;font-size:20px}.settings-content h6{color:#5d5e5e}.settings-content .security .option h1{font-size:20px}.settings-content .security .options h1,.settings-content .security .options h6{font-size:16px}.settings-content .btn{width:100%}@media screen and (max-width:1200px){.settings-container:not(.sidebar-collapsed){grid-template-columns:20% 80%}}@media screen and (max-width:768px){.settings-container:not(.sidebar-collapsed){grid-template-columns:25% 75%}}@media screen and (max-width:600px){.settings-content .account-details{display:flex;flex-flow:column nowrap;gap:30px;padding:20px}.settings-content .business-details-1{display:flex;flex-flow:column nowrap;gap:0;padding:0}.settings-content .business-details-2{margin-top:20px}.settings-content{width:100%}.settings-content .action-btns{width:86%}.settings-container:not(.sidebar-collapsed){grid-template-columns:75% 25%}.settings-container:not(.sidebar-collapsed) .main{width:100vw}.settings-container.sidebar-collapsed{grid-template-columns:100%}.settings-container.sidebar-collapsed .sidebar{display:none}}