.mg-media-quote__inner{display:grid;gap:var(--space-lg)}.mg-media-quote__card{position:relative;inline-size:100%;max-inline-size:46rem;margin:0 auto;aspect-ratio:var(--mq-ratio, 4 / 5);overflow:hidden;border-radius:var(--card-border-radius, var(--radius-lg));isolation:isolate;color:var(--color-overlay-text);background-color:color-mix(in srgb,var(--color-text) 12%,var(--color-background))}.mg-media-quote__media,.mg-media-quote__media :is(.mg-image,img,svg){position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.mg-media-quote__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-local-1);pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-overlay-bg-strong) var(--mq-scrim, 60%),transparent) 0%,transparent 55%,transparent 65%,color-mix(in srgb,var(--color-overlay-bg-strong) calc(var(--mq-scrim, 60%) * .8),transparent) 100%)}.mg-media-quote__overlay{position:absolute;inset-block-start:var(--space-md);inset-inline:var(--space-md);z-index:var(--z-local-2);display:grid;justify-items:start;gap:var(--space-sm)}.mg-media-quote__stars{display:inline-flex;color:var(--color-stars)}.mg-media-quote__stars .mg-icon{inline-size:1.25rem;block-size:1.25rem}.mg-media-quote__star--off{color:color-mix(in srgb,var(--color-overlay-text) 35%,transparent)}.mg-media-quote__quote{margin:0}.mg-media-quote__quote p{margin:0;font-family:var(--font-heading--family);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);color:var(--color-overlay-text);text-wrap:pretty}.mg-media-quote__author{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background-color:var(--color-stars);color:var(--color-overlay-bg-strong);font-size:var(--font-size-xs);font-style:normal;font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.mg-media-quote__marker{position:absolute;inset-inline-start:var(--mq-x);inset-block:var(--mq-y) var(--space-xl);z-index:var(--z-local-2);inline-size:0;border-inline-start:var(--border-thickness) solid color-mix(in srgb,var(--color-overlay-text) 70%,transparent)}.mg-media-quote__marker:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:.875rem;block-size:.875rem;border:.125rem solid var(--color-overlay-text);border-radius:var(--radius-circle);background-color:var(--color-stars);outline:.25rem solid color-mix(in srgb,var(--color-stars) 30%,transparent);translate:-50% -50%}.mg-media-quote__marker-label{position:absolute;inset-block-start:calc(100% + var(--space-xs));inline-size:max-content;max-inline-size:9rem;translate:-50% 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);text-align:center;text-wrap:balance}.mg-media-quote__marker[data-side=start] .mg-media-quote__marker-label{translate:calc(-1 * var(--space-md)) 0;text-align:start}.mg-media-quote__marker[data-side=end] .mg-media-quote__marker-label{translate:calc(-100% + var(--space-md)) 0;text-align:end}@media not (max-width:750px){.mg-media-quote__overlay{inset-block-start:var(--space-lg);inset-inline:var(--space-lg)}.mg-media-quote__quote p{font-size:var(--font-size-xl)}.mg-media-quote__marker-label{font-size:var(--font-size-sm)}}.mg-media-quote--desktop-only{display:none}.mg-media-quote--mobile-only{display:block}@media not (max-width:750px){.mg-media-quote--desktop-only{display:block}.mg-media-quote--mobile-only{display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mg-media-quote.css.map */