.img-details-container{display:flex;padding:0 20px;gap:30px;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center}.img-section img{width:100%}.img-section{width:40%;padding-right:30px}.details-section{width:60%}.modal-content h2{text-align:center;font-weight:400}.branding-form{text-align:center}dialog#addBrandModal .form-field{padding:20px 10px}h3.form-step-title{font-weight:400;margin-bottom:15px}dialog#addBrandModal input.form-field-input{font-size:26px;text-align:center;border:none;outline:none}dialog#addBrandModal input.form-field-input:focus{border-bottom:1px solid black}span.form-step-subtitle{display:block;color:#636363;margin:0 0 15px;line-height:1}span.form-step-subtitle a{text-decoration:underline;text-decoration-color:#636363}button.form-step-btn{margin-bottom:35px;background:#000;color:#fff;border:1px solid black;text-transform:uppercase}#message{height:100px}button.form-step-btn:hover{color:#000;background:#fff}button.form-step-btn:disabled{opacity:.5}button#branding-form-prev-btn{margin-bottom:20px;background:#eee;padding:7px 40px;border-radius:2px;border:1px solid #eeeeee;text-transform:uppercase;letter-spacing:1px;color:#333}button#branding-form-prev-btn:hover{background:#000;color:#fff}.form-step-btn-group{display:flex;justify-content:flex-end;gap:8px}.img-details-container{margin-bottom:30px}dialog#addBrandModal{max-width:800px;padding:40px;box-sizing:border-box}dialog#addBrandModal .modal-content{max-width:100%}form#custom-brand-request{margin-top:20px}dialog#addBrandModal h2{font-family:Crimson Text,serif;font-size:35px;line-height:1;margin-bottom:30px}dialog#addBrandModal h3.form-step-title{font-size:30px;font-family:Crimson Text,serif;margin-bottom:35px;line-height:1}.form-step-btn-group button{margin-bottom:0!important}@media screen and (max-width: 568px){.img-details-container{flex-wrap:wrap}.img-section{width:100%;max-width:200px;margin:0 auto;padding-right:0}.details-section{width:100%}dialog#addBrandModal h2{font-size:25px}dialog#addBrandModal h3.form-step-title{font-size:24px}dialog#addBrandModal input.form-field-input{font-size:20px}}.modal-content{width:90vw;max-width:768px}#form-step-3 .form-step-title{margin-bottom:30px!important}#form-step-3{padding:10px 0}#form-step-3 .form-step-title,#form-step-3 .form-step-subtitle{margin-bottom:35px}#form-step-3 .form-step-btn{margin-bottom:0}.error-label:not(.hidden){color:red;font-size:12px;margin-top:5px;display:block}div.form-step:not(.hidden){display:flex;flex-direction:column;align-items:center}button.template-custom-product{margin:10px 0;color:#fff;background:#333;font-weight:100;padding:10px 45px;letter-spacing:.18em;-webkit-appearance:none;appearance:none;text-transform:var(--button-text-transform);font:var(--button-font);letter-spacing:var(--button-letter-spacing);text-shadow:none;text-align:center;cursor:pointer;color:rgb(var(--button-text-color));border:1px solid #0000;border-radius:var(--button-border-radius);background-color:#0000;background-image:var(--initial-gradient),var(--hover-gradient);background-size:100% 100%,0 100%;background-position:var(--initial-background-position);--initial-gradient: linear-gradient( rgb(var(--button-background)), rgb(var(--button-background)) );--hover-gradient: linear-gradient(transparent, transparent);--initial-background-position: var(--transform-origin-end);--hover-background-position: var(--transform-origin-start);background-repeat:no-repeat;justify-content:center;align-items:center;column-gap:1.125rem;padding:.65rem 1.75rem;transition:none;display:inline-flex;position:relative}button.template-custom-product svg{display:none}button.template-custom-product:hover{background:#fff;color:#333;border:1px solid #333}dialog#addBrandModal{transition:.5s ease-in-out}@media screen and (max-width: 768px){dialog#addBrandModal{max-width:90%;box-sizing:border-box}.img-details-container{padding:0}dialog#addBrandModal h2{margin-bottom:20px}.img-section{display:none}.details-section{font-size:14px}span.form-step-subtitle{display:block;color:#636363;margin:0;line-height:1;font-size:14px}form#custom-brand-request{margin-top:5px}}.form-step{opacity:0;height:0;overflow:hidden;transition:opacity .5s ease,height .5s ease}.form-step.active{opacity:1;height:auto;transition:opacity .5s ease,height .5s ease}
/*# sourceMappingURL=/cdn/shop/t/173/assets/add-branding-form-modal.css.map */