@layer components{.ap-wrap{width:100%;max-width:1472px;margin-inline:auto;padding-inline:26px}@media (min-width:640px){.ap-wrap{padding-inline:36px}}.ap-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:44px;font-weight:400;line-height:1.05}@media (min-width:640px){.ap-title{font-size:60px}}.ap-lead{max-width:36em;color:var(--color-ink-2);margin-top:12px;font-size:15px;line-height:24px}.ap-h2{letter-spacing:-.01em;color:var(--color-ink);font-size:17px;font-weight:500}.ap-lift{transition:translate var(--spring-ms) var(--ease-spring), box-shadow .26s var(--ease-out), background-color .2s var(--ease-out), color .18s var(--ease-out)}.ap-lift-child{transition:translate var(--spring-ms) var(--ease-spring), box-shadow .26s var(--ease-out), background-color .2s var(--ease-out)}.ap-zoom{transition:scale .7s var(--ease-soft)}.ap-pin{transition:translate var(--spring-ms) var(--ease-spring), box-shadow .26s var(--ease-out);border-radius:16px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 18px 40px -26px #000000e6}.ap-cap{-webkit-backdrop-filter:blur(12px);color:#fff;pointer-events:none;opacity:0;transition:opacity .16s var(--ease-in), translate .16s var(--ease-in);background:#0c0d119e;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;line-height:16px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;translate:0 6px}.ap-ph{background:linear-gradient(160deg, #ffffff0b, #ffffff04 60%), var(--color-raise)}.ap-ph canvas{animation:fade .42s var(--ease-out) both}.ap-pill{height:32px;color:var(--color-ink-3);cursor:pointer;white-space:nowrap;transition:background-color .18s var(--ease-out), color .18s var(--ease-out), box-shadow .18s var(--ease-out), scale var(--spring-ms) var(--ease-spring);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.ap-count{font-variant-numeric:tabular-nums;color:var(--color-ink-3);transition:color .18s var(--ease-out);font-size:12px}.ap-dot{cursor:pointer;width:28px;height:28px;transition:scale var(--spring-ms) var(--ease-spring), box-shadow .2s var(--ease-out);border-radius:999px;flex-shrink:0;padding:3px;position:relative;box-shadow:inset 0 0 0 1px #fff0}.ap-dot>span{width:100%;height:100%;transition:scale var(--spring-ms) var(--ease-spring);border-radius:999px;display:block;box-shadow:inset 0 0 0 1px #ffffff24}.ap-swatch{aspect-ratio:1;transition:translate var(--spring-ms) var(--ease-spring), box-shadow .2s var(--ease-out);border-radius:14px;display:block;overflow:hidden}.ap-swatch>*{transition:scale var(--spring-ms) var(--ease-spring)}.ap-fade-x{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 48px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 48px),#0000 100%)}.ap-row{transition:background-color .18s var(--ease-out)}.ap-arrow{transition:translate var(--spring-ms) var(--ease-spring), color .18s var(--ease-out), opacity .18s var(--ease-out)}.ap-link{transition:background-size .36s var(--ease-soft), color .18s var(--ease-out);cursor:pointer;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:1px}.ap-nav{height:36px;color:var(--color-ink-3);cursor:pointer;transition:color .18s var(--ease-out), background-color .18s var(--ease-out);border-radius:12px;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.ap-in{animation:ap-in .62s var(--ease-out) both;animation-delay:var(--d,0s)}.ap-opt{transition:background-color .12s var(--ease-out)}.ap-enter{opacity:0;transition:opacity .14s var(--ease-out), translate var(--spring-ms) var(--ease-spring);translate:-4px}}@keyframes ap-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (hover:hover){.ap-lift:hover,.group:hover>.ap-lift-child{translate:0 -2px}.ap-lift:hover{background-color:var(--color-raise-2);box-shadow:inset 0 0 0 1px #ffffff14,0 30px 60px -30px #000000e6}.group:hover>.ap-lift-child{background-color:var(--color-raise-2);box-shadow:0 0 0 1px #ffffff14,0 30px 60px -24px #000000f2}.group:hover .ap-zoom{scale:1.03}.group:hover>.ap-pin,.ap-pin:hover{translate:0 -3px;box-shadow:0 0 0 1px #ffffff1a,0 30px 60px -24px #000000f2}.group:hover .ap-cap{opacity:1;transition:opacity .2s var(--ease-out), translate var(--spring-ms) var(--ease-spring);translate:0}.ap-pill:hover{color:var(--color-ink);background:#ffffff0f}.ap-dot:hover{scale:1.12}.group:hover .ap-swatch{translate:0 -2px}.ap-row:hover{background-color:#ffffff0a}.ap-row:hover .ap-arrow,.group:hover .ap-arrow{color:var(--color-ink);translate:3px}.ap-link:hover{color:var(--color-ink);background-size:100% 1px}.ap-nav:hover{color:var(--color-ink);background:#ffffff0d}}.ap-pill[aria-pressed=true],.ap-pill[aria-selected=true]{color:#121318;background:var(--color-ink);box-shadow:0 6px 16px -8px #000000b3}.ap-pill[aria-pressed=true] .ap-count,.ap-pill[aria-selected=true] .ap-count{color:#1213188c}.ap-dot[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--color-ink)}.ap-dot[aria-pressed=true]>span{scale:.78}.group[aria-checked=true] .ap-swatch{box-shadow:0 0 0 2px var(--color-bench), 0 0 0 4px var(--color-ink)}.group[aria-checked=true] .ap-swatch>*{scale:1.06}.ap-nav[aria-current=page]{color:var(--color-ink);background:#ffffff14}.ap-opt[aria-selected=true]{background:#ffffff12}.ap-opt[aria-selected=true] .ap-enter{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.ap-in{animation:none}}