.unit-overlay{--unit-ease:cubic-bezier(.74, 0, .24, .99);--unit-open-dur:1.3s;--unit-close-dur:.8s;--unit-clip-start:polygon(100% 0, 200% 0, 220% 100%, 120% 100%);--unit-clip-full:polygon(0 0, 100% 0, 100% 100%, 0 100%);--unit-clip-out:polygon(120% 0, 220% 0, 200% 100%, 100% 100%);z-index:var(--z-modal);position:fixed;inset:0}.unit-overlay[hidden]{display:none}.unit-overlay__scrim{background:rgba(var(--c-black-rgb), .55);animation:unit-overlay-fade var(--unit-open-dur) var(--unit-ease) both;position:absolute;inset:0}.unit-overlay__panel{overscroll-behavior:contain;background:var(--c-soot);inline-size:100%;animation:unit-overlay-in var(--unit-open-dur) var(--unit-ease) both;position:absolute;inset-block:0;inset-inline-end:0;overflow-y:auto}@media (min-width:900px){.unit-overlay__panel{inline-size:72%}}@media (min-width:1280px){.unit-overlay__panel{inline-size:62.5%}}.unit-overlay__close{--close-clay:var(--c-clay);--close-cream:var(--c-sand);z-index:1;aspect-ratio:1;background:var(--close-clay);inline-size:clamp(3.25rem,5.5vw,5.5rem);color:var(--close-cream);cursor:pointer;isolation:isolate;animation:unit-overlay-in .45s var(--unit-ease) 1.15s both;transition:color .3s var(--unit-ease) .14s;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:0;inset-inline-end:0;overflow:hidden}@media (min-width:900px){.unit-overlay__close{inset-inline-end:72%}}@media (min-width:1280px){.unit-overlay__close{inset-inline-end:62.5%}}.unit-overlay__close:before{content:"";z-index:-1;background:var(--close-cream);transition:transform .5s cubic-bezier(.4,0,0,1);position:absolute;inset:0;transform:translateY(101%)}.unit-overlay__close:hover,.unit-overlay__close:focus-visible{color:var(--c-cedar)}.unit-overlay__close:hover:before,.unit-overlay__close:focus-visible:before{transform:translate(0,0)}.unit-overlay__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-4px}.unit-overlay__close-x{inline-size:clamp(1.4rem,1.8vw,1.75rem);transition:transform .5s cubic-bezier(.4,0,0,1);position:relative}.unit-overlay__close:hover .unit-overlay__close-x,.unit-overlay__close:focus-visible .unit-overlay__close-x{transform:rotate(90deg)}.unit-overlay_closing .unit-overlay__scrim{animation:unit-overlay-fade-out var(--unit-close-dur) var(--unit-ease) both}.unit-overlay_closing .unit-overlay__close{animation:unit-overlay-out .4s var(--unit-ease) both}.unit-overlay_closing .unit-overlay__panel{animation:unit-overlay-out var(--unit-close-dur) var(--unit-ease) both}@keyframes unit-overlay-fade{0%{opacity:0}}@keyframes unit-overlay-fade-out{to{opacity:0}}@keyframes unit-overlay-in{0%{clip-path:var(--unit-clip-start)}to{clip-path:var(--unit-clip-full)}}@keyframes unit-overlay-out{0%{clip-path:var(--unit-clip-full)}to{clip-path:var(--unit-clip-out)}}@media (prefers-reduced-motion:reduce){.unit-overlay__scrim,.unit-overlay__panel,.unit-overlay__close,.unit-overlay_closing .unit-overlay__scrim,.unit-overlay_closing .unit-overlay__panel,.unit-overlay_closing .unit-overlay__close{animation:none}}.unit-overlay__held{z-index:1;inline-size:fit-content;max-inline-size:min(90%,30rem);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--c-clay);color:var(--c-cedar);font-size:var(--fs-caption);letter-spacing:var(--tracking-label);text-align:center;pointer-events:none;transition:opacity var(--dur-base) var(--ease-smooth);margin-inline:auto;position:absolute;inset-block-start:var(--space-30);inset-inline:0}.unit-overlay__held:empty{opacity:0}