.ph-floating-preview{position:fixed;right:24px;bottom:calc(var(--ph-preview-bottom,0px) + 20px + env(safe-area-inset-bottom));z-index:395;padding:8px;background:#fffffff0;border:1px solid #dedbd5;border-radius:16px;box-shadow:0 4px 24px #2325261a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(16px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}body:has(#ph-floating-preview) .sticky-btn-container:has(button.canSeeCanvas){display:none!important;visibility:hidden!important;pointer-events:none!important}.ph-floating-preview.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.ph-floating-preview button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:168px;min-height:52px;padding:12px 24px;border:1px solid #222;border-radius:8px;background:#222;color:#fff;font:600 16px/1.4 Poppins,Arial,sans-serif;cursor:pointer;transition:background .15s ease,transform .15s ease}.ph-floating-preview button:hover{background:#333;border-color:#333}.ph-floating-preview button:active{transform:scale(.98)}.ph-floating-preview button:focus-visible{outline:3px solid #a65700;outline-offset:3px}.ph-floating-preview button:disabled{background:#f5f5f3;color:#686b6e;border-color:#dedbd5;cursor:not-allowed}.ph-floating-preview svg{flex-shrink:0}.ph-floating-preview{background:#ffffffad;border-color:#fffc;box-shadow:0 8px 32px #23252629,inset 0 1px #fffffff2,inset 0 -1px #ffffff4d;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);isolation:isolate}.ph-floating-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.45),transparent 40%,rgba(255,255,255,.08));pointer-events:none;z-index:-1}.ph-floating-preview button{background:linear-gradient(180deg,#343434,#222);border-color:#ffffff21;box-shadow:inset 0 1px #ffffff21,0 2px 5px #0000001a}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ph-floating-preview{background:#fff;border-color:#dedbd5}}.ph-editor-open .ph-floating-preview,.ph-edit-page .ph-floating-preview{display:none!important}@media(max-width:1024px){.ph-floating-preview{left:16px;right:16px;bottom:calc(var(--ph-preview-bottom,0px) + 12px + env(safe-area-inset-bottom));padding:8px}}@media(prefers-reduced-motion:reduce){.ph-floating-preview,.ph-floating-preview button{transition:none;transform:none}}.ph-floating-preview{box-shadow:inset 0 1px #fffffff5,inset 0 -1px #ffffff52,0 0 0 1px #2325260f,0 3px 8px #23252614,0 12px 32px #2325261f;transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility .22s}.ph-floating-preview button{transition:box-shadow .18s ease,transform .18s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.ph-floating-preview button:hover:not(:disabled){box-shadow:inset 0 1px #ffffff38,0 3px 8px #00000029}}.ph-floating-preview button:disabled:active{transform:none}@media(prefers-reduced-motion:reduce){.ph-floating-preview,.ph-floating-preview button{transition:none;transform:none!important}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){.ph-floating-preview{background:Canvas;border:1px solid CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.ph-floating-preview:before{display:none}.ph-floating-preview button{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}}@media(min-width:768px){html:root body #ph-floating-preview{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ph-floating-preview.css.map */