.postcard-widget{display:block;padding:1.25rem;border:1px solid rgb(var(--text-color, 0 0 0) / .1)!important;border-radius:var(--border-radius, 0);background:rgb(var(--background-color, 255 255 255));border-inline-start-width:1px!important;border-inline-start-style:solid!important;border-inline-start-color:rgb(var(--text-color, 0 0 0) / .1)!important;margin:0;padding-inline-start:1.25rem;quotes:none;font-size:inherit;line-height:inherit}.postcard-widget:before,.postcard-widget:after{content:none!important;display:none!important}.postcard-widget__hero{display:grid;grid-template-columns:112px 1fr;gap:1.25rem;align-items:center}.postcard-widget__card{aspect-ratio:105 / 148;background:#fff;border:1px solid rgb(var(--text-color, 0 0 0) / .08);box-shadow:0 10px 22px -8px #00000047,0 2px 4px #0000000f;transform:rotate(-3deg);overflow:hidden}.postcard-widget__card-image{width:100%;height:100%;object-fit:contain;display:block}.postcard-widget__intro{display:grid;gap:.5rem;min-width:0}.postcard-widget__heading{margin:0;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);font-size:var(--text-h1);line-height:.95}.postcard-widget__description{margin:0;font-size:var(--text-base);line-height:1.45}.postcard-widget__meta{margin:0;font-size:var(--text-sm);color:rgb(var(--text-color, 0 0 0) / .6)}.postcard-widget__toggle{display:flex;align-items:center;gap:.875rem;margin-top:1.25rem;padding:1rem 1.125rem;border:2px solid rgb(var(--text-color, 0 0 0));cursor:pointer;transition:background-color .2s,color .2s}.postcard-widget__toggle:hover{background:rgb(var(--text-color, 0 0 0) / .04)}.postcard-widget__toggle:has(:checked){background:rgb(var(--button-background, 28 28 28));border-color:rgb(var(--button-background, 28 28 28));color:rgb(var(--button-text-color, 255 255 255))}.postcard-widget__toggle:has(:focus-visible){outline:2px solid rgb(var(--text-color, 0 0 0));outline-offset:3px}.postcard-widget__checkbox-input{width:24px;height:24px;flex-shrink:0;margin:0;cursor:pointer;accent-color:rgb(var(--button-text-color, 255 255 255))}.postcard-widget__label-text{flex:1;min-width:0;font-size:var(--text-lg);font-weight:700;line-height:1.2}.postcard-widget__price{flex-shrink:0;font-size:var(--text-lg);font-weight:500;white-space:nowrap}@media screen and (min-width:750px){.postcard-widget__hero{grid-template-columns:132px 1fr;gap:1.5rem}}.postcard-widget__fields{margin-top:var(--spacing-3, .75rem);padding-top:var(--spacing-3, .75rem);border-top:1px solid rgb(var(--text-color, 0 0 0) / .08)}.postcard-widget__actions{display:flex;align-items:center;gap:var(--spacing-3, .75rem);margin-top:var(--spacing-3, .75rem)}.postcard-widget__save{flex-shrink:0}.postcard-widget__status{display:inline-flex;align-items:center;gap:var(--spacing-1, .25rem);font-size:.85rem;color:rgb(var(--success-color, 48 122 7));opacity:0;transition:opacity .2s ease}.postcard-widget__status.is-visible{opacity:1}.postcard-widget__status svg{flex-shrink:0}.postcard-widget__info{margin-top:var(--spacing-2, .5rem)}.postcard-widget__info p{margin:0}.postcard-message-editor{margin-top:var(--spacing-2, .5rem)}.postcard-message-editor__toggle{display:inline-flex;align-items:center;gap:var(--spacing-1, .25rem);font-size:.8rem;color:rgb(var(--text-color, 0 0 0) / .6);cursor:pointer;transition:color .2s ease;background:none;border:none;padding:0}.postcard-message-editor__toggle:hover{color:rgb(var(--text-color, 0 0 0) / .9)}.postcard-message-editor__toggle svg{transition:transform .2s ease}.postcard-message-editor__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.postcard-message-editor__content{margin-top:var(--spacing-2, .5rem);padding:var(--spacing-3, .75rem);background:rgb(var(--text-color, 0 0 0) / .03);border-radius:var(--border-radius, 0)}.postcard-message-editor__content textarea{min-height:80px;resize:vertical}.postcard-message-editor__actions{display:flex;align-items:center;gap:var(--spacing-2, .5rem);margin-top:var(--spacing-2, .5rem)}.postcard-message-editor__save{font-size:.85rem}.postcard-message-editor__status{font-size:.8rem;color:rgb(var(--success-color, 48 122 7));opacity:0;transition:opacity .2s ease}.postcard-message-editor__status.is-visible{opacity:1}.postcard-message-editor__preview{margin-top:var(--spacing-1, .25rem);font-size:.8rem;font-style:italic;color:rgb(var(--text-color, 0 0 0) / .5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.postcard-cart-widget{padding:1.125rem 1rem 1rem;background:rgb(var(--text-color, 0 0 0) / .03);margin-top:var(--spacing-4, 1rem);border:1px solid rgb(var(--text-color, 0 0 0) / .08)}.postcard-cart-widget__header{display:grid;grid-template-columns:64px 1fr;gap:1rem;align-items:center}.postcard-cart-widget__card{aspect-ratio:105 / 148;background:#fff;border:1px solid rgb(var(--text-color, 0 0 0) / .08);box-shadow:0 8px 16px -6px #00000047,0 2px 4px #0000000f;transform:rotate(-3deg);overflow:hidden}.postcard-cart-widget__image{width:100%;height:100%;object-fit:contain;display:block}.postcard-cart-widget__info{display:grid;gap:.25rem;min-width:0}.postcard-cart-widget__title{margin:0;font-size:var(--text-lg);font-weight:700;line-height:1.2}.postcard-cart-widget__description{margin:0;font-size:var(--text-sm);line-height:1.4;color:rgb(var(--text-color, 0 0 0) / .65)}.postcard-cart-widget__fields{margin-top:var(--spacing-3, .75rem)}.postcard-cart-widget__fields textarea{min-height:70px;resize:vertical}.postcard-cart-widget__add{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin-top:1rem;padding:.875rem 1rem;border:2px solid rgb(var(--button-background, 28 28 28));background:rgb(var(--button-background, 28 28 28));color:rgb(var(--button-text-color, 255 255 255));font:inherit;font-size:var(--text-base);font-weight:700;line-height:1.2;text-align:left;cursor:pointer;transition:opacity .2s}.postcard-cart-widget__add:hover{opacity:.88}.postcard-cart-widget__add:focus-visible{outline:2px solid rgb(var(--text-color, 0 0 0));outline-offset:3px}.postcard-cart-widget__add-price{flex-shrink:0;font-weight:500;white-space:nowrap}.postcard-cart-widget__add[aria-busy=true]{pointer-events:none;opacity:.7}.postcard-widget--in-cart{background:rgb(var(--success-color, 48 122 7) / .05);border-color:rgb(var(--success-color, 48 122 7) / .2)!important}.postcard-widget__in-cart-notice{display:flex;align-items:center;gap:var(--spacing-2, .5rem);justify-content:center;padding:var(--spacing-2, .5rem) 0}.postcard-widget__in-cart-text{color:rgb(var(--success-color, 48 122 7));font-size:.9rem;font-weight:500}.postcard-widget__checkmark{color:rgb(var(--success-color, 48 122 7));flex-shrink:0}.postcard-cart-widget--in-cart{background:transparent;border:none;padding:var(--spacing-2, .5rem) 0;margin-top:var(--spacing-2, .5rem)}.postcard-cart-widget--in-cart .postcard-cart-widget__header{justify-content:center;gap:var(--spacing-2, .5rem)}.postcard-cart-widget--in-cart .postcard-cart-widget__info{flex:none}.postcard-cart-widget--in-cart .postcard-cart-widget__title{color:rgb(var(--success-color, 48 122 7));font-size:.8rem;font-weight:400}.postcard-cart-widget__checkmark{width:16px;height:16px;color:rgb(var(--success-color, 48 122 7));flex-shrink:0}@media screen and (max-width:749px){.postcard-widget{padding:var(--spacing-3, .75rem)}.postcard-widget__main{gap:var(--spacing-2, .5rem)}.postcard-widget__image-wrapper{width:calc(var(--postcard-image-width, 60px) * .8)}.postcard-message-editor__preview{max-width:150px}}@keyframes postcard-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.postcard-widget__fields:not([hidden]),.postcard-cart-widget__fields:not([hidden]),.postcard-message-editor__content:not([hidden]){animation:postcard-fade-in .2s ease}.postcard-preview{display:flex;align-items:flex-start;gap:var(--spacing-3, .75rem);margin-top:var(--spacing-3, .75rem)}.postcard-preview__no-emoji{margin-top:var(--spacing-2, .5rem);font-size:.78rem;color:rgb(var(--text-color, 0 0 0) / .55);font-style:italic}.postcard-preview-card{position:relative;display:block;aspect-ratio:1 / 1.414;background:#fbfaf7;border:1px solid rgb(var(--text-color, 0 0 0) / .08);border-radius:3px;box-shadow:0 1px 2px #0000000a,0 6px 16px #00000014;overflow:hidden;-webkit-user-select:none;user-select:none}.postcard-preview-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='7'/><feColorMatrix values='0 0 0 0 0.82  0 0 0 0 0.80  0 0 0 0 0.74  0 0 0 0.12 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px}.postcard-preview-card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:10%;backface-visibility:hidden}.postcard-preview-card__face--front img{max-width:100%;max-height:100%;object-fit:contain}.postcard-preview-card__fallback-logo{font-family:Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:.12em;font-size:clamp(.75rem,2.2cqw,1.1rem);color:rgb(var(--text-color, 0 0 0) / .5);text-transform:uppercase}.postcard-preview-card__face--back{padding:12% 10%;align-items:flex-start;justify-content:flex-start;text-align:left}.postcard-preview-card__message{font-family:Helvetica,Arial,sans-serif;font-weight:700;color:#1a1a1a;line-height:1.35;font-size:clamp(.55rem,3.2cqw,1rem);white-space:pre-wrap;word-break:break-word;width:100%;container-type:inline-size}.postcard-preview-card__message--placeholder{color:rgb(var(--text-color, 0 0 0) / .35);font-weight:400;font-style:italic}.postcard-preview-card--mini{width:140px;flex-shrink:0;container-type:inline-size}@media screen and (max-width:749px){.postcard-preview-card--mini{width:110px}}.postcard-preview__view-full{align-self:center;font-size:.85rem;background:none;border:none;padding:0;color:rgb(var(--text-color, 0 0 0) / .75);text-decoration:underline;cursor:pointer}.postcard-preview__view-full:hover{color:rgb(var(--text-color, 0 0 0))}.postcard-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-4, 1rem)}.postcard-preview-modal[open]{display:flex}.postcard-preview-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.postcard-preview-modal__dialog{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4, 1rem);max-width:90vw;max-height:90vh}.postcard-preview-modal__close{position:absolute;top:-2.25rem;right:0;width:2rem;height:2rem;background:transparent;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:0}.postcard-preview-modal__stage{perspective:1600px;cursor:pointer}.postcard-preview-modal__flipper{position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);width:min(60vh,340px);aspect-ratio:1 / 1.414}.postcard-preview-modal__flipper.is-flipped{transform:rotateY(180deg)}.postcard-preview-modal .postcard-preview-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;container-type:inline-size;backface-visibility:hidden}.postcard-preview-modal .postcard-preview-card--back{transform:rotateY(180deg)}.postcard-preview-modal__flip-button{background:#fffffff2;border:1px solid rgb(0 0 0 / .08);color:#1a1a1a;padding:.5rem 1rem;border-radius:3px;font-size:.85rem;cursor:pointer}.postcard-preview-modal__flip-button:hover{background:#fff}@media(prefers-reduced-motion:reduce){.postcard-preview-modal__flipper{transition:none}.postcard-widget__fields:not([hidden]),.postcard-cart-widget__fields:not([hidden]),.postcard-message-editor__content:not([hidden]){animation:none}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/component-postcard-widget.css.map */