.mp-body .mp-cart-dialog{display:none;top:0;right:0;bottom:0;left:0;margin:0;width:100vw;height:100dvh;overflow:hidden;background:var(--mp-canvas)}.mp-body .mp-cart-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) 440px;grid-template-rows:72px minmax(0,1fr);animation:mp-viewer-in var(--mp-motion-view) var(--mp-motion-ease)}.mp-cart-dialog>.mp-cart-heading{grid-column:2;grid-row:1;background:#fff;border-left:1px solid #ddd}.mp-body .mp-cart-dialog.is-closing{animation:mp-viewer-out var(--mp-motion-fast) ease-out forwards}.mp-cart-social-stage{grid-column:1;grid-row:1 / span 2;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;padding:24px 32px}.mp-cart-panel{grid-column:2;grid-row:2;height:100%;min-width:0;overflow:hidden;background:#fff;border-left:1px solid #ddd;box-shadow:-4px 0 16px #0000000a;animation:mp-page-enter var(--mp-motion-view) ease-out}.mp-cart-panel .mp-cart-body{height:100%}.mp-post-toast{left:calc((100vw - 440px)/2)}.mp-social-post{flex-shrink:0;width:100%;max-width:680px;margin:auto 0;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0000001a;overflow:visible;font-size:15px;line-height:20px}.mp-post-header{display:flex;align-items:center;gap:8px;padding:12px 16px}.mp-post-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;overflow:hidden;border-radius:50%;background:var(--mp-hover);font-weight:600}.mp-post-avatar img{width:100%;height:100%;object-fit:cover}.mp-post-identity{flex:1;min-width:0}.mp-post-identity strong{display:block;font-size:15px;line-height:20px;font-weight:600}.mp-post-meta{display:flex;align-items:center;gap:4px;font-size:13px;line-height:16px;color:var(--mp-muted)}.mp-post-meta>span{display:inline-flex;align-items:center}.mp-post-meta .mp-icon{width:12px;height:12px}.mp-post-menu{position:relative}.mp-post-menu summary{width:36px;height:36px;background:transparent;list-style:none;color:var(--mp-muted)}.mp-post-menu summary::-webkit-details-marker{display:none}.mp-post-menu summary:hover{background:var(--mp-canvas)}.mp-post-menu .mp-icon{width:20px;height:20px}.mp-post-menu-options{position:absolute;z-index:4;top:40px;right:0;display:grid;min-width:220px;padding:8px;border-radius:8px;background:#fff;box-shadow:0 4px 16px #0003}.mp-post-menu-options button{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px;border:0;border-radius:6px;background:transparent;text-align:left;font-weight:500}.mp-post-menu-options button:hover{background:var(--mp-canvas)}.mp-post-caption{margin:0;padding:0 16px 16px;font-size:15px;line-height:20px;overflow-wrap:anywhere}.mp-post-media{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--mp-hover)}.mp-post-media img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}.mp-post-media--portrait{position:relative;isolation:isolate;background:#222}.mp-post-media--portrait .mp-post-photo-backdrop{position:absolute;z-index:0;top:-28px;right:-28px;bottom:-28px;left:-28px;width:calc(100% + 56px);height:calc(100% + 56px);filter:blur(22px) brightness(.48);object-fit:cover;pointer-events:none}.mp-post-media--portrait .mp-post-photo-original{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.mp-post-media--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.mp-post-media--3{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:2px}.mp-post-media--3 img:first-child{grid-row:span 2}.mp-post-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;color:var(--mp-muted)}.mp-post-photo-placeholder .mp-icon{width:48px;height:48px}.mp-post-stats{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:8px 16px;color:var(--mp-muted)}.mp-post-reaction-summary,.mp-post-stat-links{display:flex;align-items:center;gap:6px;min-width:0}[data-post-reaction-count],[data-post-share-count]{display:inline-block;font-variant-numeric:tabular-nums;transform-origin:center}.mp-post-reactions{display:flex;flex-shrink:0;align-items:center}.mp-post-reactions img{width:22px;height:22px;border:2px solid #fff;border-radius:50%}.mp-post-reactions img+img{margin-left:-4px}.mp-post-stat-links{gap:12px;white-space:nowrap}.mp-post-stat-links button{border:0;padding:0;background:transparent;color:inherit}.mp-post-stat-links button:hover{text-decoration:underline}.mp-post-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 12px;padding:4px 0;border-top:1px solid var(--mp-line);border-bottom:1px solid var(--mp-line)}.mp-body .mp-post-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:32px;min-width:0;padding:4px;border:0;border-radius:4px;background:transparent;color:var(--mp-muted);font-size:15px;font-weight:600;line-height:20px}.mp-post-actions button:hover{background:var(--mp-canvas)}.mp-body .mp-post-actions button{transition:background var(--mp-motion-fast),color var(--mp-motion-fast)}.mp-post-actions .mp-icon{width:18px;height:18px}.mp-post-actions .mp-icon.is-feedback,.mp-body .mp-post-actions [aria-pressed=true],.mp-body .mp-post-comment-meta [aria-pressed=true]{color:var(--mp-blue)}.mp-post-comments{display:grid;gap:12px;padding:12px 16px 0}.mp-post-comment{display:flex;align-items:flex-start;gap:8px;min-width:0}.mp-post-comment>div:last-child{min-width:0}.mp-post-comment .mp-post-avatar,.mp-post-composer .mp-post-avatar{width:32px;height:32px}.mp-post-comment-bubble{display:inline-block;max-width:100%;padding:8px 12px;border-radius:18px;background:var(--mp-canvas);overflow-wrap:anywhere}.mp-post-comment-bubble strong{display:block;font-size:13px;font-weight:600;line-height:16px}.mp-post-comment-bubble p{margin:0;font-size:15px;line-height:20px}.mp-post-comment-meta{display:flex;align-items:center;gap:12px;min-height:20px;padding:2px 12px 0;color:var(--mp-muted);font-size:12px;line-height:16px}.mp-body .mp-post-comment-meta button{border:0;padding:0;background:transparent;color:inherit;font-size:12px;font-weight:600;line-height:16px}.mp-post-comment-meta button:hover{text-decoration:underline}.mp-post-composer{display:flex;align-items:center;gap:8px;padding:12px 16px 16px}.mp-post-guest-avatar{color:#8a8d91}.mp-post-guest-avatar .mp-icon{width:22px;height:22px}.mp-post-comment-field{display:flex;align-items:center;flex:1;min-width:0;min-height:36px;padding:0 8px 0 12px;border-radius:20px;background:var(--mp-canvas)}.mp-post-comment-field input{width:100%;min-width:0;height:36px;padding:0;border:0;outline:none;background:transparent;font-size:15px;line-height:20px}.mp-body .mp-post-comment-field input:focus,.mp-body .mp-post-comment-field input:focus-visible{outline:none;box-shadow:none}.mp-post-comment-field input::placeholder{color:var(--mp-muted)}.mp-post-comment-field:focus-within{outline:2px solid var(--mp-blue);outline-offset:2px}.mp-post-comment-field button{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mp-muted)}.mp-post-comment-field button:hover{background:var(--mp-hover)}.mp-post-comment-field .mp-icon{width:18px;height:18px}.mp-post-spinner{display:none;width:18px;height:18px;border:2px solid #ced0d4;border-top-color:var(--mp-blue);border-radius:50%;animation:mp-post-spin .65s linear infinite}.mp-post-composer[aria-busy=true] .mp-post-comment-field .mp-icon{display:none}.mp-post-composer[aria-busy=true] .mp-post-spinner{display:block}.mp-post-composer[aria-busy=true] input{color:var(--mp-muted)}.mp-body .mp-post-error-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(548px,calc(100vw - 32px));max-width:none;height:max-content;max-height:calc(100dvh - 32px);border-radius:8px;background:#fff;overflow:auto;box-shadow:0 2px 12px #0003}.mp-body .mp-post-error-dialog::backdrop{background:#fffc}.mp-post-error-header{position:relative;display:flex;justify-content:center;align-items:center;min-height:60px;padding:16px 56px;border-bottom:1px solid var(--mp-line)}.mp-post-error-header h2{margin:0;font-size:20px;font-weight:700;line-height:24px;text-align:center}.mp-post-error-header .mp-circle{position:absolute;top:12px;right:16px;width:36px;height:36px}.mp-post-error-header .mp-icon{width:20px;height:20px}.mp-body .mp-post-error-dialog>p{margin:0;padding:16px;font-size:15px;line-height:20px}.mp-post-error-dialog footer{display:flex;justify-content:flex-end;padding:0 16px 16px}.mp-body .mp-post-error-dialog footer .mp-primary{min-height:36px;height:36px;padding:8px 24px;font-size:15px;line-height:20px}.mp-post-share-link{padding:16px}.mp-post-share-link input{width:100%;height:40px;padding:8px 12px;border:1px solid var(--mp-line);border-radius:6px;background:var(--mp-canvas);color:var(--mp-text);font-size:15px}@keyframes mp-post-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mp-body .mp-post-actions button{transition:none}}@media(max-width:1023px){.mp-body .mp-cart-dialog[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:64px auto auto;align-content:start;overflow-y:auto}.mp-cart-dialog>.mp-cart-heading{grid-column:1;grid-row:1;position:sticky;top:0;z-index:6;height:64px;padding:12px 16px;border-left:0}.mp-cart-heading h2{font-size:22px;line-height:28px}.mp-cart-panel{grid-column:1;grid-row:2;height:auto;overflow:visible;border-left:0;box-shadow:none;animation:none}.mp-cart-dialog .mp-cart-body{height:auto;overflow:visible}.mp-cart-social-stage{grid-column:1;grid-row:3;overflow:visible;padding:16px 12px max(24px,env(safe-area-inset-bottom))}.mp-social-post{margin:0}.mp-post-toast{left:50%}.mp-cart-dialog .mp-cart-heading .mp-circle{position:static;width:40px;height:40px}.mp-post-stats{padding-left:12px;padding-right:12px}.mp-post-stat-links{gap:8px;font-size:13px}}@media(max-width:1023px){.mp-post-header{padding:12px}.mp-post-caption{padding:0 12px 12px;line-height:22px}.mp-post-comments{padding:12px 12px 0}.mp-post-composer{padding:12px 12px 16px}.mp-post-comment-field{min-height:44px;border-radius:24px}.mp-post-comment-field input{height:44px;font-size:16px}.mp-post-comment-field button{width:32px;height:40px}.mp-body .mp-post-actions button{min-height:44px}.mp-post-share-link input{height:44px;font-size:16px}.mp-post-error-header{padding:16px 52px}.mp-post-error-header h2{font-size:19px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/market-cart-post.css.map */