.mf-atc{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--mf-ease,ease),visibility .28s}.mf-atc.is-open{opacity:1;visibility:visible;pointer-events:auto}.mf-atc__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0d0e80}.mf-atc__panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:600px;max-height:90vh;max-height:90dvh;background:var(--mf-surface,#fff);border-radius:24px 24px 0 0;box-shadow:var(--mf-shadow-lg);transform:translateY(102%);transition:transform .34s var(--mf-ease,ease);overscroll-behavior:contain}.mf-atc.is-open .mf-atc__panel{transform:translateY(0)}.mf-atc__panel.is-dragging{transition:none}.mf-atc__grab{display:block;width:44px;height:5px;margin:10px auto 2px;padding:0;border:0;border-radius:999px;background:var(--mf-gray-300,#c9cdd2);cursor:pointer}.mf-atc__head{display:flex;align-items:center;gap:10px;padding:8px 18px 12px}.mf-atc__tick{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--mf-success-bg,#e9f7ee);color:var(--mf-success,#1f9d55)}.mf-atc__head strong{display:block;font-size:var(--mf-fs-md,1rem);line-height:1.2}.mf-atc__head small{display:block;font-size:var(--mf-fs-xs,.8125rem);color:var(--mf-ink-45,rgba(20,23,28,.45))}.mf-atc__x{margin-left:auto;width:32px;height:32px;flex:none;border:0;border-radius:50%;background:var(--mf-gray-100,#f1f2f4);color:var(--mf-ink-70,rgba(20,23,28,.7));font-size:20px;line-height:1;cursor:pointer}.mf-atc__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 18px 4px}.mf-atc__line{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--mf-line,#e7e1d6);border-radius:var(--mf-radius-md,14px);background:var(--mf-surface-2,#f2eee6)}.mf-atc__line img{width:56px;height:56px;flex:none;object-fit:cover;border-radius:10px;background:#fff}.mf-atc__line-t{font-size:var(--mf-fs-sm,.9375rem);font-weight:600;line-height:1.25}.mf-atc__line-m{font-size:var(--mf-fs-xs,.8125rem);color:var(--mf-ink-45,rgba(20,23,28,.45))}.mf-atc__line-p{margin-left:auto;font-weight:700;white-space:nowrap}.mf-atc__goal{margin-top:14px;padding:12px 14px;border-radius:var(--mf-radius-md,14px);background:var(--mf-warn-bg,#fdf3e3)}.mf-atc__goal.is-done{background:var(--mf-success-bg,#e9f7ee)}.mf-atc__goal-t{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:var(--mf-fs-xs,.8125rem);color:var(--mf-ink,#14171c)}.mf-atc__bar{height:6px;border-radius:999px;background:#14171c1a;overflow:hidden}.mf-atc__bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--mf-gold-dark,#627c03);transition:width .5s var(--mf-ease,ease)}.mf-atc__goal.is-done .mf-atc__bar i{background:var(--mf-success,#1f9d55)}.mf-atc__cross{margin-top:18px}.mf-atc__cross-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.mf-atc__cross-h strong{font-family:var(--mf-font-display,serif);font-size:var(--mf-fs-lg,1.125rem)}.mf-atc__cross-h span{font-size:var(--mf-fs-2xs,.75rem);letter-spacing:.08em;text-transform:uppercase;color:var(--mf-ink-45,rgba(20,23,28,.45))}.mf-atc__rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:0 18px 6px;scrollbar-width:none}.mf-atc__rail::-webkit-scrollbar{display:none}.mf-atc__card{display:flex;flex-direction:column;gap:6px;flex:0 0 47%;max-width:190px;scroll-snap-align:start;padding:8px;border:1px solid var(--mf-line,#e7e1d6);border-radius:var(--mf-radius-md,14px);background:var(--mf-surface,#fff)}.mf-atc__card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:var(--mf-gray-100,#f1f2f4)}.mf-atc__card-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em;font-size:var(--mf-fs-xs,.8125rem);line-height:1.3}.mf-atc__card-p{font-weight:700;font-size:var(--mf-fs-sm,.9375rem)}.mf-atc__add{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:auto;height:38px;border:1px solid var(--mf-cta,#0b0d0e);border-radius:999px;background:var(--mf-cta,#0b0d0e);color:var(--mf-cta-ink,#fff);font-weight:600;font-size:var(--mf-fs-xs,.8125rem);cursor:pointer}.mf-atc__add.is-busy{opacity:.6;pointer-events:none}.mf-atc__add[disabled]{background:var(--mf-success-bg,#e9f7ee);border-color:var(--mf-success-bg,#e9f7ee);color:var(--mf-success,#1f9d55);cursor:default}.mf-atc__foot{display:grid;gap:8px;padding:14px 18px;padding-bottom:calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--mf-line,#e7e1d6);background:var(--mf-surface,#fff)}.mf-atc__total{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--mf-fs-sm,.9375rem);color:var(--mf-ink-70,rgba(20,23,28,.7))}.mf-atc__total b{font-size:var(--mf-fs-lg,1.125rem);color:var(--mf-ink,#14171c)}.mf-atc__cta{display:flex;align-items:center;justify-content:center;height:52px;border-radius:999px;background:var(--mf-cta,#0b0d0e);color:var(--mf-cta-ink,#fff);font-weight:700;text-decoration:none;box-shadow:var(--mf-shadow-cta,0 10px 24px rgba(11,13,14,.28))}.mf-atc__cta:hover{background:var(--mf-cta-hover,#24272b)}.mf-atc__ghost{height:44px;border:0;background:none;color:var(--mf-ink-70,rgba(20,23,28,.7));font-weight:600;font-size:var(--mf-fs-sm,.9375rem);text-decoration:underline;text-underline-offset:3px;cursor:pointer}body.mf-atc-open{overflow:hidden}@media(min-width:901px){.mf-atc{align-items:center;padding:20px}.mf-atc__panel{border-radius:var(--mf-radius-lg,22px);max-height:86vh;transform:translateY(18px) scale(.98)}.mf-atc.is-open .mf-atc__panel{transform:none}.mf-atc__grab{display:none}.mf-atc__card{flex-basis:165px}}@media(prefers-reduced-motion:reduce){.mf-atc,.mf-atc__panel,.mf-atc__bar i{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/mafivo-atc-sheet.css.map */