.tf-preview__trigger--overlay{position:absolute;inset-block-end:var(--tf-preview-trigger-offset, 14px);inset-inline-start:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:var(--tf-preview-trigger-padding, 12px 24px);border:0;border-radius:var(--tf-radius-pill);background:var(--tf-preview-trigger-bg, rgba(var(--tf-text-rgb), .88));color:var(--tf-preview-trigger-fg, #fff);font-family:var(--tf-font-body);font-size:var(--tf-preview-trigger-size, var(--tf-body-sm));font-weight:var(--tf-fw-black);line-height:1;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--tf-dur-fast) var(--tf-ease),transform var(--tf-dur) var(--tf-ease)}.tf-preview__trigger--overlay:hover{background:var(--tf-preview-trigger-bg-hover, var(--tf-text));transform:translate(-50%) translateY(calc(var(--tf-hover-lift) * -1))}.tf-preview__trigger--overlay .tf-icon{width:16px;height:16px;flex-shrink:0}.tf-preview__trigger--block{width:100%;margin-top:var(--tf-preview-block-gap, 12px);justify-content:center}.tf-preview{width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:none;overflow:visible}.tf-preview[open]{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:var(--tf-preview-align, center);justify-content:center;padding:var(--tf-preview-inset, 24px)}@supports (height: 100dvh){.tf-preview[open]{height:100dvh}}.tf-preview::backdrop{background:var(--tf-preview-backdrop, rgba(31, 18, 36, .78));-webkit-backdrop-filter:blur(var(--tf-preview-blur, 6px));backdrop-filter:blur(var(--tf-preview-blur, 6px));opacity:0;transition:opacity var(--tf-dur) var(--tf-ease)}.tf-preview[data-open]::backdrop{opacity:1}.tf-preview__panel{display:flex;flex-direction:column;width:100%;max-width:var(--tf-preview-width, 840px);height:var(--tf-preview-height, 92vh);max-height:var(--tf-preview-height, 92vh);border-radius:var(--tf-preview-radius, 24px);background:var(--tf-preview-bg, var(--tf-surface));box-shadow:var(--tf-preview-shadow, 0 40px 90px rgba(20, 10, 25, .5));overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);transition:opacity var(--tf-dur) var(--tf-ease),transform var(--tf-dur) var(--tf-ease)}.tf-preview[data-open] .tf-preview__panel{opacity:1;transform:none}.tf-preview__head{display:flex;align-items:center;gap:16px;flex-shrink:0;padding:var(--tf-preview-head-padding, 18px 22px);border-block-end:1px solid var(--tf-preview-rule, var(--tf-border));background:var(--tf-preview-head-bg, var(--tf-surface))}.tf-preview__grip{display:none}.tf-preview__titles{flex:1 1 auto;min-width:0}.tf-preview__title{margin:0;font-family:var(--tf-heading-font);font-size:var(--tf-preview-title-size, var(--tf-h4));font-weight:var(--tf-font-display-weight);line-height:1.2;color:var(--tf-preview-title-color, var(--tf-text))}.tf-preview__subtitle{margin:2px 0 0;font-size:var(--tf-preview-subtitle-size, var(--tf-body-sm));color:var(--tf-preview-subtitle-color, var(--tf-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-preview__close{display:grid;place-items:center;width:var(--tf-preview-close-size, 40px);height:var(--tf-preview-close-size, 40px);flex-shrink:0;border:0;border-radius:50%;background:var(--tf-preview-close-bg, var(--tf-accent-tint));color:var(--tf-preview-close-fg, var(--tf-accent));cursor:pointer;transition:background var(--tf-dur-fast) var(--tf-ease)}.tf-preview__close:hover{background:var(--tf-secondary-tint)}.tf-preview__close .tf-icon{width:18px;height:18px}.tf-preview__body{flex:1 1 auto;min-height:0;background:var(--tf-preview-body-bg, var(--tf-bg))}.tf-preview__frame{display:block;width:100%;height:100%;border:0}.tf-preview__fallback,.tf-preview[data-no-pdf] .tf-preview__frame{display:none}.tf-preview[data-no-pdf] .tf-preview__fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;padding:24px;text-align:center}.tf-preview__fallback .tf-icon{width:32px;height:32px;color:var(--tf-muted)}.tf-preview__fallback-text{max-width:34ch;margin:0;font-size:var(--tf-body-sm);line-height:var(--tf-leading-snug);color:var(--tf-muted)}.tf-preview__foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0;padding:var(--tf-preview-foot-padding, 16px 22px);border-block-start:1px solid var(--tf-preview-rule, var(--tf-border));background:var(--tf-preview-foot-bg, var(--tf-bg));padding-block-end:max(var(--tf-preview-foot-bottom, 16px),env(safe-area-inset-bottom))}.tf-preview__note{flex:1 1 200px;margin:0;font-size:var(--tf-preview-note-size, var(--tf-body-xs));line-height:var(--tf-leading-snug);color:var(--tf-muted)}.tf-preview__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-inline-start:auto}@media screen and (max-width:749px){.tf-preview[open]{display:block;padding:0}.tf-preview__panel{position:absolute;inset-inline:0;inset-block-end:0;width:100%;max-width:none;height:var(--tf-preview-height-mobile, 70vh);max-height:var(--tf-preview-height-mobile, 70vh);border-radius:var(--tf-preview-radius-mobile, 20px) var(--tf-preview-radius-mobile, 20px) 0 0;transform:translateY(100%) scale(1)}@supports (height: 1dvh){.tf-preview__panel{height:var(--tf-preview-height-mobile-d, 70dvh);max-height:var(--tf-preview-height-mobile-d, 70dvh)}}.tf-preview[data-open] .tf-preview__panel{transform:translateY(0)}.tf-preview__head{position:relative;padding-block-start:22px}.tf-preview__grip{display:block;position:absolute;inset-block-start:8px;inset-inline-start:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:var(--tf-border)}.tf-preview__foot{padding-inline:18px}.tf-preview__actions{width:100%;margin-inline-start:0}.tf-preview__actions .tf-btn{flex:1 1 auto;justify-content:center}}@media(prefers-reduced-motion:reduce){.tf-preview__panel,.tf-preview::backdrop{transition:none}.tf-preview__panel{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tf-preview.css.map */