.customization-drawer{background:#f7f7f7;max-width:100%;padding:0 var(--page-margin)}.customization-drawer .step-dots,.customization-drawer .step{display:none}.customization-drawer .step.active{display:block}.customization-drawer .photo-wrap{position:relative;background:#f7f7f7;width:100%;max-width:340px;height:auto;overflow:hidden;margin:0 auto}.customization-drawer .photo-wrap img{display:block;width:100%;max-width:340px;height:auto;object-fit:cover;position:relative}.customization-drawer .photo-placeholder span{font-size:11px;color:#666;letter-spacing:.08em;text-transform:uppercase}.customization-drawer .hotspot{position:absolute;z-index:2;width:34px;height:34px;background:#ffffffbf;border:1.5px solid rgba(0,0,0,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translate(-50%,-50%);transition:background .15s,border-color .15s;padding:0}.customization-drawer .hotspot:hover{background:#fffffff2;border-color:#00000073}.customization-drawer .hotspot.selected{background:#252525;border-color:#252525}.customization-drawer .hotspot svg{width:13px;height:13px;display:block}.customization-drawer .hotspot .plus-line{fill:#252525;transition:fill .15s}.customization-drawer .hotspot.selected .plus-line{fill:#fff}.customization-drawer .step-a-text{padding:20px 24px 4px}.customization-drawer .step-a-text h3{font-size:15px;font-weight:500;color:#252525;margin-bottom:8px}.customization-drawer .step-a-text p{font-size:12px;color:#888;line-height:1.65}.customization-drawer .step-a-text a{color:#252525}.customization-drawer .step-a-nav{padding:16px 24px 24px}.customization-drawer .step-b-photo{background:#ece9e4;height:340px;overflow:hidden;position:relative}.customization-drawer .step-b-photo img{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block}.customization-drawer .position-badge{position:absolute;bottom:10px;left:10px;background:#fffc;border:1px solid #e4e4e4;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;color:#555}.customization-drawer .step-b-body{padding:25px 0;display:flex;flex-direction:column;gap:25px}.customization-drawer .type-display,.customization-drawer .type-display.less-padding{display:flex;align-items:center;gap:12px}.customization-drawer .type-display img{width:44px;height:44px;object-fit:cover;flex-shrink:0}.customization-drawer .type-display__name{font-size:15px;font-weight:600;color:#252525;margin-bottom:7px}.customization-drawer .type-display__desc{font-size:15px;color:#252525;margin:2px 0 20px}.customization-drawer .sec-label{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#252525;margin-bottom:10px}.customization-drawer .text-input-wrap{margin-bottom:4px}.customization-drawer .text-input-wrap input{width:100%;border:1px solid #e4e4e4;padding:11px 13px;font-size:13px;font-family:inherit;color:#252525;outline:none;background:#fff;transition:border-color .15s}.customization-drawer .chars-remaining{font-size:11px;color:#999;text-align:right;margin-top:0;min-height:16px;text-transform:none}.customization-drawer .your-text{display:flex;justify-content:space-between;align-items:center}#cust-position-badge:empty{display:none}.customization-drawer .font-picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.customization-drawer .font-btn{width:52px;height:44px;border:1px solid #e4e4e4;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;color:#252525;cursor:pointer;transition:border-color .15s,background .15s}.customization-drawer .font-btn:hover{border-color:#252525}.customization-drawer .font-btn.selected{border-color:#252525;background:#fff}.customization-drawer .font-current{font-size:12px;color:#666;margin-bottom:0;min-height:16px;text-transform:none;margin-left:5px}.customization-drawer .font-current.intarsia-color{font-size:13px;margin-left:0;display:block;margin-top:7px}.customization-drawer .swatches{display:flex;flex-wrap:wrap;gap:0px;margin-bottom:6px}.customization-drawer .swatch{padding:0;border:0;background:none;cursor:pointer;align-items:center;justify-content:center;line-height:0;-webkit-tap-highlight-color:transparent;display:inline-flex;width:44px;height:44px}.customization-drawer .swatch .swatch__dot{display:block;width:30px;height:30px;border-radius:50%;border:1px solid transparent;box-sizing:border-box}@media screen and (min-width:1000px){.customization-drawer .swatches{width:55%;gap:12px}.customization-drawer .swatch,.customization-drawer .swatch .swatch__dot{width:26px;height:26px}.customization-drawer .swatches{display:grid;grid-template-columns:repeat(var(--swatch-cols, 5),26px);gap:12px;width:max-content}}.customization-drawer .swatch.selected{border-color:#252525!important}.customization-drawer .nav{display:flex;gap:10px}.customization-drawer .btn-back{flex:0 0 auto;border:1px solid #F7F7F7;background:#fff;padding:12px 18px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:inherit;color:#252525;transition:border-color .15s,color .15s}.customization-drawer .btn-back:hover{border-color:#dedede;background-color:#dedede;color:#252525}.customization-drawer .btn-primary{flex:1;border:1px solid #252525;background:#252525;color:#fff;padding:13px 18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:background .15s}.customization-drawer .btn-primary:hover{background:#383838}.customization-drawer .btn-primary:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.maison-drawer-view{display:none}.maison-drawer-view--active{display:block}.maison-personalise-trigger{width:100%;height:44px;font-size:14px}button.button[data-footer-continue]:disabled{background:#fff;border:1px solid #aaa;color:#252525;opacity:.3}.maison-drawer-terms{font-size:11px;color:#666}.button.button-unstyled.maison-personalise-trigger{text-transform:none;height:unset}.maison-drawer-personalise-trigger-wrap.measmerize-container{margin:40px auto 20px}.maison-drawer-personalise-trigger-wrap.measmerize-container .maison-personalise-trigger{font-size:15px}.maison-personalise-trigger.accordion-button{display:flex;justify-content:space-between;font-size:15px;padding:10px 0;line-height:22px;height:unset;min-height:unset;align-items:center;margin-bottom:calc(-1 * (var(--gap) + 6px));margin-top:6px}.maison-personalise-trigger.accordion-button .svg-wrapper{width:14px;height:14px}.maison-personalise-trigger.accordion-button .svg-wrapper svg{stroke-width:.5px}
/*# sourceMappingURL=/cdn/shop/t/31/assets/maison-styles-customization.css.map */