.custom-addons{--addon-ink: #1f1f1f;--addon-text: #3a3733;--addon-muted: #77716a;--addon-faint: #a39c93;--addon-line: #d9d4cc;--addon-line-soft: #ebe6df;--addon-paper: #ffffff;--addon-tint: #f7f9fc;--addon-panel-line: #dfe6ef;--addon-accent: #3f5f8a;--addon-accent-soft: #e6edf6;--addon-dashed: #b9c8dc;--addon-error: #b3261e;--addon-radius: 1.2rem;--addon-motion: .18s ease;--addon-ease: cubic-bezier(.2, .8, .2, 1);--addon-swatch: #ffffff;display:block;margin:.4rem 0 2rem;color:var(--addon-text);font-size:1.4rem;line-height:1.45}.custom-addons [hidden]{display:none!important}.custom-addons button{font-family:inherit;cursor:pointer}.custom-addons :focus-visible{outline:2px solid var(--addon-accent);outline-offset:2px}.custom-addons .addon-panel{padding:.6rem 1.6rem;border:1px solid var(--addon-panel-line);border-radius:1.6rem;background:var(--addon-tint);transition:padding .3s ease,box-shadow .3s ease}.custom-addons .addon-panel.is-open{padding-bottom:1.6rem}.custom-addons .addon-expander{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:5.2rem;margin:0;padding:.6rem 0;border:0;border-radius:0;background:transparent;color:var(--addon-ink);font-size:1.6rem;font-weight:700;line-height:1.3;text-align:left}.custom-addons .addon-panel.is-open .addon-expander{margin-bottom:.4rem;padding-bottom:1rem;border-bottom:1px solid var(--addon-panel-line)}.custom-addons .addon-expander-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.8rem;height:3.8rem;border:1px solid var(--addon-panel-line);border-radius:999px;background:var(--addon-paper)}.custom-addons .addon-expander-icon svg{width:2.2rem;height:2.2rem}.custom-addons .addon-expander-title{display:flex;flex-grow:1;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;min-width:0}.custom-addons .addon-expander-sub{font-size:1.3rem;font-weight:400;color:var(--addon-muted)}.custom-addons .addon-expander-sub.is-selection{font-weight:700;color:var(--addon-accent)}.custom-addons .addon-expander-meta{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;white-space:nowrap;color:var(--addon-accent)}.custom-addons .addon-expander:hover .addon-expander-meta span{text-decoration:underline}.custom-addons .addon-expander-hide,.custom-addons .addon-panel.is-open .addon-expander-show{display:none}.custom-addons .addon-panel.is-open .addon-expander-hide{display:inline}.custom-addons .addon-chevron{flex-shrink:0;transition:transform .25s ease}.custom-addons .addon-panel.is-open .addon-expander .addon-chevron{transform:rotate(180deg)}.custom-addons .addon-panel-body,.custom-addons .addon-viewer-wrap,.custom-addons .addon-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--addon-ease)}.custom-addons .addon-panel-body>div,.custom-addons .addon-viewer-wrap>div,.custom-addons .addon-body>div{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear .4s}.custom-addons .addon-panel.is-open .addon-panel-body,.custom-addons .addon-viewer-wrap.is-open,.custom-addons .addon-card.is-on .addon-body{grid-template-rows:1fr}.custom-addons .addon-panel.is-open .addon-panel-body>div,.custom-addons .addon-viewer-wrap.is-open>div,.custom-addons .addon-card.is-on .addon-body>div{visibility:visible;transition-delay:0s}.custom-addons .addon-panel.is-settled .addon-panel-body>div,.custom-addons .addon-card.is-settled .addon-body>div{overflow:visible}.custom-addons .addon-panel-inner{display:flex;flex-direction:column;gap:1.8rem;padding-top:1rem}.custom-addons .addon-viewer{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:1.4rem;margin-top:.2rem;padding:1.2rem;border:1px solid var(--addon-panel-line);border-radius:1.6rem;background:var(--addon-paper);transition:background-color .45s ease}.custom-addons .addon-viewer.is-dark{background:#f4f3f1}.custom-addons .addon-viewer-left,.custom-addons .addon-viewer-right{display:flex;flex-direction:column;gap:.8rem;min-width:0}.custom-addons .addon-viewer-right{gap:1rem}.custom-addons .addon-envelope-frame{position:relative;aspect-ratio:4 / 3;max-width:100%;overflow:hidden;border-radius:1.2rem;background:var(--addon-paper);box-shadow:0 1rem 2.8rem #1f1f1f1a}.custom-addons .addon-envelope-image{display:block;width:100%;height:100%;object-fit:cover}.custom-addons .addon-envelope-frame.is-swatch .addon-envelope-image{display:none}.custom-addons .addon-envelope-fallback{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--addon-swatch)}.custom-addons .addon-envelope-fallback:after{content:"";position:absolute;top:14%;right:10%;bottom:14%;left:10%;border:1px solid rgba(31,31,31,.12);border-radius:.6rem;background:#ffffff2e}.custom-addons .addon-envelope-frame.is-swatch .addon-envelope-fallback{display:block}@keyframes addonEnvelopePop{0%{opacity:0;transform:translateY(1.4rem) scale(.94) rotate(-1.5deg)}60%{opacity:1;transform:translateY(-.4rem) scale(1.02) rotate(.4deg)}to{opacity:1;transform:none}}@keyframes addonFadeUp{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}@keyframes addonReveal{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:none}}.custom-addons .addon-envelope-image.is-popping,.custom-addons .addon-envelope-fallback.is-popping{animation:addonEnvelopePop .6s var(--addon-ease) both}.custom-addons .addon-envelope-caption{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;font-size:1.3rem}.custom-addons .addon-envelope-caption.is-popping{animation:addonFadeUp .45s ease .1s both}.custom-addons .addon-dot{flex-shrink:0;width:1.4rem;height:1.4rem;border:1px solid rgba(31,31,31,.15);border-radius:999px;background:var(--addon-swatch);transition:background-color .3s ease}.custom-addons .addon-dot.is-popping{animation:addonFadeUp .4s ease both}.custom-addons .addon-envelope-name{font-weight:700;color:var(--addon-ink)}.custom-addons .addon-envelope-sub{color:var(--addon-faint)}.custom-addons .addon-envelope-status{flex-basis:100%;font-size:1.2rem;color:var(--addon-muted)}.custom-addons .addon-envelope-status.is-missing{color:var(--addon-faint);font-style:italic}.custom-addons .addon-detail{display:flex;align-items:center;gap:1.2rem;padding:1rem;border:1px solid var(--addon-line-soft);border-radius:1.2rem;background:var(--addon-paper);animation:addonReveal .3s ease both}.custom-addons .addon-detail-image,.custom-addons .addon-liner-placeholder{flex-shrink:0;width:5rem;height:5.8rem;border-radius:.8rem;object-fit:cover;object-position:center 45%}.custom-addons .addon-liner-placeholder{background:repeating-linear-gradient(135deg,var(--addon-accent-soft) 0 .6rem,var(--addon-paper) .6rem 1.2rem);border:1px solid var(--addon-line-soft)}.custom-addons .addon-detail-eyebrow,.custom-addons .addon-address-eyebrow{font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--addon-muted)}.custom-addons .addon-detail-title{font-size:1.3rem;font-weight:700;color:var(--addon-ink)}.custom-addons .addon-detail-sub{font-size:1.2rem;color:var(--addon-muted)}.custom-addons .addon-address-card{display:flex;flex-direction:column;flex-grow:1;gap:.3rem;min-height:11.6rem;padding:1.2rem 1.4rem;border:1px solid rgba(31,31,31,.1);border-radius:1.2rem;background:var(--addon-swatch);color:#2f3f5c;overflow:hidden;transition:background-color .45s ease,color .45s ease;animation:addonReveal .3s ease both}.custom-addons .addon-address-card.is-dark{color:#fff}.custom-addons .addon-address-card .addon-address-eyebrow{color:inherit;opacity:.7}.custom-addons .addon-address-name{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:2.2rem;line-height:1.15;overflow-wrap:anywhere}.custom-addons .addon-address-line{font-size:1.2rem;font-weight:600;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;overflow-wrap:anywhere}.custom-addons .addon-address-card.is-placeholder .addon-address-name,.custom-addons .addon-address-card.is-placeholder .addon-address-line{opacity:.55}.custom-addons .addon-viewer-empty{display:flex;flex-grow:1;align-items:center;justify-content:center;min-height:11.6rem;padding:1.4rem;border:1.5px dashed var(--addon-line);border-radius:1.2rem;font-size:1.2rem;line-height:1.4;text-align:center;color:var(--addon-faint)}.custom-addons .addon-list{display:flex;flex-direction:column;gap:1rem}.custom-addons .addon-card{border:1px solid var(--addon-line);border-radius:1.4rem;background:var(--addon-paper);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.custom-addons .addon-card.is-on{border-color:var(--addon-ink)}.custom-addons .addon-card.is-unavailable{opacity:.6}.custom-addons .addon-head{display:flex;align-items:center;gap:1.2rem;width:100%;margin:0;padding:1.4rem 1.6rem;border:0;border-radius:1.4rem;background:transparent;color:inherit;font-size:inherit;line-height:inherit;text-align:left}.custom-addons .addon-head:disabled{cursor:not-allowed}.custom-addons .addon-icon{display:flex;flex-shrink:0;width:3.6rem;height:3.6rem;color:var(--addon-ink)}.custom-addons .addon-icon svg,.custom-addons .addon-icon img{width:100%;height:100%;object-fit:contain}.custom-addons .addon-text{display:flex;flex-direction:column;flex-grow:1;gap:.2rem;min-width:0}.custom-addons .addon-title{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:700;color:var(--addon-ink)}.custom-addons .addon-tag{padding:.3rem .8rem;border-radius:999px;background:var(--addon-accent-soft);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--addon-accent)}.custom-addons .addon-desc{font-size:1.3rem;line-height:1.35;color:var(--addon-muted)}.custom-addons .addon-summary{display:none;font-size:1.2rem;font-weight:700;color:var(--addon-accent);overflow-wrap:anywhere}.custom-addons .addon-card.is-on .addon-summary{display:block}.custom-addons .addon-price{display:flex;flex-direction:column;flex-shrink:0;align-items:flex-end;line-height:1.15;color:var(--addon-text);transition:color .2s ease}.custom-addons .addon-price b{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.custom-addons .addon-price small{font-size:1.1rem;color:var(--addon-muted)}.custom-addons .addon-card.is-on .addon-price{color:var(--addon-ink)}.custom-addons .addon-switch{position:relative;flex-shrink:0;width:4.6rem;height:2.7rem;border-radius:999px;background:var(--addon-line);transition:background-color .22s ease}.custom-addons .addon-switch:after{content:"";position:absolute;top:.3rem;left:.3rem;width:2.1rem;height:2.1rem;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .22s var(--addon-ease)}.custom-addons .addon-card.is-on .addon-switch{background:var(--addon-ink)}.custom-addons .addon-card.is-on .addon-switch:after{transform:translate(1.9rem)}.custom-addons .addon-body{transition-duration:.32s}.custom-addons .addon-inner{display:flex;flex-direction:column;gap:1.2rem;padding:.4rem 1.6rem 1.6rem}.custom-addons .addon-card.is-on .addon-inner>*{animation:addonReveal .3s ease both}.custom-addons .addon-hint{margin:0;font-size:1.2rem;line-height:1.4;color:var(--addon-faint)}.custom-addons .addon-color-current{display:flex;align-items:center;gap:1rem}.custom-addons .addon-color-current .addon-dot{width:2.6rem;height:2.6rem}.custom-addons .addon-color-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.custom-addons .addon-color-text b{font-size:1.4rem;color:var(--addon-ink)}.custom-addons .addon-color-text small{font-size:1.2rem;color:var(--addon-muted)}.custom-addons .addon-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.2rem,1fr));gap:.8rem;padding:1.2rem;border:1px solid var(--addon-line);border-radius:var(--addon-radius);background:var(--addon-paper)}.custom-addons .addon-color-option{width:3.2rem;height:3.2rem;padding:0;border:1px solid rgba(31,31,31,.15);border-radius:999px;background:var(--addon-swatch);transition:transform var(--addon-motion),box-shadow var(--addon-motion)}.custom-addons .addon-color-option:hover{transform:scale(1.08)}.custom-addons .addon-color-option[aria-selected=true]{box-shadow:0 0 0 2px var(--addon-paper),0 0 0 4px var(--addon-ink)}.custom-addons .addon-liner-tile{display:flex;align-items:center;gap:1.2rem}.custom-addons .addon-liner-image{display:none;flex-shrink:0;width:5.6rem;height:6.4rem;border-radius:.8rem;object-fit:cover;object-position:center 40%}.custom-addons .addon-printing-note{display:none}.custom-addons .addon-printing-note.is-missing{font-style:italic}.custom-addons .addon-card[data-addon=envelope_color].is-on:not(.is-paid) .addon-switch{background:var(--addon-muted)}.custom-addons .addon-fields{display:flex;flex-direction:column;gap:1rem}.custom-addons .addon-field{display:flex;flex-direction:column;gap:.5rem;font-size:1.2rem;color:var(--addon-muted)}.custom-addons .addon-input{width:100%;height:4.4rem;padding:0 1.4rem;box-sizing:border-box;border:1px solid var(--addon-line);border-radius:.8rem;background:var(--addon-paper);font-family:inherit;font-size:1.4rem;color:var(--addon-ink);transition:border-color var(--addon-motion),box-shadow var(--addon-motion)}.custom-addons .addon-input::placeholder{color:var(--addon-faint)}.custom-addons .addon-input:focus{border-color:var(--addon-ink);outline:none}.custom-addons .addon-input.is-invalid,.custom-addons .addon-upload.is-invalid .drop-zone{border-color:var(--addon-error)}.custom-addons .addon-field-error{margin:0;font-size:1.2rem;color:var(--addon-error)}.custom-addons .addon-upload{display:block;position:relative}.custom-addons .addon-upload .drop-zone{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:5.6rem;margin:0;padding:.8rem 1.4rem;box-sizing:border-box;border:1.5px dashed var(--addon-dashed);border-radius:1.2rem;background:var(--addon-paper);color:var(--addon-ink);cursor:pointer;transition:border-color var(--addon-motion),background-color var(--addon-motion)}.custom-addons .addon-upload .drop-zone:hover{border-color:var(--addon-accent);background:var(--addon-tint)}.custom-addons .addon-upload.has-file .drop-zone{padding-right:4.6rem;border-style:solid;border-color:var(--addon-ink)}.custom-addons .addon-upload .file-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.4rem;height:3.4rem;border-radius:999px;background:var(--addon-accent-soft);color:var(--addon-accent);transition:background-color var(--addon-motion),color var(--addon-motion)}.custom-addons .addon-upload .file-icon svg{width:1.8rem;height:1.8rem}.custom-addons .addon-upload.has-file .file-icon{background:var(--addon-ink);color:#fff}.custom-addons .addon-upload .copy{display:flex;flex-direction:column;gap:.2rem;min-width:0;text-align:left}.custom-addons .addon-upload .file-title{font-size:1.3rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.custom-addons .addon-upload .hint{font-size:1.2rem;line-height:1.3;color:var(--addon-muted);overflow-wrap:anywhere}.custom-addons .addon-upload .file-remove{display:none;position:absolute;top:50%;right:1rem;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:0;border:1px solid var(--addon-line);border-radius:999px;background:var(--addon-paper);color:var(--addon-muted);transform:translateY(-50%);transition:border-color var(--addon-motion),color var(--addon-motion),background-color var(--addon-motion)}.custom-addons .addon-upload.has-file .file-remove{display:flex}.custom-addons .addon-upload .file-remove:hover{border-color:var(--addon-ink);color:var(--addon-ink)}.custom-addons .addon-upload input:focus-visible+.drop-zone{outline:2px solid var(--addon-accent);outline-offset:1px}.custom-addons .addon-or{display:flex;align-items:center;gap:1rem;font-size:1.2rem;color:var(--addon-faint)}.custom-addons .addon-or:before,.custom-addons .addon-or:after{content:"";flex-grow:1;height:1px;background:var(--addon-line-soft)}.custom-addons .addon-link-row{display:flex;gap:.8rem}.custom-addons .addon-link-row .addon-input{flex-grow:1;min-width:0}.custom-addons .addon-button-outline{flex-shrink:0;height:4.4rem;padding:0 1.6rem;border:1px solid var(--addon-ink);border-radius:.8rem;background:var(--addon-paper);font-size:1.3rem;font-weight:700;color:var(--addon-ink);transition:background-color var(--addon-motion)}.custom-addons .addon-button-outline:hover{background:var(--addon-tint)}.custom-addons .addon-chip{display:inline-flex;align-items:center;gap:.8rem;max-width:100%;padding:.6rem 1rem .6rem 1.2rem;border-radius:999px;background:var(--addon-accent-soft);font-size:1.2rem;font-weight:700;color:var(--addon-accent)}.custom-addons .addon-chip span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.custom-addons .addon-chip button{display:flex;padding:0;border:0;background:transparent;color:inherit}.custom-addons .addon-row-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.2rem}.custom-addons .addon-link{font-size:1.2rem;font-weight:700;text-decoration:none;color:var(--addon-accent)}.custom-addons .addon-link:hover{text-decoration:underline}.custom-addons .addon-errors,.custom-addons .addon-status{display:flex;flex-direction:column;gap:.8rem;padding:1.2rem 1.4rem;border-radius:1.2rem;font-size:1.3rem;line-height:1.4}.custom-addons .addon-errors{border:1px solid rgba(179,38,30,.35);background:#fbf1f0;color:var(--addon-error)}.custom-addons .addon-status{border:1px solid var(--addon-panel-line);background:var(--addon-paper);color:var(--addon-text)}.custom-addons .addon-status.is-error{border-color:#b3261e59;background:#fbf1f0;color:var(--addon-error)}.custom-addons .addon-status-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem}.custom-addons .addon-errors ul{margin:0;padding-left:1.8rem}.custom-addons.is-submitting .addon-head,.custom-addons.is-submitting .addon-inner,.custom-addons.is-locked .addon-head,.custom-addons.is-locked .addon-inner{pointer-events:none;opacity:.7}.custom-addons .addon-config-hint{margin:0 0 1rem;padding:1rem 1.2rem;border:1px dashed var(--addon-accent);border-radius:.8rem;background:var(--addon-accent-soft);font-size:1.2rem;color:var(--addon-accent)}.custom-addons .addon-config-hint ul{margin:.4rem 0 0;padding-left:1.8rem}.custom-addons.addon-viewer-float{position:fixed;bottom:1.6rem;left:var(--addon-float-left, 1.6rem);z-index:25;width:var(--addon-float-width, min(56rem, calc(100vw - 3.2rem) ));margin:0;opacity:0;visibility:hidden;transform:translate(-110%);transition:transform .4s var(--addon-ease),opacity .3s ease,visibility 0s linear .4s;pointer-events:none}.custom-addons.addon-viewer-float.is-active.is-visible{opacity:1;visibility:visible;transform:none;transition-delay:0s;pointer-events:auto}.custom-addons.addon-viewer-float .addon-viewer-wrap{display:block}.custom-addons.addon-viewer-float .addon-viewer-wrap>div{overflow:visible;visibility:visible}.custom-addons.addon-viewer-float .addon-viewer{margin:0;box-shadow:0 1.6rem 4rem #1f1f1f2e}@media screen and (max-width:749px){.custom-addons.addon-viewer-float{right:auto;bottom:1.2rem;left:50%;width:max-content;max-width:calc(100vw - 2.4rem);transform:translate(-50%,120%)}.custom-addons.addon-viewer-float.is-active.is-visible{transform:translate(-50%)}.custom-addons.addon-viewer-float .addon-viewer{grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:1rem;padding:1rem}.custom-addons.addon-viewer-float .addon-viewer:has(.addon-address-card[hidden]){grid-template-columns:11rem}.custom-addons.addon-viewer-float .addon-viewer:has(.addon-address-card[hidden]) .addon-viewer-right,.custom-addons.addon-viewer-float .addon-liner-detail,.custom-addons.addon-viewer-float .addon-envelope-status{display:none}.custom-addons.addon-viewer-float .addon-viewer-right{gap:.8rem}.custom-addons.addon-viewer-float .addon-address-card{min-height:8rem}.custom-addons .addon-liner-image{display:block}.custom-addons .addon-printing-note:not([hidden]){display:block}}@media screen and (max-width:989px){.custom-addons .addon-panel{padding:.6rem 1rem}.custom-addons .addon-panel.is-open{padding-bottom:1.2rem}.custom-addons .addon-head{display:grid;grid-template-columns:3.6rem minmax(0,1fr) auto;grid-template-areas:"icon text switch" "icon text price";align-items:start;gap:.6rem 1.2rem;padding:1.2rem}.custom-addons .addon-icon{grid-area:icon;align-self:center}.custom-addons .addon-text{grid-area:text;align-self:center}.custom-addons .addon-switch{grid-area:switch;justify-self:end}.custom-addons .addon-price{grid-area:price;justify-self:end}.custom-addons .addon-inner{padding:.2rem 1.2rem 1.2rem}.custom-addons .addon-viewer{padding:1.2rem}}@media screen and (max-width:749px){.custom-addons .addon-panel{padding-right:0;padding-left:0;border-right:0;border-left:0;border-radius:0}.custom-addons .addon-viewer{grid-template-columns:1fr}.custom-addons .addon-color-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.custom-addons *,.custom-addons *:before,.custom-addons *:after{animation:none!important;transition:none!important}}product-info.addons-active .shopify-payment-button,product-info.addons-submitting .shopify-payment-button{display:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-addons.css.map */