product-personalization{display:block;width:100%}.personalization{display:grid;gap:16px;padding:0;border:none;border-radius:0;background-color:transparent;text-align:left;transition:all .3s ease}.personalization--disabled{opacity:.5;pointer-events:none}.personalization__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.personalization__title{font-family:var(--font-body-family, "Montserrat", sans-serif);font-size:16px;font-weight:600;color:var(--color-foreground, #56443F);margin:0;display:flex;align-items:center;gap:8px}.personalization__title-icon{display:inline-flex;align-items:center;font-size:18px}.personalization__toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:8px;-webkit-user-select:none;user-select:none;padding:5px 12px 5px 5px;border-radius:999px;border:1.5px solid #d1c4be;background-color:transparent;transition:border-color .3s ease,background-color .3s ease;flex-shrink:0}.personalization__toggle--active{border-color:#4a8c5c;background-color:#4a8c5c0a}.personalization__toggle--active .personalization__toggle-track{background-color:#4a8c5c}.personalization__toggle-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none}.personalization__toggle-track{position:relative;width:40px;height:22px;background-color:#d1c4be;border-radius:11px;transition:background-color .3s ease;flex-shrink:0}.personalization__toggle-input:checked+.personalization__toggle-track{background-color:#4a8c5c}.personalization__toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 2px #0000002e}.personalization__toggle-input:checked+.personalization__toggle-track:after{transform:translate(18px)}.personalization__toggle-label{font-size:13px;color:#8b7a74;font-weight:500;transition:color .3s ease}.personalization__toggle--active .personalization__toggle-label{color:#4a8c5c;font-weight:600}.personalization__body{display:grid;gap:14px;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,margin-top .3s ease;margin-top:0}.personalization__body--open{max-height:600px;opacity:1;margin-top:4px}.personalization__field{display:grid;gap:6px}.personalization__label{font-size:13px;font-weight:600;color:var(--color-foreground, #56443F);display:flex;align-items:baseline;justify-content:space-between;flex-wrap:nowrap;gap:4px}.personalization__label>span:first-child{flex:1}.personalization__char-count{font-size:12px;font-weight:400;color:var(--color-subtext, #8B645A);transition:color .2s ease}.personalization__char-count--max{color:#d32f2f;font-weight:600}.personalization__input{width:100%;padding:10px 14px;font-size:15px;font-family:var(--font-body-family, "Montserrat", sans-serif);color:var(--color-foreground, #56443F);background-color:#fff;border:1px solid var(--color-border, #C39D88);border-radius:var(--blocks-radius, 8px);outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.personalization__input:focus{border-color:var(--color-foreground, #56443F);box-shadow:0 0 0 2px #56443f1f}.personalization__input::placeholder{color:#b8a49c}.personalization__font-selector{display:grid;gap:6px}.personalization__select{width:100%;padding:10px 36px 10px 14px;font-size:14px;font-family:var(--font-body-family, "Montserrat", sans-serif);color:var(--color-foreground, #56443F);background-color:#fff;border:1px solid var(--color-border, #C39D88);border-radius:var(--blocks-radius, 8px);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%2356443F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .2s ease;box-sizing:border-box}.personalization__select:focus{border-color:var(--color-foreground, #56443F);box-shadow:0 0 0 2px #56443f1f}.personalization__icons{display:grid;gap:6px}.personalization__icon-grid{display:flex;flex-wrap:wrap;gap:8px}.personalization__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;line-height:1;border:1px solid var(--color-border, #C39D88);border-radius:var(--blocks-radius, 8px);background-color:#fff;cursor:pointer;transition:all .2s ease;padding:0;-webkit-user-select:none;user-select:none}.icon-font-glyph{font-family:LD-ComicSans,Comic Sans MS,cursive;font-size:24px;line-height:1;color:#56443f}.personalization__icon-btn:hover{border-color:var(--color-foreground, #56443F);background-color:#56443f0d;transform:scale(1.08)}.personalization__icon-btn:active{transform:scale(.95)}.personalization__icon-btn--selected{border-color:var(--color-foreground, #56443F);background-color:#56443f14;box-shadow:0 0 0 2px #56443f26}.personalization__clear-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;font-family:var(--font-body-family, "Montserrat", sans-serif);color:var(--color-subtext, #8B645A);background:transparent;border:1px solid var(--color-border, #C39D88);border-radius:var(--blocks-radius, 8px);cursor:pointer;transition:all .2s ease;justify-self:start}.personalization__clear-btn:hover{color:var(--color-foreground, #56443F);border-color:var(--color-foreground, #56443F);background-color:#56443f08}.personalization__clear-btn svg{width:14px;height:14px}.personalization-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:hidden}.personalization-preview-overlay svg{width:100%;height:100%}.personalization-preview-overlay text{dominant-baseline:central;text-anchor:middle;transition:font-family .3s ease,fill .2s ease}.product__media-item{position:relative}@media(max-width:749px){.personalization{padding:0;gap:12px}.personalization__header{flex-direction:column;align-items:flex-start;gap:10px}.personalization__icon-btn{width:38px;height:38px;font-size:18px}}.personalization__rules{font-size:12px;color:var(--color-subtext, #8B645A);font-weight:400;margin-top:-2px}.personalization__line-indicator{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background-color:#56443f0a;border:1px solid var(--color-border, #C39D88);border-radius:var(--blocks-radius, 8px);font-size:12px;color:var(--color-foreground, #56443F)}.personalization__line-indicator span{font-family:var(--font-body-family, "Montserrat", sans-serif)}.personalization__line-indicator [data-line1-preview]{font-weight:600}.personalization__line-indicator [data-line2-preview]{font-weight:400;color:var(--color-subtext, #8B645A)}.personalization__input--error{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f1f}.personalization__error-message{font-size:12px;color:#d32f2f;margin-top:2px;display:none}.personalization__error-message--visible{display:block}.pcard-engraving-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:hidden}.pcard-engraving-overlay svg{width:100%;height:100%}.pcard-engraving-overlay text{fill:#56443f;dominant-baseline:central}.product-card__image-wrapper{position:relative}@keyframes personalizationFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.personalization[data-initialized]{animation:personalizationFadeIn .3s ease}.engraving-font-text{font-family:LD-ComicSans,Comic Sans MS,cursive;font-size:inherit;letter-spacing:.5px}.personalization__badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-foreground, #56443F);background-color:#56443f14;border:1px solid var(--color-border, #C39D88);border-radius:4px}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-product-personalization.css.map */
