.tlf-playground-frame .tlpg-cki-shell,.tlf-playground-frame .tlpg-cki-shell *,.tlf-playground-frame .tlpg-cki-shell *:before,.tlf-playground-frame .tlpg-cki-shell *:after{box-sizing:border-box}@property --tlpg-cki-card-size{syntax: "<length>"; inherits: true; initial-value: 300px;}@property --tlpg-cki-step-1{syntax: "<length>"; inherits: true; initial-value: 217.16px;}@property --tlpg-cki-step-2{syntax: "<length>"; inherits: true; initial-value: 395.16px;}@property --tlpg-cki-step-3{syntax: "<length>"; inherits: true; initial-value: 573.16px;}.tlf-playground-frame .tlpg-cki-shell{--tlpg-cki-bg: #ffffff;--tlpg-cki-surface: rgba(255, 255, 255, .96);--tlpg-cki-text: #121212;--tlpg-cki-muted: #757575;--tlpg-cki-line: rgba(17, 17, 17, .1);--tlpg-cki-hover: rgba(17, 17, 17, .055);--tlpg-cki-overlay: rgba(20, 20, 20, .22);--tlpg-cki-step-1: 217.16px;--tlpg-cki-step-2: 395.16px;--tlpg-cki-step-3: 573.16px;position:relative;width:100%;min-height:620px;display:flex;flex-direction:column;overflow:hidden;container-type:inline-size;color:var(--tlpg-cki-text);background:var(--tlpg-cki-bg);font-family:inherit;outline:none;transition:color .18s ease,background-color .18s ease}.tlf-playground-frame .tlpg-cki-shell.tlpg-cki-theme-dark{--tlpg-cki-bg: #111111;--tlpg-cki-surface: rgba(28, 28, 28, .96);--tlpg-cki-text: #f4f4f4;--tlpg-cki-muted: #858585;--tlpg-cki-line: rgba(255, 255, 255, .13);--tlpg-cki-hover: rgba(255, 255, 255, .08);--tlpg-cki-overlay: rgba(0, 0, 0, .56)}.tlf-playground-frame .tlpg-cki-shell:focus-visible{box-shadow:inset 0 0 0 1px var(--border-ring, var(--tlpg-cki-text))}.tlf-playground-frame [data-scrollgallery-stage]>.tlpg-cki-shell{height:100%;min-height:0}.tlf-playground-frame .tlpg-cki-cover:focus-visible,.tlf-playground-frame .tlpg-cki-menu button:focus-visible,.tlf-playground-frame .tlpg-cki-search-row:focus-visible,.tlf-playground-frame .tlpg-cki-track-row:focus-visible{outline:1px solid color-mix(in srgb,var(--tlpg-cki-text) 60%,transparent);outline-offset:2px}.tlf-playground-frame .tlpg-cki-gallery{display:grid;width:100%;flex:1;place-items:center;min-height:inherit;padding:0}.tlf-playground-frame .tlpg-cki-stage{--tlpg-cki-card-size: calc(29.5cqw * var(--tlpg-cki-artwork-scale, 1));--tlpg-cki-step-1: calc(var(--tlpg-cki-card-size) * .479286);--tlpg-cki-step-2: calc(var(--tlpg-cki-card-size) * .787959);--tlpg-cki-step-3: calc(var(--tlpg-cki-card-size) * 1.052857);position:relative;width:calc(82.6% * var(--tlpg-cki-artwork-scale, 1));aspect-ratio:2.18;overflow:hidden;isolation:isolate;border-radius:calc(5cqw * var(--tlpg-cki-artwork-scale, 1));background-color:#000;background-image:radial-gradient(ellipse at 50% 0%,#19150f,#000 72%);transform:translateZ(0);cursor:grab;touch-action:pan-y}.tlf-playground-frame .tlpg-cki-stage:active{cursor:grabbing}.tlf-playground-frame .tlpg-cki-mask{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#000 0%,rgb(0 0 0 / .16) 8%,transparent 20%,transparent 80%,rgb(0 0 0 / .16) 92%,#000 100%),linear-gradient(0deg,#000 0%,rgb(0 0 0 / .94) 7%,rgb(0 0 0 / .62) 16%,transparent 39%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 20%,transparent 31%,transparent 69%,#000 80%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#000 20%,transparent 31%,transparent 69%,#000 80%,#000 100%)}@property --tlpg-cki-loaded{syntax: "<number>"; inherits: false; initial-value: 0;}.tlf-playground-frame .tlpg-cki-cover{position:absolute;top:calc((100% - var(--tlpg-cki-card-size)) / 2);left:50%;margin-left:calc(var(--tlpg-cki-card-size) / -2);z-index:20;width:var(--tlpg-cki-card-size);aspect-ratio:1;overflow:hidden;border:0;padding:0;border-radius:5%;font:inherit;background:#000;box-shadow:0 calc(16px * var(--tlpg-cki-artwork-scale, 1)) calc(40px * var(--tlpg-cki-artwork-scale, 1)) #0000001a;opacity:0;pointer-events:none;transform-origin:center center;will-change:transform,opacity}.tlf-playground-frame button.tlpg-cki-cover,.tlf-playground-frame .tlpg-cki-thumbnail .tlpg-cki-cover{cursor:pointer}.tlf-playground-frame .tlpg-cki-cover img{display:block;width:100%;max-width:none;height:100%;margin-left:0;border-radius:inherit;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;opacity:calc(var(--tlpg-cki-img-opacity, 1) * var(--tlpg-cki-loaded, 0));transition:--tlpg-cki-loaded .36s ease}.tlf-playground-frame .tlpg-cki-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--tlpg-cki-frontness: clamp(0, calc((var(--tlpg-cki-img-opacity, 1) - .78) / .22), 1);border-radius:inherit;background:linear-gradient(180deg,rgb(128 128 128 / .25),rgb(128 128 128 / .1) 38%,transparent 68%),linear-gradient(0deg,rgb(0 0 0 / calc(.62 * var(--tlpg-cki-frontness))),rgb(0 0 0 / calc(.12 * var(--tlpg-cki-frontness))) 27%,transparent 48%)}.tlf-playground-frame .tlpg-cki-cover:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,#000 0%,rgb(0 0 0 / .94) 9%,rgb(0 0 0 / .54) 27%,transparent 65%);opacity:clamp(0,calc((1 - var(--tlpg-cki-img-opacity, 1)) / .22),1)}.tlf-playground-frame .tlpg-cki-cover:focus-visible{outline:2px solid #fff;outline-offset:3px}.tlf-playground-frame .tlpg-cki-cover-caption{position:absolute;z-index:1;right:4%;bottom:6%;left:4%;display:flex;flex-direction:column;gap:calc(.35cqw * var(--tlpg-cki-artwork-scale, 1));color:#fff;text-align:center;pointer-events:none;opacity:clamp(0,calc((var(--tlpg-cki-img-opacity, 1) - .78) / .22),1)}.tlf-playground-frame .tlpg-cki-cover-caption strong{font-size:calc(clamp(10px,1.9cqw,24px) * var(--tlpg-cki-artwork-scale, 1));font-weight:400;line-height:1.15}.tlf-playground-frame .tlpg-cki-cover-caption small{color:#ffffffbf;font-size:calc(clamp(8px,1.15cqw,15px) * var(--tlpg-cki-artwork-scale, 1));line-height:1.2}.tlf-playground-frame .tlpg-cki-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tlf-playground-frame .tlpg-cki-menu{position:absolute;z-index:45;top:18px;right:18px;display:flex;width:152px;flex-direction:column;gap:1px;padding:8px;border:1px solid var(--tlpg-cki-line);border-radius:12px;background:var(--tlpg-cki-surface);box-shadow:0 14px 36px #0000001f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:tlpg-cki-menu-in .18s cubic-bezier(.16,1,.3,1)}.tlf-playground-frame .tlpg-cki-menu button{display:flex;width:100%;min-height:34px;align-items:center;justify-content:space-between;border:0;border-radius:7px;padding:0 9px;color:var(--tlpg-cki-text);background:transparent;font:inherit;font-size:13px;text-align:left;cursor:pointer}.tlf-playground-frame .tlpg-cki-menu button:hover{background:var(--tlpg-cki-hover)}.tlf-playground-frame .tlpg-cki-menu-divider{height:1px;margin:5px 0;background:var(--tlpg-cki-line)}.tlf-playground-frame .tlpg-cki-search{position:absolute;z-index:60;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:84px 20px 22px}.tlf-playground-frame .tlpg-cki-search-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:var(--tlpg-cki-overlay);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);cursor:default}.tlf-playground-frame .tlpg-cki-search-dialog{position:relative;z-index:2;display:flex;width:min(520px,100%);max-height:min(480px,100%);flex-direction:column;overflow:hidden;border:1px solid var(--tlpg-cki-line);border-radius:15px;background:var(--tlpg-cki-surface);box-shadow:0 24px 60px #0003;animation:tlpg-cki-dialog-in .23s cubic-bezier(.16,1,.3,1)}.tlf-playground-frame .tlpg-cki-search-field{display:flex;min-height:54px;align-items:center;gap:11px;border-bottom:1px solid var(--tlpg-cki-line);padding:0 15px;color:var(--tlpg-cki-muted)}.tlf-playground-frame .tlpg-cki-search-field input{min-width:0;flex:1;border:0;outline:0;color:var(--tlpg-cki-text);background:transparent;font:inherit;font-size:16px}.tlf-playground-frame .tlpg-cki-search-field input::placeholder{color:var(--tlpg-cki-muted)}.tlf-playground-frame .tlpg-cki-search-close{display:inline-flex;min-width:34px;height:26px;align-items:center;justify-content:center;border:1px solid var(--tlpg-cki-line);border-radius:7px;color:var(--tlpg-cki-muted);background:transparent;font:inherit;font-size:12px;cursor:pointer}.tlf-playground-frame .tlpg-cki-search-close svg{display:none}.tlf-playground-frame .tlpg-cki-search-results,.tlf-playground-frame .tlpg-cki-list-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.tlf-playground-frame .tlpg-cki-search-results{padding:9px}.tlf-playground-frame .tlpg-cki-search-row,.tlf-playground-frame .tlpg-cki-track-row{display:grid;width:100%;align-items:center;border:0;color:var(--tlpg-cki-text);background:transparent;font:inherit;text-align:left;cursor:pointer}.tlf-playground-frame .tlpg-cki-search-row{grid-template-columns:42px minmax(0,1fr);gap:11px;min-height:56px;border-radius:10px;padding:6px 10px}.tlf-playground-frame .tlpg-cki-search-row:hover,.tlf-playground-frame .tlpg-cki-search-row.tlpg-is-selected,.tlf-playground-frame .tlpg-cki-track-row:hover,.tlf-playground-frame .tlpg-cki-track-row.tlpg-is-selected{background:var(--tlpg-cki-hover)}.tlf-playground-frame .tlpg-cki-search-row .tlpg-cki-artwork,.tlf-playground-frame .tlpg-cki-track-row .tlpg-cki-artwork{display:block;width:42px;height:42px;overflow:hidden;border-radius:8px}.tlf-playground-frame .tlpg-cki-artwork img{display:block;width:100%;max-width:none;height:100%;margin-left:0;object-fit:cover;object-position:center}.tlf-playground-frame .tlpg-cki-search-row span,.tlf-playground-frame .tlpg-cki-track-row span{min-width:0}.tlf-playground-frame .tlpg-cki-search-row strong,.tlf-playground-frame .tlpg-cki-track-row strong{display:block;overflow:hidden;font-size:14px;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.tlf-playground-frame .tlpg-cki-search-row small,.tlf-playground-frame .tlpg-cki-track-row small{display:block;margin-top:3px;overflow:hidden;color:var(--tlpg-cki-muted);font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.tlf-playground-frame .tlpg-cki-search-empty{margin:34px 0;color:var(--tlpg-cki-muted);font-size:13px;text-align:center}.tlf-playground-frame .tlpg-cki-list-view{display:flex;min-height:0;flex:1;flex-direction:column;padding:24px 18px 20px}.tlf-playground-frame .tlpg-cki-list-scroll{min-height:0;flex:1}.tlf-playground-frame .tlpg-cki-list-heading{display:flex;align-items:center;gap:7px;padding:0 7px 12px;color:var(--tlpg-cki-muted);font-size:12px}.tlf-playground-frame .tlpg-cki-track-row{grid-template-columns:44px minmax(0,1fr) auto;gap:12px;min-height:60px;border-radius:10px;padding:7px 9px}.tlf-playground-frame .tlpg-cki-row-length{color:var(--tlpg-cki-muted);font-size:12px;font-variant-numeric:tabular-nums}.tlf-playground-frame .tlpg-cki-compact{height:100%;min-height:0}.tlf-playground-frame .tlpg-cki-compact .tlpg-cki-gallery{min-height:0;padding:0}@container (max-width: 480px){.tlf-playground-frame .tlpg-cki-stage{--tlpg-cki-card-size: calc(32.14cqw * var(--tlpg-cki-artwork-scale, 1));width:calc(90% * var(--tlpg-cki-artwork-scale, 1));aspect-ratio:2.18;border-radius:calc(5.45cqw * var(--tlpg-cki-artwork-scale, 1))}.tlf-playground-frame .tlpg-cki-cover-caption strong{font-size:calc(clamp(10px,2.65cqw,14px) * var(--tlpg-cki-artwork-scale, 1))}.tlf-playground-frame .tlpg-cki-cover-caption small{font-size:calc(clamp(8px,1.95cqw,11px) * var(--tlpg-cki-artwork-scale, 1))}.tlf-playground-frame .tlpg-cki-search{padding:0}.tlf-playground-frame .tlpg-cki-search-backdrop{display:none}.tlf-playground-frame .tlpg-cki-search-dialog{width:100%;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none}.tlf-playground-frame .tlpg-cki-search-results{flex:1}.tlf-playground-frame .tlpg-cki-search-close span{display:none}.tlf-playground-frame .tlpg-cki-search-close svg{display:block}.tlf-playground-frame .tlpg-cki-menu{right:12px}}@keyframes tlpg-cki-menu-in{0%{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:none}}@keyframes tlpg-cki-dialog-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tlf-playground-frame .tlpg-cki-cover,.tlf-playground-frame .tlpg-cki-cover img,.tlf-playground-frame .tlpg-cki-shell{transition-duration:.01ms!important}.tlf-playground-frame .tlpg-cki-menu,.tlf-playground-frame .tlpg-cki-search-dialog{animation:none}}.tlf-playground-frame .tlpg-cki-reduced-motion .tlpg-cki-cover,.tlf-playground-frame .tlpg-cki-reduced-motion .tlpg-cki-cover img,.tlf-playground-frame .tlpg-cki-shell.tlpg-cki-reduced-motion{transition-duration:.01ms!important}.tlf-playground-frame .tlpg-cki-reduced-motion .tlpg-cki-menu,.tlf-playground-frame .tlpg-cki-reduced-motion .tlpg-cki-search-dialog{animation:none}