.tsv{--tsv-settle:cubic-bezier(.25, 1, .5, 1);--tsv-spring:cubic-bezier(.34, 1.56, .64, 1);color:var(--pk-ink);font-family:Manrope, var(--font-sans);position:absolute;inset:0}.tsv-spot{position:absolute}.tsv-art{font:inherit;text-align:start;background:0 0;border:0;outline:none;padding:0;display:block;position:absolute;inset:0}.tsv-art.ts-drag[data-held=true]{box-shadow:none;scale:1}.tsv-art[data-selected=true]{z-index:4}.tsv-art:focus-visible .tsv-face,.tsv-art[data-selected=true] .tsv-face{box-shadow:0 0 0 1.5px var(--pk-primary)}.tsv-art:hover:not([data-selected=true]) .tsv-face{box-shadow:0 0 0 1.5px #3c83f680}.tsv-face{box-shadow:0 0 0 .5px var(--pk-border);background:#b3141f;position:absolute;inset:0;overflow:hidden}.tsv-art[data-selected=true] .pk-label{color:var(--pk-primary)}.tsv-name{text-overflow:ellipsis;overflow:hidden}.tsv-art .pk-size{z-index:6}.tsv-spawn{z-index:6;color:#0000;cursor:pointer;background:0 0;border:0;border-radius:9999px;place-items:center;width:22px;height:22px;padding:0;transition:background-color .15s,color .15s;display:grid;position:absolute;top:50%;left:calc(100% + 20px);translate:-50% -50%}.tsv-spawn:before{content:"";background:var(--pk-primary);border-radius:9999px;width:7px;height:7px;position:absolute}.tsv-spawn:is(:hover,:focus-visible,[data-open=true]){background:var(--pk-primary);color:#fff;outline:none;box-shadow:0 4px 6px -1px #0000001a}.tsv-spawn:is(:hover,:focus-visible,[data-open=true]):before{display:none}.tsv-picker{z-index:8;width:440px;animation:tsv-pop-in .16s var(--tsv-settle);flex-direction:column;gap:12px;padding:8px;display:flex;position:absolute;top:50%;left:calc(100% + 39px);translate:0 -50%}.ttri-canvas[data-narrow=true] .tsv-picker{animation-name:tsv-pop-in-below;top:calc(100% + 34px);left:0;translate:none}@keyframes tsv-pop-in-below{0%{opacity:0;translate:0 -8px;scale:.96}}@keyframes tsv-pop-in{0%{opacity:0;translate:-8px -50%;scale:.96}}.tsv-lists{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tsv-list{scrollbar-width:thin;border:0;min-width:0;max-height:224px;margin:0;padding:0;overflow-y:auto}.tsv-row{border-radius:calc(12px * var(--pk-sq));corner-shape:squircle;cursor:pointer;align-items:center;gap:8px;min-height:36px;padding:8px 10px;display:flex}.tsv-row:hover{background:#1f1f1f0d}.tsv-row input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tsv-box{border:1px solid var(--pk-border);color:#fff;border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.tsv-box[data-checked=true]{border-color:var(--pk-primary);background:var(--pk-primary)}.tsv-row input:focus-visible+.tsv-box{box-shadow:0 0 0 2px #3c83f666}.tsv-row-text{flex:1;min-width:0;display:grid}.tsv-row-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tsv-row-text span:first-child{font:400 14px/20px Manrope, var(--font-sans)}.tsv-row-text span:last-child{color:var(--pk-muted);font:400 12px/16px Manrope, var(--font-sans)}.tsv-go{border-radius:calc(14px * var(--pk-sq));corner-shape:squircle;background:var(--pk-primary);color:#fff;width:100%;height:36px;font:600 14px/1 Manrope, var(--font-sans);cursor:pointer;transition:filter .15s, scale .15s var(--tsv-settle);border:0}.tsv-go:hover{filter:brightness(1.1)}.tsv-go:active,.tsv-go[data-pressed=true]{scale:.97}.tsv-go:disabled{background:var(--pk-field);color:var(--pk-muted);cursor:default;filter:none}.tsv-fly{animation:tsv-fly .56s var(--tsv-settle) var(--d,0s) both, tsv-pop .62s var(--tsv-spring) var(--d,0s) both}@keyframes tsv-fly{0%{opacity:0;translate:var(--fx) var(--fy)}30%{opacity:1}}@keyframes tsv-pop{0%{scale:.2}}.tsv-export{z-index:21;color:var(--pk-muted);font:500 12px/16px Manrope, var(--font-sans);letter-spacing:-.01em;white-space:nowrap;animation:tsv-export-in .26s var(--tsv-settle) .9s both;align-items:center;gap:14px;padding:7px 7px 7px 18px;display:flex;position:absolute;bottom:16px;left:50%;translate:-50%}@keyframes tsv-export-in{0%{opacity:0;translate:-50% 6px}}.tsv .tsv-export-btn,.tsv .tsv-export-btn:link,.tsv .tsv-export-btn:visited,.tsv .tsv-export-btn:hover,.tsv .tsv-export-btn:focus-visible,.tsv .tsv-export-btn:active{color:#fff;text-decoration:none}.tsv .tsv-export-btn{border-radius:calc(21.6px * var(--pk-sq));height:36px;font:600 14px/1 Manrope, var(--font-sans);transition:background-color .15s var(--tsv-settle), scale .15s var(--tsv-settle);background:#1f1f1f;gap:8px;padding:0 20px}.tsv .tsv-export-btn svg{color:inherit;flex-shrink:0}.tsv .tsv-export-btn:hover{background:#3a3a3a}.tsv .tsv-export-btn:focus-visible{outline:2px solid var(--pk-primary);outline-offset:2px}.tsv .tsv-export-btn:active{background:#2a2a2a;scale:.97}@media (prefers-reduced-motion:reduce){.tsv-fly,.tsv-picker,.tsv-export{animation:none}.tsv .tsv-export-btn{transition:none}.tsv .tsv-export-btn:active{scale:1}}.tsv-poster{color:#fff;font-family:var(--font-sans);display:flex;position:absolute;inset:0;overflow:hidden}.tsv-poster:lang(ja){font-family:"Hiragino Sans", "Yu Gothic", "Noto Sans JP", var(--font-sans), sans-serif;word-break:keep-all;overflow-wrap:anywhere}.tsv-poster:lang(ar){font-family:"SF Arabic", "Geeza Pro", "Noto Sans Arabic", "Segoe UI", var(--font-sans), sans-serif}.tsv-poster-shot{position:absolute;inset:0}.tsv-poster-shot img{object-fit:cover;object-position:45% 50%;width:100%;height:100%;display:block}.tsv-poster-shot:after{content:"";background:linear-gradient(#080e146b,#0000 24%),linear-gradient(#0000 38%,#0c0a0a66 62%,#0c0a0ae0);position:absolute;inset:0}.tsv-poster-mark{z-index:1;top:calc(var(--u) * 7);font:800 calc(var(--u) * 3.6) / 1 var(--font-sans);letter-spacing:.04em;position:absolute;inset-inline-start:calc(var(--u) * 8)}.tsv-poster-copy{z-index:1;align-items:flex-start;gap:calc(var(--u) * 3);padding:calc(var(--u) * 8);flex-direction:column;display:flex;position:absolute;inset:auto 0 0}.tsv-poster-copy b{font-size:calc(var(--u) * 11.5);letter-spacing:-.025em;text-wrap:balance;font-weight:700;line-height:1.04}.tsv-poster-copy i{max-width:100%;font-size:calc(var(--u) * 4.5);opacity:.86;text-wrap:pretty;font-style:normal;font-weight:500;line-height:1.35}.tsv-poster-copy em{margin-top:calc(var(--u) * 2);padding:calc(var(--u) * 2.6) calc(var(--u) * 5);color:#1e1e1e;font-size:calc(var(--u) * 4.1);white-space:nowrap;background:#fff;border-radius:9999px;font-style:normal;font-weight:700;line-height:1}.tsv-poster:lang(ja) b{font-size:calc(var(--u) * 7.8);letter-spacing:0;white-space:nowrap;line-height:1.16}.tsv-poster:lang(ja) i{font-size:calc(var(--u) * 4)}.tsv-poster:lang(ar) b{letter-spacing:0;line-height:1.2}.tsv-poster:lang(ar) i{line-height:1.5}.tsv-poster[data-shape=square] .tsv-poster-copy{gap:calc(var(--u) * 2.4);padding:calc(var(--u) * 7)}.tsv-poster[data-shape=square] .tsv-poster-copy b{font-size:calc(var(--u) * 10)}.tsv-poster[data-shape=square]:lang(ja) .tsv-poster-copy b{font-size:calc(var(--u) * 7.4)}.tsv-poster[data-shape=square] .tsv-poster-copy i{max-width:78%;font-size:calc(var(--u) * 3.9)}.tsv-poster[data-shape=square] .tsv-poster-copy em{font-size:calc(var(--u) * 3.6)}.tsv-poster[data-shape=wide] .tsv-poster-shot img{object-position:0 50%;transform-origin:0;transform:scale(1.2)}.tsv-poster[data-shape=wide][dir=rtl] .tsv-poster-shot img{object-position:100% 50%;transform-origin:100%}.tsv-poster[data-shape=wide] .tsv-poster-shot:after{background:linear-gradient(90deg,#0c0a0adb,#0c0a0a80 42%,#0000 68%),linear-gradient(#0000 44%,#0c0a0a80)}.tsv-poster[data-shape=wide][dir=rtl] .tsv-poster-shot:after{background:linear-gradient(270deg,#0c0a0adb,#0c0a0a80 42%,#0000 68%),linear-gradient(#0000 44%,#0c0a0a80)}.tsv-poster[data-shape=wide] .tsv-poster-copy{justify-content:flex-end;gap:calc(var(--u) * 4);max-width:58%;padding:calc(var(--u) * 10)}.tsv-poster[data-shape=wide] .tsv-poster-mark{top:calc(var(--u) * 11);font-size:calc(var(--u) * 4.6);inset-inline-start:calc(var(--u) * 10)}.tsv-poster[data-shape=wide] .tsv-poster-copy b{font-size:calc(var(--u) * 14)}.tsv-poster[data-shape=wide]:lang(ja) .tsv-poster-copy b{font-size:calc(var(--u) * 11.5);white-space:normal}.tsv-poster[data-shape=wide] .tsv-poster-copy i{font-size:calc(var(--u) * 5.4)}.tsv-poster[data-shape=wide] .tsv-poster-copy em{padding:calc(var(--u) * 3.2) calc(var(--u) * 6);font-size:calc(var(--u) * 5)}
