:root{--heading-font-size: 1.4rem;--heading-font-weight: 700;--heading-line-height: 17px;--body-font-size: 1.4rem;--body-font-weight: 400;--body-line-height: 16px;--body-small-font-size: 1.2rem;--body-small-font-weight: 400;--body-small-line-height: 14px;--body-small-bold-font-size: 1.2rem;--body-small-bold-font-weight: 700;--body-small-bold-line-height: 15px;--button-background-color: #dfdfdf;--button-hover-background-color: #e7e7e7;--text-letter-spacing: -.02rem;--error-color: #dc2626;--success-color: #16a34a}.customization-block{display:flex;flex-direction:column;gap:1rem}.customization-heading{margin:0;font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);text-transform:uppercase;letter-spacing:var(--text-letter-spacing);font-family:var(--font-body-family)}.customization-text{margin:0;font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);letter-spacing:var(--text-letter-spacing);font-family:var(--font-body-family)}.customization-small-text{margin:0;font-size:var(--body-small-font-size);font-weight:var(--body-small-font-weight);line-height:var(--body-small-line-height);letter-spacing:var(--text-letter-spacing);font-family:var(--font-body-family)}.customization-small-text-bold{margin:0;font-size:var(--body-small-bold-font-size);font-weight:var(--body-small-bold-font-weight);line-height:var(--body-small-bold-line-height);letter-spacing:var(--text-letter-spacing);font-family:var(--font-body-family);text-transform:uppercase}button.btn--customization{background-color:var(--button-background-color);border:0;text-transform:uppercase}button.btn--customization:hover{background-color:var(--button-hover-background-color)}.customization-popup-wrapper{display:flex;opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s ease,visibility .3s ease;z-index:2000001}.customization-popup-wrapper.visible{opacity:1;visibility:visible}.customization-popup{background:#fff;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative}@media screen and (min-width:768px){.customization-popup{background:#fff;max-width:63.4rem;max-height:71.1rem;width:calc(100% - 4rem);height:calc(100% - 4rem)}}.customization-popup .scrollable-section{padding:2rem 1rem 1rem;overflow:auto;flex:1 1 auto;display:flex;flex-direction:column;gap:3.2rem}@media screen and (min-width:768px){.customization-popup .scrollable-section{padding:3.2rem;overflow:auto;flex:1 1 auto}}.scrollable-section-wrapper.heading-section{display:flex;gap:0}@media screen and (min-width:768px){.scrollable-section-wrapper.heading-section{display:flex;gap:3rem}}.scrollable-section-wrapper.heading-section .heading-wrapper{display:flex;flex-direction:column;gap:1.2rem;padding-right:4rem}@media screen and (min-width:768px){.scrollable-section-wrapper.heading-section .heading-wrapper{padding-right:8rem}}.customization-popup-close{flex:0 0 auto;padding:1rem;width:4rem;height:4rem;position:absolute;top:1rem;right:0rem;border:none;background-color:#fff;z-index:1;border-radius:50%}@media screen and (min-width:768px){.customization-popup-close{top:2rem;right:2rem}}.customization-popup-close svg{width:1.1rem;height:1.1rem}input[type=checkbox].multiple-names-checkbox{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.multiple-names-checkbox-label{display:inline-flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.multiple-names-checkbox-icon,.multiple-names-checkbox-icon svg{display:inline-flex;width:14px;height:14px;line-height:0;overflow:visible}.multiple-names-checkbox-icon.checked{display:none}.multiple-names-checkbox:checked+.multiple-names-checkbox-label .multiple-names-checkbox-icon.checked{display:inline-flex}.multiple-names-checkbox:checked+.multiple-names-checkbox-label .multiple-names-checkbox-icon.unchecked{display:none}.scrollable-section-wrapper.main-customization{display:flex;flex-direction:column;gap:4rem}.name-customization-wrapper,.specialty-customization-wrapper{display:flex;flex-direction:column;gap:1rem;position:relative}@media screen and (min-width:768px){.name-customization-wrapper,.specialty-customization-wrapper{flex:1 1 auto}}.name-customization-wrapper label,.specialty-customization-wrapper label{display:flex;justify-content:space-between;gap:1rem}.name-customization-label,.specialty-customization-label{text-transform:uppercase}.name-customization-input,.specialty-customization-input{background-color:#fafafa;font:inherit;padding:.7rem 5.5rem .7rem 1.5rem;border:0;margin:0;font-size:var(--body-small-font-size);font-weight:var(--body-small-font-weight);line-height:var(--body-small-line-height);letter-spacing:var(--text-letter-spacing)}.name-customization-input::placeholder,.specialty-customization-input::placeholder{color:#a6a5a5;margin:0;font-size:var(--body-small-font-size);font-weight:var(--body-small-font-weight);line-height:var(--body-small-line-height);letter-spacing:var(--text-letter-spacing)}.name-customization-wrapper .input-characters,.specialty-customization-wrapper .input-characters{position:absolute;bottom:.7rem;right:1.5rem;color:#a6a5a5}.text-customization-wrapper,.text-customization-container{display:flex;flex-direction:column;gap:2rem}.text-customization-label{padding-bottom:1rem;border-bottom:1px solid}.text-customization-container.single .text-customization-label{display:none}.customization-error-message{margin:0;color:var(--error-color)}.customization-success-message{margin:0;color:var(--success-color)}.customization-error-input{outline:1px solid var(--error-color);outline-offset:.3rem}.customization-error-input:focus-visible{outline:2px solid var(--error-color);outline-offset:.3rem}.customization-error-label .radio-icon{color:var(--error-color)}.checkbox-section-wrapper{display:flex;flex-direction:column;gap:1.2rem}.input-wrapper{position:relative}.text-customization-input{width:100%}.name-specialty-wrapper{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:768px){.name-specialty-wrapper{flex-direction:row;gap:4rem}}input:is([type=checkbox],[type=radio]).input-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.name-embroidery-position-label{display:inline-flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-icon,.radio-icon svg{display:inline-flex;width:1rem;height:1rem;line-height:0;overflow:visible}.radio-icon.checked{display:none}.name-embroidery-position-radio-button:checked+.name-embroidery-position-label .radio-icon.checked{display:inline-flex}.name-embroidery-position-radio-button:checked+.name-embroidery-position-label .radio-icon.unchecked{display:none}.name-embroidery-position-wrapper{display:flex;flex-wrap:wrap;column-gap:5rem;row-gap:2.4rem}@media screen and (min-width:768px){.name-embroidery-position-wrapper{column-gap:2.4rem;row-gap:2.4rem}}.name-embroidery-position-label{display:flex;flex-direction:column;align-items:flex-start}.name-embroidery-position-label .item-text-wrapper{display:flex;align-items:center;gap:.5rem}.name-embroidery-position-label img{pointer-events:none}.name-embroidery-position-container{display:flex;flex-direction:column;gap:1.6rem}.font-type-label{display:flex;align-items:center;gap:.6rem;padding:.8rem 0}.font-type-radio-button:checked+.font-type-label .radio-icon.checked{display:inline-flex}.font-type-radio-button:checked+.font-type-label .radio-icon.unchecked{display:none}.embroidery-colors-container{display:flex;flex-direction:column;gap:1.6rem}.font-type-wrapper{display:flex;gap:2.4rem;flex-wrap:wrap}.font-type-container{display:flex;flex-direction:column;gap:.8rem}.embroidery-colors-wrapper{display:grid;grid-template-columns:repeat(3,1fr);row-gap:2rem;column-gap:2.4rem}@media screen and (min-width:768px){.embroidery-colors-wrapper{grid-template-columns:repeat(5,1fr)}}.embroidery-colors-label{display:flex;gap:.6rem}.embroidery-colors-swatch{width:2rem;height:2rem;position:relative;flex:0 0 auto}.embroidery-colors-text{flex:1 1 auto;padding-top:.3rem;-webkit-user-select:none;user-select:none}.embroidery-colors-swatch:after{content:"";display:none}.embroidery-colors-radio-button:checked+.embroidery-colors-label .embroidery-colors-swatch:after{display:block;content:"";width:100%;height:2px;background-color:rgb(var(--color-foreground));position:absolute;top:calc(100% + .4rem);left:0}.logo-upload-input{display:none}.logo-input-label{min-width:17rem;height:3rem;background:transparent}.logo-file-item{color:#b8b8b8;display:flex;gap:.2rem;align-items:center}.remove-file-button{padding:.5rem;height:auto;border:0}.logo-upload-files{display:flex;flex-direction:column;gap:.6rem}.logo-embroidery-wrapper{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.logo-embroidery-container{display:flex;flex-direction:column;gap:1rem}.file-name{padding-bottom:.4rem;overflow-wrap:anywhere}.logo-customization-section{display:grid;gap:3rem;align-items:flex-start}@media screen and (min-width:768px){.logo-customization-section{grid-template-columns:1fr 1fr}}.customization-heading .customization-text{text-transform:none}.logo-digitizing-container{display:grid;gap:1rem}.logo-digitizing-radio-button:checked+.logo-digitizing-label .radio-icon.checked{display:inline-flex}.logo-digitizing-radio-button:checked+.logo-digitizing-label .radio-icon.unchecked{display:none}.logo-digitizing-label{display:flex;gap:.6rem;align-items:center}.logo-digitizing-label .radio-icon{flex:0 0 auto}.logo-digitizing-label p{flex:1 1 auto;margin:0}.logo-digitizing-wrapper{display:grid;gap:1rem}.logo-embroidery-position-label{display:inline-flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-embroidery-position-radio-button:checked+.logo-embroidery-position-label .radio-icon.checked{display:inline-flex}.logo-embroidery-position-radio-button:checked+.logo-embroidery-position-label .radio-icon.unchecked{display:none}.logo-embroidery-position-wrapper{display:flex;flex-wrap:wrap;column-gap:5rem;row-gap:2.4rem}@media screen and (min-width:768px){.logo-embroidery-position-wrapper{column-gap:2.4rem;row-gap:2.4rem}}.logo-embroidery-position-label{display:flex;flex-direction:column;align-items:flex-start}.logo-embroidery-position-label .item-text-wrapper{display:flex;align-items:center;gap:.5rem}.logo-embroidery-position-label img{pointer-events:none}.logo-embroidery-position-container{display:flex;flex-direction:column;gap:1.6rem}.customization-notes-wrapper{display:grid;gap:1rem}.customization-notes-input{font-family:inherit;padding:1rem;border-color:#a6a5a5;border-radius:.3rem}.customization-notes-input::placeholder{color:#a6a5a5;font:inherit}.customization-popup .fixed-section{padding:2rem 2rem 6rem;flex:0 0 auto;border-top:1px solid rgb(var(--color-foreground));display:flex;flex-direction:column;gap:1.6rem;max-height:calc(100% - 10rem)}@media screen and (min-width:768px){.customization-popup .fixed-section{padding:2rem}}.customization-popup .fixed-section>*:not(.customization-details){flex:0 0 auto}.customization-details{flex:1 1 auto}.customization-details[open]{overflow:auto}@media screen and (min-width:768px){.customization-details[open]{overflow:initial}}.customization-details summary{display:flex;justify-content:flex-start;gap:.9rem;align-items:center}.customization-details .content-wrapper{padding-top:1rem}.customization-details svg{width:.8rem;height:.8rem;flex:0 0 auto}.customization-details ul{padding-left:2rem;display:flex;flex-direction:column;gap:1.2rem}.customization-details ul li{position:relative}.customization-details ul li:before{content:"\2022";font-size:1.4rem;position:absolute;left:-1.4rem;top:0rem}.customization-total{display:flex;gap:1rem;justify-content:space-between}
/*# sourceMappingURL=/cdn/shop/t/11/assets/product-customization-popup.css.map */