.msp[hidden]{display:none}.msp{position:fixed;left:12px;bottom:12px;z-index:90;display:flex;align-items:flex-start;gap:4px;max-width:min(360px,calc(100vw - 24px));font-family:var(--sans);color:var(--ink);opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.msp.on{opacity:1;transform:none;pointer-events:auto}body.mso-open .msp{opacity:0;pointer-events:none}@media(max-width:759px){.msp{bottom:calc(84px + env(safe-area-inset-bottom));left:10px;max-width:calc(100vw - 20px)}.msp.no-sticky{bottom:calc(12px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.msp{transition:opacity .2s ease;transform:none}}.msp-card{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--brass);border-radius:14px;box-shadow:0 10px 30px #1226222e;padding:10px 12px;text-decoration:none;color:inherit}.msp-card:hover .msp-line2 span,.msp-card:focus-visible .msp-line2 span{text-decoration:underline;text-underline-offset:3px}.msp-img{flex:none;width:48px;height:48px;border-radius:9px;overflow:hidden;background:var(--forest-tint)}.msp-img img{width:48px;height:48px;object-fit:cover;display:block}.msp-body{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13.5px;line-height:1.3}.msp-line1{color:var(--ink)}.msp-line1 b{font-weight:800;color:var(--forest)}.msp-line2{color:var(--soft)}.msp-line2 span{font-weight:700;color:var(--forest-mid)}.msp-line3{display:flex;flex-wrap:wrap;gap:0 8px;font-size:11.5px;color:var(--soft)}.msp-line3 span:empty{display:none}.msp-line3 span+span:not(:empty){display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--forest-mid)}.msp-line3 span+span:not(:empty):before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass)}.msp-x{flex:none;width:28px;height:28px;border:0;border-radius:50%;background:var(--paper);border:1px solid var(--line);color:var(--soft);font-size:18px;line-height:1;cursor:pointer;padding:0;margin-top:-4px;margin-left:-14px;box-shadow:0 2px 8px #0000001f}.msp-x:hover{color:var(--forest)}.msp-note{position:static;opacity:1;transform:none;pointer-events:auto;display:block;margin:12px;padding:10px 14px;background:var(--brass-tint);border:1px dashed var(--brass);border-radius:10px;font-size:13px;color:var(--brass-ink)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/mss-pop.css.map */