@layer quartz-base{.quick-nav-wrapper{z-index:20;position:fixed;top:50%;right:1.1rem;transform:translateY(-50%)}.quick-nav{border-radius:22px;flex-direction:column;align-items:flex-end;gap:.55rem;padding:.6rem .5rem;transition:opacity .25s,transform .25s,visibility .25s;display:flex}.quick-nav-wrapper.quick-nav-wrapper--hidden .quick-nav{opacity:0;visibility:hidden;pointer-events:none;transform:translate(12px)}.quick-nav-wrapper:not(.quick-nav-wrapper--hidden) .quick-nav__reopen{opacity:0;visibility:hidden;pointer-events:none}.quick-nav__dismiss{background:color-mix(in srgb, var(--darkgray) 8%, transparent);width:1.35rem;height:1.35rem;color:var(--gray);cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.1rem;transition:opacity .18s,transform .18s,background .18s,color .18s;display:flex;transform:scale(.8)}.quick-nav:hover .quick-nav__dismiss{opacity:1;transform:scale(1)}.quick-nav__dismiss:hover{color:#ef4444;background:#ef444429}.quick-nav__reopen{background:color-mix(in srgb, var(--light) 55%, transparent);-webkit-backdrop-filter:blur(10px);cursor:pointer;border:none;border-radius:14px 0 0 14px;justify-content:center;align-items:center;width:1.6rem;height:3.4rem;margin-left:auto;padding:0;transition:opacity .25s,visibility .25s,width .18s;display:flex;box-shadow:0 4px 16px -8px #14143259}.quick-nav__reopen:hover{width:2rem}.quick-nav__reopen-swatch{background:linear-gradient(#0071e3,#10b981 33%,#3b82f6 66%,#a855f7);border-radius:999px;width:.4rem;height:2.2rem;display:block}.quick-nav__list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.quick-nav__pill{--pill-fill:color-mix(in srgb, var(--light) 45%, transparent);background:linear-gradient(var(--pill-fill), var(--pill-fill)) padding-box, var(--quick-nav-grad) border-box;-webkit-backdrop-filter:blur(10px);width:2.25rem;height:2.25rem;color:var(--dark);border:1.5px solid #0000;border-radius:999px;align-items:center;padding:0;text-decoration:none;transition:width .32s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-width .25s;display:flex;overflow:hidden;box-shadow:0 4px 16px -10px #14143259}.quick-nav__dot{opacity:.82;flex:0 0 2.25rem;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.quick-nav__label{font-family:var(--bodyFont);letter-spacing:.01em;white-space:nowrap;opacity:0;flex:auto;padding-right:1.1rem;font-size:.8rem;font-weight:600;transition:opacity .2s}.quick-nav:hover .quick-nav__pill{width:8.75rem;box-shadow:0 8px 22px -10px #14143273}.quick-nav:hover .quick-nav__label{opacity:1;transition:opacity .2s .12s}.quick-nav__pill--active{border-width:2.5px}.quick-nav__pill--active .quick-nav__dot{opacity:1}@media (max-width:900px){.quick-nav-wrapper{display:none}}}