.potr-overlay{position:fixed;inset:0 auto 0 0;z-index:var(--potr-z-overlay);width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:var(--potr-ink);color:var(--potr-bone);font-size:var(--potr-fs-16);transition:transform var(--potr-dur-3) var(--potr-ease)}@starting-style{.potr-overlay--left[open]{transform:translate(-100%)}}.potr-overlay--left.is-closing{transform:translate(-100%)}.potr-overlay--right{inset:0 0 0 auto}@starting-style{.potr-overlay--right[open]{transform:translate(100%)}}.potr-overlay--right.is-closing{transform:translate(100%)}.potr-overlay--top{inset:0 0 auto 0;height:auto;max-height:100vh;max-height:100dvh}.potr-overlay--top .potr-overlay__panel{height:auto;max-height:100vh;max-height:100dvh}@starting-style{.potr-overlay--top[open]{transform:translateY(-100%)}}.potr-overlay--top.is-closing{transform:translateY(-100%)}.potr-overlay::backdrop{background:var(--potr-scrim);transition:opacity var(--potr-dur-2) var(--potr-ease)}@starting-style{.potr-overlay[open]::backdrop{opacity:0}}.potr-overlay.is-closing::backdrop{opacity:0}.potr-overlay__panel{display:flex;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:contain}.potr-overlay__strip{display:flex;flex:none;height:var(--potr-strip-h)}.potr-overlay__strip i{flex:1;background:var(--potr-cat)}.potr-overlay{--potr-overlay-head-h: 5.6rem}.potr-overlay__head{position:sticky;top:0;z-index:1;display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--potr-space-16);min-height:var(--potr-overlay-head-h);padding:0 var(--potr-gutter);background:var(--potr-ink)}.potr-overlay__title{min-width:0;overflow:hidden;font-size:var(--potr-fs-32);line-height:var(--potr-tap-min);white-space:nowrap;text-overflow:ellipsis}.potr-overlay__close{flex:none;min-width:var(--potr-tap-min);min-height:var(--potr-tap-min);padding:0 var(--potr-space-4);border:0;background:none;color:inherit;font:inherit;font-size:var(--potr-fs-16);font-weight:700;text-decoration:underline;text-underline-offset:var(--potr-space-4);cursor:pointer}@media not all and (min-width:18.75em){.potr-overlay__head{flex-wrap:wrap;row-gap:0}.potr-overlay__title{overflow:visible;padding-block:var(--potr-space-12);line-height:var(--potr-lh-heading);white-space:normal}.potr-overlay__close{margin-inline-start:auto}}@media not all and (min-width:15em){.potr-overlay__title{font-size:var(--potr-fs-24)}}@media screen and (min-width:46.875em){.potr-overlay--right{width:min(100%,44rem)}.potr-overlay--left{width:min(100%,48rem)}.potr-overlay{--potr-overlay-head-h: 6.4rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/potr-overlay.css.map */