.page-drawer{display:contents}.page-drawer__dialog{position:fixed;margin:0;padding:0;border:none;max-width:100vw;max-height:none;z-index:9999;background-color:var(--color-background, #fff);color:var(--color-foreground, #1a1a1a);overflow:hidden;will-change:transform;contain:layout style;top:auto;right:0;bottom:0;left:0;width:100%;height:90dvh;border-radius:1.5rem 1.5rem 0 0;transform:translateY(100%);visibility:hidden}.page-drawer__dialog[open]{display:flex;flex-direction:column;visibility:visible;transform:translateY(0);animation:pageDrawerSlideInMobile .3s cubic-bezier(.32,.72,0,1) forwards}.page-drawer__dialog.is-closing{animation:pageDrawerSlideOutMobile .25s cubic-bezier(.32,.72,0,1) forwards}@keyframes pageDrawerSlideInMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pageDrawerSlideOutMobile{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.page-drawer__dialog[open]{animation:pageDrawerFadeIn .15s ease-out forwards}.page-drawer__dialog.is-closing{animation:pageDrawerFadeOut .15s ease-out forwards}}@keyframes pageDrawerFadeIn{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes pageDrawerFadeOut{0%{opacity:1}to{opacity:0}}.page-drawer__dialog::backdrop{background:#0000}.page-drawer__dialog[open]::backdrop{background:#00000080;animation:backdropFadeIn .3s ease-out forwards}.page-drawer__dialog.is-closing::backdrop{animation:backdropFadeOut .25s ease-out forwards}@keyframes backdropFadeIn{0%{background:#0000}to{background:#00000080}}@keyframes backdropFadeOut{0%{background:#00000080}to{background:#0000}}@media screen and (min-width:768px){.page-drawer__dialog{top:0;right:0;bottom:0;left:auto;width:480px;height:100%;max-height:100%;border-radius:0;box-shadow:var(--shadow-drawer);transform:translate(100%)}.page-drawer__dialog[open]{transform:translate(0);animation:pageDrawerSlideIn .3s cubic-bezier(.32,.72,0,1) forwards}.page-drawer__dialog.is-closing{animation:pageDrawerSlideOut .25s cubic-bezier(.32,.72,0,1) forwards}@keyframes pageDrawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pageDrawerSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){@keyframes pageDrawerFadeIn{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}}}.page-drawer__inner{display:flex;flex-direction:column;height:100%;width:100%}.page-drawer__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08));background-color:var(--color-background, #fff)}.page-drawer__title{margin:0;font-family:var(--font-heading--family, system-ui, sans-serif);font-size:var(--font-h4--size, 1.25rem);font-weight:var(--font-h4--weight, 600);line-height:var(--font-h4--line-height, 1.3);color:var(--color-foreground-heading, inherit);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-drawer__close-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;margin:-.25rem -.5rem -.25rem 0;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--color-foreground, inherit);transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}.page-drawer__close-btn:hover{background-color:#0000000d}.page-drawer__close-btn:active{background-color:#0000001a}.page-drawer__close-btn:focus-visible{outline:2px solid var(--color-primary, #000);outline-offset:2px}.page-drawer__close-btn svg{width:1.25rem;height:1.25rem;pointer-events:none}.page-drawer__body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1.5rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}@media screen and (min-width:768px){.page-drawer__body{padding:2rem}}.page-drawer__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem;color:var(--color-foreground, #666)}.page-drawer__spinner{width:2rem;height:2rem;border:2px solid var(--color-border, rgba(0, 0, 0, .1));border-top-color:var(--color-primary, #000);border-radius:50%;animation:pageDrawerSpin .7s linear infinite}@media(prefers-reduced-motion:reduce){.page-drawer__spinner{animation:none;border-top-color:var(--color-border, rgba(0, 0, 0, .1));opacity:.5}}@keyframes pageDrawerSpin{to{transform:rotate(360deg)}}.page-drawer__loading-text{font-family:var(--font-body--family, system-ui, sans-serif);font-size:.875rem;margin:0;opacity:.7}.page-drawer__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;color:var(--color-foreground, #666)}.page-drawer__error-icon{font-size:2.5rem;margin-bottom:1rem;line-height:1}.page-drawer__error-message{font-family:var(--font-body--family, system-ui, sans-serif);font-size:1rem;margin:0 0 1rem}.page-drawer__error-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-primary, #000);font-weight:500;text-decoration:none}.page-drawer__error-link:hover{text-decoration:underline}.page-drawer__content{font-family:var(--font-body--family, system-ui, sans-serif);font-size:var(--font-paragraph--size, 1rem);line-height:var(--font-paragraph--line-height, 1.6);color:var(--color-foreground, inherit)}.page-drawer__content>*:first-child{margin-top:0}.page-drawer__content>*:last-child{margin-bottom:0}.page-drawer__content h1,.page-drawer__content h2,.page-drawer__content h3,.page-drawer__content h4,.page-drawer__content h5,.page-drawer__content h6{font-family:var(--font-heading--family, system-ui, sans-serif);color:var(--color-foreground-heading, inherit);margin:1.5em 0 .5em;line-height:1.3}.page-drawer__content p{margin:0 0 1rem}.page-drawer__content ul,.page-drawer__content ol{margin:0 0 1rem;padding-left:1.5rem}.page-drawer__content li{margin-bottom:.5rem}.page-drawer__content li:last-child{margin-bottom:0}.page-drawer__content img{display:block;max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}.page-drawer__content a{color:var(--color-primary, #000);text-decoration:underline;text-underline-offset:.15em}.page-drawer__content a:hover{color:var(--color-primary-hover, #333)}.page-drawer__body::-webkit-scrollbar{width:4px}.page-drawer__body::-webkit-scrollbar-track{background:transparent}.page-drawer__body::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:2px}body.page-drawer-open{overflow:hidden}@supports (-webkit-touch-callout: none){body.page-drawer-open{position:fixed;width:100%;top:var(--page-drawer-scroll-position, 0)}.page-drawer__body{-webkit-overflow-scrolling:touch}}@media print{.page-drawer,.page-drawer__dialog{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/page-drawer.css.map */