.tp{--tp-radius-card:var(--st-radius-card,var(--ij-space-4));--tp-radius-control:var(--st-radius-control,calc(var(--ij-space-2) + var(--ij-space-1) / 2));--tp-shadow:var(--st-shadow,var(--ij-shadow-1));--tp-rose-faint:var(--st-rose-faint,var(--ij-accent-subtle));--tp-sage:var(--sb-sage,var(--lightningcss-light,#d9d6c5)var(--lightningcss-dark,#3d3b30));--tp-meta:calc(var(--ij-text-xs) + 1px);--tp-pane:calc(var(--ij-space-8) * 5);--tp-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff9f5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E");gap:var(--ij-space-5);min-inline-size:0;color:var(--ij-text);font-family:var(--ij-font-ui);display:grid}.tp-browser{gap:var(--ij-space-3);align-content:start;min-inline-size:0;display:grid}.tp-sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.tp-tabs{gap:var(--ij-space-1);inline-size:max-content;max-inline-size:100%;min-block-size:var(--ij-target-min);padding:var(--ij-space-1);border-radius:var(--ij-radius-full);background:var(--ij-surface-sunken);display:flex}.tp-tab{gap:var(--ij-space-1);min-block-size:calc(var(--ij-target-min) - var(--ij-space-2));padding-inline:var(--ij-space-4);border-radius:var(--ij-radius-full);color:var(--ij-text-muted);font-size:var(--ij-text-sm);line-height:var(--ij-leading-sm);white-space:nowrap;transition:background-color var(--ij-duration-fast) var(--ij-ease-standard), color var(--ij-duration-fast) var(--ij-ease-standard);flex:0 auto;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.tp-tab:after{inset:calc(var(--ij-space-1) * -1) calc(var(--ij-space-1) / -2);content:"";position:absolute}.tp-tab:hover{color:var(--ij-text)}.tp-tab[aria-selected=true]{background:var(--ij-surface);box-shadow:var(--tp-shadow), 0 0 0 1px var(--ij-border);color:var(--ij-text)}.tp-tab:focus-visible{outline:var(--ij-focus-width) solid var(--ij-focus);outline-offset:var(--ij-focus-offset)}.tp-soon{gap:var(--ij-space-1);padding:0 var(--ij-space-2);border-radius:var(--ij-radius-full);background:var(--ij-surface);box-shadow:inset 0 0 0 1px var(--ij-border-strong);color:var(--ij-text-muted);font-size:var(--ij-text-xs);line-height:var(--ij-leading-xs);align-items:center;font-weight:600;display:inline-flex}.tp-count{color:var(--ij-text-muted);font-size:var(--ij-text-xs);font-variant-numeric:tabular-nums;font-weight:500}.tp-note{color:var(--ij-text-muted);font-size:var(--ij-text-sm);line-height:var(--ij-leading-sm);text-wrap:pretty;margin:0}.tp-note strong{color:var(--ij-text);font-weight:600}.tp-toolbar{gap:var(--ij-space-3);min-inline-size:0;display:grid;position:relative}.tp-tools{gap:var(--ij-space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;min-inline-size:0;display:flex}.tp-find{gap:var(--ij-space-2);flex:auto;min-inline-size:0;display:flex}.tp-search{min-inline-size:0;max-inline-size:calc(var(--ij-space-8) * 5);color:var(--ij-text-muted);flex:auto;align-items:center;display:flex;position:relative}.tp-search>svg{pointer-events:none;position:absolute;inset-inline-start:var(--ij-space-3)}.tp-search>input{inline-size:100%;min-block-size:var(--ij-target-min);padding:0 var(--ij-space-3) 0 calc(var(--ij-space-6) + var(--ij-space-1));border:1px solid var(--st-line,var(--ij-border-strong));border-radius:var(--tp-radius-control);background:var(--ij-surface);color:var(--ij-text);font:inherit;font-size:var(--ij-text-base)}.tp-search>input::-webkit-search-cancel-button{appearance:none}.tp-search>input:focus-visible{outline:var(--ij-focus-width) solid var(--ij-focus);outline-offset:0;border-color:var(--ij-accent)}.tp-filter,.tp-show,.tp-reset{gap:var(--ij-space-2);min-block-size:var(--ij-target-min);padding-inline:var(--ij-space-4);border:1px solid var(--ij-border-strong);border-radius:var(--tp-radius-control);background:var(--ij-surface);color:var(--ij-text);font:inherit;font-size:var(--ij-text-sm);cursor:pointer;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.tp-filter:hover,.tp-reset:hover{border-color:var(--ij-accent)}.tp-filter[data-active],.tp-filter[aria-expanded=true]{border-color:var(--ij-accent);background:var(--tp-rose-faint);color:var(--ij-accent)}.tp-show{border-color:var(--ij-accent);background:var(--ij-accent);color:var(--ij-accent-contrast)}.tp-filter-count{font-variant-numeric:tabular-nums}:is(.tp-filter,.tp-show,.tp-reset,.tp-chip,.tp-text,.tp-step):focus-visible{outline:var(--ij-focus-width) solid var(--ij-focus);outline-offset:var(--ij-focus-offset)}.tp-text{min-block-size:var(--ij-target-min);padding-inline:var(--ij-space-2);color:var(--ij-accent);font:inherit;font-size:var(--ij-text-sm);text-decoration:underline;-webkit-text-decoration-color:var(--ij-border-strong);text-decoration-color:var(--ij-border-strong);text-underline-offset:var(--ij-space-1);cursor:pointer;background:0 0;border:0;font-weight:600}.tp-sheet{z-index:8;inline-size:calc(var(--ij-space-8) * 5);max-block-size:min(calc(var(--ij-space-8) * 8), 70dvh);border:1px solid var(--ij-border);border-radius:var(--tp-radius-card);background:var(--ij-surface);box-shadow:var(--ij-shadow-3);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset-block-start:calc(100% + var(--ij-space-2));inset-inline-end:0}.tp-scrim{display:none}.tp-sheet-title{padding:var(--ij-space-4) var(--ij-space-4) 0;font-size:var(--ij-text-base);line-height:var(--ij-leading-base);margin:0;font-weight:600}.tp-sheet-body{gap:var(--ij-space-4);padding:var(--ij-space-3) var(--ij-space-4) var(--ij-space-4);overscroll-behavior:contain;display:grid;overflow-y:auto}.tp-sheet-foot{gap:var(--ij-space-3);padding:var(--ij-space-3) var(--ij-space-4);border-block-start:1px solid var(--ij-border);justify-content:space-between;align-items:center;display:flex}.tp-group{gap:var(--ij-space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.tp-group>legend{color:var(--ij-text-muted);font-size:var(--ij-text-xs);line-height:var(--ij-leading-xs);margin-block-end:var(--ij-space-2);padding:0;font-weight:600}.tp-chips{gap:var(--ij-space-2);flex-wrap:wrap;display:flex}.tp-chip{gap:var(--ij-space-1);min-block-size:var(--ij-space-6);padding:0 var(--ij-space-3);border:1px solid var(--ij-border-strong);border-radius:var(--ij-radius-full);background:var(--ij-surface);color:var(--ij-text);font:inherit;font-size:var(--ij-text-sm);line-height:var(--ij-leading-sm);cursor:pointer;align-items:center;font-weight:500;display:inline-flex;position:relative}.tp-chip:before{content:"";inset:calc((var(--ij-target-min) - var(--ij-space-6)) / -2) 0;position:absolute}.tp-chips{row-gap:var(--ij-space-3)}.tp-chip[aria-pressed=true],.tp-chip.is-on{border-color:var(--ij-accent);background:var(--ij-accent);color:var(--ij-accent-contrast)}.tp-active{gap:var(--ij-space-2);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.tp-panel{gap:var(--ij-space-4);min-inline-size:0;display:grid}.tp-grid{gap:var(--ij-space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tp-card{min-inline-size:0;display:grid}.tp-pick{border:1px solid var(--ij-border);border-radius:var(--tp-radius-card);background:var(--ij-surface);color:var(--ij-text);transition:border-color var(--ij-duration-base) var(--ij-ease-standard), box-shadow var(--ij-duration-base) var(--ij-ease-standard);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}a.tp-pick:hover{border-color:var(--ij-border-strong);box-shadow:var(--tp-shadow)}a.tp-pick:focus-visible{outline:var(--ij-focus-width) solid var(--ij-focus);outline-offset:var(--ij-focus-offset)}.tp-card[data-selected] .tp-pick{border-color:var(--ij-accent);box-shadow:0 0 0 1px var(--ij-accent)}.tp-art{aspect-ratio:4/5;background:var(--ij-surface-sunken);display:block;position:relative;overflow:hidden}.tp-thumb{object-fit:cover;object-position:top;block-size:100%;inline-size:100%;transition:transform var(--ij-duration-base) var(--ij-ease-standard);display:block;position:absolute;inset:0}a.tp-pick:hover .tp-thumb{transform:scale(1.02)}.tp-live{opacity:0;transition:opacity var(--ij-duration-slow) var(--ij-ease-standard);pointer-events:none;position:absolute;inset:0}.tp-live[data-loaded]{opacity:1}.tp-live>iframe{transform-origin:0 0;border:0;block-size:125%;inline-size:125%;position:absolute;inset-block-start:0;inset-inline-start:0;transform:scale(.8)}.tp-loop{pointer-events:none;position:absolute;inset:0}.tp-loop>video{object-fit:cover;object-position:top;opacity:0;block-size:100%;inline-size:100%;transition:opacity var(--ij-duration-base) var(--ij-ease-standard)}.tp-loop>video[data-playing]{opacity:1}.tp-example{padding:0 var(--ij-space-2);border-radius:var(--ij-radius-full);background:var(--ij-surface);box-shadow:0 0 0 1px var(--ij-border);color:var(--ij-text);font-size:var(--ij-text-xs);line-height:var(--ij-leading-xs);font-weight:600;position:absolute;inset-block-start:var(--ij-space-2);inset-inline-start:var(--ij-space-2)}.tp-legend .tp-example{margin-inline-end:var(--ij-space-1);position:static}.tp-tier{padding:var(--ij-space-1) var(--ij-space-2);border-radius:var(--ij-radius-full);background:color-mix(in srgb, var(--tp-sage) 55%, var(--ij-surface));color:var(--ij-accent);font-size:var(--ij-text-xs);line-height:var(--ij-leading-xs);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.tp-tier[data-tier=premium]{color:var(--lightningcss-light,#7a5a1c)var(--lightningcss-dark,#e3c58a);background:var(--lightningcss-light,#f7eedb)var(--lightningcss-dark,#352d1c)}.tp-tier[data-tier=interaktif]{background:var(--ij-accent);color:var(--ij-accent-contrast)}.tp-art>.tp-tier{box-shadow:0 0 0 1px var(--ij-surface);position:absolute;inset-block-end:var(--ij-space-2);inset-inline-start:var(--ij-space-2)}.tp-motion{inline-size:calc(var(--ij-space-6) - var(--ij-space-1));block-size:calc(var(--ij-space-6) - var(--ij-space-1));border-radius:var(--ij-radius-full);background:color-mix(in srgb, var(--ij-text) 72%, transparent);color:#fff;place-items:center;display:grid;position:absolute;inset-block-end:var(--ij-space-2);inset-inline-end:var(--ij-space-2)}.tp-check{inline-size:var(--ij-space-5);block-size:var(--ij-space-5);border-radius:var(--ij-radius-full);background:var(--tp-check) center / 70% no-repeat var(--ij-accent);box-shadow:0 0 0 2px var(--ij-surface);display:none;position:absolute;inset-block-start:var(--ij-space-2);inset-inline-end:var(--ij-space-2)}.tp-card[data-selected] .tp-check{display:block}.tp-body{padding:var(--ij-space-3);display:grid}.tp-card[data-current] .tp-body{background:var(--tp-rose-faint)}.tp-name{font-size:var(--ij-text-base);line-height:var(--ij-leading-base);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.tp-meta{color:var(--ij-text-muted);font-size:var(--tp-meta);text-overflow:ellipsis;white-space:nowrap;line-height:1.385;display:block;overflow:hidden}.tp-pill{padding:0 var(--ij-space-2);border-radius:var(--ij-radius-full);font-size:var(--ij-text-xs);line-height:var(--ij-leading-xs);align-items:center;font-weight:600;display:inline-flex}.tp-pill[data-tone=rose]{background:var(--sb-rose-faint,var(--ij-accent-subtle));color:var(--lightningcss-light,#9a4f32)var(--lightningcss-dark,#ecc5af)}.tp-card[data-current] .tp-pill{background:var(--ij-surface)}.tp-legend{color:var(--ij-text-muted);font-size:var(--ij-text-xs);line-height:var(--ij-leading-xs);margin:0}.tp-empty{justify-items:center;gap:var(--ij-space-3);padding:var(--ij-space-7) var(--ij-space-5);border:1px dashed var(--ij-border);border-radius:var(--tp-radius-card);color:var(--ij-text-muted);font-size:var(--ij-text-sm);line-height:var(--ij-leading-sm);text-align:center;margin:0;display:grid}.tp-empty>p{color:var(--ij-text);font-size:var(--ij-text-base);line-height:var(--ij-leading-base);margin:0}.tp-empty.is-soon>span{max-inline-size:var(--ij-measure-prose);text-wrap:pretty}.tp-skel{border-radius:var(--ij-radius-md);background:var(--ij-surface-sunken);display:block}.tp-skel.tp-art{border-radius:0}.tp-skel-tabs{inline-size:min(100%, calc(var(--ij-space-8) * 6));block-size:var(--ij-target-min);border-radius:var(--ij-radius-full)}.tp-skel-name{inline-size:70%;block-size:var(--ij-space-3)}.tp-skel-meta{inline-size:45%;block-size:var(--ij-space-2)}.tp-skel-pane{display:none}.tp-detail{background:var(--ij-surface);min-inline-size:0;display:none}.tp-detail-bar{display:none}.tp-detail-body{gap:var(--ij-space-4);justify-items:center;min-inline-size:0;display:grid}.tp-stage{gap:var(--ij-space-2);touch-action:pan-y;justify-content:center;align-items:center;display:flex;position:relative}.tp-step{display:none}.tp-phone{block-size:min(calc(var(--ij-space-8) * 9.5), calc(100dvh - var(--ij-space-8) * 6 - var(--ij-space-6) - var(--ij-space-4)));aspect-ratio:9/19.5;padding:var(--ij-space-2);border-radius:var(--ij-space-6);background:color-mix(in srgb, var(--ij-text) 92%, transparent);box-shadow:var(--tp-shadow), 0 var(--ij-space-5) var(--ij-space-7) calc(var(--ij-space-5) * -1) #29252247;display:block;position:relative}.tp-screen{border-radius:var(--ij-space-5);background:var(--ij-surface-sunken);block-size:100%;inline-size:100%;display:block;position:relative;overflow:hidden}.tp-screen[data-state=loading]:before{content:"";background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--ij-surface) 70%, transparent) 50%, transparent 70%);animation:tp-shimmer 1.4s var(--ij-ease-standard) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes tp-shimmer{to{transform:translate(100%)}}.tp-screen>iframe{inline-size:calc(var(--ij-space-8) * 6);block-size:calc(100% / var(--tp-scale,.6875));transform:scale(var(--tp-scale,.6875));transform-origin:0 0;border:0;position:absolute;inset-block-start:0;inset-inline-start:0}.tp-screen img,.tp-screen-error>img{object-fit:cover;object-position:top;block-size:100%;inline-size:100%;display:block}.tp-screen-error{position:absolute;inset:0}.tp-screen-note{inset:auto var(--ij-space-2) var(--ij-space-2);padding:var(--ij-space-2) var(--ij-space-3);border-radius:var(--ij-radius-lg);background:var(--ij-surface);box-shadow:var(--ij-shadow-2);color:var(--ij-text);font-size:var(--ij-text-xs);line-height:var(--ij-leading-xs);justify-items:start;display:grid;position:absolute}.tp-screen-note .st-text{min-block-size:0;padding:0}.tp-position{color:var(--ij-text-muted);font-size:var(--ij-text-xs);line-height:var(--ij-leading-xs);font-variant-numeric:tabular-nums;margin:0}.tp-explore{gap:var(--ij-space-2);min-block-size:var(--ij-target-min);color:var(--ij-accent);font-size:var(--ij-text-sm);text-decoration:underline;-webkit-text-decoration-color:var(--ij-border-strong);text-decoration-color:var(--ij-border-strong);text-underline-offset:var(--ij-space-1);align-items:center;font-weight:600;display:inline-flex}.tp-head,.tp-facts{gap:var(--ij-space-2);justify-self:stretch;min-inline-size:0;display:grid}.tp-detail-name{font-family:var(--ij-font-display);font-size:var(--ij-text-2xl);line-height:var(--ij-leading-2xl);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;display:-webkit-box;overflow:hidden}.tp-detail-state{gap:var(--ij-space-2);flex-wrap:wrap;align-items:center;margin:0;display:flex}.tp-state{gap:var(--ij-space-1);color:var(--ij-text);font-size:var(--ij-text-sm);line-height:var(--ij-leading-sm);align-items:center;font-weight:600;display:inline-flex}.tp-state[data-kind=owned]{color:var(--sb-ok,var(--ij-success))}.tp-does{gap:var(--ij-space-2);font-size:var(--ij-text-sm);line-height:var(--ij-leading-sm);align-items:flex-start;margin:0;display:flex}.tp-does>svg{color:var(--ij-accent);flex:none;margin-block-start:calc(var(--ij-space-1) / 2)}.tp-blurb{color:var(--ij-text-muted);font-size:var(--ij-text-sm);line-height:var(--ij-leading-sm);text-wrap:pretty;margin:0}.tp-foot{gap:var(--ij-space-3);padding:var(--ij-space-4);border-block-start:1px solid var(--ij-border);background:var(--ij-surface);display:grid;position:sticky;inset-block-end:0}.tp-act{margin:0;display:grid}.tp-foot .tp-primary{justify-self:stretch;inline-size:100%;max-inline-size:none}.tp-locked{color:var(--ij-text-muted);font-size:var(--tp-meta);margin:0;line-height:1.385}.tp-locked .st-text{min-block-size:0;font-size:inherit;padding:0}.tp-inuse{color:var(--ij-text-muted);font-size:var(--ij-text-sm);line-height:var(--ij-leading-sm);text-align:center;margin:0;font-weight:600}.tp-outcome{gap:var(--ij-space-1);font-size:var(--tp-meta);margin:0;line-height:1.385;display:grid}.tp-outcome:focus-visible{outline:var(--ij-focus-width) solid var(--ij-focus);outline-offset:var(--ij-focus-offset);border-radius:var(--ij-radius-sm)}.tp-outcome>div{gap:var(--ij-space-1);min-inline-size:0;display:flex}.tp-outcome dt{color:var(--ij-text-muted);flex:none}.tp-outcome dt:after{content:":"}.tp-outcome dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.tp-outcome>.is-list{flex-direction:column}.tp-outcome>.is-list dd{white-space:normal}.tp-outcome ul{gap:var(--ij-space-1);margin:0;padding-inline-start:var(--ij-space-4);display:grid}.tp-outcome-note{color:var(--ij-text-muted);font-size:var(--tp-meta);margin:0;line-height:1.385}.tp-bar{display:none}@media not (min-width:416px){.tp-tabs .tp-tab{min-inline-size:0;padding-block:var(--ij-space-1);padding-inline:var(--ij-space-1);line-height:var(--ij-leading-xs);flex-direction:column;gap:0}}@media not (min-width:768px){.tp-tabs{inline-size:100%}.tp-tab{padding-inline:var(--ij-space-2);flex:auto}.tp-soon{padding-inline:var(--ij-space-1)}.tp-soon-word{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.tp-search{max-inline-size:none}.tp-scrim{z-index:29;background:#29252266;display:block;position:fixed;inset:0}.tp-sheet{z-index:30;max-block-size:70dvh;inline-size:auto;border-radius:var(--tp-radius-card) var(--tp-radius-card) 0 0;padding-block-end:env(safe-area-inset-bottom);position:fixed;inset:auto 0 0}.tp-detail[data-open]{z-index:40;overscroll-behavior:contain;animation:tp-rise calc(var(--ij-duration-fast) * 2) var(--ij-ease-standard);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.tp-detail-bar{min-block-size:var(--ij-space-8);padding-inline:var(--ij-space-2);border-block-end:1px solid var(--ij-border);align-items:center;display:flex;position:relative}.tp-back{z-index:1;gap:var(--ij-space-1);min-block-size:var(--ij-target-min);padding-inline:var(--ij-space-2);color:var(--ij-accent);font-size:var(--ij-text-sm);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.tp-back:focus-visible{outline:var(--ij-focus-width) solid var(--ij-focus);outline-offset:calc(var(--ij-focus-offset) * -1);border-radius:var(--ij-radius-md)}.tp-detail-title{inset-inline:calc(var(--ij-space-8) * 1.5);font-size:var(--ij-text-base);line-height:var(--ij-leading-base);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;position:absolute;overflow:hidden}.tp-detail-body{padding:var(--ij-space-5) var(--ij-space-4);overscroll-behavior:contain;overflow-y:auto}.tp-stage{inline-size:100%}.tp-phone{block-size:auto;inline-size:min(calc(var(--ij-space-8) * 4.5 + var(--ij-space-4) - var(--ij-space-1)), calc(100vw - var(--ij-space-8)), calc((100dvh - var(--ij-space-8) * 5) * 9 / 19.5))}.tp-head .tp-detail-name{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.tp-step{z-index:1;inline-size:var(--ij-target-min);block-size:var(--ij-target-min);border-radius:var(--ij-radius-full);background:color-mix(in srgb, var(--ij-surface) 88%, transparent);box-shadow:var(--ij-shadow-1);color:var(--ij-text);cursor:pointer;border:0;flex:none;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:calc(50% - var(--ij-target-min) / 2)}.tp-step[data-dir=prev]{inset-inline-start:calc(var(--ij-space-2) * -1)}.tp-step[data-dir=next]{inset-inline-end:calc(var(--ij-space-2) * -1)}.tp-foot{padding-block-end:calc(var(--ij-space-4) + env(safe-area-inset-bottom))}.tp[data-mode=setup]{padding-block-end:calc(var(--ij-space-8) + var(--ij-space-2))}.tp[data-mode=setup] .tp-bar{z-index:20;min-block-size:calc(var(--ij-space-8) - var(--ij-space-2));padding:var(--ij-space-2) var(--ij-space-4) calc(var(--ij-space-2) + env(safe-area-inset-bottom));border-block-start:1px solid var(--ij-border);background:var(--ij-surface);align-items:center;display:flex;position:fixed;inset:auto 0 0}.tp-bar .st-open{inline-size:100%;max-inline-size:none}.tp[data-sheet] .tp-bar{display:none}}@keyframes tp-rise{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.tp-screen[data-state=loading]:before{animation:none}a.tp-pick:hover .tp-thumb{transform:none}.tp-detail[data-open]{animation-name:tp-fade;animation-duration:var(--ij-duration-fast)}}@keyframes tp-fade{0%{opacity:0}}@media (min-width:768px){.tp-grid{gap:var(--ij-space-4)}.tp[data-mode=public] .tp-grid{gap:var(--ij-space-5);grid-template-columns:repeat(3,minmax(0,1fr))}.tp:is([data-mode=setup],[data-mode=switch]){grid-template-columns:minmax(0, 1fr) var(--tp-pane);column-gap:var(--ij-space-7);align-items:start}.tp-detail{border:1px solid var(--ij-border);border-radius:var(--tp-radius-card);display:grid;position:sticky;inset-block-start:var(--ij-space-5)}.tp-detail-body{padding:var(--ij-space-5) var(--ij-space-5) var(--ij-space-4);border-radius:var(--tp-radius-card) var(--tp-radius-card) 0 0}.tp-foot{border-radius:0 0 var(--tp-radius-card) var(--tp-radius-card)}.tp-position{display:none}.tp-skel-pane{block-size:calc(var(--ij-space-8) * 10);display:block}}@media (min-width:1024px){.tp{--tp-pane:calc(var(--ij-space-8) * 5 + var(--ij-space-6))}.tp:is([data-mode=setup],[data-mode=switch]) .tp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tp[data-mode=public] .tp-grid{gap:var(--ij-space-5);grid-template-columns:repeat(4,minmax(0,1fr))}}