/* Three scoped refinements. Native layout, focus, touch and inquiry logic remain authoritative. */
.mc-preview .mc-color-transition {
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  pointer-events:none;z-index:1;will-change:opacity;
}
.mc-preview figcaption {z-index:2;pointer-events:none}
.mc-preview[aria-busy=true] img {opacity:1}
.mc-preview img {transition:none}
.mc-status {min-height:3.2em}
/* Reserve the clear action's space so selecting a color never moves the panel or CTA. */
.mc-reset[hidden] {display:block!important;visibility:hidden;pointer-events:none}
.mc-swatch {
  transition:background-color 200ms ease,border-color 200ms ease,color 200ms ease,box-shadow 200ms ease;
}
.mc-swatch i {transition:box-shadow 200ms ease}
.mc-swatch[aria-pressed=true] {box-shadow:0 3px 12px #715b2620}
.mc-swatch[aria-pressed=true] i {box-shadow:inset 0 0 0 1px #0002,0 0 0 2px #fff,0 0 0 3px #a58e60}
.bs-model-tab {
  transition:background-color 240ms ease,border-color 240ms ease,color 240ms ease,box-shadow 280ms ease;
}
.bs-model-tab[aria-selected=true] {border-color:#9eb8bb;box-shadow:0 4px 14px #14374010}
.bs-tab-dot {transition:background-color 180ms ease,box-shadow 240ms ease}
.bs-model-tab[aria-selected=true] .bs-tab-dot {box-shadow:0 0 0 3px #37808a10}
/* Do not move, scale or magnetically pull a request button, including fixed mobile actions. */
html :is([data-request],.si-primary,.mp-bar a,.mobile-bar button) {
  transform:none!important;
  transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease;
}
html :is([data-request],.si-primary,.mp-bar a,.mobile-bar button):focus-visible {
  outline:3px solid #368994;outline-offset:4px;
}
html :is([data-request],.si-primary,.mp-bar a,.mobile-bar button):active {
  transform:none!important;box-shadow:inset 0 0 0 999px #001b2517;
}
:is([data-request],.si-primary) > :is([aria-hidden=true],.ms-cta-arrow),
.si-primary > span:last-child {
  display:inline-block;flex-shrink:0;pointer-events:none;
  transition:transform 220ms cubic-bezier(.16,1,.3,1);
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html :is([data-request],.si-primary):hover {transform:none!important;box-shadow:0 4px 14px #123c451c}
  [data-request]:hover > :is([aria-hidden=true],.ms-cta-arrow),
  .si-primary:hover > span:last-child {transform:translate(3px,-2px)}
  .bs-cta-primary:hover > svg {transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce),(prefers-reduced-data:reduce) {
  .mc-swatch,.mc-swatch i,.bs-model-tab,.bs-tab-dot,
  html :is([data-request],.si-primary,.mp-bar a,.mobile-bar button),
  :is([data-request],.si-primary) > :is([aria-hidden=true],.ms-cta-arrow),
  .si-primary > span:last-child {transition:none!important}
  :is([data-request],.si-primary) > :is([aria-hidden=true],.ms-cta-arrow),
  .si-primary > span:last-child {transform:none!important}
}