@view-transition{navigation: auto;
}p.description{font-size:.875rem;color:var(--tblr-secondary);max-width:65ch}.prose{max-width:65ch!important}.toast-container{position:fixed;top:0;right:0;z-index:9999;padding:calc(56px + 1rem)1rem 1rem}.square{width:100%;height:0;padding-top:100%;.content { position: absolute; top: 0; left: 0; }}.ql-container.ql-snow{border:0!important}.ql-toolbar.ql-snow{border:0!important;border-bottom:1px solid rgba(101,109,119,.16)!important}.quill-border{border:1px solid rgba(101,109,119,.24)!important;border-radius:3px}.favicon{@media(prefers-color-scheme:light){color: var(--tblr-black); } @media (prefers-color-scheme: dark) { color: var(--tblr-white); } } .sortable-chosen { @media (prefers-color-scheme: light) { background-color: var(--tblr-white); } @media (prefers-color-scheme: dark) { background-color: var(--tblr-black); } } .ql-editor { height: 150px !important; } .modal-body { overflow-y: visible !important; } .chart-container { position: relative; margin: auto; height: 80vh; width: 80vw; } .statistics-grid { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-template-areas: "chart1 chart3" "chart2 chart3"; } #products-by-brand-chart { grid-area: chart3; } #created-products-chart { grid-area: chart1; } #updated-products-chart { grid-area: chart2; } @media screen and (max-width: 1023px) { .statistics-grid { grid-template-columns: 1fr; grid-template-rows: auto; grid-template-areas: "chart1" "chart2" "chart3" ; } } .table-striped>tbody>tr.bg-updated:nth-of-type(even)>*,.bg-updated { --tblr-table-color-type: ü #23bf5d; ; --tblr-table-bg-type: #23bf5d; background: #23bf5d !important; } .bg-fade td,.bg-fade { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .loader-overlay { background: rgba(180,180,180,0.4); z-index: 999; } .loader-circle { border: 3px solid transparent; border-top: 3px solid #127749; border-radius: 50%; width: 48px; height: 48px; animation: spin 1s linear infinite; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } .spinner { display: inline-block; width: 24px; height: 24px; border: 2px solid rgba(0,0,0,.3); border-radius: 50%; border-top-color: transparent; animation: spinloading 0.8s linear infinite; } @keyframes spinloading { to { transform: rotate(360deg); } } .product-hidden-overlay { position: absolute; background: rgba(255,255,255,0.8); z-index: 99; width: 100%; height: 100%; top: 0px; left: 0px; } .product-hidden-overlay picture { aspect-ratio: 1 / 1; } table .bg-even { background: #f5f5f5; } .labels-hide label { display: none !important; } body.scrolling { header.sticky-top { position: relative !important; } }}}