.vfp-titanium{--t-copper: #c4763a;--t-navy: #1e3350;--edge-strength: .85;position:relative;height:154px;overflow:hidden;isolation:isolate;color:#0f1c2e;background:radial-gradient(ellipse at 15% 130%,#dce7ef80,transparent 65%),radial-gradient(ellipse at 80% -40%,#efdfd340,transparent 65%),#f7f9fb;border-bottom:1px solid #e5eaf0}.vfp-titanium *,.vfp-titanium *:before,.vfp-titanium *:after{box-sizing:border-box}.vfp-titanium .t-label{position:absolute;top:18px;left:26px;right:136px;margin:0;font-size:12px;letter-spacing:1.5px;line-height:1.5;color:#56677a;font-weight:500;text-transform:uppercase}.vfp-titanium .t-pause{position:absolute;right:18px;top:8px;z-index:2;min-height:38px;padding:6px 12px;display:flex;align-items:center;gap:7px;background:transparent;border:0;border-radius:20px;color:#67798d;font:inherit;font-size:11px;line-height:1;cursor:pointer;touch-action:manipulation}.vfp-titanium .t-pause:hover{background:#eaf0f5}.vfp-titanium .t-pause:focus-visible{outline:2px solid var(--t-copper);outline-offset:1px}.vfp-titanium .t-symbol{display:inline-block;min-width:10px;text-align:center}.vfp-titanium .t-stars{position:absolute;inset:0;pointer-events:none}.vfp-titanium .t-star{position:absolute;width:1.5px;height:1.5px;border-radius:50%;background:#7f96ab;opacity:.23}.vfp-titanium .t-stage{position:absolute;left:0;right:0;top:43px;height:106px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);outline:none;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab}.vfp-titanium .t-stage:active{cursor:grabbing}.vfp-titanium:has(.t-stage:focus-visible){outline:2px solid var(--t-copper);outline-offset:-3px}.vfp-titanium .t-track{position:absolute;inset:0;margin:0;padding:0;list-style:none;perspective:1000px;display:flex;align-items:flex-start;gap:42px}.vfp-titanium .t-tile{position:relative;flex:0 0 auto;width:-moz-max-content;width:max-content;height:62px;transform-style:preserve-3d;transform:translate3d(0,var(--y, 16px),0) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) rotate(var(--rz, 0deg));--edge-angle: 0deg}.vfp-titanium .t-tile:first-child{margin-left:calc(4% + 12px)}.vfp-titanium.is-live .t-tile{position:absolute;left:0;top:0;transform:translate3d(var(--x, 0px),var(--y, 16px),0) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) rotate(var(--rz, 0deg))}.vfp-titanium.is-live .t-tile:first-child{margin-left:0}.vfp-titanium.is-playing .t-tile:not([data-off]){will-change:transform}.vfp-titanium .t-face{position:relative;height:100%;border-radius:14px;border:1px solid #d9e2e9;background:linear-gradient(135deg,#fff,#f8fafc 48%,#e4ecf2);box-shadow:inset 0 1px #fff,inset -1px -2px 3px #abc0d04a,2px 3px #b8c8d480,4px 5px #dce4eb,5px 12px 16px #203a5615;padding:12px 18px;display:flex;flex-direction:column;justify-content:center;gap:5px}.vfp-titanium .t-face:after{content:"";position:absolute;inset:4px;border-radius:10px;border:1px solid #ffffff9c;pointer-events:none}.vfp-titanium .t-name{color:#1e3350;font-size:15px;font-weight:600;letter-spacing:-.3px;line-height:1.1;white-space:nowrap}.vfp-titanium .t-meta{color:#667d92;font-size:11px;line-height:1.1;white-space:nowrap}.vfp-titanium .t-meta:before{content:"";display:inline-block;width:4px;height:4px;background:#c4763a;border-radius:50%;vertical-align:2px;margin-right:6px}.vfp-titanium .t-edge,.vfp-titanium .t-bloom{display:none;pointer-events:none}@supports (((-webkit-mask-composite: xor) or (mask-composite: exclude)) or (-webkit-mask-composite: xor)){.vfp-titanium .t-edge{display:block;position:absolute;inset:-1px;border-radius:15px;padding:1.4px;background:conic-gradient(from var(--edge-angle),#1e335025 0deg,#1e335080 45deg,#1e3350 95deg,#c4763a 132deg,#edc3a0 157deg,#c4763a 177deg,#1e335090 230deg,#1e335015 280deg,#1e335025 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--edge-strength)}.vfp-titanium .t-bloom{display:block;position:absolute;inset:-3px;border-radius:16px;filter:blur(3.5px);opacity:calc(var(--edge-strength) * .4)}.vfp-titanium .t-bloom .t-edge{inset:0;padding:2px;opacity:1}.vfp-titanium .t-tile[data-off] .t-bloom{display:none}}@media(max-width:600px){.vfp-titanium .t-label{left:18px;right:122px;font-size:11px;letter-spacing:1px}.vfp-titanium .t-pause{right:12px;top:3px;min-height:44px}}
