.overlay{position:fixed;top:0;right:0;bottom:0;left:0;inline-size:100%;max-inline-size:100%;block-size:100%;max-block-size:100%;padding:0;border:none;background-color:var(--white);color:var(--blue-700)}.overlay[open]{display:flex;flex-direction:column}.overlay::backdrop{background-color:var(--scrim)}.overlay__bar{display:flex;flex:none;align-items:center;justify-content:space-between;block-size:var(--space-14);padding-inline:var(--page-margin);border-block-end:var(--border-hair) solid var(--blue-200)}.overlay__body{flex:1;overflow-y:auto;padding:0 18px 20px}.overlay__foot{display:flex;flex:none;gap:var(--space-3);padding:var(--space-4) var(--page-margin);border-block-start:var(--border-hair) solid var(--blue-200)}.overlay__foot>*{flex:1}.overlay__close{display:flex;align-items:center;justify-content:center;inline-size:var(--tap-target-min);block-size:var(--tap-target-min);padding:0;border:none;background-color:transparent;color:var(--blue-700);cursor:pointer}.overlay__close svg{inline-size:var(--space-4)}.overlay__eyebrow{color:var(--burgundy);font-family:var(--font-mono);font-size:var(--text-label-xs);letter-spacing:var(--track-mono-wide);text-transform:uppercase}@media(prefers-reduced-motion:no-preference){.overlay[open]{animation:overlay-rise var(--dur-gentle) var(--ease)}.overlay[data-closing]{animation:overlay-fall var(--dur-fast) var(--ease) forwards}@keyframes overlay-rise{0%{translate:0 100%}}@keyframes overlay-fall{to{opacity:0;translate:0 24px}}}@media(min-width:1024px){.overlay__bar,.overlay__foot{block-size:auto;padding-block:var(--space-5)}.overlay__body{padding:var(--space-10) var(--page-margin)}.overlay__foot>*{flex:none}.overlay--dropdown{z-index:19;inset:var(--panel-top, 68px) 0 auto;inline-size:100%;block-size:auto;max-block-size:calc(100svh - var(--panel-top, 68px));margin:0;border-block-end:var(--border-hair) solid var(--blue-200);background:#fff;box-shadow:none}.overlay--dropdown .overlay__body{padding:40px}#panel-forever.overlay--dropdown .overlay__body{padding-block:64px 58px}.overlay--dropdown>.overlay__close{display:none}@media(prefers-reduced-motion:no-preference){.overlay[open]{animation:overlay-drop var(--dur-base) var(--ease);transform-origin:top}.overlay[data-closing]{animation:overlay-close var(--dur-fast) var(--ease) forwards}@keyframes overlay-drop{0%{opacity:0;translate:0 -10px}}@keyframes overlay-close{to{opacity:0;translate:0 -8px}}}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/overlay.css.map */