@import url(https://fonts.googleapis.com/css2?family=Kumbh+Sans&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#141516}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{background-color:#141516;font-family:"Kumbh Sans",sans-serif}.App,.loading-wrap{width:100vw;height:100vh}.loading-wrap{background-color:#f8f8f8;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.loading{text-align:center;margin:auto;vertical-align:middle}.portrait-mode{display:none;height:100vh;width:100vw;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;background-color:#f8f8f8;z-index:1080}.container{margin-left:270px;height:100%}.viewer_empty{height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background:#fff;margin:14px;-webkit-justify-content:center;justify-content:center}.landscape-text{margin:20px 0}@media only screen and (max-device-width:640px) and (orientation:portrait){.App,.viewer_empty{display:none}.portrait-mode{display:-webkit-flex;display:flex}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1){.App,.viewer_empty{display:none}.portrait-mode{display:-webkit-flex;display:flex}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){.container{width:calc(100% - 270px)}}@media only screen and (max-device-width:823px) and (orientation:landscape){.container{width:calc(100% - 270px)}}.custom-id-error{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100vh}.custom-id-error h5{color:red;margin:0;background-color:#fff;padding:20px;box-shadow:0 0 46px -16px rgba(0,0,0,.75)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out}::-webkit-scrollbar{width:5px;display:none}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb:hover{background:#fff}.filter-sections{text-align:left;position:fixed;height:100vh;width:270px;background-color:#141516;overflow-y:scroll;z-index:1060}.filter-sections hr{margin:0;display:none}.filter-sections .input-section{display:none}.filter-sections .input-section .base-frames{padding:10px;-webkit-flex-direction:column;flex-direction:column}.filter-sections .input-section .base-frames .base-frames-elements{margin-bottom:10px}.filter-sections .input-section .base-frames .check-price{-webkit-align-self:flex-end;align-self:flex-end}.filter-sections .header{padding:15px;background-color:#d8d8d8;display:none}.filter-sections .header .title{font-size:20px;margin:0;text-align:center;width:100%}.filter-sections .header .close{position:absolute;height:22px;width:22px;top:16px;right:10px}.filter-sections select{width:247px;padding:5px}.filter-sections .filter-section{padding:10px;border-bottom:1px solid #efefef}.filter-sections .filter-section .section-header{padding:5px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.filter-sections .filter-section .dark-icon{padding:5px;cursor:pointer}.filter-sections .filter-section .categories{display:grid;grid-gap:10px;grid-template-columns:110px 110px;grid-auto-rows:110px;-webkit-align-items:center;align-items:center;justify-items:center}.filter-sections .filter-section .categories .category-options{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;width:100%}.filter-sections .filter-section .categories .category-options .title{text-align:center;margin-top:10px}.filter-sections .filter-section .categories .category-options .category{height:75px;width:95px;object-fit:contain;padding-top:5px}.filter-sections .filter-section .categories .category-options.selected{border:2px solid grey;background-color:#fbfbfb}.filter-sections .filter-section .categories .category-options.disabled{opacity:.3;cursor:not-allowed}.filter-sections .filter-section .dimension-footer{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.filter-sections .filter-section .dimension-footer .dimension-helper{display:grid;grid-gap:2px;grid-template-columns:1fr 1fr}.filter-sections .filter-section .dimension-footer .dimension-helper .dimension-label{color:grey;font-size:10px}.filter-sections .filter-section .icon-options{display:grid;grid-gap:10px;grid-template-columns:110px 110px;grid-auto-rows:100px;-webkit-align-items:center;align-items:center;justify-items:center}@media only screen and (max-width:640px){.filter-sections .filter-section .icon-options{grid-template-columns:110px 110px 110px}}.filter-sections .filter-section .icon-options .icon-option{padding-top:10px;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;cursor:pointer}.filter-sections .filter-section .icon-options .icon-option .title{text-align:center;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%;margin-bottom:0}.filter-sections .filter-section .icon-options .icon-option .icon{height:60px;width:60px;object-fit:contain;margin-left:5px}.filter-sections .filter-section .icon-options .icon-option.selected{border:2px solid grey;background-color:#fbfbfb}.filter-sections .filter-section .icon-options .icon-option.disabled{opacity:.3;cursor:not-allowed}.filter-sections h5,.filter-sections h6{margin:0}.filter-sections h5{color:#000}.filter-sections .tick-icon{margin-left:auto;padding:2px}.name_block{padding:10px;background-color:#141516}.name_block--input{width:100%;height:50px;font-size:12px;padding-left:10px;background-color:#202020;border:none;color:#fff;font-size:large;font-weight:700;margin-bottom:16px}.name_block input:focus{background-color:#fff;color:#000}.section_block{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:10px}.section_block--label{width:40%;color:#fff;font-size:12px}.section_block--field{width:80%}.section_block--field input,.section_block--field select{width:100%;height:50px;font-size:12px;padding-left:10px;background-color:#202020;border:none;color:#fff;font-size:large;font-weight:700;margin-bottom:16px}.section_block--field input:focus{background-color:#fff;color:#000}.btn-filter__apply{float:right;font-size:10px!important}.section_block--label{font-weight:700}.section_block--label,.section_block--radio_label{padding-top:10px;border-bottom:1px;width:-webkit-max-content;width:max-content;font-size:large;margin-bottom:4px}.section_block--radio_label{color:#fff}.radioButtonsContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.button-icon{vertical-align:middle;cursor:pointer;background-color:#57ca85;color:#fff;font-size:1rem;font-weight:700;padding:1rem 2rem;border:none;margin-bottom:16px}.button-icon:hover{fill:#3b3b3b}.button-icon.disabled{cursor:not-allowed;fill:#bdbdbd}.button-cancel{vertical-align:middle;cursor:pointer;border:none;box-sizing:border-box;background-color:transparent;color:#57ca85;font-size:1rem;font-weight:700;padding:.1rem .15rem;margin-right:8px;margin-bottom:16px;background-color:#57ca85}.button-cancel div{padding:.9rem 1.7rem;background-color:#141516;margin:0}.button-cancel:focus{outline:none}.button-cancel div:hover{background-color:#57ca85;color:#fff}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:100px;border:1px solid transparent;background:#202020;padding:10px 20px;margin:0;color:#828b91;font-weight:700}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:5em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(180deg,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid hsla(0,0%,78.4%,.8);background-color:hsla(0,0%,100%,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:hsla(0,0%,100%,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-error-mark svg,.dropzone .dz-preview .dz-success-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:hsla(0,0%,100%,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(180deg,#666,#444);position:absolute;top:0;left:0;bottom:0;width:0;transition:width .3s ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(180deg,#be2626,#a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}.image-preview img{height:100px;width:100%;object-fit:contain}.remove-btn{width:100%;font-size:12px!important;padding:3px 2px!important}.custom-button{padding:8px 15px;color:#fff;outline:none;cursor:pointer;font-size:14px;border-radius:4px}.custom-button:disabled{cursor:not-allowed}.defualt{background-color:grey;border:1px solid #646464}.defualt:hover{background-color:#777}.primary{background-color:#52d17c;border:1px solid #4db971}.primary:hover{background-color:#51ca79}.primary:disabled{background-color:#bde7cc;border:1px solid #a6cfb4}.secondary{background-color:#f1af34;border:1px solid #c98e20}.secondary:hover{background-color:#e7a834}.secondary:disabled{background-color:#e7d2ac;border:1px solid #dec088}.primary-outline{background-color:#fff;border:1px solid #4db971;color:#4db971;font-weight:800}.primary-outline:hover{background-color:#52d17c;border:1px solid #4db971;color:#fff}.primary-outline:disabled{border:1px solid #e0e0e0;color:#e0e0e0}.viewer{position:relative;margin:8px 15px;-webkit-justify-content:center;justify-content:center;border:1px solid #e0e0e0}.viewer,.viewer .qr-code{background-color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.viewer .qr-code{position:absolute;border:1px solid #5e5e5e;padding:5px;left:5px;top:5px;z-index:1030}.viewer iframe{border:none}