.tp{--paper:#fff;--ink:#15131f;--soft:#5d5a70;--rule:#15131f1a;--vio:#5e4fdc;--vio-d:#4636c4;--lavp:#e7e2fc;--rx:3deg;--ry:-5deg;aspect-ratio:1.6;perspective:1000px;-webkit-user-select:none;user-select:none;align-self:center;width:100%;max-width:400px;position:relative;container-type:inline-size}.tp-in{all:unset;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0}.tp.can-flip .tp-in{cursor:pointer}.tp.flip .tp-in{transform:rotateY(180deg)}.tp-face{backface-visibility:hidden;background:var(--paper);color:var(--ink);font-family:var(--f-schibsted), sans-serif;text-align:left;box-shadow:0 0 0 1px var(--rule), 0 2px 4px #15131f0d, 0 18px 34px -18px #1e145a59;border-radius:4cqw;display:flex;position:absolute;inset:0;overflow:hidden}.tp-back{background:linear-gradient(160deg,#fff,#f1eefe);transform:rotateY(180deg)}.tp-main{flex-direction:column;flex:1;min-width:0;padding:5.4cqw 5.6cqw 5cqw;display:flex}.tp-t{justify-content:space-between;align-items:center;gap:8px;display:flex}.tp-logo{background:var(--ink);color:#fff;letter-spacing:-.01em;padding:.5cqw 1.7cqw;font-size:3.4cqw;font-weight:600;line-height:1.3}.tp-mono{font-family:var(--f-data), monospace;letter-spacing:.02em;color:var(--soft);white-space:nowrap;font-size:2.7cqw}.tp-mono b{color:var(--ink);font-weight:500}.tp-name{letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;margin-top:6cqw;font-size:8.4cqw;font-weight:600;line-height:1.05;overflow:hidden}.tp-name.empty{color:#b9b2dc}.tp-caret{vertical-align:-.06em;background:var(--vio);width:.07em;height:.86em;margin-left:.06em;display:inline-block}.tp-fields{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3cqw;margin:3cqw 0 0;display:grid}.tp-fields div{min-width:0}.tp-fields dt{color:var(--soft);font-size:2.8cqw}.tp-fields dd{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:.5cqw 0 0;font-size:3.8cqw;font-weight:500;overflow:hidden}.tp-fields dd.empty{color:#b9b2dc}.tp-slots{gap:1.4cqw;margin:auto 0 0;padding:0;list-style:none;display:flex}.tp-slot{min-width:0;height:7.6cqw;color:var(--soft);white-space:nowrap;background:#f3f2f8;border-radius:1.4cqw;flex:1;place-items:center;padding:0 2px;font-size:2.5cqw;font-weight:500;display:grid;overflow:hidden}.tp-slot.with{background:var(--vio);color:#fff}.tp-slot.without{background:var(--lavp);color:var(--vio-d)}.tp-slot.now{box-shadow:inset 0 0 0 1.5px var(--vio);color:var(--vio-d);background:#fff}.tp-v{letter-spacing:-.04em;color:var(--vio-d);text-wrap:balance;margin-top:auto;font-size:7cqw;font-weight:600;line-height:1.02}.tp-g{color:var(--soft);margin-top:2.4cqw;font-size:3cqw}@media (prefers-reduced-motion:no-preference){.tp-caret{animation:1.05s step-end infinite tpBlink}@keyframes tpBlink{50%{opacity:0}}.tp.live .tp-fields dd.set{animation:.45s cubic-bezier(.2,.9,.3,1.2) both tpInk}@keyframes tpInk{0%{opacity:0;transform:translateY(40%)}}.tp-slot.now{animation:1.8s infinite tpPulse}@keyframes tpPulse{50%{box-shadow:inset 0 0 0 1.5px var(--vio), 0 0 0 .9cqw #5e4fdc29}}.tp-slot.land{animation:.55s cubic-bezier(.2,.9,.3,1.4) .35s both tpStamp}@keyframes tpStamp{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}.tp.enter{animation:1s cubic-bezier(.2,.9,.3,1.15) both tpEnter}@keyframes tpEnter{0%{opacity:0;transform:translateY(50px)scale(.94)}}}