body{font-family:Arial,Helvetica,sans-serif;margin:0;background-color:#fdfdfb}hr{border:1px solid #e3e3e3}.main-page-css .flex{position:relative;display:flex;align-items:center;width:100%}.main-page-css .header{font-size:30px;background-color:#f9f9f9;padding:20px 20px 20px 5px}.main-page-css .search-bar{align-items:center;position:sticky;top:0;background-color:#f9f9f9;padding:1em;display:flex;gap:1em;z-index:2;box-shadow:0 5px 6px #0003}.main-page-css .search-bar h1{margin:0}@media screen and (max-width: 1024px){.main-page-css .search-bar{flex-flow:column}}.main-page-css .logout-button{background-color:#483d53;color:#f0f8ff;border-radius:3px;-webkit-user-select:none;user-select:none;font-size:20px;padding:1px 6px 3px;box-shadow:0 5px 6px #0003}.main-page-css .import-button{position:fixed;bottom:30px;right:30px;background-color:#8562a5;color:#f0f8ff;padding:.5em;display:flex;gap:.2em;justify-content:center;align-items:center;border-radius:3px;-webkit-user-select:none;user-select:none;box-shadow:0 5px 6px #0003}.main-page-css .import-button svg{font-size:1.5em}.main-page-css .search-input{display:flex;align-items:center}.main-page-css .search-input button{display:flex;justify-content:center;align-items:center;font-size:1.5em;padding:.2em;width:fit-content}@media screen and (max-width: 1024px){.main-page-css .search-input{margin-left:auto}}.main-page-css .checkbox{color:#fff;background-color:#fff;border-color:#494949;border-width:1px;border-style:solid;border-radius:3px;padding:5px;font-size:11px;width:10px;height:10px;margin-right:20px}.main-page-css .helptip{color:#36323a;-webkit-user-select:none;user-select:none}.main-page-css .white-overlay{background-color:#eae8ee;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5}.main-page-css button{padding:.6rem 1.2rem;border:none;border-radius:2px;background:#8562a5;color:#fff;font-size:14px;cursor:pointer;transition:background .25s ease,transform .15s ease}.main-page-css button:hover{background:#583777}.main-page-css button:active{transform:scale(.9)}.main-page-css select{padding:.6rem 1rem;border-radius:2px;border:1px solid #ccc;background:#fff;font-size:14px;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='14' viewBox='0 0 20 20' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548l4.484 4.484 4.484-4.484L16 8.548l-6 6-6-6z'/></svg>");background-repeat:no-repeat;background-position:right .8rem center}.main-page-css select:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf740;outline:none}.main-page-css input[type=text],.main-page-css input[type=email],.main-page-css input[type=password],.main-page-css input[type=number],.main-page-css textarea{padding:.6rem 1rem;border-radius:2px;border:1px solid #ccc;background:#fff;font-size:14px;transition:border-color .25s ease,box-shadow .25s ease}.main-page-css .logout-button:hover{background-color:#16121a;cursor:pointer}.main-page-css .import-button:hover{background-color:#583777;cursor:pointer}.main-page-css .checkbox:hover{background-color:#bbb;cursor:pointer}.main-page-css .logout-button:active,.main-page-css .import-button:active{transform:scale(.95)}.file-card{display:flex;align-items:center;gap:2em}.file-card .file-card-name{font-size:1.2em;word-break:break-word}.file-card .file-card-actions{display:flex;gap:.2em}.file-card .completion-indicator{color:#fff;padding:4px;border-radius:3px;-webkit-user-select:none;user-select:none}.file-card .good{background-color:#75a370}.file-card .average{background-color:#e59317}.file-card .bad{background-color:#f56464}.file-card button{display:flex;justify-content:center;align-items:center;color:#fff;border-radius:3px;padding:.2em;text-align:center;font-size:1.5em;cursor:pointer;background-color:#8562a5}.file-card button:hover{background-color:#583777;cursor:pointer;-webkit-user-select:none;user-select:none}.file-card button:active{transform:scale(.9)}@media screen and (max-width: 1024px){.file-card{flex-flow:column;gap:.2em;align-items:start}}.new-var-pop-up-css .flex{position:relative;display:flex;width:100%;gap:30px}.new-var-pop-up-css .pop-up-div{background-color:#f7f7f7;-webkit-user-select:none;user-select:none;padding:15px;z-index:2;box-shadow:0 0 10px #000000fc;max-width:750px;width:100%}.new-var-pop-up-css .black-overlay{position:fixed;background-color:#00000085;top:0;left:0;width:100%;height:100%;z-index:2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.new-var-pop-up-css .scrollable-container{width:300px;height:200px;overflow-y:scroll;border:1px solid #ccc;padding:10px;background-color:#f9f9f9}.new-var-pop-up-css .image-preview{color:#222;width:300px;height:300px;font-size:20px}.new-var-pop-up-css .content{height:300px;background-color:#e0e0e0;padding:20px}.new-var-pop-up-css .button-cancel{padding:8px;border:none;border-radius:2px;background:#9b97a0;color:#fff;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.new-var-pop-up-css .pop-up-div{font-size:15px;height:100%}.new-var-pop-up-css .pop-up-div .modern-input{height:12px}.new-var-pop-up-css .pop-up-div select{height:22px;padding:0}.new-var-pop-up-css .pop-up-div .error-msg{color:#ce2525;text-align:right}.new-var-pop-up-css .pop-up-div .error-msg-hidden{visibility:hidden}.new-var-pop-up-css .extra-form textarea{height:150px;width:100%}.new-var-pop-up-css .image-preview{height:70vh;width:auto;box-shadow:0 0 10px #000000fc}.new-var-pop-up-css .header{font-size:20px;padding:0}.new-var-pop-up-css .button{padding:8px;border:none;border-radius:2px;background:#8562a5;color:#fff;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.new-var-pop-up-css .button:hover{background:#583777}.new-var-pop-up-css .button:active{transform:scale(.9)}.new-var-pop-up-css select{padding:4px;width:310px;border-radius:2px;border:1px solid #ccc;background:#fff;font-size:14px;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='14' viewBox='0 0 20 20' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548l4.484 4.484 4.484-4.484L16 8.548l-6 6-6-6z'/></svg>");background-repeat:no-repeat;background-position:right .8rem center}.new-var-pop-up-css select:focus{border-color:#0e142c;box-shadow:0 0 0 3px #42475340;outline:none}.new-var-pop-up-css textarea{padding:4px;width:300px;height:100px;resize:none;border-radius:2px;border:1px solid #ccc;background:#fff;transition:border-color .25s ease,box-shadow .25s ease}.new-var-pop-up-css textarea:focus{border-color:#0e142c;box-shadow:0 0 0 3px #42475340;outline:none}.new-var-pop-up-css .textarea-extra-information{width:300px;height:404px}.new-var-pop-up-css .modern-input{width:300px;padding:4px;border-radius:2px;border:1px solid #ccc;background:#fff;font-size:14px;transition:border-color .25s ease,box-shadow .25s ease}.new-var-pop-up-css .modern-input:focus{border-color:#0e142c;box-shadow:0 0 0 3px #42475340;outline:none}.new-var-pop-up-css .button-cancel:hover{background-color:#7c7b7b;cursor:pointer}.new-var-pop-up-css .button-cancel:active{transform:scale(.95)}.csv-list{padding:1em;display:grid;gap:.5em}.csv-list .file-card{padding-bottom:.5em;border-bottom:1px solid #eee}.csv-list .no-added-csv{width:100%;height:calc(100dvh - 9em);display:flex;align-items:center;justify-content:center}.img-preview-container .img-preview{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center}.img-preview-container .img-preview-overlay{position:fixed;background-color:#00000085;top:0;left:0;width:100%;height:100%;z-index:2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.img-preview-container .img-preview-form{-webkit-user-select:none;user-select:none;padding:15px;z-index:3;width:100%;align-self:center;pointer-events:auto;max-width:700px;display:grid;gap:1em;align-items:center}.img-preview-container .img-preview-form input{width:100%;padding:.5em;font-size:1em}.img-preview-container .img-preview-form img{width:100%;object-fit:contain;height:100%;max-height:80dvh}.highlight{box-shadow:0 0 15px 10px #8562a560}.product-card{background-color:#fefcff;border-radius:3px;border-color:#bdbdbd;border-style:solid;border-width:1px;display:flex;height:150px;position:relative;font-family:Arial,Helvetica,sans-serif;transition:all .75s cubic-bezier(.9,0,.1,1)}.product-card .indicator{color:#fff;background-color:#f56464;border-radius:3px;padding:5px;font-size:12px;position:absolute;top:-10px;right:-10px;-webkit-user-select:none;user-select:none}.product-card .checkbox-container{display:flex;height:100%;align-items:center;justify-content:center;min-width:70px}.product-card .checkbox{color:#fff;background-color:#fff;border-color:#494949;border-width:1px;border-style:solid;border-radius:3px;padding:14px}.product-card .product-details{display:flex;flex-flow:column;padding:1em;gap:1em}.product-card .product-name{color:#222;border-radius:3px;font-size:20px;font-weight:600;height:100%}.product-card .variance-combination{margin-top:auto;color:#818181;border-radius:3px;font-size:12px;font-weight:600}.product-card .variance-count{color:#818181;border-radius:3px;font-size:12px}.product-card .product-sku{position:absolute;bottom:-13px;left:0;color:#454545;font-size:9px;font-weight:600}.product-card .product-img-container{background-color:#f3f3f3;border-color:#d1d1d1;border-width:1px;border-style:solid;width:120px;height:120px;font-size:20px;cursor:pointer}.product-card .product-img{color:#222;border-radius:3px;width:auto;height:120px;max-width:120px;font-size:20px;cursor:pointer}.product-card .product-button{color:#fff;border-radius:3px;padding:2px;width:25px;height:25px;text-align:center;cursor:pointer;background-color:#988ea1;margin-left:10px}.product-card .button-group{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;right:0;padding:.5em;gap:.5em}.product-card .button-group button{display:flex;align-items:center;justify-content:center;color:#fff;padding:.2em;font-size:1.5em;cursor:pointer;border-radius:3px;border:none;transition:background-color .15s ease,transform .15s ease;background-color:#988ea1}.product-card .button-group button:hover{background-color:#48345a;transform:scale(.95)}.product-card .img-wrapper{display:flex;height:100%;min-width:120px;align-items:center;justify-content:center}.product-card .img-wrapper img{border:1px solid #eeeeee}.product-card .good{background-color:#75a370}.product-card .average{background-color:#e59317}.product-card .bad{background-color:#f56464}.product-card .dup-indicator{background-color:#ffe6e6}.product-card .checkbox:hover{background-color:#bbb;cursor:pointer}.product-card .product-button:hover{color:#fff;border-radius:3px;padding:2px;width:25px;height:25px;text-align:center;cursor:pointer;background-color:#48345a}.product-card .product-button:active{transform:scale(.95)}@media screen and (max-width: 480px){.product-card{display:grid;height:auto}.product-card .checkbox-container{height:50px}}.variant-edit-css .flex{position:relative;display:flex;width:100%;gap:30px}.variant-edit-css .variant-form{background-color:#f7f7f7;-webkit-user-select:none;user-select:none;padding:15px;z-index:2;box-shadow:0 0 10px #000000fc;pointer-events:auto;overflow-y:auto;position:relative}.variant-edit-css .overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2}.variant-edit-css .black-overlay{position:fixed;background-color:#00000082;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1}.variant-edit-css .scrollable-container{width:300px;height:200px;overflow-y:scroll;border:1px solid #ccc;padding:10px;background-color:#f9f9f9}.variant-edit-css .image-preview-container{background-color:#f3f3f3;border-color:#d1d1d1;border-width:1px;border-style:solid;width:490px;height:300px;display:flex;justify-content:center;margin-right:10px}.variant-edit-css .image-preview{color:#222;width:auto;height:300px;font-size:20px}.variant-edit-css .content{height:300px;background-color:#e0e0e0;padding:20px}.variant-edit-css .button-cancel{padding:8px;border:none;border-radius:2px;background:#9b97a0;color:#fff;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.variant-edit-css .floating-header{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.85);margin:0}.variant-edit-css .navshadow{box-shadow:0 0 10px #00000096}.variant-edit-css .important-form{position:relative;font-size:15px;height:100%}.variant-edit-css .important-form .header{margin-bottom:0;margin-top:0;padding:0}.variant-edit-css .important-form .modern-input{height:auto}.variant-edit-css .important-form select{height:auto;padding:4px}.variant-edit-css .important-form .error-msg{color:#ce2525;text-align:right;height:15px}.variant-edit-css .important-form .error-msg-hidden{visibility:hidden}.variant-edit-css .radio-input:checked{accent-color:#9066b8}.variant-edit-css .extra-form{overflow-y:scroll;height:auto}.variant-edit-css .extra-form textarea{max-height:290px;height:100%;width:480px}.variant-edit-css .button{padding:8px;border:none;border-radius:2px;background:#8562a5;color:#fff;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.variant-edit-css .navigate.button{display:flex;position:absolute;z-index:3;height:min-content;font-size:2em}.variant-edit-css .navigate.button.left{left:-2em}.variant-edit-css .navigate.button.right{right:-2em}.variant-edit-css .button:hover{background:#583777}.variant-edit-css .button:active{transform:scale(.9)}.variant-edit-css select{padding:4px;width:310px;border-radius:2px;border:1px solid #ccc;background:#fff;font-size:14px;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='14' viewBox='0 0 20 20' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548l4.484 4.484 4.484-4.484L16 8.548l-6 6-6-6z'/></svg>");background-repeat:no-repeat;background-position:right .8rem center}.variant-edit-css select:focus{border-color:#0e142c;box-shadow:0 0 0 3px #42475340;outline:none}.variant-edit-css textarea{padding:4px;width:300px;height:100px;resize:none;border-radius:2px;border:1px solid #ccc;background:#fff;transition:border-color .25s ease,box-shadow .25s ease}.variant-edit-css textarea:focus{border-color:#0e142c;box-shadow:0 0 0 3px #42475340;outline:none}.variant-edit-css .textarea-extra-information{width:100%;min-width:300px;max-height:404px;height:100%}.variant-edit-css .modern-input{padding:4px;border-radius:2px;border:1px solid #ccc;background:#fff;font-size:14px;transition:border-color .25s ease,box-shadow .25s ease}.variant-edit-css .modern-input:focus{border-color:#0e142c;box-shadow:0 0 0 3px #42475340;outline:none}.variant-edit-css .button-cancel:hover{background-color:#7c7b7b;cursor:pointer}.variant-edit-css .button-cancel:active{transform:scale(.95)}.product-list-page-css .flex{position:relative;display:flex;align-items:center;width:100%}.product-list-page-css .product-header{font-size:clamp(1em,4.5vw,2em);word-break:break-word;padding:20px 0 0;background-color:#f9f9f9}.product-list-page-css .search-bar{position:sticky;top:0;background-color:#f9f9f9;padding:10px 0;box-shadow:0 5px 6px #0003;z-index:1}.product-list-page-css .search-input{display:flex;align-items:center;justify-content:center}.product-list-page-css .search-input button{font-size:1.5em;padding:.2em;display:flex;justify-content:center;align-items:center}.product-list-page-css .logout-button{background-color:#483d53;color:#f0f8ff;border-radius:3px;-webkit-user-select:none;user-select:none;font-size:1.75em;display:flex;align-items:center;justify-content:center;padding:3px;box-shadow:0 5px 6px #0003}.product-list-page-css .nextpage-div{position:fixed;bottom:30px;right:30px;-webkit-user-select:none;user-select:none;pointer-events:auto}.product-list-page-css .nextpage-container{background-color:#f9f9f965;padding:5px;border-radius:2px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 5px 6px #0003}.product-list-page-css .page-button{background-color:#8562a5;color:#f0f8ff;text-align:center;border-radius:3px;-webkit-user-select:none;user-select:none;box-shadow:0 5px 6px #0003;border:none;transition:background .25s ease}.product-list-page-css .new-product-button{display:flex;background-color:#8562a5;position:fixed;bottom:30px;left:30px;color:#f0f8ff;gap:.5em;font-size:1em;padding:.5em;border:none;border-radius:3px;align-items:center;transition:background .25s ease;cursor:pointer;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:auto}.product-list-page-css .new-product-button svg{font-size:1.5em}.product-list-page-css .product-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(650px,100%),1fr));gap:30px 30px;margin-left:1em;margin-right:1em;justify-content:center}.product-list-page-css .page-overlay{position:fixed;bottom:50px;left:0;width:100%;z-index:1;pointer-events:none}.product-list-page-css .selected-menu{background-color:#f7f7f7a6;-webkit-user-select:none;user-select:none;padding:15px;z-index:3;box-shadow:0 0 10px #00000080;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.product-list-page-css .modern-button{padding:.6rem 1.2rem;border:none;border-radius:2px;background:#8562a5;color:#fff;font-size:14px;cursor:pointer;transition:background .25s ease,transform .05s ease}.product-list-page-css .nextpage-container button{display:flex;padding:.2em;font-size:1.5em;border:none}.product-list-page-css .delete-button{padding:.6rem 1.2rem;border:none;border-radius:2px;background:#c06f7a;color:#fff;font-size:14px;cursor:pointer;transition:background .25s ease,transform .05s ease}.product-list-page-css select{padding:.6rem 1rem;width:150px;border-radius:2px;border:1px solid #ccc;background:#fff;font-size:14px;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='14' viewBox='0 0 20 20' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548l4.484 4.484 4.484-4.484L16 8.548l-6 6-6-6z'/></svg>");background-repeat:no-repeat;background-position:right .8rem center}.product-list-page-css select:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf740;outline:none}.product-list-page-css input[type=text],.product-list-page-css input[type=email],.product-list-page-css input[type=password],.product-list-page-css input[type=number],.product-list-page-css textarea{padding:.6rem 1rem;border-radius:2px;border:1px solid #ccc;background:#fff;font-size:14px;transition:border-color .25s ease,box-shadow .25s ease}.product-list-page-css .delete-button:hover{background:#75444a}.product-list-page-css .modern-button:hover{background:#583777}.product-list-page-css .logout-button:hover{background-color:#16121a;cursor:pointer}.product-list-page-css .new-product-button:hover{background:#583777}.product-list-page-css .page-button:hover{background-color:#583777;cursor:pointer}.product-list-page-css .checkbox:hover{background-color:#bbb;cursor:pointer}.product-list-page-css .modern-button:active{transform:scale(.9)}.product-list-page-css .logout-button:active,.product-list-page-css .page-button:active,.product-list-page-css .import-button:active,.product-list-page-css .delete-button:active{transform:scale(.95)}.variant-card{background-color:#fefcff;border-radius:3px;border-color:#bdbdbd;border-style:solid;border-width:1px;display:flex;height:auto;position:relative;align-items:center;font-family:Arial,Helvetica,sans-serif}.variant-card .dup-indicator{background-color:#ffe6e6}.variant-card .progress-indicator{color:#fff;background-color:#75a370;border-radius:3px;padding:5px;font-size:12px;position:absolute;top:-10px;right:-10px;-webkit-user-select:none;user-select:none}.variant-card .checkbox-container{display:flex;flex-flow:column;height:100%;align-items:center;justify-content:center;gap:.5em;min-width:70px}.variant-card .variant-count{top:.5em;font-weight:600;font-size:1.5em}.variant-card .checkbox{color:#fff;background-color:#fff;border-color:#494949;border-width:1px;border-style:solid;border-radius:3px;padding:14px}.variant-card .variant-details{display:flex;flex-flow:column;width:100%;padding:1em;gap:1em}.variant-card .cost{color:green;font-weight:600;font-size:1.25rem;display:flex;gap:.2em;align-items:center}.variant-card .cost:before{content:"Price: ";display:inline;font-size:.8rem}.variant-card .variant-name{color:#222;border-radius:3px;padding:5px;font-size:20px;font-weight:600}.variant-card .variance-combination{color:#818181;border-radius:3px;padding:5px;font-size:12px;font-weight:600}.variant-card .variant-img-container{background-color:#f3f3f3;border-color:#d1d1d1;border-width:1px;border-style:solid;max-width:120px;width:100%;height:120px;font-size:20px;cursor:pointer;display:flex;justify-content:center}.variant-card .variant-button{color:#fff;border-radius:3px;text-align:center;cursor:pointer;background-color:#8562a5}.variant-card .button-group{display:flex;justify-content:center;align-items:center;padding:.5em;gap:10px;position:absolute;bottom:0;right:0}.variant-card .button-group button{display:flex;padding:.2em;align-items:center;justify-content:center;font-size:1.5em;border:none}.variant-card .variant-img-wrapper{display:flex;height:100%;width:100%;max-width:140px;max-height:140px;align-items:center;justify-content:center}.variant-card .variant-img-wrapper img{border:1px solid #eee;object-fit:contain;width:100%;height:100%}.variant-card .remove-img{color:#fff;border-radius:3px;padding:.2em;text-align:center;cursor:pointer;background-color:#c06f7a;border:none;position:absolute;top:-10px;right:-10px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;font-size:1.25em}.variant-card .good{background-color:#75a370}.variant-card .average{background-color:#e59317}.variant-card .bad{background-color:#f56464}.variant-card .checkbox:hover{background-color:#bbb;cursor:pointer}.variant-card .variant-button:hover{background-color:#48345a}.variant-card .remove-img:hover{background-color:#7c444b}.variant-card .variant-img-container:active,.variant-card .remove-img:active,.variant-card .variant-button:active{transform:scale(.95)}@media screen and (max-width: 480px){.variant-card{display:grid;height:auto}.variant-card .checkbox-container{height:50px}}.remove-img{color:#fff;border-radius:3px;padding:.2em;text-align:center;cursor:pointer;background-color:#c06f7a;border:none;position:absolute;top:-10px;right:-10px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;font-size:1.25em}.product-page .flex{position:relative;display:flex;width:100%;gap:30px}.product-page .details{width:initial;margin:0 1em}.product-page .variant-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(650px,100%),1fr));gap:20px 25px;margin-left:1em;margin-right:1em;justify-content:center}.product-page .product-header{display:flex;gap:1em;padding:1em;align-items:center;background-color:#f9f9f9;box-shadow:0 5px 6px #0003}.product-page .product-header button{display:flex;justify-content:center;align-items:center;height:min-content;font-size:1.5em}@media screen and (max-width: 768px){.product-page .product-header{flex-flow:column}}.product-page .search-bar{position:sticky;top:0;background-color:#f9f9f9;padding:10px;z-index:2;box-shadow:0 5px 6px #0003}.product-page .search-button{padding:.2em;border:none;border-radius:2px;background:#8562a5;color:#fff;font-size:1.5em;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none}.product-page .delete-button{background:#c06f7a;color:#fff;font-size:14px;padding:8px;cursor:pointer;transition:background .25s ease,transform .05s ease}.product-page .delete-button:hover{background:#75444a}.product-page .delete-button:active{transform:scale(.95)}.product-page .logout-button{background-color:#483d53;color:#f0f8ff;border-radius:3px;-webkit-user-select:none;user-select:none;font-size:20px;padding:1px 6px 3px;box-shadow:0 5px 6px #0003}.product-page .info-container{display:flex;flex-direction:column;gap:10px}.product-page .main-image{width:auto;height:180px;cursor:pointer}.product-page .main-image-container{margin-top:30px;width:180px;height:180px;cursor:pointer;background-color:#f3f3f3;border-color:#d1d1d1;border-width:1px;border-style:solid;display:flex;justify-content:center}.product-page .side-image{max-width:130px;max-height:130px;object-fit:contain;cursor:pointer}.product-page .side-image-container{cursor:pointer;background-color:#f3f3f3;border-color:#d1d1d1;border-width:1px;border-style:solid;display:flex;justify-content:center}.product-page .add-image-btn{background-color:#eae8eb;color:#938a97;width:120px;height:120px;-webkit-user-select:none;user-select:none;font-size:60px;border-style:dashed;border-width:5px;border-color:#bfb9c2;border-radius:2px}.product-page .page-overlay{position:fixed;bottom:50px;left:0;width:100%;pointer-events:none;z-index:1}.product-page .select-all-menu{background-color:#f7f7f7;-webkit-user-select:none;user-select:none;padding:15px;z-index:2;box-shadow:0 0 10px #00000080;pointer-events:auto}.product-page .error-msg{color:#ce2525}.product-page .black-overlay{position:fixed;background-color:#00000085;top:0;left:0;width:100%;height:100%;z-index:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.product-page .nextpage-div{position:fixed;right:30px;bottom:50px;z-index:3}.product-page .nextpage-container{background-color:#f9f9f9a3;padding:10px;border-radius:2px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 5px 6px #0003;display:flex;width:fit-content;gap:15px;align-items:center;font-size:15px;font-weight:500}.product-page .nextpage-container button{display:flex;padding:.2em;font-size:1.5em;border:none;pointer-events:auto}.product-page .upper-right-button{-webkit-user-select:none;user-select:none;transition:.1s ease;cursor:pointer}.product-page .button{padding:8px;border:none;border-radius:2px;background:#8562a5;color:#fff;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.product-page .scroll-to-top{padding:.2em;background:#8562a5;color:#fff;font-size:1.5em;display:flex;align-items:center;border:none}.product-page .scroll-to-top:hover{background:#583777}.product-page .scroll-to-top:active{transform:scale(.9)}.product-page .button:hover{background:#583777}.product-page .button:active{transform:scale(.9)}.product-page select{padding:4px;width:100%;border-radius:2px;border:1px solid #ccc;background:#fff;font-size:1em;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease}.product-page select:focus{border-color:#0e142c;box-shadow:0 0 0 3px #42475340;outline:none}.product-page textarea{padding:4px;width:300px;height:100px;resize:none;border-radius:2px;border:1px solid #ccc;background:#fff;transition:border-color .25s ease,box-shadow .25s ease;font-family:Arial,Helvetica,sans-serif}.product-page textarea:focus{border-color:#0e142c;box-shadow:0 0 0 3px #42475340;outline:none}.product-page .textarea-extra-information{width:300px;height:404px}.product-page .modern-input{padding:4px;border-radius:2px;border:1px solid #ccc;background:#fff;font-size:1em;transition:border-color .25s ease,box-shadow .25s ease;margin:0;width:100%}.product-page .modern-input:focus{border-color:#0e142c;box-shadow:0 0 0 3px #42475340;outline:none}.product-page .modern-input:disabled{background:#efecf1}.product-page select:disabled{background:#efecf1}.product-page textarea:disabled{background:#efecf1}.product-page .logout-button:hover{background-color:#16121a;cursor:pointer}.product-page .import-button:hover{background-color:#583777;cursor:pointer}.product-page .checkbox:hover{background-color:#bbb;cursor:pointer}.product-page .remove-img:hover{background-color:#7c444b;cursor:pointer}.product-page .add-image-btn:hover{background-color:#d8d4da;cursor:pointer}.product-page .upper-right-button:hover{-webkit-user-select:none;user-select:none}.product-page .main-image-container:active,.product-page .side-image-container:active{z-index:1;transform:scale(.95)}.product-page .upper-right-button:active,.product-page .logout-button:active,.product-page .import-button:active,.product-page .remove-img:active,.product-page .add-image-btn:active{transform:scale(.95)}@media screen and (max-width: 1024px){.product-page .details{display:grid}}*{box-sizing:border-box}