@font-face{font-family:Amsterdam;src:url(renao-amsterdam.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Renao Brittany;src:url(renao-brittany-signature.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.renao-heart-photo-personalizer{--rn-heart-red: #af2633;--rn-heart-ink: #1f1c1a;--rn-heart-muted: #716b66;--rn-heart-line: rgba(32, 28, 24, .14);--rn-collage-success: #45b358;display:grid;gap:1.6rem;margin:0 0 2rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.8rem;background:#fbfaf8;color:var(--rn-heart-ink);font-family:Arsenal,Renao Montserrat,Arial,sans-serif;overflow:hidden}.renao-heart-photo-personalizer__preview{display:grid;place-items:center;padding:1.8rem;background:#fff}.renao-heart-photo-personalizer>.renao-heart-photo-personalizer__preview{display:none}.renao-heart-photo-card{width:min(100%,37rem);aspect-ratio:.72 / 1;position:relative;display:grid;align-content:start;justify-items:center;padding:9.2% 5.6% 7%;background:linear-gradient(180deg,#fff 0% 68%,#fbf8f5);box-shadow:0 1.8rem 4.4rem #1f19141c,inset 0 0 0 .1rem #201c180f}.renao-live-preview-dock--heart-photo .renao-live-preview-dock__slot{align-items:start;min-height:58rem;padding-top:1.2rem}.renao-live-preview-dock--heart-photo .renao-heart-photo-personalizer__preview{display:grid;place-items:center;width:100%;padding:0;background:transparent}.renao-live-preview-dock--heart-photo .renao-heart-photo-card{width:min(76%,40rem);box-shadow:0 3.4rem 7rem #1f19142b,0 1.2rem 2.4rem #1f191414,inset 0 0 0 .1rem #201c180d}.renao-heart-photo-card__photo{position:relative;width:94%;aspect-ratio:.902 / 1;overflow:hidden;background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.72),transparent 32%),linear-gradient(135deg,#f0ddd7,#d7cbc3);-webkit-mask-image:url(renao-heart-shape-mask.png);mask-image:url(renao-heart-shape-mask.png);-webkit-mask-size:100% 94%;mask-size:100% 94%;-webkit-mask-position:center top;mask-position:center top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.renao-heart-photo-card__photo img{position:absolute;top:-1%;right:-1%;bottom:-1%;left:-1%;display:block;width:102%;height:102%;object-fit:cover;opacity:0;transition:opacity .18s ease}.renao-heart-photo-card.has-photo .renao-heart-photo-card__photo img{opacity:1}[data-renao-heart-tone=bw] .renao-heart-photo-card__photo img,.renao-heart-photo-card[data-renao-heart-tone=bw] .renao-heart-photo-card__photo img{filter:grayscale(1) contrast(1.05)}.renao-heart-photo-card__photo span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.4rem;color:#201c1894;font-size:1.45rem;font-weight:800;line-height:1.2;text-align:center}.renao-heart-photo-card.has-photo .renao-heart-photo-card__photo span{display:none}.renao-heart-photo-card__note{width:96%;min-height:7.8rem;margin-top:1.2rem;display:grid;align-content:center;justify-items:center;gap:.15rem;place-items:center;color:var(--rn-heart-red);text-align:center;letter-spacing:0;overflow-wrap:anywhere}.renao-heart-photo-card__note span{display:block;max-width:100%;font-family:"Renao Editorial Serif",New York,NewYork,Georgia,Times New Roman,serif;font-size:clamp(1.35rem,3.25vw,2.08rem);font-style:normal;font-weight:400;line-height:1.15;overflow-wrap:anywhere}.renao-heart-photo-card__note span:last-child{margin-top:.2rem;font-family:"Renao Editorial Serif",New York,NewYork,Georgia,Times New Roman,serif;font-size:clamp(1.35rem,3.25vw,2.08rem);font-style:normal;line-height:1.15}[data-renao-heart-note-style=romantic] .renao-heart-photo-card__note span:last-child,.renao-heart-photo-card[data-renao-heart-note-style=romantic] .renao-heart-photo-card__note span:last-child{font-family:Renao Acardia,"Renao Editorial Serif",New York,NewYork,Georgia,Times New Roman,serif;max-width:100%;margin-top:1.15rem;font-size:clamp(1.25rem,3.18vw,1.98rem);line-height:1.05;overflow-wrap:normal;white-space:nowrap;word-break:normal}.renao-heart-photo-personalizer__controls,.renao-heart-photo-personalizer .renao-collage-personalizer__controls{display:grid;gap:1.35rem;padding:0 1.8rem 1.8rem}.renao-heart-photo-personalizer .renao-collage-field{display:grid;gap:.72rem}.renao-heart-photo-personalizer .renao-collage-field label,.renao-heart-photo-personalizer .renao-collage-label-row label{color:var(--rn-heart-ink);font-size:1.42rem;font-weight:800}.renao-heart-photo-personalizer .renao-collage-label-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.renao-heart-photo-personalizer .renao-collage-label-row span{color:var(--rn-heart-muted);font-size:1.2rem;font-weight:700}.renao-heart-photo-personalizer .renao-collage-upload-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.1rem 1.2rem;border:.1rem solid rgba(32,28,24,.1);border-radius:.8rem;background:#fff}.renao-heart-photo-personalizer .renao-collage-upload-head>span{position:relative;width:3.7rem;height:3.7rem;border-radius:50%;background:#45b3581a}.renao-heart-photo-personalizer .renao-collage-upload-head>span:before,.renao-heart-photo-personalizer .renao-collage-upload-head>span:after{content:"";position:absolute;left:50%;top:50%;width:1.5rem;height:.18rem;border-radius:999rem;background:var(--rn-collage-success);transform:translate(-50%,-50%)}.renao-heart-photo-personalizer .renao-collage-upload-head>span:after{transform:translate(-50%,-50%) rotate(90deg)}.renao-heart-photo-personalizer .renao-collage-upload-head label{display:block}.renao-heart-photo-personalizer .renao-collage-upload-head p{margin:.22rem 0 0;color:var(--rn-heart-muted);font-size:1.18rem;line-height:1.25}.renao-heart-photo-personalizer .renao-collage-upload-head strong{color:var(--rn-heart-muted);font-size:1.12rem;font-weight:800;white-space:nowrap}.renao-heart-photo-personalizer [data-renao-heart-bulk-input],.renao-heart-photo-personalizer .renao-collage-slot input[type=file]{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.renao-heart-photo-personalizer .renao-collage-upload-main{display:flex;align-items:center;justify-content:center;gap:.85rem;min-height:5.6rem;padding:.95rem 1.25rem;border:.1rem solid rgba(69,179,88,.24);border-radius:.8rem;background:linear-gradient(180deg,#58c778,#45b358 48%,#35a052);color:#fff;font:inherit;text-align:center;cursor:pointer;box-shadow:inset 0 0 0 .1rem #ffffff1f,0 1rem 2.2rem #2f9c582b;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.renao-heart-photo-personalizer .renao-collage-upload-main:hover,.renao-heart-photo-personalizer .renao-collage-upload-main:focus-visible{border-color:#45b3587a;box-shadow:inset 0 0 0 .1rem #ffffff24,0 1.25rem 2.6rem #2f9c5838;transform:translateY(-.08rem)}.renao-heart-photo-personalizer .renao-collage-upload-main>span{position:relative;display:block;width:2.9rem;height:2.9rem;border-radius:50%;background:#ffffff29;box-shadow:inset 0 0 0 .1rem #ffffff38}.renao-heart-photo-personalizer .renao-collage-upload-main>span:before,.renao-heart-photo-personalizer .renao-collage-upload-main>span:after{content:"";position:absolute;left:50%;top:50%;width:1.45rem;height:.18rem;border-radius:999rem;background:#fff;transform:translate(-50%,-50%)}.renao-heart-photo-personalizer .renao-collage-upload-main>span:after{transform:translate(-50%,-50%) rotate(90deg)}.renao-heart-photo-personalizer .renao-collage-upload-main strong,.renao-heart-photo-personalizer .renao-collage-upload-main small{display:block}.renao-heart-photo-personalizer .renao-collage-upload-main strong{font-size:1.5rem;font-weight:800}.renao-heart-photo-personalizer .renao-collage-upload-main small{padding:.48rem .72rem;border-radius:999rem;background:#ffffff24;color:#ffffffeb;font-size:1.02rem;font-weight:800;line-height:1}.renao-heart-photo-personalizer .renao-collage-tone-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.renao-heart-photo-personalizer .renao-collage-tone-option{position:relative;display:flex;align-items:center;gap:.8rem;min-height:5.2rem;padding:.95rem 1.1rem;border:.1rem solid rgba(32,28,24,.12);border-radius:.8rem;background:#fff;color:#2b2724;font:inherit;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.renao-heart-photo-personalizer .renao-collage-tone-option span{display:block;width:3.3rem;height:3.3rem;border-radius:.6rem;background:linear-gradient(135deg,#86c7e8 0 28%,#f5d6a5 28% 56%,#86bc72 56% 100%);box-shadow:inset 0 0 0 .1rem #201c1814}.renao-heart-photo-personalizer .renao-collage-tone-option[data-renao-heart-tone-option=bw] span{background:linear-gradient(135deg,#f3f3f3 0 34%,#9a9a9a 34% 66%,#1f1f1f 66% 100%)}.renao-heart-photo-personalizer .renao-collage-tone-option strong{font-size:1.32rem;font-weight:800}.renao-heart-photo-personalizer .renao-collage-tone-option[data-renao-heart-note-style=romantic] strong{font-family:Renao Acardia,"Renao Editorial Serif",New York,NewYork,Georgia,Times New Roman,serif;font-size:1.72rem;font-weight:400}.renao-heart-photo-personalizer .renao-collage-tone-option.is-selected{border-color:#45b358b8;box-shadow:0 0 0 .22rem #45b3581a,0 .9rem 1.8rem #1f191412}.renao-heart-photo-personalizer .renao-collage-tone-option.is-selected:after{content:"\2713";position:absolute;right:-.65rem;top:-.65rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--rn-collage-success);color:#fff;font-size:1.45rem;font-weight:800;box-shadow:0 .5rem 1.2rem #45b35838}.renao-heart-photo-personalizer .renao-collage-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.renao-heart-photo-personalizer .renao-collage-slot{position:relative;display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.7rem;min-height:5.8rem}.renao-heart-photo-personalizer .renao-collage-slot__pick,.renao-heart-photo-personalizer .renao-collage-slot__adjust{border:.1rem solid rgba(32,28,24,.12);border-radius:.8rem;background:#fff;color:var(--rn-heart-ink);font:inherit;cursor:pointer}.renao-heart-photo-personalizer .renao-collage-slot__pick{display:grid;gap:.18rem;justify-items:start;padding:1rem 1.15rem;text-align:left}.renao-heart-photo-personalizer .renao-collage-slot__pick span{color:var(--rn-heart-muted);font-size:1.12rem;font-weight:800}.renao-heart-photo-personalizer .renao-collage-slot__pick strong{width:100%;color:var(--rn-heart-ink);font-size:1.32rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.renao-heart-photo-personalizer .renao-collage-slot__adjust{min-width:7.8rem;padding:0 1.1rem;font-size:1.22rem;font-weight:800}.renao-heart-photo-personalizer .renao-collage-inline-error{display:none;margin:.2rem 0 0;color:var(--rn-heart-red);font-size:1.2rem;font-weight:800}.renao-heart-photo-personalizer.has-renao-collage-error .renao-collage-inline-error{display:block}.renao-heart-photo-personalizer.has-renao-collage-error .renao-collage-upload-main,.renao-heart-photo-personalizer.has-renao-collage-error .renao-collage-slot__pick{border-color:#af26338c}.renao-heart-photo-field{display:grid;gap:.72rem}.renao-heart-photo-field label,.renao-heart-photo-label-row label{color:var(--rn-heart-ink);font-size:1.42rem;font-weight:800}.renao-heart-photo-field label span{color:var(--rn-heart-red)}.renao-heart-photo-label-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.renao-heart-photo-label-row span{color:var(--rn-heart-muted);font-size:1.2rem;font-weight:700}.renao-heart-photo-personalizer .renao-collage-field textarea,.renao-heart-photo-field textarea{width:100%;min-height:9.2rem;padding:1.2rem 1.3rem;border:.1rem solid var(--rn-heart-line);border-radius:.8rem;background:#fff;color:var(--rn-heart-ink);font:inherit;font-size:1.42rem;line-height:1.35;resize:vertical}.renao-heart-photo-personalizer .renao-collage-field textarea:focus,.renao-heart-photo-field textarea:focus{outline:.2rem solid rgba(175,38,51,.22);outline-offset:.2rem}.renao-heart-photo-error{display:none;margin:.45rem 0 0;color:var(--rn-heart-red);font-size:1.2rem;font-weight:800}.renao-heart-photo-personalizer.has-photo-error .renao-heart-photo-error{display:block}.renao-heart-photo-personalizer.has-photo-error .renao-heart-photo-upload__button{border-color:#af263394}.renao-proof-modal--heart-photo .renao-proof-modal__stage{display:grid;place-items:center}.renao-proof-modal--heart-photo .renao-heart-photo-personalizer__preview{display:grid;place-items:center;width:100%;padding:0;background:transparent}.renao-proof-modal--heart-photo .renao-heart-photo-card{width:min(78vw,40rem)}.renao-heart-crop[hidden]{display:none}.renao-heart-crop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:2rem;background:#16131275}.renao-heart-crop__dialog{position:relative;width:min(94vw,46rem);max-height:min(88vh,76rem);overflow:auto;border-radius:1.2rem;background:#fff;color:var(--rn-heart-ink);box-shadow:0 2.8rem 7rem #0000003d}.renao-heart-crop__close{position:absolute;right:1rem;top:1rem;z-index:2;display:grid;place-items:center;width:3.8rem;height:3.8rem;border:0;border-radius:50%;background:#171514;color:#fff;font-size:2.4rem;line-height:1;cursor:pointer}.renao-heart-crop__body{display:grid;gap:1.4rem;padding:2.2rem}.renao-heart-crop__body h3{margin:0;font-size:2rem;line-height:1.1}.renao-heart-crop__body p{margin:.4rem 0 0;color:var(--rn-heart-muted);font-size:1.28rem;line-height:1.35}.renao-heart-crop__stage{position:relative;width:min(100%,32rem);aspect-ratio:.902 / 1;justify-self:center;overflow:hidden;background:#f0ddd7;cursor:grab;touch-action:none;-webkit-mask-image:url(renao-heart-shape-mask.png);mask-image:url(renao-heart-shape-mask.png);-webkit-mask-size:100% 94%;mask-size:100% 94%;-webkit-mask-position:center top;mask-position:center top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.renao-heart-crop__stage img{position:absolute;top:-1%;right:-1%;bottom:-1%;left:-1%;width:102%;height:102%;object-fit:cover;transform-origin:center}.renao-heart-crop__zoom{display:grid;gap:.6rem;color:var(--rn-heart-ink);font-size:1.28rem;font-weight:800}.renao-heart-crop__zoom input{width:100%}.renao-heart-crop__pad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.renao-heart-crop__pad button,.renao-heart-crop__actions button{min-height:4.2rem;border:.1rem solid rgba(32,28,24,.12);border-radius:.8rem;background:#fff;color:var(--rn-heart-ink);font:inherit;font-size:1.25rem;font-weight:800;cursor:pointer}.renao-heart-crop__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.renao-heart-crop__actions button:last-child{border-color:#45b35852;background:#45b358;color:#fff}@media screen and (max-width:749px){.renao-heart-photo-personalizer__preview{padding:1.4rem}.renao-heart-photo-card{width:min(100%,31rem);padding-top:9.2%}.renao-heart-photo-card__note{min-height:7rem;margin-top:3.1rem;font-size:1.72rem}.renao-heart-photo-card__note span,.renao-heart-photo-card__note span:last-child{font-size:1.58rem}[data-renao-heart-note-style=romantic] .renao-heart-photo-card__note span:last-child,.renao-heart-photo-card[data-renao-heart-note-style=romantic] .renao-heart-photo-card__note span:last-child{font-size:1.64rem}.renao-live-preview-dock--heart-photo .renao-live-preview-dock__slot{min-height:42rem;padding-bottom:2rem}.renao-live-preview-dock--heart-photo .renao-heart-photo-card{width:min(92%,31rem)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/renao-heart-photo-personalizer.css.map */