.ts2-theme{color-scheme:light;color:var(--s2-text);--font-body:"Nunito", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--s2-panel:oklch(78% .05 255);--s2-panel-light:oklch(84% .04 255);--s2-panel-dark:oklch(68% .07 255);--s2-border:oklch(38% .1 270);--s2-border-light:oklch(55% .08 265);--s2-blue:oklch(58% .14 245);--s2-blue-light:oklch(62% .08 250);--s2-green:oklch(65% .18 145);--s2-green-dark:oklch(48% .15 145);--s2-green-bright:oklch(72% .2 145);--s2-text:oklch(25% .04 270);--s2-text-light:oklch(45% .05 265);--s2-text-bright:oklch(95% .005 260);--s2-glow:oklch(65% .18 145/.5);--s2-glow-strong:oklch(65% .18 145/.75);--s2-highlight:oklch(100% .003 260/.55);--s2-inset:oklch(15% .02 270/.15);--s2-shadow:oklch(10% .02 270/.45);--s2-accent:oklch(58% .22 350);--s2-accent-dark:oklch(42% .2 350)}.ts2-product-shell{background:linear-gradient(oklch(52% .08 255),oklch(42% .1 270));flex-direction:column;align-items:center;gap:24px;width:100%;min-height:100dvh;padding:24px;display:flex;position:relative;overflow-x:hidden}.ts2-product-shell--detail{height:100dvh}.ts2-hex-bg{z-index:0;pointer-events:none;view-transition-name:ts2-hex-bg;position:fixed;inset:0;overflow:hidden}.ts2-hex{aspect-ratio:1;opacity:.06;filter:brightness(1.2);will-change:transform;background-image:url(/PawlygonHex.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:180px;position:absolute}.ts2-hex--1{width:220px;top:8%;left:-4%}.ts2-hex--2{width:280px;top:25%;right:-6%}.ts2-hex--3{width:160px;top:55%;left:10%}.ts2-hex--4{width:200px;bottom:18%;right:5%}.ts2-hex--5{width:140px;bottom:8%;left:35%}.ts2-hex--6{width:180px;top:70%;left:-8%}.ts2-hex--7{width:120px;top:38%;right:12%}::view-transition-old(ts2-hex-bg){opacity:0;animation:none}::view-transition-new(ts2-hex-bg){animation:none}.ts2-back{border:3px solid var(--s2-border);background:linear-gradient(180deg, var(--s2-panel-light), var(--s2-panel));color:var(--s2-text);font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 12px var(--s2-shadow), inset 0 1px 0 var(--s2-highlight), inset 0 -1px 0 var(--s2-inset);border-radius:4px 16px 16px 4px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px 8px 20px;font-size:.78rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;transform:skew(-8deg)}.ts2-back:hover,.ts2-back:focus-visible{box-shadow:0 6px 18px var(--s2-shadow), inset 0 1px 0 var(--s2-highlight), inset 0 -1px 0 var(--s2-inset);outline:none;transform:skew(-8deg)translateY(-2px)}.ts2-back:active{box-shadow:inset 0 2px 4px var(--s2-inset), 0 1px 4px var(--s2-shadow);transform:skew(-8deg)translateY(1px)}.ts2-badge{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--s2-blue);border:1.5px solid var(--s2-blue-light);box-shadow:inset 0 1px 0 var(--s2-highlight), 0 1px 3px var(--s2-shadow);background:linear-gradient(oklch(88% .04 255/.5),oklch(82% .04 255/.4));border-radius:999px;padding:4px 10px;font-size:.58rem;font-weight:700}.ts2-badge--sm{padding:2px 8px;font-size:.55rem}.ts2-badge[data-status=coming-soon]{color:oklch(55% .08 70);background:linear-gradient(oklch(82% .04 70/.3),oklch(76% .04 70/.25));border-color:oklch(60% .06 70)}.ts2-badge[data-status=available]{color:var(--s2-green-dark);border-color:var(--s2-green-dark);background:linear-gradient(oklch(75% .15 145/.25),oklch(68% .14 145/.2))}.ts2-badge--slant{border-radius:4px 12px;transform:skew(-10deg)}.ts2-empty-panel{z-index:1;background:linear-gradient(180deg, var(--s2-panel-light), var(--s2-panel));border:3px solid var(--s2-border);width:100%;max-width:1200px;min-height:200px;box-shadow:0 8px 24px var(--s2-shadow), inset 0 1px 0 var(--s2-highlight), inset 0 -2px 0 var(--s2-inset), inset 4px 0 8px var(--s2-inset), inset -4px 0 8px var(--s2-inset);border-radius:24px 24px 64px 64px/18px 18px 40px 40px;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.ts2-empty{font-family:var(--font-body);color:var(--s2-text-light);margin:0;font-size:.88rem;font-weight:700}@media (width<=560px){.ts2-product-shell{gap:16px;padding:16px}.ts2-back{padding:6px 12px 6px 14px;font-size:.72rem}.ts2-badge{padding:3px 8px;font-size:.55rem}.ts2-empty-panel{min-height:140px;padding:18px}}@media (prefers-reduced-motion:reduce){.ts2-back{transition:none}}
