@layer components{.tb-shell{background:var(--bg);min-height:100vh;color:var(--txt);font-family:var(--font);flex-direction:column;display:flex;position:relative}.tb-top{background:var(--nav);width:100%;display:none}.tb-top-in{justify-content:center;align-items:center;height:13.5rem;padding:.5rem 1rem;display:flex;position:relative}.tb-logo{line-height:0;display:block}.tb-logo img{object-fit:contain;width:17.4375rem;height:12.5rem;display:block}.tb-top-r{align-items:center;gap:1rem;display:flex;position:absolute;top:50%;right:1rem;translate:0 -50%}.tb-hello{text-align:right;color:#fff;font-size:.875rem;line-height:1.375rem}.tb-hello b,.tb-hello span{display:block}.tb-hello b{font-weight:700}.tb-wallet{background:var(--navbar);color:#fff;text-align:center;border-radius:.25rem;padding:.25rem .5rem}.tb-wallet-bal{color:#fff;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.25rem;width:100%;font-size:1.0625rem;font-weight:600;line-height:1.625rem;text-decoration:none;display:flex}.tb-wallet-bal svg{margin-top:.125rem}.tb-wallet-pt{color:#fff;cursor:pointer;width:100%;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:.875rem;font-weight:700;line-height:1.3125rem;display:block}.tb-wallet-bal:hover,.tb-wallet-pt:hover{filter:brightness(1.25)}.tb-vr{background:#4b4b4b;width:1px;height:1.75rem}.tb-logout{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;font-size:1.125rem;transition:color .15s;display:flex}.tb-logout:hover{color:var(--gold)}.tb-btn-frame{cursor:pointer;color:#fff;font:inherit;background:url(https://cdn.gmotion.io/brand/tinkerbell/btn-frame.04571301.jpg) 0 0/100% 100% no-repeat;border:0;border-radius:.25rem;padding:.5rem 1.5rem;font-size:1.125rem;line-height:1.6875rem}.tb-nav{background:var(--navbar);width:100%}.tb-nav ul{justify-content:center;align-items:center;height:3.6875rem;margin:0 auto;padding:0;list-style:none;display:flex}.tb-nav li{margin:0 1rem}.tb-nav a{color:#fff;font-size:.875rem;font-weight:700;line-height:1.6875rem;text-decoration:none;transition:color .15s}.tb-nav a:hover,.tb-nav a.on{color:var(--beige)}.tb-mtop{z-index:900;background:#202020e6;width:100%;position:sticky;top:0}.tb-mtop-in{justify-content:space-between;align-items:center;height:5.375rem;padding:0 1rem;display:flex;position:relative}.tb-round{border:1px solid var(--gold);color:#fff;cursor:pointer;background:#111;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;text-decoration:none;display:flex}.tb-mlogo{line-height:0;position:absolute;left:50%;translate:-50%}.tb-mlogo img{width:auto;height:4.875rem;display:block}.tb-strip{background:var(--grad-strip);color:#211202;white-space:nowrap;justify-content:space-between;align-items:center;gap:.5rem;height:2.125rem;padding:0 1rem;font-size:.8125rem;display:flex;overflow:hidden}.tb-strip b{font-variant-numeric:tabular-nums;font-weight:700}.tb-strip button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.tb-drawer{inset-inline:0;z-index:899;background:var(--bg);border-top:1px solid var(--gold);position:fixed;top:5.375rem;bottom:0;overflow-y:auto}.tb-drawer ul{margin:0;padding:.75rem 1.25rem 0;list-style:none}.tb-drawer li{padding:1rem 0}.tb-drawer a{color:var(--gold);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:500;text-decoration:none;display:flex}.tb-drawer-ic{font-size:1.375rem}.tb-drawer-rule{border-top:1px solid #4b4b4b;margin:1rem 1.25rem}.tb-drawer-act{justify-content:center;padding:1.5rem 0;display:flex}.tb-drawer-act .tb-btn-primary{align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;display:flex}.tb-btn-primary{background:var(--beige);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:.25rem;font-weight:600;transition:filter .15s}.tb-btn-primary:hover{filter:brightness(1.08)}.tb-btn-primary:disabled{opacity:.6}.tb-btn-gray{background:var(--gray);color:#fff;height:1.75rem;font:inherit;cursor:pointer;border:0;border-radius:.25rem;padding:0 1rem;font-size:.75rem;transition:filter .15s}.tb-btn-gray:hover{filter:brightness(1.15)}.tb-body{flex:1;width:100%;max-width:82.5rem;margin-inline:auto;padding:0 .75rem 2.5rem}.tb-hero{-webkit-user-select:none;user-select:none;background:#0c0c14;width:100vw;margin-inline:calc(50% - 50vw);position:relative;overflow:hidden}.tb-hero-view{aspect-ratio:1920/345;width:100%;min-height:6.25rem;position:relative;overflow:hidden}.tb-hero-track{width:100%;height:100%;transition:transform .7s ease-in-out;display:flex}.tb-hero-img{object-fit:cover;flex-shrink:0;width:100%;height:100%;display:block}.tb-hero-arr{color:#fffc;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:flex;position:absolute;top:50%;translate:0 -50%}.tb-hero-arr:hover{color:#fff}.tb-hero-arr.l{left:.75rem}.tb-hero-arr.r{right:.75rem}.tb-hero-dots{display:flex;position:absolute;bottom:.5rem;left:50%;translate:-50%}.tb-hero-dots button{cursor:pointer;background:#fff6 padding-box content-box;border:0;border-radius:50%;width:1.5rem;height:1.5rem;padding:.5rem}.tb-hero-dots button.on{background-color:#fff}.tb-banners{flex-direction:column;gap:1.5rem;padding:1.5rem 0 3rem;display:flex}.tb-banner{color:#fff;cursor:pointer;text-decoration:none;display:block}.tb-banner-line{background:var(--grad-bar);height:3px;display:block}.tb-banner-art{aspect-ratio:1420/277;background:#0b0b14;width:100%;min-height:7.5rem;display:block;position:relative;overflow:hidden}.tb-banner-art img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.tb-banner:hover .tb-banner-art img{transform:scale(1.02)}.tb-banner-cap{inset-inline:0;height:2.5rem;font-family:var(--font-cap);color:#fff;background:#00000080;align-items:center;padding:0 1rem;font-size:.9375rem;font-weight:700;display:flex;position:absolute;bottom:0}.tb-stage{padding:.5rem 0 0}.tb-panel{border:1px solid var(--line2);background:var(--bg);color:#fff;border-radius:.375rem;flex-direction:column;max-width:75rem;margin:1rem auto 0;display:flex;box-shadow:0 1.5625rem 3.125rem -.75rem #00000040}.tb-panel-head{border-bottom:1px solid var(--line3);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.tb-panel-ttl{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:.875rem;font-weight:700;overflow:hidden}.tb-panel-tools{flex:none;align-items:center;gap:.75rem;display:flex}.tb-panel-x{width:1.75rem;height:1.75rem;color:var(--mut);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.tb-panel-x:hover{color:#fff}.tb-panel-body{padding:1rem .75rem}.tb-panel-foot{border-top:1px solid var(--line3);justify-content:flex-end;padding:.75rem 1rem;display:flex}.tb-search{display:block;position:relative}.tb-search svg{color:#8a8a8a;pointer-events:none;position:absolute;top:50%;left:.5rem;translate:0 -50%}.tb-search input{border:1px solid var(--line);background:var(--card);color:#fff;width:7.5rem;height:1.75rem;font:inherit;border-radius:.25rem;outline:none;padding:0 .5rem 0 1.75rem;font-size:.75rem}.tb-search input::placeholder{color:#8a8a8a}.tb-search input:focus{border-color:var(--gold)}.tb-vgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.tb-vcard{aspect-ratio:352/197;text-align:left;border:1px solid var(--line2);color:#fff;width:100%;font:inherit;cursor:pointer;background:#151515;border-radius:.375rem;padding:0;transition:border-color .15s;display:block;position:relative;overflow:hidden}.tb-vcard:hover{border-color:var(--gold)}.tb-vcard.bare{background:linear-gradient(135deg,#1c1c1c,#121212)}.tb-vcard-art{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.tb-vcard:hover .tb-vcard-art{transform:scale(1.05)}.tb-vcard-mark{z-index:1;place-items:center;padding:.75rem;display:grid;position:absolute;inset:0 0 1.875rem}.tb-vcard:not(.bare) .tb-vcard-mark{background:#00000059}.tb-vcard-mark b{text-align:center;text-shadow:0 .0625rem .25rem #000000e6;word-break:keep-all;font-size:1rem;font-weight:700}.tb-vcard-mark img,.tb-vcard-mark svg,.tb-vcard-mark .vlogo{object-fit:contain;width:auto;max-width:75%;max-height:3rem}.tb-vcard-mark .vlogo{place-items:center;display:grid}.tb-vcard-mark .vlogo svg{max-width:100%;height:3rem}.tb-vcard-bar{inset-inline:0;z-index:2;background:#0009;justify-content:space-between;align-items:center;gap:.5rem;height:1.875rem;padding:0 .75rem;display:flex;position:absolute;bottom:0}.tb-vcard-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.6875rem;font-weight:600;overflow:hidden}.tb-vcard-play{color:#fff;background:#ffffff26;border-radius:.125rem;flex:none;padding:.125rem .5rem;font-size:.6875rem;transition:background-color .15s}.tb-vcard:hover .tb-vcard-play{background:var(--beige)}.tb-vcard.skel{cursor:default;animation:1.2s ease-in-out infinite alternate tb-pulse}.tb-vcard.skel:hover{border-color:var(--line2)}.tb-empty{text-align:center;color:var(--mut);padding:5rem 0}.tb-empty p{margin:0;font-size:.9375rem}.tb-empty small{margin-top:.5rem;font-size:.75rem;display:block}.tb-empty-line{text-align:center;color:var(--mut);margin:0;padding:5rem 0;font-size:.8125rem}.tb-ggrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.tb-ggrid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.tb-gcard{border:1px solid var(--line2);color:#fff;min-width:0;font:inherit;cursor:pointer;background:#151515;border-radius:.375rem;flex-direction:column;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.tb-gcard:hover{border-color:var(--gold)}.tb-gcard-art{aspect-ratio:1;width:100%;display:block;position:relative;overflow:hidden}.tb-ggrid.wide .tb-gcard-art{aspect-ratio:768/450}.tb-gcard-art img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.tb-gcard:hover .tb-gcard-art img{transform:scale(1.1)}.tb-gcard-ov{background:0 0;justify-content:center;align-items:center;transition:background-color .15s;display:flex;position:absolute;inset:0}.tb-gcard:hover .tb-gcard-ov{background:#0006}.tb-gcard-play{background:var(--beige);color:#fff;opacity:0;border-radius:.125rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;transition:opacity .15s}.tb-gcard:hover .tb-gcard-play{opacity:1}.tb-gcard.off .tb-gcard-art img{opacity:.35}.tb-gcard.off .tb-gcard-ov{background:#0006}.tb-gcard.off .tb-gcard-play{opacity:1;background:var(--gray)}.tb-gcard-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#1a1a1a;height:1.625rem;padding:0 .25rem;font-size:.6875rem;line-height:1.625rem;display:block;overflow:hidden}.tb-loading{color:var(--mut);flex-direction:column;justify-content:center;align-items:center;padding:5rem 0;display:flex}.tb-loading p{margin:.75rem 0 0;font-size:.8125rem}.tb-spin{border:4px solid #d5af654d;border-top-color:var(--gold);border-radius:50%;width:2.5rem;height:2.5rem;animation:1s linear infinite tb-spin}.tb-phead{padding:1.5rem .875rem .5rem}.tb-phead-tag{letter-spacing:.15em;color:var(--gold);margin-bottom:.375rem;font-size:.6875rem;font-weight:700;display:block}.tb-phead-h{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.tb-phead-p{color:var(--mut);margin:.5rem 0 0;font-size:.8125rem}@keyframes tb-spin{to{transform:rotate(360deg)}}@keyframes tb-pulse{0%{opacity:.45}to{opacity:.9}}@media (prefers-reduced-motion:reduce){.tb-hero-track,.tb-banner-art img,.tb-vcard-art,.tb-gcard-art img{transition:none}.tb-banner:hover .tb-banner-art img,.tb-vcard:hover .tb-vcard-art,.tb-gcard:hover .tb-gcard-art img{transform:none}.tb-vcard.skel{animation:none}}.abtn{background:var(--beige);color:#fff;border-radius:.25rem}.abtn:hover{filter:brightness(1.08)}.tabs .tab.on{background:var(--beige);color:#fff;border-color:#0000}.btn-login{background:var(--beige);color:#fff;box-shadow:none}.acard{border-color:var(--tb-border)}.lf-input:focus,.dp-input:focus{border-color:var(--gold)}.ui-dialog-backdrop:has(+.ui-dialog-positioner .lf-set){-webkit-backdrop-filter:none;backdrop-filter:none;background:#00000080}.ui-dialog-content:has(.lf-set){background:var(--bg);color:#fff;text-align:center;border:0;border-radius:.5rem;max-width:31.125rem;padding:1rem;box-shadow:0 1.5625rem 3.125rem -.75rem #00000040}.ui-dialog-content:has(.lf-set):before{content:"";background:url(https://cdn.gmotion.io/brand/tinkerbell/logo.bbafaaf0.png) 50%/contain no-repeat;width:8.375rem;height:6rem;margin:2.875rem auto 0;display:block}.ui-dialog-content:has(.lf-set) .ui-dialog-close{width:1.875rem;height:1.875rem;color:var(--mut);opacity:.5;background:0 0;border-radius:.25rem;top:1rem;right:1rem}.ui-dialog-content:has(.lf-set) .ui-dialog-close:hover{opacity:1;background:0 0}.ui-dialog-content:has(.lf-set) .ui-dialog-title{color:#fff;margin-top:1rem;font-size:1.875rem;font-weight:700;line-height:2.8125rem}.ui-dialog-content:has(.lf-set) .ui-dialog-desc{color:var(--mut);margin:.5rem 0 0;font-size:.875rem;line-height:1.3125rem}.ui-dialog-content:has(.lf-set) .acard{text-align:left;margin-top:1.5rem}.ui-dialog-content:has(.lf-set) .lbl{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-dialog-content:has(.lf-set) .afield{margin-bottom:1rem}.ui-dialog-content:has(.lf-set) .lf-input{border:1px solid var(--line);background-color:var(--card);color:#fff;background-position:1.0625rem;background-repeat:no-repeat;background-size:.875rem .875rem;border-radius:.25rem;height:2.9375rem;padding:0 1rem 0 2.75rem;font-size:.875rem}.ui-dialog-content:has(.lf-set) .lf-input::placeholder{color:#8a8a8a}.ui-dialog-content:has(.lf-set) .lf-input:focus{border-color:var(--gold)}.ui-dialog-content:has(.lf-set) .lf-set>.afield:first-child .lf-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bdbdbd' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E")}.ui-dialog-content:has(.lf-set) .lf-pw .lf-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bdbdbd'%3E%3Cpath d='M17 8h-1V6a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2zm-7-2a2 2 0 0 1 4 0v2h-4V6z'/%3E%3C/svg%3E");padding-right:2.75rem}.ui-dialog-content:has(.lf-set) .lf-eye{color:#fff;width:3rem;height:2.9375rem}.ui-dialog-content:has(.lf-set) .abtn{background:var(--beige);color:#fff;border-radius:.25rem;height:2.5rem;margin-top:.625rem;font-size:1rem;font-weight:600}@media (width>=40rem){.tb-vgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.tb-ggrid{grid-template-columns:repeat(4,minmax(0,1fr))}.tb-ggrid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}.tb-search input{width:10rem}}@media (width>=48rem){.tb-top{display:block}.tb-mtop{display:none}.tb-hero-arr.l{left:3.5rem}.tb-hero-arr.r{right:3.5rem}.tb-banner-art{min-height:0}.tb-banner-cap{padding:0 2rem;font-size:1.25rem}.tb-stage{padding-top:1rem}.tb-panel-body{padding:1rem}.tb-vgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.tb-ggrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.tb-ggrid.wide{grid-template-columns:repeat(4,minmax(0,1fr))}.tb-phead{padding-inline:1.5rem}.tb-phead-h{font-size:1.4375rem}}}
