body{padding-bottom:env(safe-area-inset-bottom)}html{height:100vh}.hover-action tbody tr:hover .child-container{display:inline}.child-container{background:#f3f3f3;border-radius:20px;display:none;left:50%;margin-top:-2px;padding:0 8px;position:absolute;width:max-content;z-index:1}.child-container button i{text-shadow:-1px 3px 14px}.cutom-action-btn{color:#000;display:inline-block;font-size:16px;padding:6px 11px;text-shadow:6px 3px 9px}.custom-table thead tr{background:none}.info-box{background-color:#ffd08a;border-radius:10px;font-size:12px;padding:10px 20px}.info-box a{color:#006abf;text-decoration:none}.force-border-left{border-left:8px solid!important}.with-action:hover .grid-action{display:inline}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{margin-left:auto;margin-right:auto;width:100%}@media (min-width:718px){.container-fluid{max-width:100%}.container,.container-sm{max-width:540px}}@media (min-width:1024px){.container-fluid{max-width:1200px}.container,.container-md,.container-sm{max-width:920px}}@media (min-width:1439px){.container-fluid{max-width:90%}.container,.container-lg,.container-md,.container-sm{max-width:1140px}}@media (min-width:1920px){.container-fluid{max-width:1600px}.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1440px}}.loading-content:after{align-items:center;background:#2a2a2a1f;content:"";display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:999}.loading-content:before{animation:spinner .6s linear infinite;border:3px solid #ccc;border-radius:50%;border-top-color:#07d;box-sizing:border-box;content:"";height:40px;left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:50%;width:40px;z-index:9999}@keyframes spinner{to{transform:rotate(1turn)}}.album-image-set{align-items:center;border:1px solid #f3f3f3;border-radius:10px;box-shadow:-6px 1px 6px 0 #f3f3f3;margin-bottom:5px;position:relative;text-align:center}.album-image-set .sheet-set{border:1px solid #f7f7f7;border-radius:20px;display:inline-block;font-size:13px;padding:0 10px;text-align:center;width:100%}.album-image-set .sheet-set:hover{box-shadow:-3px 2px 2px 2px #ececec}.album-image-set .sheet-set:hover .action.on-hover{display:inline}.album-image-set .top-heading{background:#fff;border-radius:10px 0 10px 0;color:#979797;cursor:pointer;font-size:12px;font-weight:700;left:0;padding:3px 9px;position:absolute;top:0}.album-image-set .top-heading:hover{color:#2196f3}.album-image-set .image{border-radius:5px;height:110px;margin:0 auto;max-width:95%;object-fit:cover;pointer-events:none}.album-image-set .content{padding:8px 5px;text-align:left}.album-image-set .content .title{color:#1775d1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.album-image-set .content .info{color:#c1c1c1;font-size:11px}.album-image-set .content .action{float:right;font-size:11px}.album-image-set .content .action.on-hover{display:none;position:absolute}.add-more-images{border:1px dashed #ababab;border-radius:15px;cursor:pointer;font-size:3rem;height:100%;width:100%}.add-more-images .content{margin:auto}.section-boxed{border:1px dashed #000;border-radius:10px;margin-top:2rem;padding:20px}.section-boxed .heading{background:#fff;font-weight:900;margin-left:-9px;margin-top:-32px;padding:0 8px;position:absolute}.section-boxed.error .heading{color:red}.section-boxed.error{border-color:red}.empty-image{border:1px dashed #1775d1;border-radius:14px;margin:0;padding:3rem;text-align:center}.section-lined{border-top:1px dashed #ababab;margin-top:15px;min-height:10px;padding-top:20px}.section-lined .heading{background:#fff;border-radius:15px;font-size:15px;font-weight:900;margin-bottom:10px;margin-left:0;margin-top:-34px;padding-bottom:2px;padding-top:2px;position:absolute}.anchor-tag{border-bottom:1px dashed #4f97ec;cursor:pointer}.package-container .package{border:1px solid #e9e9e9;border-radius:10px;cursor:pointer;display:inline-grid;margin-bottom:10px;margin-right:10px;padding:10px;width:100%}.package-container .package.selected,.package-container .package:hover{background:#3ead4f;box-shadow:-2px 1px 7px 4px #00000012;color:#fff}.package-container .package .subtitle{font-size:2rem;font-weight:700}.package-container .package .subtitle span{display:block;font-size:10px;font-weight:400}.package-container .package .description{font-size:10px}.package-container .price{font-size:1.2rem;font-weight:700;margin-top:10px;text-align:center}.scroll-content-cover-box{height:625px;overflow-y:scroll}.chips{border:.5px solid #d60f00;border-radius:15px;color:#d60f00;display:inline-block;font-size:12px;font-weight:300;margin-bottom:5px;margin-right:10px;padding:2px 10px}.chips.sm-size{font-size:9px;line-height:1;padding:3px 4px}.chips.selectable{cursor:pointer}.chips.selectable:hover{border-color:#c2635c;color:#c2635c}.blink{animation:blinker 1s cubic-bezier(.5,0,1,1) infinite alternate}@keyframes blinker{0%{opacity:1}to{opacity:0}}.blink.urgent{background:red;border-radius:15px;color:#fff!important;padding:3px 10px}.variant-set{border-radius:20px;box-shadow:1px 4px 7px 4px #0000000d;margin:5px 0;padding:8px}.mac-list-item{align-items:center;border:1px solid #fff;border-radius:10px;box-shadow:-1px 2px 5px 2px #0000001a;display:flex;margin-bottom:8px;min-height:50px;overflow:hidden}.mac-list-item .media{background-position:50%;background-repeat:no-repeat;background-size:cover;border-right:1px dotted #ddd;display:flex;height:70px;width:100px}.mac-list-item .media img{height:100%;margin-left:auto;margin-right:auto;max-width:100%}.mac-list-item .content{flex:2;padding:5px 15px;position:relative;width:100%}.mac-list-item .content .description{color:#2196f3;font-weight:700}.mac-list-item .content .price-tag{color:#646464;font-size:12px;font-weight:700}.mac-list-item .content .total{float:right;font-size:14px;font-weight:700}.mac-list-item .content .remove-btn{position:absolute;right:0;top:0}.mac-list-item .content .action-right{position:absolute;right:0;top:4px}.color-box{border-radius:4px;display:inline-block;height:15px;margin-right:5px;vertical-align:sub;width:15px}.q-dialog__backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.q-card{border-radius:0 0 15px 15px!important}.text-theme{color:#000}.body--dark .section-lined .heading{background:none;color:#fff!important}.body--dark .bg-white{background:var(--q-dark-page)!important}.body--dark .text-theme{color:#fff!important}.body--dark .section-boxed .heading{background:none}.body--dark .album-image-set,.body--dark .album-image-set .sheet-set:hover{box-shadow:none}.body--dark .file-item:hover .name,.body--dark .top-heading{color:#000}.body--dark .item-name .name{color:#fff}.body--dark .custom-nav-active,.body--dark .custom-nav:hover{background:#121212;color:#3584ff}.body--dark .custom-nav:hover div.q-item__section--main:before{box-shadow:35px 35px 0 10px #353535}.body--dark .custom-nav-active div.q-item__section--main:before{box-shadow:35px 35px 0 10px #121212}.body--dark .custom-nav-active div.q-item__section--main:after{box-shadow:35px -35px 0 10px #121212}.body--dark .custom-nav:hover div.q-item__section--main:after{box-shadow:35px -35px 0 10px #353535}.expandable-image{cursor:zoom-in;position:relative;transition:opacity .25s}.expandable-image:hover .expand-button{opacity:1}.expandable-image.expanded{align-items:center;background:#000;cursor:default;display:flex;height:100%;left:0;opacity:0;padding-bottom:0!important;position:fixed;top:0;width:100%;z-index:999999}.expandable-image.expanded img{margin:0 auto;max-height:100%;max-width:1200px;object-fit:contain;width:100%}.expandable-image.expanded .close-button{display:block}.expandable-image .close-button{cursor:pointer;display:none;position:fixed;right:10px;top:10px}.expandable-image svg{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5))}.expandable-image svg path{fill:#fff}.expandable-image .expand-button{align-items:center;justify-content:center;opacity:0;padding:3px;position:absolute;right:10px;top:10px;transition:opacity .2s;z-index:999}.expandable-image .expand-button svg{height:20px;width:20px}.expandable-image .expand-button path{fill:#fff}.expandable-image img{width:100%}