.eft-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--eft-z-drawer)}.eft-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0e0c6b;opacity:0;transition:opacity var(--eft-dur) var(--eft-ease)}.eft-drawer__panel{position:absolute;top:0;bottom:0;right:0;width:min(420px,100vw);background:var(--eft-surface);border-left:1px solid var(--eft-rule);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--eft-dur) var(--eft-ease)}.eft-drawer--left .eft-drawer__panel{right:auto;left:0;border-left:0;border-right:1px solid var(--eft-rule);transform:translate(-100%);width:min(340px,88vw)}.eft-drawer--full .eft-drawer__panel{width:100vw;border-left:0}.eft-drawer.is-open .eft-drawer__backdrop{opacity:1}.eft-drawer.is-open .eft-drawer__panel{transform:none}.eft-drawer--sheet .eft-drawer__backdrop{background:#0a0e0c8c;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.eft-drawer--sheet .eft-drawer__panel{top:var(--ef-pbar-bottom, 76px);left:var(--eft-space-4);right:var(--eft-space-4);bottom:auto;width:auto;max-width:980px;margin:0 auto;max-height:0;overflow:hidden;border:1px solid var(--eft-rule);border-top:0;border-radius:0 0 var(--eft-radius) var(--eft-radius);box-shadow:0 24px 60px #00000047;transition:max-height var(--eft-dur) var(--eft-ease)}.eft-drawer--sheet.is-open .eft-drawer__panel{max-height:min(70vh,calc(100vh - var(--ef-pbar-bottom, 76px) - 24px))}.eft-drawer.is-busy .eft-drawer__body{opacity:.5;pointer-events:none}.eft-drawer__body{transition:opacity var(--eft-dur-fast) var(--eft-ease)}.eft-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--eft-space-4);padding:var(--eft-space-4) var(--eft-space-5);border-bottom:1px solid var(--eft-rule);flex:0 0 auto}.eft-drawer__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--eft-space-5)}.eft-drawer__foot{flex:0 0 auto;border-top:1px solid var(--eft-rule);padding:var(--eft-space-5);background:var(--eft-surface)}.eft-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:-8px;border-radius:var(--eft-radius-pill);color:var(--eft-ink-2)}.eft-drawer__close:hover{color:var(--eft-ink);background:var(--eft-surface-sunken)}.eft-cline{display:grid;grid-template-columns:64px 1fr;gap:var(--eft-space-4);padding-bottom:var(--eft-space-4);margin-bottom:var(--eft-space-4);border-bottom:1px solid var(--eft-rule)}.eft-cline:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.eft-cline__img{border-radius:var(--eft-radius-sm);background:var(--eft-surface-sunken);aspect-ratio:1 / 1;object-fit:contain}.eft-cline__title{color:var(--eft-ink);font-weight:500;text-decoration:none}.eft-cline__title:hover{text-decoration:none}.eft-cline__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--eft-space-3);margin-top:var(--eft-space-2)}.eft-stepper{display:inline-flex;align-items:center;border:1px solid var(--eft-rule-strong);border-radius:var(--eft-radius-sm);overflow:hidden}.eft-stepper button{width:30px;height:30px;color:var(--eft-ink-2);font-family:var(--eft-font-mono);font-variant-numeric:tabular-nums;font-size:14px;line-height:1}.eft-stepper button:hover{background:var(--eft-surface-sunken);color:var(--eft-ink)}.eft-stepper span{min-width:30px;text-align:center;font-family:var(--eft-font-mono);font-size:13px;font-variant-numeric:tabular-nums}.eft-mnav{list-style:none;margin:0;padding:0}.eft-mnav a{display:block;padding:var(--eft-space-4) 0;text-decoration:none;font-family:var(--eft-font-display);font-size:18px;font-weight:500;letter-spacing:0;color:var(--eft-ink)}.eft-mnav a:hover{color:var(--eft-brand)}.eft-mnav__sub{list-style:none;margin:0 0 var(--eft-space-3);padding:0}.eft-mnav__sub a{font-size:15px;font-weight:400;color:var(--eft-ink-2);padding:8px 0}.eft-burger{display:none;width:40px;height:40px;align-items:center;justify-content:center;margin-right:-8px}@media(max-width:860px){.eft-burger{display:inline-flex}}@media(prefers-reduced-motion:reduce){.eft-drawer__panel,.eft-drawer__backdrop,.eft-drawer--sheet .eft-drawer__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/227/assets/drawer.css.map */
