.tl-tool-grid{perspective:1400px;gap:24px}.tl-tool-grid .tl-tool{position:relative;border-radius:18px;isolation:isolate;background:radial-gradient(ellipse at 85% 0%,#b28d3930,transparent 56%),linear-gradient(145deg,#182737,#080e18 75%);border-color:#bba16a55;box-shadow:0 24px 48px #0006,inset 0 1px #fff1;transition:transform .35s ease,box-shadow .35s ease,border-color .25s ease}.tl-tool-grid .tl-tool .tl-tool-media{margin:18px 0 24px;border:1px solid #dac28c66;border-radius:9px;box-shadow:0 20px 28px #000a,0 0 28px #c8a85e16;transform:perspective(850px) rotateX(7deg) rotateY(-7deg) scale(.94);transform-origin:center;transition:transform .4s ease,box-shadow .4s ease}.tl-tool-grid .tl-tool .tl-tool-media--strips img{display:block;flex-shrink:0}.tl-tool-grid .tl-tool h3{color:#f4efe6}.tl-tool-grid .tl-tool p{color:#bdc6d1;line-height:1.75;margin-bottom:24px}.tl-tool-grid .tl-tool b{padding-top:18px;border-top:1px solid #bba16a33}.tl-tool-grid .tl-tool:focus-visible{outline:3px solid #ead09a;outline-offset:5px}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.tl-tool-grid .tl-tool:hover{transform:translateY(-6px);box-shadow:0 32px 60px #0009,0 0 28px #c8a85e16}.tl-tool-grid .tl-tool:hover .tl-tool-media{transform:perspective(850px) rotateX(0) rotateY(0) scale(1)}}.tl-psc.tl-psc,.tl-clock.tl-clock,.tl-ror.tl-ror{--t-bg:#080e18;--t-bg2:#0c1522;--t-panel:#111f2e;--t-line:#82724f77;--t-line2:#8b9eb63b;--t-gold:#dfc183;--t-ink:#f4efe6;--t-muted:#bac5d2;--t-faint:#a5b2c4;--t-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 85% 0%,#b28d391c,transparent 48%),radial-gradient(ellipse at 0% 45%,#246c8420,transparent 52%),#080e18;border:1px solid #bba16a44;border-radius:24px;padding:clamp(18px,3vw,42px);box-shadow:0 32px 70px #0006,inset 0 1px #fff1}:is(.tl-psc.tl-psc,.tl-clock.tl-clock,.tl-ror.tl-ror) h1{font-family:Cormorant Garamond,Georgia,serif;font-size:calc(clamp(32px,4.5vw,56px) + 1pt);font-weight:500;letter-spacing:-.025em;line-height:1.08;color:#f4efe6}:is(.tl-psc.tl-psc,.tl-clock.tl-clock,.tl-ror.tl-ror) :is(.card,.sess,.verdict,.cta){background:linear-gradient(140deg,#213349cc,#0c1524 75%);border-color:#bba16a55;box-shadow:0 14px 30px #0005,inset 0 1px #ffffff12}:is(.tl-psc.tl-psc,.tl-clock.tl-clock,.tl-ror.tl-ror) :is(input,select,button,a):focus-visible{outline:3px solid #ead09a;outline-offset:3px}:is(.tl-psc.tl-psc,.tl-clock.tl-clock,.tl-ror.tl-ror) :is(input:not([type=range]),select){min-height:44px;box-shadow:inset 0 2px 7px #0005}:is(.tl-psc.tl-psc,.tl-clock.tl-clock,.tl-ror.tl-ror) button{min-height:44px}.tl-ror .slider .hint,.tl-ror .note,.tl-ror .tile .ts,.tl-ror .preset .pb,.tl-ror .preset .pt span,.tl-ror .paths .axis,.tl-ror .paths .plegend{color:#a5b2c4}.tl-psc .lots,.tl-clock .clock,.tl-ror .ruin-num{text-shadow:0 0 26px #89bda226}@media(max-width:600px){.tl-psc.tl-psc .inputs,.tl-psc.tl-psc .out,.tl-ror.tl-ror .col-in,.tl-ror.tl-ror .col-out,.tl-ror.tl-ror .cols2>.card{min-width:0;flex-basis:100%}.tl-psc.tl-psc .pair{flex-wrap:wrap}.tl-psc.tl-psc .pair>*{min-width:120px}.tl-tool-grid .tl-tool .tl-tool-media{transform:none}}@media(prefers-reduced-motion:reduce){.tl-tool-grid .tl-tool,.tl-tool-grid .tl-tool .tl-tool-media,.tl-tool-grid .tl-tool .tl-tool-media img{transition:none!important;transform:none!important}}@media(forced-colors:active){.tl-tool-grid .tl-tool,:is(.tl-psc.tl-psc,.tl-clock.tl-clock,.tl-ror.tl-ror) :is(.card,.sess,.verdict,input,select,button){border:1px solid CanvasText;box-shadow:none}}:is(.tl-psc.tl-psc,.tl-ror.tl-ror) .fx-tilt{transform:perspective(1100px) rotateX(var(--fx-rx,0deg)) rotateY(var(--fx-ry,0deg));transition:transform .25s ease-out;transform-style:preserve-3d}:is(.tl-psc.tl-psc,.tl-ror.tl-ror) .fx-tilt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--fx-gx,50%) var(--fx-gy,0%),#f4dfae1f,transparent 60%);opacity:0;transition:opacity .3s}:is(.tl-psc.tl-psc,.tl-ror.tl-ror) .fx-tilt:hover:after{opacity:1}.tl-clock.tl-clock .fx-dial-card{overflow:hidden;position:relative;background:radial-gradient(ellipse at 30% 55%,#1c3a5233,transparent 60%),linear-gradient(140deg,#16263a,#080e18 80%)}.tl-clock.tl-clock .fx-dial-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:center}.tl-clock.tl-clock .fx-dial-stage{perspective:1000px;max-width:440px;width:100%;justify-self:center}.tl-clock.tl-clock .fx-dial{width:100%;height:auto;display:block;overflow:visible;transform-origin:50% 60%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s;filter:drop-shadow(0 30px 40px #000c);outline:none}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.tl-clock.tl-clock .fx-dial{transform:rotateX(46deg) rotate(-8deg) scale(.96)}.tl-clock.tl-clock .fx-dial-stage:hover .fx-dial,.tl-clock.tl-clock .fx-dial:focus-visible,.tl-clock.tl-clock .fx-dial-stage.fx-flat .fx-dial{transform:none}}.tl-clock.tl-clock .fx-dial:focus-visible{filter:drop-shadow(0 0 0 #000) drop-shadow(0 0 3px #ead09a)}.tl-clock.tl-clock .fx-face{fill:#0a1422;stroke:#bba16a55;stroke-width:1}.tl-clock.tl-clock .fx-tick{stroke:#8b9eb655;stroke-width:1}.tl-clock.tl-clock .fx-tick-major{stroke:#dfc183;stroke-width:1.6}.tl-clock.tl-clock .fx-hour{fill:#a5b2c4;font:500 calc(10px + 1pt) "DM Sans",system-ui,sans-serif;text-anchor:middle}.tl-clock.tl-clock .fx-track{fill:none;stroke:#ffffff0d;stroke-width:12}.tl-clock.tl-clock .fx-arc{fill:none;stroke-width:12;stroke-linecap:round;opacity:.38;transition:opacity .25s,stroke-width .25s}.tl-clock.tl-clock .fx-arc.fx-on{opacity:1;stroke-width:14}.tl-clock.tl-clock .fx-weekend .fx-arc{opacity:.16}.tl-clock.tl-clock .fx-overlap{fill:none;stroke:#e4c786;stroke-width:4;opacity:.75}.tl-clock.tl-clock .fx-hub{fill:#070b14;stroke:#bba16a66;stroke-width:1}.tl-clock.tl-clock .fx-pin{fill:#e4c786}.tl-clock.tl-clock .fx-needle-line{stroke:#f4efe6;stroke-width:2;stroke-linecap:round}.tl-clock.tl-clock .fx-needle-tip{fill:#f4efe6;filter:drop-shadow(0 0 6px #fff8)}.tl-clock.tl-clock .fx-scrub{stroke:#e4c786;stroke-width:1.5;stroke-dasharray:3 4}.tl-clock.tl-clock .fx-scrub-dot{fill:#e4c786}.tl-clock.tl-clock .fx-dial-time{font-family:Cormorant Garamond,Georgia,serif;font-size:calc(clamp(30px,4vw,44px) + 1pt);line-height:1.05;color:#e4c786;text-shadow:0 0 28px #d9b66b40}.tl-clock.tl-clock .fx-dial-open{margin-top:10px;font-size:calc(15px + 1pt);line-height:1.55;color:#dfe6ee;min-height:3.1em}.tl-clock.tl-clock .fx-dial-key{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:calc(12.5px + 1pt);color:#bac5d2}.tl-clock.tl-clock .fx-dial-key i{display:inline-block;width:18px;height:4px;border-radius:2px;margin-right:7px;vertical-align:3px}.tl-clock.tl-clock .fx-dial-help{margin-top:14px;font-size:calc(12px + 1pt);color:#a5b2c4;line-height:1.6;max-width:34ch}@media(max-width:700px){.tl-clock.tl-clock .fx-dial-wrap{grid-template-columns:1fr;gap:16px}.tl-clock.tl-clock .fx-dial-stage{max-width:340px}}.tl-psc.tl-psc .fx-ring{position:relative;width:min(240px,100%);aspect-ratio:1;margin:4px auto 0}.tl-psc.tl-psc .fx-ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.tl-psc.tl-psc .fx-ring-track{fill:none;stroke:#ffffff10;stroke-width:9}.tl-psc.tl-psc .fx-ring-track-in{stroke-width:5}.tl-psc.tl-psc .fx-ring-risk{fill:none;stroke:#00e5a0;stroke-width:9;stroke-linecap:round;filter:drop-shadow(0 0 8px #00e5a080);transition:stroke-dashoffset .6s cubic-bezier(.2,.7,.2,1),stroke .3s}.tl-psc.tl-psc .fx-ring-margin{fill:none;stroke:#dfc183;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.2,.7,.2,1)}.tl-psc.tl-psc .fx-ring.fx-capped .fx-ring-risk{stroke:#e9b75c;filter:drop-shadow(0 0 8px #e9b75c80)}.tl-psc.tl-psc .fx-ring.fx-bad .fx-ring-track{stroke:#ff4d6d33}.tl-psc.tl-psc .fx-ring-mid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 34px}.tl-psc.tl-psc .fx-ring-mid .lots{font-size:calc(clamp(34px,6vw,46px) + 1pt)}.tl-psc.tl-psc .fx-ring-mid .lotsub{margin-top:6px}.tl-psc.tl-psc .fx-ring-legend{margin:14px 0 2px;font-size:calc(12px + 1pt);line-height:1.65;color:#bac5d2}.tl-psc.tl-psc .fx-k{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:7px;vertical-align:3px}.tl-psc.tl-psc .fx-k-risk{background:#00e5a0}.tl-psc.tl-psc .fx-k-margin{background:#dfc183}.tl-psc.tl-psc .fx-k-bad{background:#ff4d6d}@media(prefers-reduced-motion:reduce){.tl-psc.tl-psc .fx-ring-risk,.tl-psc.tl-psc .fx-ring-margin{transition:none}}.tl-ror.tl-ror .fx-stage{position:relative;perspective:1200px;cursor:crosshair}.tl-ror.tl-ror .fx-stage svg{display:block;width:100%;transform-origin:50% 100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);background:linear-gradient(#9cc5db0b 1px,transparent 1px) 0 0/100% 25%,linear-gradient(180deg,#0c1626,#070b14);border-radius:10px}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.tl-ror.tl-ror .fx-stage svg{transform:rotateX(16deg) scale(.97);box-shadow:0 30px 40px -20px #000}.tl-ror.tl-ror .fx-stage:hover svg{transform:none}}.tl-ror.tl-ror .fx-scan{stroke:#e4c786;stroke-width:1;opacity:0;transition:opacity .2s}.tl-ror.tl-ror .fx-tip{position:absolute;top:8px;transform:translate(10px);background:#0c1522f2;border:1px solid #bba16a66;color:#f4efe6;font-size:calc(12px + 1pt);line-height:1.4;padding:6px 9px;border-radius:7px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.tl-ror.tl-ror .fx-tip.fx-tip-left{transform:translate(calc(-100% - 10px))}.tl-ror.tl-ror .verdict{position:relative;border-color:color-mix(in srgb,var(--fx-verdict,#d9b66b) 55%,transparent);box-shadow:0 20px 50px #0007,0 0 60px -10px color-mix(in srgb,var(--fx-verdict,#d9b66b) 45%,transparent),inset 0 1px #ffffff14}.tl-ror.tl-ror .ruin-num{text-shadow:0 0 30px color-mix(in srgb,var(--fx-verdict,#d9b66b) 55%,transparent)}@media(max-width:600px){.tl-ror.tl-ror .fx-tip{white-space:normal;max-width:70%}}.tl-clock.tl-clock .clock{transition:color .6s ease,filter .6s ease}.tl-clock.tl-clock .clock.fx-clock-one{color:var(--fx-c1);text-shadow:none;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--fx-c1) 45%,transparent))}.tl-clock.tl-clock .clock.fx-clock-many{color:var(--fx-c1);text-shadow:none;background:var(--fx-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--fx-c1) 35%,transparent))}.tl-clock.tl-clock .clock.fx-clock-none{color:#8b97a8;text-shadow:none}.tl-clock.tl-clock .sessions .sess:nth-child(1){--sc:#3fc8ff}.tl-clock.tl-clock .sessions .sess:nth-child(2){--sc:#a28aff}.tl-clock.tl-clock .sessions .sess:nth-child(3){--sc:#d9b66b}.tl-clock.tl-clock .sessions .sess:nth-child(4){--sc:#00e5a0}.tl-clock.tl-clock .sessions .sess .dot{background:var(--sc);opacity:.35;box-shadow:none}.tl-clock.tl-clock .sessions .sess.on{border-color:var(--sc);background:linear-gradient(140deg,color-mix(in srgb,var(--sc) 16%,#16263a),#0c1524 75%);box-shadow:0 14px 30px #0005,0 0 34px -10px var(--sc),inset 0 1px #ffffff12}.tl-clock.tl-clock .sessions .sess.on .dot{opacity:1;background:var(--sc);box-shadow:0 0 10px var(--sc)}.tl-clock.tl-clock .sessions .sess.on .st{color:var(--sc)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/tl-tools-cinematic.css.map */