.drawer-overlay{--personalization-bottom-space: 40px}.drawer-overlay .style-guide-drawer{height:100dvh;background-color:#fff;display:flex;flex-direction:column;padding:2.5rem 2rem 0}.drawer-overlay .style-guide-drawer .style-guide-drawer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem}.drawer-overlay .style-guide-drawer .style-guide-drawer__header .title{margin:0;text-transform:uppercase;font-size:2.6rem;font-weight:450}.drawer-overlay .style-guide-drawer .style-guide-drawer__header .style-guide-drawer__close{border:0;background-color:transparent}.drawer-overlay .style-guide-drawer .style-guide-drawer__header .style-guide-drawer__close svg{width:1.4rem;height:1.4rem;fill:currentColor}.drawer-overlay .style-guide-drawer .drawer-product-type-title{display:block;margin-bottom:10px;font-size:26px;color:#555}.drawer-overlay .style-guide-drawer .drawer-text{margin-bottom:var(--personalization-bottom-space)}.drawer-overlay .style-guide-drawer .drawer-text p{font-size:16px}.drawer-overlay .style-guide-drawer .style-guide-drawer__content{overflow-y:auto;display:flex;flex-direction:column;padding-bottom:2.5rem}.drawer-overlay .style-guide-drawer .style-guide-drawer__content .model-title{font-size:2.6rem;font-weight:450;margin:0;padding-bottom:1rem}.drawer-overlay .style-guide-drawer .style-guide-drawer__content .model-text{font-weight:400;font-size:1.6rem;line-height:1.8rem;margin-bottom:3rem}.drawer-overlay .style-guide-drawer .style-guide-drawer__content .model-text p{margin-bottom:0}.drawer-overlay .style-guide-drawer .style-guide-drawer__content .drawer-model-video{margin-bottom:2rem}.drawer-overlay .style-guide-drawer .style-guide-drawer__content .drawer-model-video video{width:100%;height:auto;display:block;aspect-ratio:1 / 1;object-fit:cover}.drawer-overlay .style-guide-drawer .style-guide-drawer__content .model-image-container{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.drawer-overlay .style-guide-drawer .style-guide-drawer__content .model-image-container .model_image img{width:100%;height:auto;display:block;aspect-ratio:1 / 1;object-fit:cover}.drawer-overlay .style-guide-drawer .style-guide-drawer__content .model-page-link{text-decoration:underline;font-size:1.6rem;font-weight:700}@media (min-width: 768px){.drawer-overlay .style-guide-drawer{max-width:50%;padding:4rem 6rem 0}.drawer-overlay .style-guide-drawer .style-guide-drawer__content{padding-bottom:6rem}.drawer-overlay .style-guide-drawer .style-guide-drawer__content .drawer-product-type-title{display:none}.drawer-overlay .style-guide-drawer .style-guide-drawer__content .model-image-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:2.5rem;margin-bottom:3rem}.drawer-overlay .style-guide-drawer .style-guide-drawer__content .model-image-container .model_image{flex:1 0 calc(50% - 2.5rem);margin-bottom:0}}personalization-form{--personalization-gap: 10px;--personalization-bottom-space: 40px;display:flex;flex-direction:column}personalization-form .label-container{margin-bottom:15px}personalization-form .label-container span{text-transform:uppercase;font-size:14px}personalization-form .label-container span:nth-child(2){text-transform:lowercase;font-weight:700}personalization-form label[data-text-output]{text-transform:uppercase;font-size:14px}personalization-form .color-input-container{display:flex;flex-wrap:wrap;gap:var(--personalization-gap);margin-bottom:var(--personalization-bottom-space)}personalization-form .color-input-container .color-radio-input{display:none}personalization-form .color-input-container .color-radio-label{display:inline-block;width:100%;height:40px;cursor:pointer;border:2px solid transparent;flex:0 0 calc(25% - var(--personalization-gap))}personalization-form .color-input-container .color-radio-label:hover{border-color:#555}personalization-form .color-input-container .color-radio-input:checked+.color-radio-label{border-color:#555}personalization-form .position-input-container{display:flex;gap:var(--personalization-gap);margin-bottom:var(--personalization-bottom-space)}personalization-form .position-input-container .position-radio-input{display:none}personalization-form .position-input-container .position-radio-label{display:flex;align-items:center;justify-content:space-around;gap:4px;width:100%;height:50px;font-size:16px;cursor:pointer;border:1px solid #555555;padding-right:5.92px;padding-left:5.92px;flex:1 0 calc(50% - var(--personalization-gap))}personalization-form .position-input-container .position-radio-label svg{height:90%}personalization-form .position-input-container .position-radio-input:checked+.position-radio-label{border-color:#555;border-width:2PX}personalization-form .font-input-container{display:flex;gap:var(--personalization-gap);flex-wrap:wrap;margin-bottom:var(--personalization-bottom-space)}personalization-form .font-input-container .font-radio-input{display:none}personalization-form .font-input-container .font-radio-label{display:flex;align-items:center;justify-content:center;font-size:30px;width:fit-content;height:50px;cursor:pointer;border:1px solid #555555;padding-right:30px;padding-left:30px;flex:1 0 calc(33% - var(--personalization-gap))}personalization-form .font-input-container .font-radio-input:checked+.font-radio-label{border-color:#555;border-width:2PX}personalization-form .text-input-container{display:flex;flex-direction:column;gap:var(--personalization-gap);margin-bottom:var(--personalization-bottom-space)}personalization-form .text-input-container .text-input{outline:none;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;width:100%;height:50px;cursor:pointer;border:1px solid #555555;padding-right:19.35px;padding-left:19.35px;margin-bottom:15px}personalization-form .text-input-container .text-input.first-step-valid+ul li:first-child{color:#03c003}personalization-form .text-input-container .text-input.second-step-valid+ul li:nth-child(2){color:#1c952e}personalization-form .text-input-container ul{list-style:disc;color:#555}personalization-form .text-input-container ul li{font-size:14px;color:#555}personalization-form .text-input-container p{font-size:14px;color:#555}personalization-form button[data-submit-button]{margin:0 auto;max-width:100%;font-size:2rem;background-color:#000;color:#fff;text-transform:uppercase;font-weight:450;line-height:2.6rem;min-height:4.5rem;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}personalization-form button[data-submit-button]:disabled{background-color:#555}@media (min-width: 768px){personalization-form .color-input-container .color-radio-label{flex:0 0 73px}personalization-form .position-input-container .position-radio-label{flex:0 0 calc(25% - var(--personalization-gap))}personalization-form .position-input-container .position-radio-input:checked+.position-radio-label{border-color:#555;border-width:2PX}personalization-form .font-input-container .font-radio-label{flex:0 0 100px}personalization-form .text-input-container{display:flex;flex-direction:column;gap:var(--personalization-gap);margin-bottom:var(--personalization-bottom-space)}personalization-form .text-input-container .text-input{outline:none;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;width:100%;height:50px;cursor:pointer;border:1px solid #555555;padding-right:19.35px;padding-left:19.35px;margin-bottom:15px}personalization-form .text-input-container .text-input.first-step-valid+ul li:first-child{color:#03c003}personalization-form .text-input-container .text-input.second-step-valid+ul li:nth-child(2){color:#1c952e}personalization-form .text-input-container ul{list-style:disc;color:#555}personalization-form .text-input-container ul li{font-size:14px;color:#555}}[data-final-personalization-output]{text-align:center;font-size:14px;color:#4c4c4c;padding-bottom:14.69px}button[data-final-submit-button].sticky-mobile-product-personalization{position:relative}button[data-final-submit-button].sticky-mobile-product-personalization>.personalization-loading{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;height:100%;width:7%;display:flex;align-items:center}button[data-final-submit-button].sticky-mobile-product-personalization>.personalization-loading>svg>circle{stroke:#fff}button[data-reset-button]{text-decoration:underline;color:#555;font-size:16px;margin-top:20px;background-color:#fff;border:none}
/*# sourceMappingURL=/cdn/shop/t/36/assets/sundek-pdp-product-customization.css.map */