#drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d6;z-index:999;display:none}.monogram-drawer.not-ready{transition:none!important;transform:translate(200%)!important}.monogram-drawer{position:fixed;top:0;right:0;width:450px;height:100%;background:#fff;box-shadow:-2px 0 5px #0000001a;z-index:10000;transform:translate(100%);transition:transform .3s ease}.monogram-drawer.open{transform:translate(0)}#drawer-overlay.visible{display:block}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f5f5f5;border-bottom:1px solid #ddd}.drawer-header h2{font-size:18px;margin:0;color:#333}.drawer-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.drawer-close:hover{color:#000}.monogram-drawer .drawer-content{padding:0}.drawer-content p{font-size:14px;color:#555;margin-bottom:10px}.drawer-content input[type=text]{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:14px}.drawer-content button{width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;text-align:center}.drawer-content button:hover{background:#0056b3}.monogram-drawer .preview-area{display:flex;width:100%;position:relative;flex-direction:column}.monogram-drawer .preview-area .char-container{display:flex;font-size:3rem;font-family:Times New Roman,Times,serif;text-transform:uppercase;align-items:center;position:absolute;z-index:2;top:51%;left:50%;transform:translate(-50%,-50%)}.monogram-drawer .preview-area .char-container .char.symbol{font-family:tumisymbols;text-transform:lowercase}.monogram-drawer .char-inputs-container .char-inputs .char-input.symbol{font-family:tumisymbols;text-transform:lowercase!important}.monogram-drawer .preview-area .char-container .char{text-shadow:0 1px 0 rgba(255,255,255,.2),0 -1px 0 rgba(0,0,0,.2)}.monogram-drawer .monogram-title{background:#000;color:#fff;letter-spacing:1.4px;font-weight:500;text-transform:uppercase;padding:5px 0;text-align:center}.monogram-drawer .steps{background:#e7e8e9;text-align:center;display:grid;grid-template-columns:repeat(3,1fr)}.monogram-drawer .steps .step-status{position:relative}.active,.fade{animation-name:fade;animation-duration:1.5s}.monogram-drawer .steps .step-status.active:before,.monogram-drawer .steps .step-status.active:after{background-color:#252525}.monogram-drawer .steps .step-status:before,.monogram-drawer .steps .step-status:after{background-color:#9c9c9c;position:absolute;transition:background-color .3s ease-in}.monogram-drawer .steps .step-status:before{content:"";width:11px;height:11px;left:50%;top:15px;z-index:2;transform:translate(-50%);border-radius:50%}.monogram-drawer .steps .step-status.active span{color:#252525}.monogram-drawer .steps .step-status span{font-size:.7rem;letter-spacing:.08px;color:#9c9c9c;position:relative;padding-top:28px;padding-bottom:12px;text-transform:uppercase;display:block}.monogram-drawer .steps .step-status:not(:first-child):after{content:"";top:19px;left:-39%;width:80%;height:3px;z-index:1}.monogram-drawer .steps-content-wrapper{margin-top:40px;padding-left:30px;padding-right:30px}.monogram-drawer .steps-content-wrapper .step{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.monogram-drawer .steps-content-wrapper .step .error{color:#e92424;width:100%}.monogram-drawer .steps-content-wrapper .step .step-title{color:#252525;font-weight:400;line-height:1.35;font-size:1.3rem;margin-top:0;margin-bottom:2rem;margin-bottom:5px;width:100%}.monogram-drawer .steps-content-wrapper .step .step-content{width:100%}.checkbox{display:block;cursor:pointer;position:relative}.checkbox input{opacity:0;position:absolute!important;width:15px;height:15px;margin:0;z-index:1}.monogram-drawer .steps-content-wrapper .step .step-content.patch-selector .checkbox input:checked+label{border-color:#252525}.monogram-drawer .steps-content-wrapper .step .step-content.patch-selector .checkbox label{border:1px solid #ddd;padding:18px 20px 18px 50px;display:block;text-align:left;cursor:pointer}.checkbox input+label{line-height:19px;position:relative;padding:0;display:block;text-decoration:none}.monogram-drawer .steps-content-wrapper .step .step-content.patch-selector .checkbox input+label:before{font-size:.6rem;line-height:1.1rem;margin:0;left:20px;top:27px}.checkbox label:before{content:"";width:18px;height:18px;border:1px solid #ddd;background-color:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:2px;box-shadow:0 1px 2px #0000001a}.checkbox input+label:before{text-align:center;position:absolute;left:0;top:0}.checkbox input+label:before{font-size:15px;line-height:15px;color:#454545;content:"";font-family:Arial;margin:1px 8px 0 0;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;text-align:center}.checkbox input:checked+label:before{content:"\2713";font-size:14px;color:#fff;text-align:center;line-height:18px;background-color:#252525;border-color:#252525}@media (min-width: 768px),print{.monogram-drawer .steps-content-wrapper .char-inputs-container{padding-left:20px;padding-right:20px}}.monogram-drawer .steps-content-wrapper .char-inputs-container{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.monogram-drawer .steps-content-wrapper .char-inputs-container .char-inputs .char-input.focused{border-color:#252525}.monogram-drawer .steps-content-wrapper .char-inputs-container .char-inputs .char-input{width:60px;height:60px;text-align:center;text-transform:uppercase;font-size:1.5rem;border:1px solid #ddd;font-family:tumisymbols}.monogram-drawer .steps-content-wrapper .char-symbols-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.monogram-drawer .steps-content-wrapper .char-symbols-container .char-symbols .char-symbol:hover,.monogram-drawer .steps-content-wrapper .char-symbols-container .char-symbols .char-symbol:focus{color:#252525;background:0 0}.monogram-drawer .steps-content-wrapper .char-symbols-container .char-symbols .char-symbol{font-family:tumisymbols!important;font-size:1.3rem;line-height:2rem;border:1px solid #ddd;width:30px;height:30px;padding:0}.monogram-drawer .char-symbols button.char-symbol{background:transparent!important;color:#000!important}.monogram-drawer .steps-content-wrapper .step .step-content .monogram-font{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.monogram-drawer .steps-content-wrapper .step .step-content .monogram-font .selected-font{font-size:1.5rem;font-family:Times New Roman,Times,serif;background:#000;color:#fff;padding:4px 5px}.monogram-drawer .steps-content-wrapper .step .step-content .monogram-colors{border-top:1px solid #ddd;padding-top:15px;margin-top:15px}.monogram-drawer .steps-content-wrapper .step.step-03 .step-sub-title{margin-bottom:10px}.monogram-drawer .steps-content-wrapper .step .step-sub-title{color:#656565;width:100%;margin-bottom:15px}.monogram-drawer .steps-content-wrapper .step .step-content .monogram-colors .step-content{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.monogram-drawer .steps-content-wrapper .step .step-content .monogram-colors .step-content .color-item{width:30px;height:30px;position:relative;border:1px solid #ddd}.monogram-drawer .steps-content-wrapper .step .step-content .monogram-colors .step-content .color-item input{position:absolute;opacity:0;margin:0;width:100%;height:100%;left:0;top:0;z-index:1;cursor:pointer}.monogram-drawer .steps-content-wrapper .step .step-content .monogram-colors .step-content .color-item label{display:flex;width:100%;height:100%}.monogram-drawer .steps-content-wrapper .step .step-content .monogram-colors .step-content .color-item.selected{border-color:#252525}.monogram-drawer .steps-content-wrapper .footer-buttons-wrapper.step-1{grid-template-areas:"next next" "cancel cancel"}.monogram-drawer .steps-content-wrapper .footer-buttons-wrapper.step-2{grid-template-areas:"prev next" "cancel cancel"}.monogram-drawer .steps-content-wrapper .footer-buttons-wrapper.step-3{grid-template-areas:"prev apply" "cancel cancel"}.monogram-drawer .steps-content-wrapper .footer-buttons-wrapper{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:center;width:100%}.monogram-drawer .steps-content-wrapper .footer-buttons-wrapper .btn-prev{text-transform:uppercase;grid-area:prev}.footer-buttons-wrapper button,a{transition:all .5s ease}.footer-buttons-wrapper button,a.action.primary,a.amshopby-button,a.am-filter-go{border-radius:0;letter-spacing:1.4px}.footer-buttons-wrapper button{background-image:none;background:#fff;border:1px solid #b9b9b9;color:#252525;cursor:pointer;display:inline-block;font-family:Proxima-Nova;font-weight:400;margin:0;padding:0 20px;font-size:1.4rem;line-height:4.4rem;box-sizing:border-box;vertical-align:middle}.monogram-drawer .steps-content-wrapper .footer-buttons-wrapper .btn-next:focus,.monogram-drawer .steps-content-wrapper .footer-buttons-wrapper .btn-next:active{background:#252525;border:1px solid #252525;color:#fff}.monogram-drawer .steps-content-wrapper .footer-buttons-wrapper .btn-next{background-image:none;background:#252525;border:1px solid #252525;color:#fff;cursor:pointer;display:inline-block;font-family:Arial;font-weight:400;padding:0 20px;font-size:.9rem;line-height:3rem;box-sizing:border-box;vertical-align:middle;text-transform:uppercase;grid-area:next}.monogram-drawer .steps-content-wrapper .footer-buttons-wrapper .btn-next:hover{background:#818181;border:1px solid #818181;color:#fff}.footer-buttons-wrapper button:active{box-shadow:inset 0 2px 1px #0000001f}.footer-buttons-wrapper button:focus,button:active{background:#000;border:1px solid #000;color:#fff}.footer-buttons-wrapper button:hover{background:#000;border:1px solid #000;color:#fff}.monogram-drawer button.btn-prev{cursor:pointer;display:inline-block;font-family:Arial;font-weight:400;padding:0 20px;font-size:.9rem;line-height:3rem;box-sizing:border-box;vertical-align:middle}.monogram-drawer .steps-content-wrapper .footer-buttons-wrapper .btn-apply{background-image:none;background:#252525;border:1px solid #252525;color:#fff;cursor:pointer;display:inline-block;font-family:Arial;font-weight:400;padding:0 20px;font-size:.9rem;line-height:3rem;box-sizing:border-box;vertical-align:middle;text-transform:uppercase;grid-area:apply}.monogram-drawer .steps-content-wrapper .footer-buttons-wrapper .btn-cancel{width:100%;padding-top:15px;text-align:center;cursor:pointer;grid-area:cancel}.footer-buttons-wrapper a,.alink{color:#252525;text-decoration:none}.monogram-drawer .footer-note{border-top:1px solid #ddd;margin-top:20px;padding-top:20px;color:#656565;margin-left:30px;margin-right:30px;text-align:center}@media (min-width: 768px),print{.monogram-drawer .preview-area .char-container{font-size:4rem}}@media (max-width: 768px){.monogram-drawer{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/monogram-drawer.css.map */