.mgcc-root{box-sizing:border-box;position:relative;width:100%;padding:32px clamp(16px,3vw,48px) 40px;background-color:var(--mgcc-background);background-size:cover;background-position:center;color:var(--mgcc-comment);isolation:isolate;font-family:inherit;line-height:1.5;text-align:left;white-space:normal;min-width:0;max-width:100%}
.mgcc-root *, .mgcc-root *::before,.mgcc-root *::after{box-sizing:border-box}
.mgcc-root [hidden]{display:none!important}
.mgcc-root .mgcc-viewport{position:relative;overflow:hidden;padding:26px 10px 20px;touch-action:pan-y}
.mgcc-root .mgcc-line{position:absolute;left:0;right:0;top:20px;height:7px;background:var(--mgcc-line);border-radius:8px;box-shadow:0 1px 2px #0003}
.mgcc-root .mgcc-track{display:flex;gap:16px;width:max-content;will-change:transform}
.mgcc-root .mgcc-card{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:center;flex:0 0 200px;width:200px;min-height:94px;margin:0;padding:16px 12px 12px;background:var(--mgcc-card);color:var(--mgcc-name);cursor:pointer;transform:rotate(var(--mgcc-tilt));transform-origin:50% -6px;transition:transform .25s ease,background-color .2s ease;box-shadow:0 2px 5px #0002;text-align:left;line-height:1.25;font-family:inherit}
.mgcc-root .mgcc-card::before{content:"";position:absolute;top:-13px;left:calc(50% - 13px);width:26px;height:16px;background:var(--mgcc-clip);border-radius:1px;box-shadow:0 1px 2px #0002}
.mgcc-root .mgcc-name{display:block;font-size:14px;font-weight:700;color:var(--mgcc-name)}
.mgcc-root .mgcc-detail{display:block;margin-top:5px;font-size:13px;color:var(--mgcc-detail)}
.mgcc-root .mgcc-photo{display:block;width:64px;height:54px;object-fit:contain;margin:0 0 9px;border:0;border-radius:0;box-shadow:none}
.mgcc-root .mgcc-card[aria-pressed=true]{background:var(--mgcc-selected)}
.mgcc-root .mgcc-card[aria-pressed=true] .mgcc-name{color:var(--mgcc-selected-name)}
.mgcc-root .mgcc-card[aria-pressed=true] .mgcc-detail{color:var(--mgcc-selected-detail)}
.mgcc-root .mgcc-card:hover,.mgcc-root .mgcc-card:focus-visible{background:var(--mgcc-hover);transform:rotate(1deg) translateY(-4px)}
.mgcc-root .mgcc-card:hover .mgcc-name,.mgcc-root .mgcc-card:focus-visible .mgcc-name{color:var(--mgcc-hover-name)}
.mgcc-root .mgcc-card:hover .mgcc-detail,.mgcc-root .mgcc-card:focus-visible .mgcc-detail{color:var(--mgcc-hover-detail)}
.mgcc-root .mgcc-card:focus-visible{outline:2px solid var(--mgcc-attribution);outline-offset:4px}
.mgcc-root .mgcc-panels{margin-top:30px}
.mgcc-root .mgcc-quote{font-size:clamp(20px,4vw,var(--mgcc-size));line-height:1.35;color:var(--mgcc-comment);font-family:inherit;overflow-wrap:anywhere}
.mgcc-root .mgcc-quote p{margin:0 0 .6em;color:inherit;font-size:inherit;line-height:inherit;font-family:inherit}
.mgcc-root .mgcc-quote a{color:inherit;text-decoration:underline}
.mgcc-root .mgcc-attribution{margin:18px 0 0;color:var(--mgcc-attribution);font-family:inherit;font-size:16px;font-weight:700;line-height:1.5}
.mgcc-root.mgcc-font-reference{font-family:Arial,Helvetica,sans-serif}
.mgcc-root.mgcc-font-reference .mgcc-detail{font-family:Georgia,'Times New Roman',serif}
.mgcc-root.mgcc-font-reference .mgcc-quote{font-family:Georgia,'Times New Roman',serif;font-style:italic}
.mgcc-root .mgcc-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.mgcc-root .mgcc-controls button{all:unset;box-sizing:border-box;cursor:pointer;color:var(--mgcc-comment);font:inherit;font-size:13px;padding:5px 9px;border:1px solid currentColor;border-radius:4px}
.mgcc-root .mgcc-controls button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.mgcc-root .mgcc-card{transition:none}.mgcc-root .mgcc-card:hover,.mgcc-root .mgcc-card:focus-visible{transform:rotate(var(--mgcc-tilt))}}

/* Contain text even inside theme slider wrappers that inherit nowrap. */
.mgcc-root .mgcc-card,.mgcc-root .mgcc-name,.mgcc-root .mgcc-detail{white-space:normal;overflow-wrap:anywhere}
.mgcc-root .mgcc-panels,.mgcc-root .mgcc-panel,.mgcc-root .mgcc-quote{display:block;width:100%;max-width:100%;min-width:0;height:auto;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.mgcc-root .mgcc-quote *{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.mgcc-root .mgcc-quote p,.mgcc-root .mgcc-attribution{width:auto;max-width:100%;min-width:0;height:auto;white-space:normal;overflow-wrap:anywhere}
.mgcc-root .mgcc-quote img,.mgcc-root .mgcc-quote video{max-width:100%;height:auto}

/* Selected portrait/logo sits beside the comment, independent of card images. */
.mgcc-root .mgcc-panel.mgcc-has-photo{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:start}
.mgcc-root .mgcc-comment-image{width:140px;max-width:100%;min-width:0}
.mgcc-root .mgcc-comment-photo{display:block;width:140px;max-width:100%;height:auto;max-height:180px;object-fit:contain;object-position:top left;margin:0;border:0;border-radius:0;box-shadow:none}
.mgcc-root .mgcc-comment-body{min-width:0;max-width:100%;white-space:normal}
.mgcc-root .mgcc-website{margin:12px 0 0;font-family:inherit;font-size:16px;line-height:1.5;white-space:normal}
.mgcc-root .mgcc-website a{color:var(--mgcc-attribution);font-family:inherit;font-size:inherit;text-decoration:underline}
.mgcc-root .mgcc-website a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:600px){.mgcc-root .mgcc-panel.mgcc-has-photo{grid-template-columns:80px minmax(0,1fr);gap:14px}.mgcc-root .mgcc-comment-image,.mgcc-root .mgcc-comment-photo{width:80px}}

/* Outside spacing is transparent; no frame is drawn around the widget. */
.mgcc-root{border:0!important;box-shadow:none!important;border-radius:0;margin:var(--mgcc-margin-top,0px) var(--mgcc-margin-right,0px) var(--mgcc-margin-bottom,0px) var(--mgcc-margin-left,0px);width:calc(100% - var(--mgcc-margin-left,0px) - var(--mgcc-margin-right,0px))}
.mgcc-root .mgcc-panels{position:relative}
.mgcc-root .mgcc-panel,.mgcc-root .mgcc-comment-body,.mgcc-root .mgcc-comment-image{border:0;box-shadow:none;background:transparent}
.mgcc-root .mgcc-comment-image{height:var(--mgcc-image-height,140px)}
.mgcc-root .mgcc-comment-photo{height:var(--mgcc-image-height,140px);max-height:none;object-fit:contain;object-position:top left}
.mgcc-root .mgcc-comment-body{display:flex;flex-direction:column;min-height:var(--mgcc-body-height,var(--mgcc-image-height,140px))}
.mgcc-root .mgcc-website{min-height:36px;padding-top:12px;margin:0;margin-top:auto}
.mgcc-root .mgcc-controls button{border:0;border-radius:0}

.mgcc-root .mgcc-controls{gap:12px;align-items:center}
.mgcc-root .mgcc-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;font-size:36px;line-height:1;color:var(--mgcc-arrows,var(--mgcc-comment));padding:0;background:transparent;border:0;box-shadow:none}
.mgcc-root .mgcc-controls button:hover{opacity:.75}
.mgcc-root .mgcc-credit{display:block;width:100%;margin:24px 0 0;padding:0;text-align:right;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.4;font-weight:400;font-style:normal;color:var(--mgcc-comment);white-space:normal;overflow-wrap:anywhere;background:transparent;border:0;box-shadow:none}
.mgcc-root .mgcc-credit a{color:inherit;font:inherit;text-decoration:none}
.mgcc-root .mgcc-credit a:hover,.mgcc-root .mgcc-credit a:focus-visible{text-decoration:underline}

.mgcc-root .mgcc-credit{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px}
.mgcc-root .mgcc-credit-logo{display:inline-flex;flex:0 0 90px;align-items:center}
.mgcc-root .mgcc-credit-logo img{display:block;width:90px;max-width:90px;height:auto;margin:0;padding:0;border:0;box-shadow:none;background:transparent}

.mgcc-root .mgcc-heading{display:block;margin:0 0 22px;padding:0;font-family:inherit;font-size:clamp(24px,3vw,32px);font-weight:700;font-style:normal;line-height:1.25;color:var(--mgcc-comment);white-space:normal;overflow-wrap:anywhere;max-width:100%;text-align:left;background:transparent;border:0;box-shadow:none}

.mgcc-root .mgcc-heading{color:var(--mgcc-heading-color,var(--mgcc-comment))}
