.ph-floating-preview{position:fixed;left:0;right:0;bottom:var(--ph-preview-bottom,0px);z-index:395;opacity:0;visibility:hidden;transform:translateY(100%);pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility .22s}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-editor-open .ph-floating-preview,.ph-edit-page .ph-floating-preview{display:none!important}.ph-floating-preview{padding:12px 24px calc(12px + env(safe-area-inset-bottom));border:1px solid #e0dad6;border-bottom:0;border-radius:40px 40px 0 0;background:#dbd6d11a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.ph-floating-preview button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 24px;border:0;border-radius:999px;background:#222;color:#fff;font:500 16px/24px Poppins,Arial,sans-serif;letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,transform .18s cubic-bezier(.22,1,.36,1)}.ph-floating-preview button:active{transform:scale(.98)}@media(hover:hover)and (pointer:fine){.ph-floating-preview button:hover:not(:disabled){background:#3a3a3a}}.ph-floating-preview button:focus-visible{outline:3px solid #a65700;outline-offset:3px}.ph-floating-preview button:disabled{opacity:.3;cursor:not-allowed}.ph-floating-preview button:disabled:active{transform:none}.ph-floating-preview svg{flex-shrink:0}@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 button,.ph-floating-preview button:disabled{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/20/assets/ph-floating-preview.css.map */
