*{box-sizing:border-box;padding:0;margin:0}body{background-color:#eee}.tb-container .Mui-focused{background-color:#fff;box-shadow:0 4px 4px -2px rgba(0,0,0,.5);border-radius:4px}.MuiTableCell-head{padding:10px!important;padding-left:10px!important}.MuiTableCell-body{padding:6px!important;padding-left:10px!important}.MuiPaper-elevation4{box-shadow:none!important}.pb-container{display:inline-block;text-align:center;margin:5px 7px}.pb-container .pb-button{background:transparent;border:1px solid #3f51b5;border-radius:10px;color:currentColor;cursor:pointer;padding:.7em 1em;background-color:#fff;text-decoration:none;text-align:center;height:46px;width:100%;-webkit-tap-highlight-color:transparent;outline:none;transition:background-color .3s,width .3s,border-width .3s,border-color .3s,border-radius .3s}.pb-container .pb-button span{display:inherit;transition:opacity .3s .1s;font-size:16px;font-weight:100}.pb-container .pb-button svg{height:54px;width:54px;position:absolute;transform:translate(-50%,-50%);pointer-events:none}.pb-container .pb-button svg path{opacity:0;fill:none}.pb-container .pb-button svg.pb-progress-circle{animation:spin .9s infinite cubic-bezier(.085,.26,.935,.71)}.pb-container .pb-button svg.pb-progress-circle path{stroke:currentColor;stroke-width:5}.pb-container .pb-button svg.pb-checkmark path,.pb-container .pb-button svg.pb-cross path{stroke:#fff;stroke-linecap:round;stroke-width:4}.pb-container.disabled .pb-button{cursor:not-allowed}.pb-container.loading .pb-button{width:54px;border-width:6.5px;border-color:#ddd;cursor:wait;background-color:transparent;padding:0}.pb-container.loading .pb-button span{transition:all .15s;opacity:0;display:none}.pb-container.loading .pb-button .pb-progress-circle>path{transition:opacity .15s .3s;opacity:1}.pb-container.success .pb-button{border-color:#a0d468;background-color:#a0d468}.pb-container.success .pb-button span{transition:all .15s;opacity:0;display:none}.pb-container.success .pb-button .pb-checkmark>path{opacity:1}.pb-container.error .pb-button{border-color:#ed5565;background-color:#ed5565}.pb-container.error .pb-button span{transition:all .15s;opacity:0;display:none}.pb-container.error .pb-button .pb-cross>path{opacity:1}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg);transform-origin:center center}to{transform:translate(-50%,-50%) rotate(360deg);transform-origin:center center}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}p{font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif}:root{font-size:16px;font-family:"Roboto";--text-primary: #b6b6b6;--text-secondary: #ececec;--bg-primary: #23232e;--bg-secondary: #141418;--transition-speed: 600ms}.navbar{position:fixed;background-color:var(--bg-primary);transition:width 600ms ease;overflow:scroll;z-index:100}.navbar::-webkit-scrollbar{width:1px;height:1px}.navbar::-webkit-scrollbar-track{box-shadow:inset 0 0 1px grey;border-radius:10px}.navbar::-webkit-scrollbar-thumb{background:rgb(141,187,255);border-radius:10px}.navbar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;height:100%}.nav-item{width:100%}.nav-item:last-child{margin-top:auto}.nav-link{display:flex;align-items:center;height:3.8rem;color:var(--text-primary);text-decoration:none;filter:grayscale(100%) opacity(.7);transition:var(--transition-speed)}.nav-link:hover{filter:grayscale(0%) opacity(1);background:var(--bg-secondary);color:var(--text-secondary)}.link-text{display:none;margin-left:1rem}.nav-link svg{width:1.5rem;min-width:1.5rem;margin:0 1.5rem}.fa-primary{color:#ff7eee}.fa-secondary{color:#df49a6}.fa-primary,.fa-secondary{transition:var(--transition-speed)}.logo{font-weight:bold;text-transform:uppercase;margin-bottom:1rem;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);font-size:1.5rem;letter-spacing:.3ch;width:100%}.logo svg{transform:rotate(0deg);transition:var(--transition-speed)}.logo-text{display:inline;position:absolute;left:-999px;transition:var(--transition-speed)}.navbar:hover .logo svg{transform:rotate(-180deg)}@media only screen and (max-width: 600px){.navbar{bottom:0;width:100vw;height:5rem}.logo{display:none}.navbar-nav{flex-direction:row}.nav-link{justify-content:center}main{margin:0}}@media only screen and (min-width: 600px){.navbar{top:0;width:5rem;height:100vh}.navbar:hover{width:16rem}.navbar:hover .link-text{display:inline}.navbar:hover .logo svg{margin-left:11rem}.navbar:hover .logo-text{left:0px}}.dark{--text-primary: #b6b6b6;--text-secondary: #ececec;--bg-primary: #23232e;--bg-secondary: #141418}.light{--text-primary: #1f1f1f;--text-secondary: #000000;--bg-primary: #ffffff;--bg-secondary: #e4e4e4}.solar{--text-primary: #576e75;--text-secondary: #35535c;--bg-primary: #fdf6e3;--bg-secondary: #f5e5b8}.theme-icon{display:none}.dark #darkIcon{display:block}.light #lightIcon{display:block}.solar #solarIcon{display:block}.tab input{position:absolute;opacity:0;z-index:-1}.tabs{border-radius:8px;overflow:hidden;width:63%;margin:10px auto}@media only screen and (max-width: 600px){.tabs{width:95%}}.tab{width:100%;color:#fff;overflow:hidden}.tab-label{display:flex;justify-content:space-between;padding:1em;background:#40404d;font-weight:bold;cursor:pointer}.tab-label:hover{background:#3d3d47}.tab-label::after{content:"\276f";width:1em;height:1em;text-align:center;transition:all .35s}.tab-content{max-height:0;padding:0 1em;color:#2c3e50;background:white;transition:all .35s}.tab-close{display:flex;justify-content:flex-end;padding:1em;font-size:.75em;background:#2c3e50;cursor:pointer}.tab-close:hover{background:#1a252f}input:checked+.tab-label{background:#1a252f}input:checked+.tab-label::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}input:checked~.tab-content{max-height:100vh;padding:1em}.customInputs input:focus,textarea:focus{outline:0!important;border-bottom-color:#ffab00!important}.invoice-container{margin:0 auto;background:#fff}.header{text-align:center;margin-bottom:20px}.company-details,.customer-details,.invoice-details,.product-details,.total-details{margin-bottom:20px}.invoice-total-tr>td{text-align:right}.invoice-total-tr.first{border-top:solid 1px black}.currency{text-align:right}.invoice-items-table>tbody>tr>td{border-bottom:0;border-top:0}.invoice-items-table>tbody>tr>td:first-child{border-left:0}.invoice-items-table>tbody>tr>td:last-child{border-right:0}.invoice-items-table-tr-first>td{border-bottom:solid black 1px!important}.book{font-weight:600!important;overflow:auto}.page{padding:1cm;background:white;box-shadow:0 0 5px rgba(0,0,0,.1)}.light-title{font-size:small;text-transform:uppercase;font-weight:bold}.heading-line{font-size:20px}@media print{@page{size:210mm 297mm}}.invoice-print tr.item-row>td{border-bottom:solid black 1px!important}.items-container{padding:0px!important;margin:0px!important}.invoice-print table{width:100%;border-collapse:collapse}.invoice-print th,td{border:1px solid black;padding:8px;text-align:left}.invoice-print th{background-color:#f2f2f2}.total{font-weight:bold}.invoice-print table td{padding:8px;vertical-align:top;background:#fff!important;text-wrap:nowrap;font-size:16px}.invoice-print table.border>tbody>tr>td{border:solid black 1px!important}.invoice-print table.no-border>tbody>tr>td{border:0}.invoice-print td.width100{padding:0!important}.header-title{text-transform:capitalize}.loader{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3f51b5;width:150px;height:150px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loader-container{display:flex;align-items:center;justify-content:center;padding:100px}.loginBtn{width:100%;border:1px solid #0070f3;padding:15px 30px;background-color:#fff;color:#181818;cursor:pointer;font-size:15px;outline:none;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.loginBtn:hover{background-color:#0070f3;color:#fff}.login-buttons{display:flex;flex-direction:column;gap:20px;margin:20px 0px}.login-buttons>div{margin:8px;margin-bottom:0px}.pageContainer{background-color:#eee;padding-bottom:96px;padding-left:30px;min-height:85%;min-height:-webkit-calc(100% - 186px);min-height:-moz-calc(100% - 186px);min-height:calc(100% - 186px)}.stat{margin-top:30px}.autoGrid{--auto-grid-min-size: 14rem;width:90%;margin:10px auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size),1fr));grid-gap:.5rem}.listItem{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-width:120px;height:110px;padding:1rem;list-style-type:none;text-align:center;border-bottom:1px solid rgb(184,184,184);border-radius:4px;background-color:#fff}.listItem h2{text-align:left;font-family:"Roboto",sans-serif;font-weight:500;font-size:14px;line-height:10px;padding:0px 25px;cursor:pointer;color:#9c9c9c}.listItem p{text-align:center;font-size:25px;line-height:20px;text-align:left;padding:0px 25px 10px 25px;font-family:"Roboto",sans-serif;font-weight:100;cursor:pointer}.listItem:hover{background-color:#f8f8f8}.listItem:hover h2{color:#000}.grid{--auto-grid-min-size: 20rem;width:85%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size),1fr));grid-gap:0rem}.entry{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-width:120px;height:60px;padding:1rem 2rem;list-style-type:none;text-align:left;border-bottom:1px solid rgb(224,224,224);border-radius:0px;background-color:#fff}.grid button{width:30px;height:30px;border-radius:100%;border:none;background-color:#1976d2;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.068),0 3px 6px rgba(0,0,0,.096)}.donutAndRecentPayment{display:flex;align-items:center;justify-content:center;width:97%;margin:0px auto}.recentPayment{padding:20px;width:65%;min-height:200px}.donut{width:35%;background-color:#fff;display:flex;align-items:center;justify-content:center;margin-right:74px;margin-left:-50px;padding:28px;margin-top:52px;border-bottom:1px solid rgb(184,184,184);border-radius:4px}.smallText{font-size:13px;color:gray}.donut{display:flex;align-items:center;justify-content:center}.table{width:90%;margin:0 auto;overflow-x:auto}.table table{border-collapse:separate;border-spacing:0 0px;white-space:nowrap}.table button{width:30px;height:30px;border-radius:100%;border:none;background-color:#1976d2;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.068),0 3px 6px rgba(0,0,0,.096)}.table td{padding:15px;border:none;background-color:#fff;border-bottom:1px solid rgb(223,223,223)}@media all and (max-width: 768px){.pageContainer{padding-left:0px}.table{width:95%}.items{width:100%}.donutAndRecentPayment{display:flex;flex-direction:column;width:100%}.recentPayment{width:100%}.donut{width:100%}.grid{--auto-grid-min-size: 20rem;width:100%}.donut{margin-left:40px}}.invoiceNumber{text-align:right;border:none;outline:none;font-size:15px;color:gray}.contacts{display:flex;align-items:center;justify-content:space-between;padding:10px 40px;border-top:1px rgb(221,221,221) solid}.contacts p{font-size:14px;color:gray;line-height:8px}.contacts h4{font-size:15px;font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;color:gray}.address{text-align:left}.dates{text-align:right}.number{width:12%;padding:5px}.number input[type=number]{width:100%;height:35px;border:none;outline:none;background:none;font-size:15px;color:#3b3b3b}.amount{width:100%;height:45px;border:none!important;outline:none;background:none;font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;font-size:15px}.discount{width:100%;height:45px;border:none!important;outline:none;background:none;font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;font-size:15px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.item input[type=text]{width:90%;height:35px;border:none;outline:none;background:none;color:#3b3b3b}.addButton{display:flex;align-items:flex-start;padding-left:15px;padding-top:10px}.addButton button{width:40px;height:40px;background-color:#007fff;color:#fff;border-radius:100%;border:none;outline:none;font-size:22px;text-align:center;box-shadow:0 2.8px 2.2px rgba(0,0,0,.048),0 6.7px 5.3px rgba(0,0,0,.069),0 12.5px 10px rgba(0,0,0,.085),0 22.3px 17.9px rgba(0,0,0,.101),0 41.8px 33.4px rgba(0,0,0,.122),0 100px 80px rgba(0,0,0,.17);cursor:pointer}.addButton button:hover{background-color:#df1174}.delete{display:flex;align-items:center;justify-content:center}.submitButton{margin:20px auto;padding:18px 25px;border:2px solid #007fff;background-color:#fff;border-radius:30px;font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;font-size:16px;color:#494949;cursor:pointer;outline:none}.submitButton:hover{background-color:#007fff;color:#fff}.invoiceSummary div{border-bottom:1px solid rgb(231,231,231);font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;text-align:left;margin-left:50%;font-size:15px;display:flex;color:gray}.summary{background-color:#f7f7f7;font-weight:500;padding:15px 0px;padding-left:15px}.summaryItem{display:flex;align-items:center;justify-content:space-between}.summaryItem p,h4{padding:15px}.summaryItem input{font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;font-size:15px;border:none;outline:none;text-align:right}.toolBar{margin-top:50px}.summaryItem span{text-align:left}.note{margin-top:20px}textarea{width:100%;height:100px;outline:none;border:none;font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;font-size:14px;resize:none}.note h4{text-align:left}.toolBar{display:flex}.header{display:flex;padding:50px;justify-content:space-between}.buttons{display:flex;justify-content:right;padding:0 18%}.btn{display:flex;align-items:center;justify-content:center;border:1px solid #3f51b5;border-radius:5px;padding:12px 30px 12px 20px;background-color:#fff;cursor:pointer;white-space:nowrap;margin:10px;font-size:16px}.btn:hover{background-color:#f3f3f3}.downloadBtn{width:20%}@media all and (max-width: 768px){.buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.downloadBtn{width:100%}.btn{width:100%}}.logo{width:150px}.invoiceNumber{text-align:right;border:none;outline:none;font-size:15px;color:gray}.invoiceLayout{background:#fff;padding:20px}.contacts{display:flex;align-items:center;justify-content:space-between;padding:10px 40px;border-top:1px rgb(221,221,221) solid}.contacts p{font-size:14px;color:gray;line-height:8px}.contacts h4{font-size:15px;font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;color:gray}.summaryItem p,h4{padding:12px}.address{text-align:left}.dates{text-align:right}table{font-family:Roboto,Helvetica,sans-serif;border-collapse:collapse;width:100%}table td,table th{border-bottom:1px solid #ddd;padding:8px 0px}table tr:nth-child(even){background-color:#fafafa}thead{padding-left:100px}table th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#f5f5f5;color:#3b3b3b;border-top:1px rgb(212,212,212) solid;border-bottom:1px rgb(212,212,212) solid;font-size:14px}tr input[type=text]{background:transparent}.number{width:12%;padding:5px}.number input[type=number]{width:100%;height:35px;border:none;outline:none;background:none;font-size:15px;color:#3b3b3b;-moz-appearance:textfield}.amount{width:100%;height:45px;border:none!important;outline:none;background:none;font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;font-size:15px}.discount{width:100%;height:45px;border:none!important;outline:none;background:none;font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;font-size:15px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.item input[type=text]{width:90%;height:35px;border:none;outline:none;background:none;color:#3b3b3b}.addButton{display:flex;align-items:flex-start;padding-left:15px;padding-top:10px}.addButton button{width:40px;height:40px;background-color:#007fff;color:#fff;border-radius:100%;border:none;outline:none;font-size:22px;text-align:center;box-shadow:0 2.8px 2.2px rgba(0,0,0,.048),0 6.7px 5.3px rgba(0,0,0,.069),0 12.5px 10px rgba(0,0,0,.085),0 22.3px 17.9px rgba(0,0,0,.101),0 41.8px 33.4px rgba(0,0,0,.122),0 100px 80px rgba(0,0,0,.17);cursor:pointer}.addButton button:hover{background-color:#df1174}.delete{display:flex;align-items:center;justify-content:center}.submitButton{margin:20px auto;padding:18px 25px;border:2px solid #007fff;background-color:#fff;border-radius:30px;font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;font-size:16px;color:#494949;cursor:pointer;outline:none}.submitButton:hover{background-color:#007fff;color:#fff}.invoiceSummary div{border-bottom:1px solid rgb(231,231,231);font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;text-align:left;margin-left:50%;font-size:14px;display:flex;color:gray}.summary{background-color:#f7f7f7;font-weight:500;padding:15px 0px;padding-left:15px}.summaryItem{display:flex;align-items:center;justify-content:space-between}.summaryItem input{font-family:"Roboto",Tahoma,Geneva,Verdana,sans-serif;font-size:15px;border:none;outline:none;text-align:right}.toolBar{margin-top:50px}.summaryItem span{text-align:left}.note{margin:50px 20px;text-align:left;border-top:solid 1px #b7b7b7}.toolBar{display:flex}.paymentHistory{display:flex;align-items:center;justify-content:center}.space{width:75%}.totalUnpaid{text-align:center;padding-top:2px;width:20px;height:20px;font-size:14px!important;font-weight:400!important;border-radius:100%;background-color:green}@media all and (max-width: 768px){.invoiceLayout{width:97%}.space{width:50%}.invoiceSummary div{margin-left:0%}}.pageContainer{margin-top:100px}.loginContainer{box-sizing:border-box;display:flex;flex-flow:wrap;width:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;min-height:calc(100vh - 68px)}.formContainer{background-color:#fff;width:30%;margin:50px auto;border-radius:8px;border:solid 1px rgb(207,207,207)}.formContainer form{padding:10px 15px!important;margin:0px!important}.inputField{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;width:100%;padding:15px 15px 15px 10px;font-size:16px;border:none;border:1px solid rgb(219,219,219);border-radius:8px;margin:10px 0px;outline:none}.inputField:focus{border-bottom:2px solid rgb(1,24,224)}.option{width:100%;text-align:center;border-bottom:1px solid #000;line-height:.1em;margin:10px 0 20px;color:#0070f3}.option span{background:#fff;padding:0 10px}.submitBtn{border:1px solid rgb(51,51,216);padding:15px 30px;border-radius:50px;background-color:#fff;cursor:pointer;font-size:15px;outline:none;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.submitBtn:hover{background-color:#d1e9ff}.googleBtn{border:1px solid rgb(216,51,51);padding:15px 30px;border-radius:50px;background-color:#fff;color:#181818;cursor:pointer;font-size:15px;outline:none;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.googleBtn:hover{background-color:#d83333;color:#fff}.switchBtn{border-radius:4px;padding:10px;padding-bottom:30px;margin-top:5px;background-color:#fff;cursor:pointer;font-size:15px;outline:none;border:none;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.switchBtn:hover{background-color:#f5f5f5}@media screen and (max-width: 992px){.formContainer{width:95%}}.button{padding:9px 13px;border-radius:50px;border:solid 1px gray;cursor:pointer;font-size:12px;background-color:#fff;margin:8px}.button:hover{background-color:#3e6947;color:#fff;border:solid 1px #3E6947}.buttons{margin-top:10px;display:flex;align-items:center;justify-content:center}.pageContainer{background-color:#eee;padding-bottom:96px;min-height:70%;min-height:-webkit-calc(100% - 186px);min-height:-moz-calc(100% - 186px);min-height:calc(100% - 186px)}.hero{width:50%;margin:0px auto;padding:30px 50px;line-height:60px}.hero h1{font-weight:500;font-size:50px;line-height:50px;text-align:center}.paragraph{margin-top:20px;text-align:center;line-height:20px;color:gray}.imgContainer{margin-top:-80px;display:flex;align-items:center;justify-content:center}.hero img{width:1200px;margin:0px auto}.autoGrid{--auto-grid-min-size: 16rem;width:70%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size),1fr));grid-gap:.5rem}.listItem{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;height:160px;padding:1rem;list-style-type:none;text-align:center;border-bottom:1px solid rgb(184,184,184);border-radius:4px;background-color:#fff}.listItem h2{text-align:center;font-family:"Roboto",sans-serif;font-weight:500;font-size:14px;line-height:23px;cursor:pointer}.listItem p{text-align:center;font-size:40px;line-height:45px;padding:0px 25px 10px 25px;font-family:"Roboto",sans-serif;font-weight:100;cursor:pointer;color:#000}.listItem:hover{background-color:#f8f8f8}.listItem:hover h2{color:#000}.imgThumbnail{margin:0px auto;border-radius:100%;object-fit:cover;width:25px;height:25px}.imgThumbnail:hover{filter:grayscale(100%);cursor:pointer}.imgContainer{display:flex;align-items:center;justify-content:center}@media all and (max-width: 768px){.items{width:100%}.imgThumbnail{width:20px;height:20px}.hero{width:100%}}.rtf{box-sizing:border-box;margin:25px;position:fixed;white-space:nowrap;z-index:9998;padding-left:0;list-style:none}.rtf.open .rtf--mb>*{transform-origin:center center;transform:rotate(315deg);transition:transform .2s ease-in-out}.rtf.open .rtf--mb>ul{list-style:none;margin:0;padding:0}.rtf.open .rtf--ab__c:hover>span,.rtf.open .rtf--ab__c>span.always-show{transition:opacity .2s ease-in-out;opacity:.9}.rtf.open .rtf--ab__c:first-child{transform:translateY(-60px) scale(1);transition-delay:.03s}.rtf.open .rtf--ab__c:first-child.top{transform:translateY(60px) scale(1)}.rtf.open .rtf--ab__c:nth-child(2){transform:translateY(-120px) scale(1);transition-delay:.09s}.rtf.open .rtf--ab__c:nth-child(2).top{transform:translateY(120px) scale(1)}.rtf.open .rtf--ab__c:nth-child(3){transform:translateY(-180px) scale(1);transition-delay:.12s}.rtf.open .rtf--ab__c:nth-child(3).top{transform:translateY(180px) scale(1)}.rtf.open .rtf--ab__c:nth-child(4){transform:translateY(-240px) scale(1);transition-delay:.15s}.rtf.open .rtf--ab__c:nth-child(4).top{transform:translateY(240px) scale(1)}.rtf.open .rtf--ab__c:nth-child(5){transform:translateY(-300px) scale(1);transition-delay:.18s}.rtf.open .rtf--ab__c:nth-child(5).top{transform:translateY(300px) scale(1)}.rtf.open .rtf--ab__c:nth-child(6){transform:translateY(-360px) scale(1);transition-delay:.21s}.rtf.open .rtf--ab__c:nth-child(6).top{transform:translateY(360px) scale(1)}.rtf--mb__c{padding:25px;margin:-25px}.rtf--mb__c :last-child{margin-bottom:0}.rtf--mb__c:hover>span,.rtf--mb__c>span.always-show{transition:opacity .2s ease-in-out;opacity:.9}.rtf--mb__c>span{opacity:0;transition:opacity .2s ease-in-out;position:absolute;top:50%;transform:translateY(-50%);margin-right:6px;margin-left:4px;background:rgba(0,0,0,.75);padding:2px 4px;border-radius:2px;color:#fff;font-size:13px;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}.rtf--mb__c>span.right{right:100%}.rtf--mb{height:56px;width:56px;z-index:9999;background-color:#666;display:inline-flex;justify-content:center;align-items:center;position:relative;border:none;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);cursor:pointer;outline:none;padding:0;-webkit-user-drag:none;font-weight:700;color:#f1f1f1;font-size:18px}.rtf--ab__c,.rtf--mb>*{transition:transform .2s ease-in-out}.rtf--ab__c{display:block;position:absolute;top:0;right:1px;padding:10px 0;margin:-10px 0}.rtf--ab__c>span{opacity:0;transition:opacity .2s ease-in-out;position:absolute;top:50%;transform:translateY(-50%);margin-right:6px;background:rgba(0,0,0,.75);padding:2px 4px;border-radius:2px;color:#fff;font-size:13px;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}.rtf--ab__c>span.right{right:100%}.rtf--ab__c:first-child{transform:translateY(-60px) scale(0);transition-delay:.21s}.rtf--ab__c:first-child.top{transform:translateY(60px) scale(0)}.rtf--ab__c:nth-child(2){transform:translateY(-120px) scale(0);transition-delay:.18s}.rtf--ab__c:nth-child(2).top{transform:translateY(120px) scale(0)}.rtf--ab__c:nth-child(3){transform:translateY(-180px) scale(0);transition-delay:.15s}.rtf--ab__c:nth-child(3).top{transform:translateY(180px) scale(0)}.rtf--ab__c:nth-child(4){transform:translateY(-240px) scale(0);transition-delay:.12s}.rtf--ab__c:nth-child(4).top{transform:translateY(240px) scale(0)}.rtf--ab__c:nth-child(5){transform:translateY(-300px) scale(0);transition-delay:.09s}.rtf--ab__c:nth-child(5).top{transform:translateY(300px) scale(0)}.rtf--ab__c:nth-child(6){transform:translateY(-360px) scale(0);transition-delay:.03s}.rtf--ab__c:nth-child(6).top{transform:translateY(360px) scale(0)}.rtf--ab{height:48px;width:48px;background-color:#aaa;display:inline-flex;justify-content:center;align-items:center;position:relative;border:none;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);cursor:pointer;outline:none;padding:0;-webkit-user-drag:none;font-weight:700;color:#f1f1f1;margin-right:4px;font-size:16px;z-index:10000}.dropzone{height:4rem;width:100%;margin:.5rem;padding:1rem;border:2px dashed rgb(182,182,182);display:flex;justify-content:center;align-items:center;font-size:1.4rem;font-weight:500;cursor:pointer}.active{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);background-color:#1558e9;color:#fff;border:1px solid rgb(182,182,182);border-radius:5px}