/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./scss/sections/product-design-mode.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/.product-design-mode__modal-opener-button{color:#656565;font-family:Poppins;font-size:14px;font-weight:400;text-align:center;text-decoration-line:underline}.design-method-selector{flex-direction:column;gap:.8rem;margin-top:2rem}.design-method-card,.design-method-selector{display:-webkit-box;display:-ms-flexbox;display:flex}.design-method-card{background:#fff;border:1px solid #d9d9d9;border-radius:8px;-moz-column-gap:1.3rem;column-gap:1.3rem;cursor:pointer;flex-direction:row;max-height:540px;overflow:visible;padding:1.6rem;position:relative;transition:all .4s ease-in-out;width:100%}.design-method-card:hover{border-color:#000}.design-method-card.design-upload-method-card{flex-direction:column}.design-method-card:focus{outline:1px solid #000;outline-offset:1px}.design-method-card__header{align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;gap:1.3rem}.design-method-card__icon{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:2.4rem;justify-content:center;transition:transform .3s ease;width:2.4rem}.design-method-card__icon svg{height:100%;width:100%}.design-method-card:hover .design-method-card__icon{transform:scale(1.1)}.design-method-card__content{align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:column;gap:.8rem}.design-method-card__title{color:#000;font-weight:600;line-height:1.2}.design-method-card__description,.design-method-card__title{font-family:Poppins,Arial,sans-serif;font-size:15px;margin:0}.design-method-card__description{color:#575757;font-weight:400;line-height:1.5}.design-method-card--hidden{margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;pointer-events:none}.upload-container{margin-top:0;max-height:0;opacity:0;overflow:hidden;padding-top:0;transition:all .4s ease-in-out}.upload-container--open{margin-top:1.3rem;max-height:1000px;opacity:1}.upload-container__instructions{color:#575757;font-family:Poppins,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.5;margin:0 0 1.2rem}.upload-container__dropzone{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;min-height:76px;transition:all .3s ease;width:100%}.upload-container__dropzone--dragging,.upload-container__dropzone:hover{background:#fff5f3;border-color:#cd3d1c}.upload-container__dropzone--dragging{transform:scale(1.02)}.upload-container__browse-text{color:#000;cursor:pointer;font-family:Poppins,Arial,sans-serif;font-size:15px;font-weight:600;-webkit-text-decoration:underline;text-decoration:underline}.upload-container__files-list{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:.8rem;margin-top:1.3rem}.upload-container__file-item{background:#fff;border:1px solid #dedede;border-radius:4px;gap:1rem;padding:1rem 1.2rem;transition:all .3s ease}.upload-container__file-icon,.upload-container__file-item{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.upload-container__file-icon{flex-shrink:0;height:4rem;justify-content:center;padding:.8rem;width:4rem}.upload-container__file-icon svg{height:100%;width:100%}.upload-container__file-name{color:#000;flex:1;font-family:Poppins,Arial,sans-serif;font-size:15px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-container__file-cancel,.upload-container__file-delete{align-items:center;background:transparent;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:2rem;justify-content:center;padding:0;transition:transform .2s ease;width:2rem}.upload-container__file-cancel:hover,.upload-container__file-delete:hover{transform:scale(1.1)}.upload-container__file-cancel:focus,.upload-container__file-delete:focus{border-radius:4px;outline:2px solid #cd3d1c;outline-offset:2px}.upload-container__file-cancel svg,.upload-container__file-delete svg{height:100%;width:100%}.upload-container__loader{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:1.6rem;justify-content:center;width:1.6rem}.upload-container__loader-spinner{animation:spin 1s linear infinite;height:100%;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upload-error-container{animation:slideDown .3s ease-out;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;gap:.8rem;margin-top:.8rem;padding:1rem 1.2rem}.upload-error-container,.upload-error-container__icon{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.upload-error-container__icon{flex-shrink:0;height:2rem;justify-content:center;width:2rem}.upload-error-container__icon svg{height:100%;width:100%}.upload-error-container__message{color:#dc2626;flex:1;font-family:Poppins,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.upload-error-container__close{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:2rem;justify-content:center;padding:0;transition:transform .2s ease;width:2rem}.upload-error-container__close:hover{background:rgba(220,38,38,.1);transform:scale(1.1)}.upload-error-container__close:focus{outline:2px solid #dc2626;outline-offset:2px}.upload-error-container__close svg{height:100%;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}