.renao-mobile-preview,.renao-shared-return{display:none}@media(max-width:749px){body>.renao-mobile-preview{position:fixed;z-index:20;inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;max-width:540px;margin-inline:auto;padding:8px 9px;border:1px solid transparent;border-radius:17px;background:linear-gradient(122deg,#ffd1a6,#ffb87f 56%,#fba36e) padding-box,linear-gradient(135deg,#fff2dd,#ec995e 50%,#ffd7b0) border-box;color:#492312;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 8px 24px #80411d42,inset 0 1px #fff7e3b0;opacity:0;transform:translateY(calc(100% + 20px));transition:transform .24s cubic-bezier(.2,.72,.24,1),opacity .19s ease,display .24s allow-discrete}body>.renao-mobile-preview:not([hidden]){display:block;opacity:1;transform:translateY(0)}@starting-style{body>.renao-mobile-preview:not([hidden]){opacity:0;transform:translateY(calc(100% + 20px))}}body:has(>.renao-mobile-preview:not([hidden])) gty-whatsapp-chat-button{display:none!important}html.renao-modal-open body>.renao-mobile-preview,html.renao-map-modal-open body>.renao-mobile-preview,html.renao-proof-modal-open body>.renao-mobile-preview{opacity:0;pointer-events:none}.renao-mobile-preview__button{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:51px;padding:0;border:0;background:transparent;text-align:start;color:inherit;font:inherit;cursor:pointer}.renao-mobile-preview__button:focus-visible{outline:2px solid #844121;outline-offset:3px;border-radius:10px}.renao-mobile-preview__thumb{position:relative;display:block;width:49px;height:51px;overflow:hidden;background:linear-gradient(145deg,#fff1df,#efd6bc);border:1px solid #e6c7aa;border-radius:8px}.renao-mobile-preview__thumbnail-art{--rn-paper: transparent;--rn-ink: #171514;--rn-map-blue: #8ed3cf;position:absolute;top:50%;left:50%;display:block;width:max-content;transform:translate(-50%,-50%) scale(var(--renao-thumb-scale))}.renao-mobile-preview__thumbnail-art .renao-map-poster{margin:0;background:#ffffff70;border-radius:5px;box-shadow:inset 0 0 0 2px #fff8,6px 7px 10px #51362344;animation:none}.renao-mobile-preview__copy strong,.renao-mobile-preview__copy small{display:block;line-height:1.25}.renao-mobile-preview__copy strong{font-size:clamp(11px,3.35vw,15px);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.renao-mobile-preview__copy small{margin-top:4px;font-size:11px;color:#65351e}.renao-mobile-preview__copy small:before{content:"";display:inline-block;width:7px;height:7px;margin-inline-end:5px;border-radius:50%;background:#a84420;box-shadow:0 0 0 3px #a844201c}.renao-mobile-preview__expand,.renao-mobile-preview__return{background:#fff;border:1px solid #e0d1c6;border-radius:8px;color:#45352c;font:inherit;font-size:13px;font-weight:700}.renao-mobile-preview__expand{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 10px;border-color:#fff4e2;background:#fff4e2;color:#713416;box-shadow:inset 0 1px #fff,0 3px 8px #9b552824}.renao-mobile-preview__error{margin:4px 0 0;font-size:12px;color:#753319}.renao-shared-old-trigger{display:none!important}.renao-live-preview-dock[data-renao-shared-source]{position:fixed!important;top:0!important;right:110vw!important;display:block!important;width:var(--renao-source-width)!important;pointer-events:none}[data-renao-shared-source]>.renao-live-preview-dock__bar{display:none!important}.renao-mobile-preview__mini-viewport{position:absolute;left:50%;top:50%;transform-origin:center;transform:translate(-50%,-50%) scale(var(--renao-shared-scale));pointer-events:none}.renao-mobile-preview__thumb>canvas,.renao-mobile-preview__thumb>img{width:100%;height:100%;display:block;object-fit:contain}.renao-shared-proof.renao-proof-modal{align-items:end!important;padding:0!important}.renao-shared-proof .renao-proof-modal__panel{width:min(100%,58rem)!important;max-height:calc(92dvh - env(safe-area-inset-top))!important;border-radius:20px 20px 0 0!important;animation:none!important;overflow:auto!important}.renao-shared-proof .renao-proof-modal__shade{animation:none!important}.renao-shared-proof .renao-shared-return{display:block}.renao-shared-return{min-height:44px;margin:8px 16px max(14px,env(safe-area-inset-bottom));padding:0 12px;border:1px solid #edaa75;border-radius:9px;background:#ffbf8c;color:#492312;font:750 13px system-ui,sans-serif}dialog.renao-shared-photo{width:min(100%,58rem);max-width:100%;max-height:90dvh;margin:auto auto 0;padding:16px;border:0;border-radius:20px 20px 0 0;background:#fff9f3;color:#492312;font-family:system-ui,sans-serif}dialog.renao-shared-photo::backdrop{background:#25150f95}.renao-shared-photo h2{margin:0 0 12px;font:750 19px system-ui,sans-serif}.renao-shared-photo img{display:block;width:100%;max-height:63dvh;object-fit:contain}.renao-shared-photo .renao-shared-return{display:block;width:100%;margin:12px 0 0}@media(prefers-reduced-motion:reduce){body>.renao-mobile-preview{transition:none}}}@media(max-width:749px){.renao-shared-proof:has(.renao-studio-controls) .renao-proof-modal__panel{display:flex!important;flex-direction:column;background:#fffaf5}dialog.renao-shared-proof:has(.renao-studio-controls){width:min(100%,58rem);max-width:100%;max-height:calc(92dvh - env(safe-area-inset-top));margin:auto auto 0;padding:14px 16px max(14px,env(safe-area-inset-bottom));border:0;border-radius:20px 20px 0 0;background:#fffaf5}dialog.renao-shared-proof .renao-shared-return{width:100%;margin:10px 0 0}.renao-shared-proof.renao-studio-open .renao-proof-modal__stage{display:block!important;width:100%;min-height:0!important;padding:0 12px!important;background:transparent!important;border:0!important;overflow:visible!important}.renao-studio{position:relative;isolation:isolate;width:min(100%,calc(58dvh * var(--studio-ratio)));aspect-ratio:var(--studio-ratio);margin:0 auto;overflow:hidden;border-radius:12px;background-color:#e9ded0;background-image:var(--studio-image);background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #7e614427}.renao-studio[hidden]{display:none!important}.renao-studio[data-model=block]{--studio-image: url(edge-acrylic-block.webp)}.renao-studio[data-model=thick]{--studio-image: url(edge-acrylic-thick.webp)}.renao-studio[data-model=stand]{--studio-image: url(edge-acrylic-stand.webp)}.renao-studio[data-model=wide]{--studio-image: url(edge-acrylic-wide.webp)}.renao-studio[data-model=landscape-block]{--studio-image: url(edge-acrylic-landscape-block.webp)}.renao-studio[data-model=landscape-thick]{--studio-image: url(edge-acrylic-landscape-thick.webp)}.renao-studio[data-model=landscape-stand]{--studio-image: url(edge-acrylic-landscape-stand.webp)}.renao-studio__surface{position:absolute;left:var(--studio-left);bottom:var(--studio-bottom);width:var(--studio-width);height:var(--studio-height);isolation:isolate}.renao-studio__surface:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(106deg,transparent 7%,#fffdf655 15%,#fffdf632 23%,transparent 37%,transparent 62%,#fffdf61c 77%,transparent 91%),linear-gradient(180deg,#fffef55c,#fffaf218 14%,transparent 43%);box-shadow:inset 0 1px #fffdf6c7,inset 1px 0 #fffdf647,inset -1px 0 #fffdf647}.renao-studio .renao-studio__art{position:absolute!important;inset:0 auto auto 0!important;z-index:1!important;transform-origin:top left!important;transform:scale(var(--studio-scale, .5)) translate(var(--studio-trim-x, 0px),var(--studio-trim-y, 0px))!important}:is(.renao-studio[data-model=frame],.renao-mobile-preview__scene[data-model=paper]){--studio-image: linear-gradient(178deg, #fffdf9 0%, #f6eee3 79%, #dfcdb9 79.2%, #f3e8db 100%), radial-gradient(ellipse at 75% 40%, #ddc8b3, transparent 66%);background:var(--studio-image);background-blend-mode:multiply;container-type:inline-size}:is(.renao-studio[data-model=frame],.renao-mobile-preview__scene[data-model=paper]) :is(.renao-studio__surface,.renao-mobile-preview__plaque){background:#fffdfa}:is(.renao-studio[data-model=frame],.renao-mobile-preview__scene[data-model=paper]) :is(.renao-studio__surface,.renao-mobile-preview__plaque):before{content:"";position:absolute;z-index:0;top:-4cqw;right:-4cqw;bottom:-4cqw;left:-4cqw;border:4cqw solid #fffdfa;border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Cpath fill='%23fffefa' d='M0 0h42L22 20h-2Z'/%3E%3Cpath fill='%23ece8e0' d='M42 0v42L22 22v-2Z'/%3E%3Cpath fill='%23f5f1e9' d='M42 42H0l20-20h2Z'/%3E%3Cpath fill='%23f9f7f1' d='M0 42V0l20 20v2Z'/%3E%3C/svg%3E") 20 stretch;box-shadow:2px 4px #bdb09f,7px 11px 18px #6a52354f,0 0 0 1px #d5c7b6}:is(.renao-studio[data-model=frame],.renao-mobile-preview__scene[data-model=paper]) :is(.renao-studio__surface,.renao-mobile-preview__plaque):after{background:linear-gradient(113deg,#fffcf241,transparent 32%,transparent 70%,#fffcf22b);box-shadow:inset 0 0 0 1px #45352547,inset 2px 3px 4px #49382535}.renao-mobile-preview__scene[data-model=paper]{width:min(100%,46dvh);aspect-ratio:297 / 360}.renao-mobile-preview__scene[data-model=paper] .renao-mobile-preview__plaque{left:19%;width:62%;bottom:14%;isolation:isolate}.renao-proof-modal--mobile-sheet .renao-mobile-preview__scene[data-model=paper] .renao-map-poster{position:relative;z-index:1;box-shadow:none}.renao-studio-heading{padding:13px 56px 8px 16px;color:#352218;font:750 21px/1.1 system-ui,sans-serif;letter-spacing:-.035em}.renao-studio-heading span{display:block;margin-top:5px;color:#77543f;font:450 12px/1.3 system-ui,sans-serif;letter-spacing:normal}.renao-shared-proof:has(.renao-studio-heading) :is(.renao-proof-modal__header,.renao-derin__dialog-heading)[hidden]{display:none!important}dialog.renao-shared-proof .renao-studio-heading{padding:0 44px 10px 0}.renao-shared-proof:has(.renao-studio-heading) :is(.renao-proof-modal__close,[data-rn-close],[data-close]){position:absolute!important;inset:8px 12px auto auto!important;display:grid;place-items:center;min-width:44px;min-height:44px;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#f7e9d9;color:#713519;box-shadow:none}dialog.renao-shared-proof [data-rn-close]{font-size:0}dialog.renao-shared-proof [data-rn-close]:before{content:"\d7";font:450 24px/1 system-ui,sans-serif}.renao-shared-proof [data-rn-close]:after{display:none}.renao-shared-photo img[hidden]{display:none}.renao-studio-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;padding:0 12px;color:#684b39;font:650 11px/1.35 system-ui,sans-serif}dialog.renao-shared-proof .renao-studio-controls{clear:both;padding:0}.renao-studio-controls button,.renao-studio-compare{min-height:44px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#813a1c;font:750 12px/1.2 system-ui,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.renao-studio__opening{position:absolute;top:0;right:0;bottom:0;left:0}.renao-studio[data-model=frame] .renao-studio__opening{overflow:hidden}.renao-shared-proof .renao-mobile-print-proof:is(.renao-music-poster,.renao-qr-poster),.renao-shared-proof .renao-mobile-print-proof :is(.renao-iyiki-poster,.renao-iyiki-poster__copy),.renao-shared-proof :is(.renao-mobile-print-proof.renao-heart-photo-card,.renao-mobile-print-proof .renao-heart-photo-card),.renao-shared-proof .renao-mobile-print-proof.renao-collage-plaque:not([data-renao-product-handle=ark3],[data-renao-product-handle^=bebe]),.renao-shared-proof .renao-mobile-print-proof.renao-collage-plaque:not([data-renao-product-handle=ark3],[data-renao-product-handle^=bebe]) .renao-collage-board{background:transparent!important;border-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.renao-shared-proof .renao-mobile-print-proof.renao-collage-plaque:not([data-renao-product-handle=ark3],[data-renao-product-handle^=bebe]):before,.renao-shared-proof .renao-mobile-print-proof.renao-collage-plaque:not([data-renao-product-handle=ark3],[data-renao-product-handle^=bebe]):after,.renao-shared-proof .renao-mobile-print-proof[data-renao-product-handle=annelergunuzarif2] .renao-collage-board:before,.renao-shared-proof .renao-mobile-print-proof .renao-qr-wave:before,.renao-shared-proof .renao-mobile-print-proof .renao-qr-poster__copy:after,.renao-studio[data-model=frame] .renao-studio__art.renao-netflix-poster:before,.renao-studio[data-model=frame] .renao-studio__art.renao-netflix-poster:after{content:none!important}.renao-studio[data-model=frame] .renao-netflix-poster__art{box-shadow:none;border-radius:0}.renao-studio-qr-template{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/renao-mobile-preview.css.map */