.mem-widget-main-wrap{display:block}@media screen and (max-width: 767px){.mem-widget-main-wrap.mem-personalisation-widget-type-modal{width:100vw;position:absolute;left:0;bottom:0}.mem-widget-main-wrap .mem-personalisation-widget-type-embed{position:relative}}.custom-scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px;background-color:#ebeaea}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#ebeaea;border:2px solid #ebeaea}.product__media.media.media--transparent.gradient.global-media-settings{height:100%}@media screen and (max-width: 767px){.product__media.media.media--transparent.gradient.global-media-settings{width:100%}}.modal-ui-popup-main-wrapper{display:none}.modal-ui-popup-main-wrapper.is-visible{display:flex}
.embed-element-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:10px}.embed-element-container .embed-design-element-input-container{padding:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:12px}.embed-element-container .embed-design-element-input-container .design-element-input-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:15px}.embed-element-container .embed-design-element-input-container .design-element-input-wrapper label{font-size:12px;font-family:"Poppins";font-weight:400;color:#181818}.embed-element-container .embed-design-element-input-container .design-element-input-wrapper .design-element-input-field{height:38px;width:100%;border:1px solid #e7e7e7}.embed-element-container .embed-design-element-input-container .design-element-input-wrapper .design-element-input-field:focus-within{border:1px solid #e7e7e7}.embed-element-container .embed-design-element-input-container .design-element-input-wrapper .design-element-input-field input{height:100%;width:100%;padding:10px;font-size:12px;border:none;outline:none;box-shadow:none;border-radius:3px}.embed-element-container .embed-design-element-input-container .design-element-input-wrapper .design-element-input-field input:focus{border:none;outline:none}.embed-element-container .embed-design-element-input-container .design-element-container{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:10px}.embed-element-container .embed-design-element-input-container .design-element-container .design-element-layer-container select{width:100%;border:1px solid #e7e7e7;outline:none;padding:10px;font-family:"Poppins";font-size:12px;font-weight:400;border-radius:2px}.embed-element-container .embed-design-element-input-container .design-element-container .design-element-layer-container .design-element-group-selector{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:5px}.embed-element-container .embed-design-element-input-container .design-element-container .design-element-layer-container .design-element-group-selector label{font-size:12px;font-weight:400;font-family:"Poppins";color:#181818}.embed-element-container .embed-design-element-input-container .design-element-container .design-element-layer-container .design-element-group-selector select{width:100%;border:1px solid #e7e7e7;outline:none;padding:10px;font-family:"Poppins";font-size:12px;font-weight:400;border-radius:3px;box-shadow:none}.embed-element-container .embed-design-element-input-container .design-element-container .design-element-layer-container .design-element-group-selector select option{padding:10px}.embed-element-container .embed-design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:5px}.embed-element-container .embed-design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper label{font-size:12px;font-weight:400;font-family:"Poppins";color:#181818}.embed-element-container .embed-design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field{height:38px;width:100%;border:1px solid #e7e7e7}.embed-element-container .embed-design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field:focus-within{border:1px solid #e7e7e7}.embed-element-container .embed-design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field input{height:100%;width:100%;padding:10px;font-size:12px;border:none;outline:none;box-shadow:none;border-radius:3px}.embed-element-container .embed-design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field input:focus{border:none;outline:none}.embed-custom-text-container{padding:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:12px}.embed-custom-text-container .design-element-input-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:15px}.embed-custom-text-container .design-element-input-wrapper label{font-size:12px;font-family:"Poppins";font-weight:400;color:#181818}.embed-custom-text-container .design-element-input-wrapper .design-element-input-field{height:38px;width:100%;border:1px solid #e7e7e7}.embed-custom-text-container .design-element-input-wrapper .design-element-input-field:focus-within{border:1px solid #e7e7e7}.embed-custom-text-container .design-element-input-wrapper .design-element-input-field input,.embed-custom-text-container .design-element-input-wrapper .design-element-input-field select{height:100%;width:100%;padding:10px;font-size:12px;border:none;outline:none;box-shadow:none;border-radius:3px}.embed-custom-text-container .design-element-input-wrapper .design-element-input-field input:focus,.embed-custom-text-container .design-element-input-wrapper .design-element-input-field select:focus{border:none;outline:none}.embed-custom-text-container .design-element-container{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:10px}.embed-custom-text-container .design-element-container .design-element-layer-container select{width:100%;border:1px solid #e7e7e7;outline:none;padding:10px;font-family:"Poppins";font-size:12px;font-weight:400;border-radius:2px}.embed-custom-text-container .design-element-container .design-element-layer-container .design-element-group-selector{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:5px}.embed-custom-text-container .design-element-container .design-element-layer-container .design-element-group-selector label{font-size:12px;font-weight:400;font-family:"Poppins";color:#181818}.embed-custom-text-container .design-element-container .design-element-layer-container .design-element-group-selector select{width:100%;border:1px solid #e7e7e7;outline:none;padding:10px;font-family:"Poppins";font-size:12px;font-weight:400;border-radius:3px;box-shadow:none}.embed-custom-text-container .design-element-container .design-element-layer-container .design-element-group-selector select option{padding:10px}.embed-custom-text-container .design-element-container .design-element-layer-container .design-element-input-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:5px}.embed-custom-text-container .design-element-container .design-element-layer-container .design-element-input-wrapper label{font-size:12px;font-weight:400;font-family:"Poppins";color:#181818}.embed-custom-text-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field{height:38px;width:100%;border:1px solid #e7e7e7}.embed-custom-text-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field:focus-within{border:1px solid #e7e7e7}.embed-custom-text-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field input{height:100%;width:100%;padding:10px;font-size:12px;border:none;outline:none;box-shadow:none;border-radius:3px}.embed-custom-text-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field input:focus{border:none;outline:none}
.custom-select-container{position:relative;width:100%}.custom-select-display{padding:10px;border:1px solid #e7e7e7;cursor:pointer;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.custom-select-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e7e7e7;z-index:1000}.custom-select-option{padding:10px;cursor:pointer}.custom-select-option:hover{background-color:#f0f0f0}
.design-element-images-and-label-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:5px}.design-element-images-and-label-container label{font-size:12px;font-family:"Poppins";font-weight:400;color:#181818}.design-element-images-and-label-container .design-element-images-wrapper{font-size:12px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;color:#000;cursor:pointer;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;gap:7px}.design-element-images-and-label-container .design-element-images-wrapper::-webkit-scrollbar{height:8px;-webkit-appearance:none}.design-element-images-and-label-container .design-element-images-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.design-element-images-and-label-container .design-element-images-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.design-element-images-and-label-container .design-element-images-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.design-element-images-and-label-container .design-element-images-wrapper .design-element-single-image-wrapper{max-width:50px;height:50px;height:50px;width:50px;border-radius:5px;border:1px solid #fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:"center";justify-content:"center";-webkit-box-align:"center";-webkit-flex-align:"center";-ms-flex-align:"center";-webkit-align-items:"center";align-items:"center";flex:0 0 auto;box-shadow:0px 0px 3px 0px rgba(138,138,138,.25)}.design-element-images-and-label-container .design-element-images-wrapper .design-element-single-image-wrapper.selected{border:1px solid #000;color:#fff;padding:5px}.design-element-images-and-label-container .design-element-images-wrapper .design-element-single-image-wrapper img{width:100%;height:100%;border-radius:3px}
.preview-widget-qty-atc-wrapper .embed-ui-qty-atc-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.preview-widget-qty-atc-wrapper .embed-ui-qty-atc-container .embed--ui-qty-wrapper{width:100px;height:40px;border:1px solid #181818;border-radius:3px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.preview-widget-qty-atc-wrapper .embed-ui-qty-atc-container .embed--ui-qty-wrapper .mem-qty-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;min-height:20px}.preview-widget-qty-atc-wrapper .embed-ui-qty-atc-container .embed--ui-qty-wrapper .mem-qty-container.not-allowed{opacity:.5;cursor:not-allowed}.preview-widget-qty-atc-wrapper .embed-ui-qty-atc-container .embed-ui-atc-wrapper{background-color:#000;color:#fff;width:calc(100% - 110px);height:40px;border-radius:3px;border:1px solid #181818;cursor:pointer;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.preview-widget-qty-atc-wrapper .embed-ui-qty-atc-container .embed-ui-atc-wrapper.disabled{cursor:not-allowed;opacity:.5}.preview-widget-qty-atc-wrapper .modal-ui-qty-atc-container .modal-ui-qty-wrapper{font-size:12px;width:100%;border-radius:3px;border:1px solid #e7e7e7;padding:5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.preview-widget-qty-atc-wrapper .modal-ui-qty-atc-container .modal-ui-qty-wrapper .modal-ui-qty-wrapper-btn-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%}.preview-widget-qty-atc-wrapper .modal-ui-qty-atc-container .modal-ui-qty-wrapper .modal-ui-qty-wrapper-btn-container .mem-qty-container{height:25px;width:25px;background-color:#f6f6f6;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer}.preview-widget-qty-atc-wrapper .modal-ui-qty-atc-container .modal-ui-qty-wrapper .modal-ui-qty-wrapper-btn-container .mem-qty-container.not-allowed{opacity:.5;cursor:not-allowed}
.variant-selection-wrap .preview-widget-option-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;gap:10px;flex-direction:column;-webkit-flex-direction:column;padding:10px 0px}.variant-selection-wrap .preview-widget-option-wrapper .preview-widget-option-name{text-transform:capitalize;color:#181818;font-size:12px;font-weight:400}.variant-selection-wrap .preview-widget-option-wrapper .preview-widget-option-wrapper-options{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;gap:15px;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#fff;flex-wrap:wrap;-webkit-flex-wrap:wrap}.variant-selection-wrap .preview-widget-option-wrapper .preview-widget-individual-option-wrapper{font-size:12px;width:fit-content;color:#000;cursor:pointer}.variant-selection-wrap .preview-widget-option-wrapper .preview-widget-individual-option-wrapper.swatch-image-variant{border-radius:5px;border:1px solid #fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:"center";justify-content:"center";-webkit-box-align:"center";-webkit-flex-align:"center";-ms-flex-align:"center";-webkit-align-items:"center";align-items:"center"}.variant-selection-wrap .preview-widget-option-wrapper .preview-widget-individual-option-wrapper.swatch-image-variant.selected{border:1px solid #000;color:#fff}.variant-selection-wrap .preview-widget-option-wrapper .preview-widget-individual-option-wrapper.swatch-image-variant .preview-widget-individual-option-wrapper-swatch-images{max-width:50px;max-height:50px;height:50px;width:50px;padding:5px}.variant-selection-wrap .preview-widget-option-wrapper .preview-widget-individual-option-wrapper.swatch-image-variant .preview-widget-individual-option-wrapper-swatch-images.selected{padding:0px}.variant-selection-wrap .preview-widget-option-wrapper .preview-widget-individual-option-wrapper.swatch-image-variant .preview-widget-individual-option-wrapper-swatch-images img{height:100%;width:100%;border-radius:3px}.variant-selection-wrap .preview-widget-option-wrapper .preview-widget-individual-option-wrapper.rounded{padding:9px 14px;text-align:center;border-radius:3px;border:1px solid #000;background-color:#fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:"center";justify-content:"center";-webkit-box-align:"center";-webkit-flex-align:"center";-ms-flex-align:"center";-webkit-align-items:"center";align-items:"center"}.variant-selection-wrap .preview-widget-option-wrapper .preview-widget-individual-option-wrapper.rounded.selected{background-color:#000;color:#fff}.variant-selection-wrap .preview-widget-option-wrapper .modal-ui-price-container{width:127px;height:35px;padding:9px;font-size:12px;line-height:1.5;background-color:#e7e7e7;color:#181818;border-radius:5px}
.preview-modal-ui-container{width:781px;height:492px;border:1px solid #181818;background-color:#ebeaea;border-radius:10px;padding:20px 30px;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (max-width: 767px){.preview-modal-ui-container{gap:15px;height:100%;width:100vw;padding:10px;-webkit-justify-content:unset;justify-content:unset}}@media screen and (max-width: 400px){.preview-modal-ui-container{gap:10px}}@media screen and (min-width: 768px)and (max-width: 1024px){.preview-modal-ui-container{min-width:95%;max-width:95%;margin:0 auto;max-height:90%;border:1px solid #181818;background-color:#ebeaea;border-radius:10px;padding:20px 30px;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}}.preview-modal-ui-container .preview-modal-ui-close-button{position:absolute;width:36px;height:36px;border-radius:36px;box-shadow:0px 0px 4px 0px rgba(0,0,0,.2509803922);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;top:-18px;right:-16px;background-color:#fff;cursor:pointer}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-modal-ui-close-button{display:none}}.preview-modal-ui-container .preview-modal-ui-stepper-wrapper{background-color:#d7d7d7;padding:10px;border-radius:8px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;gap:20px}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-modal-ui-stepper-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;background-color:rgba(0,0,0,0);padding:0px;gap:8px}}.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-ui-stepper-heading{padding:6px 14px;font-size:13px;font-weight:600;line-height:19.5px;background-color:#c4c4c4;width:fit-content;border-radius:3px}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-ui-stepper-heading{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background-color:#ebeaea;justify-content:space-between;padding:0;border-radius:5px}}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-ui-stepper-heading .heading-title-wrapper{width:calc(100% - 45px);background:#d7d7d7;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding-left:10px;border-radius:5px;font-size:14px;font-weight:600px}}@media screen and (max-width: 400px){.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-ui-stepper-heading .heading-title-wrapper{font-size:12px}}.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-ui-stepper-heading .preview-modal-ui-close-button-phone{width:40px;height:40px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#d7d7d7;border-radius:5px}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-ui-stepper-heading .preview-modal-ui-close-button-phone{width:30px;height:30px}}@media screen and (max-width: 400px){.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-ui-stepper-heading .preview-modal-ui-close-button-phone{width:24px;height:24px}}.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-ui-stepper-heading .preview-modal-ui-close-button-phone img{width:100%;height:100%;object-fit:cover}.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-stepper-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:start;justify-content:start}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-stepper-container{background:#d7d7d7;padding:6px 15px;border-radius:5px;justify-content:space-between}}.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-stepper-container .preview-modal-step-line-phone{height:2px;width:calc(100% - 53px);position:absolute;z-index:2;background-color:#000}.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-stepper-container .preview-modal-step-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:start;justify-content:start}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-stepper-container .preview-modal-step-wrapper{position:relative}}.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-stepper-container .preview-modal-step-number{height:30px;width:30px;color:#181818;border-radius:100%;border:2px solid #000;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-stepper-container .preview-modal-step-number{height:24px;width:24px;z-index:3;background-color:#d7d7d7}}.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-stepper-container .preview-modal-step-number.highlighted{background-color:#181818;color:#fff}.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-stepper-container .preview-modal-step-number.cursor-not-allowed{cursor:not-allowed}.preview-modal-ui-container .preview-modal-ui-stepper-wrapper .preview-modal-stepper-container .preview-modal-step-line{height:2px;width:24px;border-radius:3px;box-sizing:border-box;background-color:#181818}.preview-modal-ui-container .preview-ui-modal-body-wrapper{width:100%;height:calc(100% - 70px);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-ui-modal-body-wrapper{flex-direction:column;-webkit-flex-direction:column;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:25px;position:relative;height:70%}.preview-modal-ui-container .preview-ui-modal-body-wrapper.active{padding-bottom:275px}}@media screen and (max-width: 400px){.preview-modal-ui-container .preview-ui-modal-body-wrapper{flex-direction:column;-webkit-flex-direction:column;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:10px}}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-preview-image-wrapper{height:100%;width:calc(50% - 10px);padding:10px;border-radius:10px;background-color:#d7d7d7}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-preview-image-wrapper{width:79%;height:auto}}@media screen and (max-width: 400px){.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-preview-image-wrapper{width:79%;height:auto;padding:5px}}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-preview-image-wrapper .modal-ui-preview-image-container{height:100%;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:10px;overflow:hidden;background-color:#fff}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-preview-image-wrapper .modal-ui-preview-image-container img{border-radius:10px;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-preview-image-wrapper .modal-ui-preview-image-container img{height:auto;width:auto}}@media screen and (min-width: 768px)and (max-width: 1024px){.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-preview-image-wrapper .modal-ui-preview-image-container img{object-fit:contain}}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper{height:100%;width:calc(50% - 10px);padding:10px;border-radius:10px;background-color:#fff}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper{z-index:5;width:100%;position:relative;max-height:250px;height:90%}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper.open{position:absolute;max-height:80%;height:100%;top:20%;left:0;right:0;bottom:0}}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .switch{position:relative;display:inline-block;width:36px;height:20px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .switch input{opacity:0;width:0;height:0}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .switch-label{font-size:12px;vertical-align:middle;font-weight:700;display:flex;justify-content:center}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .switch-label .tooltip-container{position:relative;display:inline;cursor:pointer}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .switch-label .tooltip-text{visibility:hidden;width:145px;background-color:#333;color:#fff;text-align:left;border-radius:8px;padding:0px 8px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s;font-size:13px;line-height:1.5;box-shadow:0 2px 8px rgba(0,0,0,.2)}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .switch-label .tooltip-text strong,.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .switch-label .tooltip-text h4{display:block;font-size:12px;font-weight:600;margin:4px 0px 0px 0px;color:#ffd166}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .switch-label .tooltip-text ul{padding-left:14px;margin-block-end:4px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .switch-label .tooltip-text li{font-size:11px;color:#f0f0f0}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .switch-label .tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:20px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper input:checked+.slider{background-color:orange}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper input:checked+.slider:before{transform:translateX(16px)}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .etsy-order-personalisation-mapper{background-color:#d7d7d7;width:93%;font-size:14px;padding:6px;box-sizing:border-box;border-radius:10px;word-break:break-all;white-space:break-spaces}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .expand-modal-button{width:24px;height:24px;background-color:#181818;border-radius:50%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:absolute;left:50%;top:-10px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .expand-modal-button.active svg{transform:rotate(180deg)}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .expand-modal-button.inactive svg{transform:rotate(0deg)}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component{width:100%;overflow-y:auto;height:90%}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component{max-height:300px;height:100%;overflow-y:hidden}}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component.unexpanded{max-height:300px;overflow-y:hidden;margin-bottom:0}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component.unexpanded::after{content:"";position:absolute;bottom:0%;left:0;right:0;height:30px;backdrop-filter:blur(2px);pointer-events:none}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component.expandable{overflow-y:auto;max-height:unset}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container{padding:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:12px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-input-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:15px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-input-wrapper label{font-size:12px;font-family:"Poppins";font-weight:400;color:#181818}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-input-wrapper .design-element-input-field{height:38px;width:100%;border:1px solid #e7e7e7}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-input-wrapper .design-element-input-field:focus-within{border:1px solid #e7e7e7}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-input-wrapper .design-element-input-field input,.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-input-wrapper .design-element-input-field select{height:100%;width:100%;padding:10px;font-size:12px;border:none;outline:none;box-shadow:none;border-radius:3px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-input-wrapper .design-element-input-field input:focus,.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-input-wrapper .design-element-input-field select:focus{border:none;outline:none}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:10px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container .design-element-layer-container select{width:100%;border:1px solid #e7e7e7;outline:none;padding:10px;font-family:"Poppins";font-size:12px;font-weight:400;border-radius:2px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container .design-element-layer-container .design-element-group-selector{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:5px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container .design-element-layer-container .design-element-group-selector label{font-size:12px;font-weight:400;font-family:"Poppins";color:#181818}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container .design-element-layer-container .design-element-group-selector select{width:100%;border:1px solid #e7e7e7;outline:none;padding:10px;font-family:"Poppins";font-size:12px;font-weight:400;border-radius:3px;box-shadow:none}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container .design-element-layer-container .design-element-group-selector select option{padding:10px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-flex-direction:column;gap:5px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper label{font-size:12px;font-weight:400;font-family:"Poppins";color:#181818}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field{height:38px;width:100%;border:1px solid #e7e7e7}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field:focus-within{border:1px solid #e7e7e7}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field input{height:100%;width:100%;padding:10px;font-size:12px;border:none;outline:none;box-shadow:none;border-radius:3px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-component .design-element-input-container .design-element-container .design-element-layer-container .design-element-input-wrapper .design-element-input-field input:focus{border:none;outline:none}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-handler-footer-wrapper{width:100%;height:10%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-flex-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;position:unset;bottom:0}@media screen and (max-width: 767px){.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-handler-footer-wrapper{position:sticky;left:0;right:0;bottom:5px;padding:10px 15px 10px 15px;box-shadow:0px -2px 3px 0px rgba(207,207,207,.25);height:60px;z-index:10}}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-handler-footer-wrapper .modal-ui-input-handler-footer{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-handler-footer-wrapper .modal-ui-input-handler-footer .modal-ui-input-handler-footer-button{width:calc(50% - 10px);height:40px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-transform:uppercase;border:2px solid #181818;border-radius:5px;font-size:14px;cursor:pointer}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-handler-footer-wrapper .modal-ui-input-handler-footer .modal-ui-input-handler-footer-button.outlined{color:#181818;background-color:#fff}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-handler-footer-wrapper .modal-ui-input-handler-footer .modal-ui-input-handler-footer-button.filled{color:#fff;background-color:#000}.preview-modal-ui-container .preview-ui-modal-body-wrapper .modal-ui-input-handler-wrapper .modal-ui-input-handler-footer-wrapper .modal-ui-input-handler-footer .modal-ui-input-handler-footer-button.disabled{cursor:not-allowed;opacity:.5}.preview-modal-ui-container .preview-ui-modal-body-wrapper .product__media-item--previewElement{background:#ededed;border-radius:10px;width:100%;height:100%}.preview-modal-ui-container .preview-ui-modal-body-wrapper .image-content-wrap{overflow-y:auto;max-height:calc(100% - 500px);padding-bottom:10px}.preview-modal-ui-container .preview-ui-modal-body-wrapper .image-content-wrap .input-handle-wrapper .footer-wrapper{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);margin:0}.preview-modal-ui-container .preview-ui-modal-body-wrapper .image-content-wrap svg{stroke:none !important}.no-scroll{overflow:hidden}.design-element-upload-button{width:100%;color:#e7e7e7;background:#181818;border:1px solid #181818;padding:10px 20px;border-radius:5px;cursor:pointer;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.design-element-upload-button .upload-button-label{font-size:14px;font-weight:400;cursor:pointer}.image-thumbnail-and-name-container{width:100%;border:1px solid #181818;border-radius:5px;padding:5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.image-thumbnail-and-name-container .image-thumbnail-and-name{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:8px}.image-thumbnail-and-name-container .image-thumbnail-and-name .image-thumbnail{width:30px;height:30px}.image-thumbnail-and-name-container .image-thumbnail-and-name .image-thumbnail img{width:100%;height:100%;object-fit:contain}.image-thumbnail-and-name-container .image-thumbnail-and-name .image-file-name span{color:#181818;font-size:12px;font-weight:400;font-family:"Poppins"}.image-thumbnail-and-name-container .image-edit-and-delete-icon{display:flex;gap:8px;padding-right:9px}.preview-canvas-container{padding:8px;width:calc(50% - 10px);height:100%;background:#d7d7d7;border-radius:10px;max-height:100%}@media screen and (max-width: 767px){.preview-canvas-container{width:100%;height:auto;min-height:300px}}.preview-image-container{padding:8px;width:calc(50% - 10px);height:100%;background:#d7d7d7;border-radius:10px;max-height:100%}@media screen and (max-width: 767px){.preview-image-container{width:100%;height:256px}}.preview-canvas-container .product__media-item--previewElement .element-svg svg{width:100%;height:100%}@media screen and (max-width: 767px){.preview-canvas-container .product__media-item--previewElement .element-svg svg{margin-top:0px}}
*{box-sizing:border-box}#preview-root-app-container{line-height:1}body{padding:0;margin:0;font-family:"Open Sans",sans-serif;font-optical-sizing:auto;font-style:normal}#mem-canvas-container svg{width:100% !important;height:100% !important}#mem-canvas-container svg *:empty{display:inherit}#mem-canvas-container svg #Colors{filter:none !important}#mem-canvas-container svg #Image{filter:none !important}#mem-canvas-container svg #Design{filter:none !important}#mem-canvas-container svg #Name{filter:none !important}#mem-canvas-container svg #Names{filter:none !important}#mem-canvas-container svg #Initial{filter:none !important}#mem-canvas-container svg #Initial>g{filter:none !important}.product__media.media.media--transparent.gradient.global-media-settings{height:100% !important}