.tl-drawer{position:fixed;overflow:hidden;border-radius:0;width:100%;height:100%;margin-block:0;margin-inline-start:auto;margin-inline-end:0;padding:0;border-inline-start:var(--style-border-drawer);box-shadow:var(--shadow-drawer);background-color:var(--color-background);max-width:100%;max-height:100%}@media screen and (min-width:750px){.tl-drawer{width:min(calc(var(--sidebar-width) + var(--tl-right-drawer-width-extra)),95vw);max-width:95vw}}.tl-drawer:modal{max-height:100dvh;overflow-y:hidden}.tl-drawer__inner{height:100%;min-height:0;overflow:hidden}.tl-drawer__stack{display:flex;flex-direction:column;height:100%;min-height:0}.tl-drawer__header{display:flex;align-items:center;justify-content:space-between;flex:none;width:100%;padding:var(--padding-xl);background-color:var(--color-background)}@media screen and (min-width:750px){.tl-drawer__header{padding-inline:var(--padding-xl) var(--padding-2xl)}}.tl-drawer__heading{display:flex;align-items:center;gap:var(--gap-xs);margin-block-end:0}.tl-drawer__heading:focus,.tl-drawer__heading:focus-visible{outline:none}.tl-drawer__close{margin-inline-end:calc(var(--padding-sm) * -1);inset-block-start:var(--margin-sm);color:var(--color-foreground);background:transparent;border:0;border-radius:0;opacity:1}.tl-drawer__close svg{width:var(--close-icon-size);height:var(--close-icon-size);color:var(--color-foreground)}@media(hover:hover){.tl-drawer__close:hover{color:var(--color-foreground);background:transparent;opacity:.7}}.tl-drawer__close:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset);border-radius:var(--style-border-radius-sm)}.tl-drawer__close:focus-visible:after{content:none}@media screen and (max-width:749px){.tl-drawer__close{inset-block-start:var(--margin-2xs)}}.tl-drawer__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;background-color:var(--color-background)}.tl-drawer__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.tl-drawer__footer{flex:none}
/*# sourceMappingURL=/cdn/shop/t/122/assets/tl-drawer.css.map */
