.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))}
.mgcc-root .mgcc-submit-link{text-align:right;margin-top:20px}
.mgcc-root .mgcc-open-form{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--mgcc-selected);color:var(--mgcc-selected-name);font:700 17px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;padding:13px 24px;min-height:48px;border:2px solid currentColor;border-radius:7px;box-shadow:0 3px 10px #0003;transition:transform .15s ease,background-color .15s ease}
.mgcc-root .mgcc-open-form:hover{background:var(--mgcc-hover);color:var(--mgcc-hover-name);transform:translateY(-2px)}
.mgcc-root .mgcc-form .mgcc-upload-help{display:block;margin-top:5px;font-size:13px;color:#555}
@media(prefers-reduced-motion:reduce){.mgcc-root .mgcc-open-form{transition:none}.mgcc-root .mgcc-open-form:hover{transform:none}}
.mgcc-root .mgcc-open-form:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.mgcc-root .mgcc-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(560px,calc(100vw - 32px));max-width:560px;max-height:calc(100dvh - 32px);height:auto;margin:auto;padding:28px;border:0;border-radius:8px;background:#fff;color:#222;box-shadow:0 12px 60px #0006;overflow:auto;text-align:left;font:16px/1.5 Arial,Helvetica,sans-serif;white-space:normal}
.mgcc-root .mgcc-dialog::backdrop{background:#000a}
.mgcc-root .mgcc-dialog h2{margin:0 30px 12px 0;font:700 24px/1.3 Arial,Helvetica,sans-serif;color:#222}
.mgcc-root .mgcc-dialog p{font:inherit;color:inherit;white-space:normal;margin:0 0 14px}
.mgcc-root .mgcc-form label{display:block;margin:0 0 14px;color:#222;font:inherit}
.mgcc-root .mgcc-form input:not([type=checkbox]):not([type=hidden]),.mgcc-root .mgcc-form textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;margin:5px 0 0;padding:9px 10px;border:1px solid #888;border-radius:4px;background:#fff;color:#222;font:inherit;box-shadow:none;white-space:normal;resize:vertical}
.mgcc-root .mgcc-form .mgcc-consent{display:flex;gap:8px;align-items:flex-start;font-size:14px}
.mgcc-root .mgcc-consent input{appearance:auto;width:18px;height:18px;flex:0 0 18px;margin:3px 0 0}
.mgcc-root .mgcc-form .mgcc-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.mgcc-root .mgcc-send-form{all:unset;box-sizing:border-box;display:inline-block;cursor:pointer;padding:10px 18px;border-radius:4px;background:#17364a;color:#fff;font:700 16px/1.5 Arial,Helvetica,sans-serif}
.mgcc-root .mgcc-close-form{all:unset;position:absolute;right:15px;top:10px;padding:5px;cursor:pointer;font:28px/1 Arial,Helvetica,sans-serif;color:#222}
.mgcc-root .mgcc-send-form:disabled,.mgcc-root .mgcc-close-form:disabled{opacity:.6;cursor:wait}
.mgcc-root .mgcc-dialog button:focus-visible,.mgcc-root .mgcc-dialog input:focus-visible,.mgcc-root .mgcc-dialog textarea:focus-visible{outline:2px solid #1768a0;outline-offset:2px}
.mgcc-root .mgcc-form .mgcc-form-status{margin:14px 0 0;font-size:14px}

/* Ceramic mugs, suspended by their handles. All selectors remain scoped. */
.mgcc-root.mgcc-coffee .mgcc-line{display:block;top:14px;height:4px}
.mgcc-root.mgcc-coffee .mgcc-viewport{padding:72px 24px 42px}
.mgcc-root.mgcc-coffee .mgcc-track{gap:68px;align-items:stretch}
.mgcc-root.mgcc-coffee .mgcc-card{--mgcc-cup:var(--mgcc-card);justify-content:center;min-height:190px;padding:30px 22px 24px;border-radius:12px 12px 36px 36px / 9px 9px 30px 30px;background-color:var(--mgcc-cup);background-image:linear-gradient(100deg,#00000024 0%,#ffffff35 24%,#ffffff10 52%,#00000018 85%,#00000030 100%);transform:rotate(calc(var(--mgcc-tilt) - 5deg));transform-origin:calc(100% + 20px) 12px;box-shadow:inset 0 2px 2px #ffffff80,inset 0 -6px 8px #00000022,0 8px 12px #0004;overflow:visible}
.mgcc-root.mgcc-coffee .mgcc-card::before{top:26px;left:auto;right:-40px;width:48px;height:104px;border:12px solid var(--mgcc-cup);border-left:0;border-radius:0 32px 36px 0;background:transparent;box-shadow:inset -3px 0 4px #0003,3px 3px 4px #0004;z-index:-1;transition:border-color .2s ease}
.mgcc-root.mgcc-coffee .mgcc-card::after{content:"";position:absolute;left:4px;right:4px;top:-3px;height:16px;border:4px solid var(--mgcc-cup);border-radius:50%;background:linear-gradient(#00000060,#00000010),var(--mgcc-cup);box-shadow:0 -1px 1px #ffffff90,inset 0 2px 3px #0004;pointer-events:none}
.mgcc-root.mgcc-coffee .mgcc-card[aria-pressed=true]{--mgcc-cup:var(--mgcc-selected);background-color:var(--mgcc-cup);background-image:linear-gradient(100deg,#00000024,#ffffff35 24%,#ffffff10 52%,#00000018 85%,#00000030)}
.mgcc-root.mgcc-coffee .mgcc-card:hover,.mgcc-root.mgcc-coffee .mgcc-card:focus-visible{--mgcc-cup:var(--mgcc-hover);background-color:var(--mgcc-cup);background-image:linear-gradient(100deg,#00000024,#ffffff35 24%,#ffffff10 52%,#00000018 85%,#00000030);transform:rotate(calc(var(--mgcc-tilt) - 2deg))}
.mgcc-root.mgcc-coffee .mgcc-hanger{position:absolute;right:-25px;top:-58px;width:3px;height:88px;background:var(--mgcc-clip);border-radius:2px;pointer-events:none;box-shadow:1px 0 1px #0005}
.mgcc-root.mgcc-coffee .mgcc-hanger::after{content:"";position:absolute;bottom:-7px;left:-7px;width:17px;height:18px;border:3px solid var(--mgcc-clip);border-top:0;border-radius:0 0 10px 10px}
.mgcc-root.mgcc-coffee .mgcc-photo{margin:0 auto 10px}
.mgcc-root.mgcc-coffee .mgcc-name,.mgcc-root.mgcc-coffee .mgcc-detail{text-align:center;width:100%;position:relative}
@media(prefers-reduced-motion:reduce){.mgcc-root.mgcc-coffee .mgcc-card{transition:none}.mgcc-root.mgcc-coffee .mgcc-card:hover,.mgcc-root.mgcc-coffee .mgcc-card:focus-visible{transform:rotate(calc(var(--mgcc-tilt) - 5deg))}}