@keyframes tfpIn{0%{opacity:0}}.tfp-used{display:none;text-align:center;padding:30px 10px}.tfp-used h3{font-weight:600;font-size:22px;margin:0 0 8px}.tfp-used .tfp-btn{max-width:280px;margin:18px auto 0}.tfp-used .tfp-code{max-width:280px;margin:0 auto}#tf-puzzle.is-used>:not(.tfp-used){display:none}#tf-puzzle.is-used .tfp-used{display:block}#tf-puzzle{--tfp-ink:#111;--tfp-mute:#777;--tfp-line:#ececec;--tfp-bg:#fff;--tfp-accent:#C98A99;--tfp-deep:#4A1128;font-family:Poppins,sans-serif;color:var(--tfp-ink);background:var(--tfp-bg);max-width:520px;margin:0 auto;padding:36px 20px 28px;box-sizing:border-box}#tf-puzzle *{box-sizing:border-box}#tf-puzzle button{font-family:inherit;cursor:pointer}.tfp-head{text-align:center;margin-bottom:24px}.tfp-title{font-weight:600;font-size:22px;line-height:1.3;letter-spacing:.02em;margin:0 0 8px}.tfp-sub{font-weight:300;font-size:14px;line-height:1.6;color:var(--tfp-mute);margin:0 auto;max-width:420px}.tfp-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.tfp-levels{display:flex;border:1px solid var(--tfp-line);border-radius:999px;padding:3px}.tfp-levels button{border:0;background:none;font-size:12px;font-weight:400;padding:6px 14px;border-radius:999px;line-height:1.25;color:var(--tfp-mute);transition:.2s}.tfp-levels button.is-on{background:var(--tfp-ink);color:#fff}.tfp-levels button small{display:block;font-size:10px;font-weight:300;opacity:.8}.tfp-levels{border-radius:14px}.tfp-levels button{border-radius:11px}#tf-puzzle.is-started .tfp-levels button:not(.is-on){opacity:.35;cursor:default}.tfp-stats{display:flex;gap:16px;font-size:12px;font-weight:300;color:var(--tfp-mute)}.tfp-stats b{font-weight:600;color:var(--tfp-ink);font-variant-numeric:tabular-nums;margin-right:3px}.tfp-boardwrap{position:relative;width:100%;margin:0 auto}.tfp-board{position:relative;width:100%;aspect-ratio:2/3;background:var(--tfp-line);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}.tfp-tile{position:absolute;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffffe6;transition:left .25s ease,top .25s ease,transform .15s ease,box-shadow .5s ease}.tfp-tile.is-sel{transform:scale(.92);box-shadow:inset 0 0 0 3px var(--tfp-accent);z-index:2}.tfp-tile.is-drag{transition:transform .15s ease,box-shadow .5s ease;z-index:5;transform:scale(1.04);box-shadow:0 10px 30px #00000040}.tfp-tile.is-over{box-shadow:inset 0 0 0 3px var(--tfp-accent)}.tfp-tile{overflow:hidden}.tfp-tile.is-lock{cursor:default}.tfp-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translate(-120%)}.tfp-tile.is-glow{animation:tfpGlow 1.1s ease}.tfp-tile.is-glow:after{opacity:1;animation:tfpShine .9s ease forwards}@keyframes tfpGlow{0%{box-shadow:inset 0 0 0 3px #c98a99,0 0 #c98a99b3;z-index:3}40%{box-shadow:inset 0 0 0 3px #c98a99,0 0 22px 4px #c98a9999;z-index:3}to{box-shadow:inset 0 0 0 1px #ffffffe6,0 0 #c98a9900}}@keyframes tfpShine{to{transform:translate(120%)}}.tfp-board.is-done .tfp-tile{box-shadow:inset 0 0 #fff0}.tfp-peek{position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%;opacity:0;pointer-events:none;transition:opacity .2s}.tfp-peek.is-on{opacity:1}.tfp-win{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#ffffff8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .4s .9s}.tfp-win.is-on{opacity:1;pointer-events:auto}.tfp-card{background:#fff;padding:28px 24px;text-align:center;width:100%;max-width:320px;box-shadow:0 20px 60px #0000001f}.tfp-eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--tfp-accent);margin:0 0 6px;font-weight:400}.tfp-card h3{font-weight:600;font-size:22px;margin:0 0 6px}.tfp-result{font-weight:300;font-size:13px;color:var(--tfp-mute);margin:0 0 18px}.tfp-codelabel{font-size:11px;font-weight:400;color:var(--tfp-mute);margin:0 0 6px}.tfp-code{display:block;width:100%;border:1px dashed var(--tfp-deep);background:#fbf6f7;color:var(--tfp-deep);font-weight:600;font-size:18px;letter-spacing:.12em;padding:12px}.tfp-copied{font-size:11px;font-weight:300;color:var(--tfp-accent);height:16px;margin:6px 0 10px;opacity:0;transition:opacity .2s}.tfp-copied.is-on{opacity:1}.tfp-btn{display:block;background:var(--tfp-ink);color:#fff!important;text-decoration:none;font-size:13px;font-weight:400;letter-spacing:.08em;padding:13px;margin-bottom:10px}.tfp-btnfull{width:100%;border:0;margin-bottom:0}.tfp-stats b.is-low{color:#6b0f1a;animation:tfpBeat 1s ease infinite}@keyframes tfpBeat{50%{opacity:.45}}.tfp-ghost:disabled{opacity:.4;cursor:default}.tfp-link{border:0;background:none;font-size:12px;font-weight:300;color:var(--tfp-mute);text-decoration:underline}.tfp-actions{display:flex;justify-content:center;gap:10px;margin-top:16px;flex-wrap:wrap}.tfp-ghost{border:1px solid var(--tfp-line);background:#fff;font-size:12px;font-weight:300;padding:9px 16px;color:var(--tfp-ink);-webkit-touch-callout:none}.tfp-ghost:hover{border-color:var(--tfp-ink)}#tf-puzzle .tfp-tile:empty,#tf-puzzle .tfp-peek:empty,#tf-puzzle .tfp-board:empty{display:block!important}#tf-puzzle{--tfp-mute:#111}.tfp-sub{color:#111}.tfp-sub p{margin:0 0 8px}.tfp-sub p:last-child{margin-bottom:0}.tfp-bar{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:16px}.tfp-levels{margin:0 auto}.tfp-levels button{color:#111}.tfp-levels button.is-on{color:#fff}.tfp-stats{justify-content:center;gap:20px;color:#111}#tf-puzzle .tfp-title,#tf-puzzle .tfp-sub,#tf-puzzle .tfp-sub *,#tf-puzzle .tfp-levels button,#tf-puzzle .tfp-levels button small,#tf-puzzle .tfp-stats,#tf-puzzle .tfp-stats *,#tf-puzzle .tfp-result,#tf-puzzle .tfp-codelabel,#tf-puzzle .tfp-card h3,#tf-puzzle .tfp-used h3,#tf-puzzle .tfp-ghost,#tf-puzzle .tfp-link{color:#111!important;-webkit-text-fill-color:#111!important;opacity:1}#tf-puzzle .tfp-levels button.is-on,#tf-puzzle .tfp-levels button.is-on small,#tf-puzzle .tfp-btn{color:#fff!important;-webkit-text-fill-color:#fff!important}#tf-puzzle .tfp-stats b.is-low{color:#6b0f1a!important;-webkit-text-fill-color:#6B0F1A!important}#tf-puzzle .tfp-eyebrow,#tf-puzzle .tfp-copied{color:#c98a99!important;-webkit-text-fill-color:#C98A99!important}#tf-puzzle .tfp-code{color:#4a1128!important;-webkit-text-fill-color:#4A1128!important}#tf-puzzle.is-started .tfp-levels button:not(.is-on){opacity:.35}#tf-puzzle .tfp-ghost:disabled{opacity:.4}
/*# sourceMappingURL=/cdn/shop/t/45/assets/theflufy-puzzle.css.map */