.atelier-module.atelier-color-palette {
  width:100%;max-width:none;padding:0;margin:0 0 var(--am-next-gap,0px);
  border:0;border-top:1px solid var(--am-border,#000);border-bottom:1px solid var(--am-border,#000);
  background:var(--am-bg,#fff);color:var(--am-text,#000);
}
.atelier-color-palette .atelier-color-palette__layout { display:flex;flex-direction:column;width:100%;min-width:0; }
.atelier-color-palette .atelier-color-palette__copy {
  flex-shrink:0;width:100%;padding:var(--am-padding-mobile,64px) var(--am-copy-padding-horizontal-mobile,20px);
  border-bottom:1px solid var(--am-border,#000);
}
.atelier-color-palette .atelier-color-palette__heading {
  margin:0;padding:0;font-family:"Galano Classic",ui-sans-serif,sans-serif;font-size:var(--am-heading-mobile,38px);
  font-weight:600;line-height:1.1;letter-spacing:-.1px;color:var(--am-heading,#000);text-align:left;text-transform:none;
}
.atelier-color-palette .atelier-color-palette__body {
  margin:var(--am-gap-mobile,20px) 0 0;padding:0;font-family:"Galano Classic",ui-sans-serif,sans-serif;
  font-size:var(--am-body-mobile,16px);font-weight:400;line-height:1.5;color:var(--am-text,#000);letter-spacing:normal;
}
.atelier-color-palette .atelier-color-palette__slider { position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;width:100%;padding-bottom:var(--am-track-bottom-padding,20px); }
.atelier-color-palette .atelier-color-palette__track {
  position:relative;display:flex;align-items:stretch;gap:0;width:100%;min-width:0;max-width:100%;padding:0;margin:0;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  scroll-behavior:auto;touch-action:pan-x pan-y;
}
.atelier-color-palette .atelier-color-palette__track::-webkit-scrollbar { display:none; }
.atelier-color-palette .atelier-color-palette__card {
  box-sizing:border-box;position:relative;display:flex;flex:0 0 calc(100% / 1.4);flex-direction:column;align-items:center;
  min-width:0;gap:var(--am-card-gap,16px);padding:var(--am-card-padding-vertical,44px) var(--am-card-padding-horizontal,10px);
  margin:0;scroll-snap-align:center;
}
.atelier-color-palette .atelier-color-palette__card-link { display:contents;color:var(--am-text,#000);text-decoration:none; }
.atelier-color-palette .atelier-color-palette__image { display:block;aspect-ratio:1;width:100%; }
.atelier-color-palette .atelier-color-palette__image img { display:block;aspect-ratio:1;width:100%;height:auto;object-fit:cover;object-position:center; }
.atelier-color-palette .atelier-color-palette__annotation {
  position:absolute;z-index:1;top:12px;right:12px;width:64px;padding:0;margin:0;
  font-family:Toma,ui-sans-serif,sans-serif;font-size:var(--am-caption-size-mobile,16px);font-weight:400;
  line-height:1;letter-spacing:normal;text-align:center;color:var(--am-caption-color,#000);transform:rotate(-12deg);
}
.atelier-color-palette .atelier-color-palette__title {
  margin:0;padding:0;font-family:"Galano Classic",ui-sans-serif,sans-serif;font-size:var(--am-item-mobile,20px);
  font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none;color:var(--am-text,#000);text-align:center;
}
.atelier-color-palette.is-palette-ready .atelier-color-palette__card:not(.is-visible-neighbor) .atelier-color-palette__title { visibility:hidden; }
.atelier-color-palette .atelier-color-palette__swatches {
  display:flex;flex-wrap:nowrap;justify-content:flex-start;width:max-content;max-width:100%;min-width:0;margin:0 auto;
  padding:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;
}
.atelier-color-palette .atelier-color-palette__swatches::-webkit-scrollbar { display:none; }
.atelier-color-palette .atelier-color-palette__swatch-wrap { display:block;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;padding:6px; }
.atelier-color-palette .atelier-color-palette__swatch {
  box-sizing:border-box;display:block;width:32px;height:32px;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:50%;
  background:var(--palette-swatch,#ede6d6);outline:2px solid var(--am-swatch-border,#666);outline-offset:0;cursor:pointer;
  box-shadow:none;transition:outline-offset 150ms ease;
}
.atelier-color-palette .atelier-color-palette__swatch[aria-pressed="true"] { outline-offset:2px; }
.atelier-color-palette .atelier-color-palette__swatch:focus-visible { outline:2px solid var(--am-text,#000);outline-offset:4px; }
.atelier-color-palette .atelier-prev,.atelier-color-palette .atelier-next { background:var(--am-arrow-background,#000);color:var(--am-arrow-color,#fff); }
.atelier-color-palette .atelier-color-palette__status { position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
@media(min-width:640px) { .atelier-color-palette .atelier-color-palette__card { flex-basis:calc(100% / 2.75); } }
@media(min-width:768px) {
  .atelier-color-palette .atelier-color-palette__copy { max-width:var(--am-content-width,384px);border-right:1px solid var(--am-border,#000);border-bottom:0;padding:var(--am-padding,64px) 20px; }
  .atelier-color-palette .atelier-color-palette__annotation { top:40px;right:20px;font-size:var(--am-caption-size,16px); }
}
@media(min-width:1024px) {
  .atelier-color-palette .atelier-color-palette__layout { flex-direction:row; }
  .atelier-color-palette .atelier-color-palette__copy { width:var(--am-content-width,384px);padding:var(--am-padding,64px) var(--am-copy-padding-horizontal,40px); }
  .atelier-color-palette .atelier-color-palette__heading { font-size:var(--am-heading-size,40px); }
  .atelier-color-palette .atelier-color-palette__body { margin-top:var(--am-gap,20px);font-size:var(--am-body-size,16px); }
  .atelier-color-palette .atelier-color-palette__slider { flex:1; }
  .atelier-color-palette .atelier-color-palette__card { flex-basis:calc(100% / 3.5); }
  .atelier-color-palette .atelier-color-palette__title { font-size:var(--am-item-size,24px);line-height:1.333333; }
}
@media(max-width:767.98px) {
  .atelier-module.atelier-color-palette { margin-bottom:var(--am-next-gap-mobile,0px); }
  .atelier-color-palette .atelier-prev,.atelier-color-palette .atelier-next { display:none; }
  .atelier-color-palette .atelier-prev:focus-visible,.atelier-color-palette .atelier-next:focus-visible { display:block; }
}
@media(prefers-reduced-motion:reduce) { .atelier-color-palette .atelier-color-palette__swatch { transition:none; } }

@media(min-width:768px) and (max-width:1023.98px){.atelier-color-palette .atelier-color-palette__heading{font-size:var(--am-heading-size,40px);line-height:1.1}}