.cdf{color:var(--cdf-text);background-color:var(--cdf-form-bg)}.cdf__form{margin:0}.cdf__banner{display:flex;align-items:flex-start;gap:1rem;margin:2rem 0;padding:1.6rem 2rem;font-size:1.4rem}.cdf__banner svg{flex-shrink:0;width:1.8rem;height:1.8rem}.cdf__banner--success{background-color:#cee4cfbd}.cdf__banner--error{background-color:#f6d9d9}.cdf__row{display:grid;grid-template-columns:40% 1fr;align-items:start}.cdf__step{background-color:var(--cdf-panel-bg);color:var(--cdf-panel-text);padding:3.2rem 4rem 4rem 3.2rem;height:100%}.cdf__row:first-child .cdf__step{padding-top:4rem}.cdf__step-title{display:flex;align-items:center;gap:.8rem;margin:0 0 .8rem;font-size:1.6rem;font-weight:500;letter-spacing:.02em}.cdf__step-icon{flex-shrink:0}.cdf__step-text{padding-left:2.4rem;max-width:40rem;font-size:1.3rem;line-height:1.6;opacity:.85}.cdf__step-text p{margin:0}.cdf__step-text a{color:inherit;font-weight:600}.cdf__fields{padding:3.2rem 4rem 4rem}.cdf__heading{margin:0 0 3.2rem;text-align:center;font-size:1.6rem;letter-spacing:.02em}.cdf__field{margin-bottom:2.4rem;border:0;padding:0}.cdf__field--inline{display:grid;grid-template-columns:12rem 1fr;align-items:center;gap:2rem;margin-bottom:3.6rem}.cdf__label{display:block;margin-bottom:1rem;font-size:1.4rem;letter-spacing:.01em}.cdf__field--inline .cdf__label{margin-bottom:0;float:none}.cdf__label em{font-style:normal}.cdf__hint{margin-left:.6rem;font-size:1.2rem;font-style:italic;opacity:.6}.cdf__field--narrow{max-width:58%}.cdf__upload{display:flex;align-items:flex-start;gap:2.4rem}.cdf__dropzone{flex:1 1 auto;min-width:0;max-width:58%;display:flex;align-items:center;gap:1.6rem;min-height:6.4rem;padding:1.6rem 2rem;border:1px dashed var(--cdf-border);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.cdf__dropzone:hover,.cdf__dropzone:focus-within{border-color:var(--cdf-text);background-color:var(--cdf-panel-bg)}.cdf__dropzone-icon{font-size:2rem;line-height:1;opacity:.6}.cdf__dropzone-text{font-size:1.3rem;line-height:1.5;opacity:.75}.cdf__previews{flex:1 1 auto;min-width:0;display:flex;gap:1.6rem;flex-wrap:wrap}.cdf__previews:empty{display:none}.cdf__preview{position:relative;width:16rem;max-width:100%;text-align:center}.cdf__preview img{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block}.cdf__preview-caption{display:block;margin-top:.8rem;font-size:1.2rem}.cdf__preview-remove{position:absolute;top:-1.4rem;right:-.4rem;width:2.4rem;height:2.4rem;border:0;background:transparent;color:var(--cdf-text);font-size:1.8rem;line-height:1;cursor:pointer}.cdf__divider{display:flex;align-items:center;gap:1.6rem;margin:3.2rem 0;font-size:1.2rem;letter-spacing:.08em;opacity:.7}.cdf__divider:before,.cdf__divider:after{content:"";flex:1;height:1px;background-color:var(--cdf-border)}.cdf__input,.cdf__textarea,.cdf__select{width:100%;padding:1.2rem 1.6rem;border:1px solid var(--cdf-border);border-radius:0;background-color:transparent;color:var(--cdf-text);font-family:inherit;font-size:1.4rem;line-height:1.5}.cdf__input:focus,.cdf__textarea:focus,.cdf__select:focus{outline:0;border-color:var(--cdf-text)}.cdf__textarea{min-height:12rem;resize:vertical}.cdf__counter,.cdf__note{display:block;margin-top:.6rem;font-size:1.1rem;opacity:.65}.cdf__note p{margin:0}.cdf__error{display:block;margin-top:.6rem;font-size:1.2rem;color:#b3261e}.cdf__error.hidden{display:none}.cdf__swatches{display:flex;flex-wrap:wrap;gap:1.6rem}.cdf__swatch input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cdf__swatch label{display:flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;border-radius:50%;background-color:var(--cdf-swatch);box-shadow:0 0 0 1px #0000000f;color:#4a4034;font-size:1.1rem;cursor:pointer;transition:box-shadow .2s ease}.cdf__swatch input[type=radio]:checked+label{box-shadow:0 0 0 1px var(--cdf-form-bg),0 0 0 2px var(--cdf-text)}.cdf__swatch input[type=radio]:focus-visible+label{box-shadow:0 0 0 1px var(--cdf-form-bg),0 0 0 3px var(--cdf-text)}.cdf__size-row{display:flex;align-items:center;gap:2rem}.cdf__select-wrap{position:relative;width:14rem;max-width:100%}.cdf__select{-webkit-appearance:none;appearance:none;padding-right:4rem;cursor:pointer}.cdf__select-wrap:after{content:"";position:absolute;right:1.4rem;top:50%;width:1.4rem;height:1.4rem;transform:translateY(-50%);pointer-events:none;background:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 8.25L12 15.75L4.5 8.25" stroke="%23333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain}.cdf__size-link{font-size:1.3rem;font-weight:600;color:inherit;text-decoration:none}.cdf__size-link:hover{text-decoration:underline}.cdf__actions{margin-top:3.2rem}.cdf__button{min-width:20rem;padding:1.5rem 3.2rem;border:1px solid var(--cdf-button-bg);background-color:var(--cdf-button-bg);color:var(--cdf-button-text);font-family:inherit;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease}.cdf__button:hover{background-color:transparent;color:var(--cdf-button-bg)}@media screen and (max-width:1399px){.cdf__preview{width:13rem}}@media screen and (max-width:1199px){.cdf__row{grid-template-columns:34% 1fr}.cdf__fields{padding-left:3.2rem;padding-right:3.2rem}.cdf__dropzone,.cdf__field--narrow{max-width:62%}.cdf__preview{width:11rem}}@media screen and (max-width:989px){.cdf__row{grid-template-columns:1fr}.cdf__step{padding:2.4rem 2rem}.cdf__step-text{max-width:none}.cdf__fields{padding:2.4rem 2rem 3.2rem}.cdf__field--inline{grid-template-columns:1fr;gap:1.2rem;align-items:start}.cdf__heading{margin-bottom:2.4rem}.cdf__upload{flex-wrap:wrap}.cdf__dropzone,.cdf__field--narrow{max-width:none}.cdf__dropzone{flex-basis:100%}}@media screen and (max-width:749px){.cdf__preview{width:calc(50% - .8rem)}.cdf__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-custom-design-form.css.map */