.ax-scroll-region{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ax-c-border-strong) transparent}.ax-scroll-region::-webkit-scrollbar{inline-size:6px;block-size:6px}.ax-scroll-region::-webkit-scrollbar-thumb{background-color:var(--ax-c-border);border-radius:var(--ax-radius-full)}.ax-scroll-region::-webkit-scrollbar-thumb:hover{background-color:var(--ax-c-border-strong)}.ax-drawer{--ax-drawer-size: 26rem;--ax-drawer-pad: clamp(var(--ax-space-4), 2.4vw, var(--ax-space-6));--ax-drawer-radius: var(--ax-radius-xl);--ax-drawer-swipe: 0px;--ax-dir: 1;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ax-z-drawer);display:none;isolation:isolate;overscroll-behavior:contain}.ax-drawer[data-ax-dialog][class*=ax-scheme-]{background-color:transparent;background-image:none}[dir=rtl] .ax-drawer{--ax-dir: -1}.ax-drawer[open]{display:block}.ax-drawer[hidden]{display:none}.ax-drawer[data-ax-modal=false]{pointer-events:none}.ax-drawer[data-ax-modal=false] .ax-drawer__scrim{display:none}.ax-drawer[data-ax-modal=false] .ax-drawer__dialog{pointer-events:auto}.ax-drawer--sm{--ax-drawer-size: 20rem}.ax-drawer--md{--ax-drawer-size: 26rem}.ax-drawer--lg{--ax-drawer-size: 34rem}.ax-drawer--full{--ax-drawer-size: 100%}.ax-drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ax-c-overlay);opacity:0;transition:opacity var(--ax-dur-2) var(--ax-ease-out)}.ax-drawer[data-ax-in] .ax-drawer__scrim{opacity:1}.ax-drawer__dialog{position:absolute;z-index:1;display:flex;flex-direction:column;background-color:var(--ax-c-bg);color:var(--ax-c-fg);box-shadow:var(--ax-shadow-xl);overflow:hidden;transition:translate var(--ax-dur-3) var(--ax-ease-out),opacity var(--ax-dur-2) var(--ax-ease-out)}.ax-drawer__dialog:focus{outline:none}.ax-drawer__dialog:focus-visible{outline:var(--ax-focus-width) solid var(--ax-c-border-strong);outline-offset:calc(var(--ax-focus-offset) * -1)}.ax-drawer[data-position=start] .ax-drawer__dialog,.ax-drawer[data-position=end] .ax-drawer__dialog{inset-block:0;inline-size:min(100%,var(--ax-drawer-size));max-inline-size:100%;block-size:100%}.ax-drawer[data-position=start] .ax-drawer__dialog{inset-inline-start:0;border-start-end-radius:var(--ax-drawer-radius);border-end-end-radius:var(--ax-drawer-radius);translate:calc(-100% * var(--ax-dir)) 0}.ax-drawer[data-position=end] .ax-drawer__dialog{inset-inline-end:0;border-start-start-radius:var(--ax-drawer-radius);border-end-start-radius:var(--ax-drawer-radius);translate:calc(100% * var(--ax-dir)) 0}.ax-drawer[data-position=block-end] .ax-drawer__dialog{inset-inline:0;inset-block-end:0;inline-size:100%;block-size:min(100%,var(--ax-drawer-size));max-block-size:calc(var(--ax-vh, 1vh) * 92);border-start-start-radius:var(--ax-drawer-radius);border-start-end-radius:var(--ax-drawer-radius);translate:0 100%}.ax-drawer[data-position=block-start] .ax-drawer__dialog{inset-inline:0;inset-block-start:0;inline-size:100%;block-size:min(100%,var(--ax-drawer-size));max-block-size:calc(var(--ax-vh, 1vh) * 92);border-end-start-radius:var(--ax-drawer-radius);border-end-end-radius:var(--ax-drawer-radius);translate:0 -100%}.ax-drawer[data-ax-in][data-position=start] .ax-drawer__dialog,.ax-drawer[data-ax-in][data-position=end] .ax-drawer__dialog{translate:0 0}.ax-drawer[data-ax-in][data-position=block-end] .ax-drawer__dialog{translate:0 var(--ax-drawer-swipe)}.ax-drawer[data-ax-in][data-position=block-start] .ax-drawer__dialog{translate:0 0}.ax-drawer[data-ax-dragging] .ax-drawer__dialog{transition:none}.ax-drawer__grabber{display:none}.ax-drawer[data-position=block-end] .ax-drawer__grabber{display:block;flex:none;inline-size:2.5rem;block-size:.25rem;margin-block:var(--ax-space-3) 0;margin-inline:auto;background-color:var(--ax-c-border);border-radius:var(--ax-radius-full)}.ax-drawer__header{flex:none;display:flex;align-items:center;gap:var(--ax-space-4);min-block-size:3.75rem;padding:var(--ax-drawer-pad);padding-block:var(--ax-space-2);border-block-end:var(--ax-border-width) solid var(--ax-c-hairline)}.ax-drawer__heading{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column;gap:var(--ax-space-1)}.ax-drawer__title{margin:0;font-family:var(--ax-font-heading);font-size:var(--ax-text-lg);font-weight:var(--ax-fw-heading);line-height:var(--ax-leading-snug);letter-spacing:var(--ax-ls-heading);text-transform:var(--ax-tt-heading);text-wrap:balance;color:var(--ax-c-fg)}.ax-drawer__description{margin:0;font-size:var(--ax-text-sm);line-height:var(--ax-leading-normal);color:var(--ax-c-fg-muted);text-wrap:pretty}.ax-drawer__close{flex:none;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--ax-tap, 2.75rem);block-size:var(--ax-tap, 2.75rem);margin-inline-end:calc(var(--ax-space-2) * -1);padding:0;color:var(--ax-c-fg-muted);background-color:transparent;border:0;border-radius:var(--ax-radius-full);cursor:pointer;transition:color var(--ax-dur-1) linear,background-color var(--ax-dur-1) linear}.ax-drawer__close:hover{color:var(--ax-c-fg);background-color:var(--ax-c-bg-inset)}.ax-drawer__close:focus-visible{outline:var(--ax-focus-width) solid var(--ax-c-border-strong);outline-offset:var(--ax-focus-offset)}.ax-drawer__body{flex:1 1 auto;min-block-size:0;padding:var(--ax-drawer-pad);font-size:var(--ax-text-base);line-height:var(--ax-leading-normal);color:var(--ax-c-fg)}.ax-drawer__body>:first-child{margin-block-start:0}.ax-drawer__body>:last-child{margin-block-end:0}.ax-drawer__body[aria-busy=true]{display:flex;align-items:center;justify-content:center;min-block-size:10rem}.ax-drawer__footer{flex:none;display:flex;flex-direction:column;gap:var(--ax-space-3);padding:var(--ax-drawer-pad);padding-block-end:max(var(--ax-drawer-pad),env(safe-area-inset-bottom,0px));background-color:var(--ax-c-bg);border-block-start:var(--ax-border-width) solid var(--ax-c-hairline)}@media screen and (max-width:479px){.ax-drawer[data-position=start] .ax-drawer__dialog,.ax-drawer[data-position=end] .ax-drawer__dialog{inline-size:min(100%,max(var(--ax-drawer-size),88vw))}}:root[data-animations=false] .ax-drawer__dialog,:root[data-animations=false] .ax-drawer__scrim{transition:none}@media(prefers-reduced-motion:reduce){.ax-drawer__dialog,.ax-drawer__scrim{transition:none}}@media(forced-colors:active){.ax-drawer__dialog{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-drawer.css.map */