.page:has(.cmp-color-swatch){--color-page-blue:var(--sherwin-chroma-color-brand-default,#003da5);--color-page-ink:var(--sherwin-chroma-color-neutral-darker,#252525);--color-page-muted:var(--sherwin-chroma-color-neutral-dark,#4c4c4c);--color-page-border:var(--sherwin-chroma-color-neutral-light,#bcbcbc);--color-page-surface:var(--sherwin-chroma-color-neutral-lighter,#ececec);--color-page-border-width:var(--sherwin-chroma-border-width-100,1px);--color-page-space-100:var(--sherwin-chroma-spacing-100,0.25rem);--color-page-space-150:var(--sherwin-chroma-spacing-150,0.375rem);--color-page-space-200:var(--sherwin-chroma-spacing-200,0.5rem);--color-page-space-250:var(--sherwin-chroma-spacing-250,0.625rem);--color-page-space-300:var(--sherwin-chroma-spacing-300,0.75rem);--color-page-space-350:var(--sherwin-chroma-spacing-350,0.875rem);--color-page-space-400:var(--sherwin-chroma-spacing-400,1rem);--color-page-space-500:var(--sherwin-chroma-spacing-500,1.25rem);--color-page-space-600:var(--sherwin-chroma-spacing-600,1.5rem);--color-page-space-700:var(--sherwin-chroma-spacing-700,1.75rem);--color-page-space-800:var(--sherwin-chroma-spacing-800,2rem);--color-page-space-900:var(--sherwin-chroma-spacing-900,2.5rem);--color-page-space-1000:var(--sherwin-chroma-spacing-1000,3rem);--color-page-space-1100:var(--sherwin-chroma-spacing-1100,3.375rem);--color-page-space-1200:var(--sherwin-chroma-spacing-1200,4rem);--color-page-font-size-2xs:var(--sherwin-chroma-font-size-2xs,0.6875rem);--color-page-font-size-xs:var(--sherwin-chroma-font-size-xs,0.75rem);--color-page-font-size-sm:var(--sherwin-chroma-font-size-sm,0.875rem);--color-page-font-size-md:var(--sherwin-chroma-font-size-md,1.25rem);--color-page-font-size-lg:var(--sherwin-chroma-font-size-lg,1.5rem);--color-page-font-size-xl:var(--sherwin-chroma-font-size-xl,1.75rem);--color-page-font-size-2xl:var(--sherwin-chroma-font-size-2xl,2.5rem);color:var(--color-page-ink)}.page:has(.cmp-color-swatch)>.root>.cmp-container{margin:0 auto;max-width:1200px;padding:0 clamp(var(--color-page-space-400),4vw,var(--color-page-space-1000))}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-swatch{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-details{-webkit-box-ordinal-group:3;-ms-flex-order:2;display:none;order:2}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.experiencefragment{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.container.responsivegrid{display:none}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.related-shades{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-feature-cards{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-influencer{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.aem-GridColumn{float:none;width:100%}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-feature-cards,.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-influencer,.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-swatch,.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.experiencefragment,.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.related-shades{clear:both;float:none;position:static;width:100%}.page:has(.cmp-color-swatch) .cmp-color-details,.page:has(.cmp-color-swatch) .cmp-color-swatch{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--color-page-space-600) 0;width:100%}.page:has(.cmp-color-swatch) .cmp-color-swatch{min-width:0}.page:has(.cmp-color-swatch) .cmp-color-swatch__content{display:grid;gap:var(--color-page-space-600);min-width:0}.page:has(.cmp-color-swatch) .cmp-color-swatch__visual{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:0;min-width:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-page-surface);justify-content:center}.page:has(.cmp-color-swatch) .cmp-color-swatch__tile{aspect-ratio:4/3;display:block;max-width:100%;min-height:0;width:100%}.page:has(.cmp-color-swatch) .cmp-color-swatch__name{color:var(--color-page-ink);font-size:clamp(var(--color-page-font-size-xl),3vw,var(--color-page-font-size-2xl));font-weight:400;line-height:1.15;margin:0}.page:has(.cmp-color-swatch) .cmp-color-swatch__meta{color:var(--color-page-muted);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--color-page-font-size-sm);font-weight:600;gap:var(--color-page-space-200);margin-top:var(--color-page-space-200)}.page:has(.cmp-color-swatch) .cmp-color-swatch__id{color:var(--color-page-muted);display:none;font-size:var(--color-page-font-size-xs)}.page:has(.cmp-color-swatch) .cmp-color-swatch__description{color:var(--color-page-muted);font-size:var(--color-page-font-size-sm);line-height:1.4;margin:var(--color-page-space-300) 0 0;max-width:24rem}.page:has(.cmp-color-swatch) .cmp-color-swatch__controls{margin-top:var(--color-page-space-600)}.page:has(.cmp-color-swatch) .cmp-color-swatch__toggle{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:3rem;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;background:transparent;border:0;border-top:var(--color-page-border-width) solid var(--color-page-border);color:var(--color-page-ink);font:inherit;font-size:var(--color-page-font-size-sm);justify-content:space-between;padding:var(--color-page-space-300) 0;text-align:left}.page:has(.cmp-color-swatch) .cmp-color-swatch__chevron{border-bottom:var(--color-page-border-width) solid;border-right:var(--color-page-border-width) solid;height:var(--color-page-space-200);margin-right:var(--color-page-space-100);-webkit-transform:rotate(45deg) translateY(-.125rem);transform:rotate(45deg) translateY(-.125rem);width:var(--color-page-space-200)}.page:has(.cmp-color-swatch) .cmp-color-swatch__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--color-page-space-200);margin-top:var(--color-page-space-300)}.page:has(.cmp-color-swatch) .cmp-color-details__heading,.page:has(.cmp-color-swatch) .cmp-color-details__subheading{color:var(--color-page-ink);font-size:var(--color-page-font-size-md);font-weight:400;margin:0 0 var(--color-page-space-400)}.page:has(.cmp-color-swatch) .cmp-color-details__additional-list,.page:has(.cmp-color-swatch) .cmp-color-details__list{margin:0}.page:has(.cmp-color-swatch) .cmp-color-details__item{border-bottom:var(--color-page-border-width) solid var(--color-page-border);display:grid;font-size:var(--color-page-font-size-sm);gap:var(--color-page-space-400);grid-template-columns:minmax(8rem,1fr) 2fr;padding:var(--color-page-space-300) 0}.page:has(.cmp-color-swatch) .cmp-color-details dt{color:var(--color-page-muted)}.page:has(.cmp-color-swatch) .cmp-color-details dd{margin:0;overflow-wrap:anywhere}.page:has(.cmp-color-swatch) .cmp-color-details__additional{display:none}.page:has(.cmp-color-swatch) .cmp-color-details__additional-list{display:block}.page:has(.cmp-color-swatch) .cmp-color-details__additional-list .cmp-color-details__item{display:none}.page:has(.cmp-color-swatch) .cmp-color-details__additional-list .cmp-color-details__item:nth-child(4){border-bottom:0;display:grid;gap:var(--color-page-space-100);grid-template-columns:1fr;padding:0}.page:has(.cmp-color-swatch) .cmp-color-details__additional-list .cmp-color-details__item:nth-child(4) dt{font-size:0}.page:has(.cmp-color-swatch) .cmp-color-details__additional-list .cmp-color-details__item:nth-child(4) dt:after{content:"Description";font-size:var(--color-page-font-size-sm)}.page:has(.cmp-color-swatch) .cmp-color-details__color-chip{border:var(--color-page-border-width) solid var(--color-page-border);display:inline-block;height:var(--color-page-space-400);margin-right:var(--color-page-space-200);vertical-align:-.15rem;width:var(--color-page-space-400)}@media(max-width:767px){.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-swatch,.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-swatch>.cmp-color-swatch,.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-swatch>.cmp-color-swatch>.cmp-color-swatch__content{display:block}.page:has(.cmp-color-swatch) .cmp-color-swatch__info,.page:has(.cmp-color-swatch) .cmp-color-swatch__visual{grid-column:auto;grid-row:auto}.page:has(.cmp-color-swatch) .cmp-color-swatch__info{padding:0}.page:has(.cmp-color-swatch) .cmp-color-swatch__info,.page:has(.cmp-color-swatch) .cmp-color-swatch__visual{width:100%}}.page:has(.cmp-color-swatch) .cmp-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-height:var(--color-page-space-900);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-page-blue);border:var(--color-page-border-width) solid var(--color-page-blue);color:#fff;font-size:var(--color-page-font-size-xs);font-weight:600;justify-content:center;line-height:1;padding:var(--color-page-space-250) var(--color-page-space-400);text-decoration:none}.page:has(.cmp-color-swatch) .cmp-button+.cmp-button{margin-left:0}.page:has(.cmp-color-swatch) .cmp-button--secondary{background:transparent;color:var(--color-page-blue)}.page:has(.cmp-color-swatch) .related-shades{border-top:var(--color-page-border-width) solid var(--color-page-border);padding:var(--color-page-space-500) 0 var(--color-page-space-700);width:100%}.page:has(.cmp-color-swatch) .related-shades__heading{color:var(--color-page-ink);font-size:var(--color-page-font-size-xs);font-weight:700;letter-spacing:.05em;margin:0 0 var(--color-page-space-400);text-align:center;text-transform:uppercase}.page:has(.cmp-color-swatch) .related-shades__rail{display:grid;gap:var(--color-page-space-250);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:17rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page:has(.cmp-color-swatch) .related-shades__item{color:var(--color-page-muted);font-size:var(--color-page-font-size-2xs);min-width:0;text-align:center;text-decoration:none}.page:has(.cmp-color-swatch) .related-shades__swatch{aspect-ratio:1;border:var(--color-page-border-width) solid var(--color-page-border);display:block;margin-bottom:var(--color-page-space-150);width:100%}.page:has(.cmp-color-swatch) .related-shades__label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page:has(.cmp-color-swatch) .color-feature-cards{padding:var(--color-page-space-500) 0 var(--color-page-space-800);width:100%}.page:has(.cmp-color-swatch) .color-feature-cards__grid{display:grid;gap:var(--color-page-space-600)}.page:has(.cmp-color-swatch) .color-feature-card{min-width:0}.page:has(.cmp-color-swatch) .color-feature-card__image{aspect-ratio:4/3;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-page-surface);color:var(--color-page-ink);font-size:var(--color-page-font-size-lg);font-weight:700;justify-content:center;margin-bottom:var(--color-page-space-400)}.page:has(.cmp-color-swatch) .color-feature-card__eyebrow{color:var(--color-page-ink);font-size:var(--color-page-font-size-2xs);font-weight:700;margin:0 0 var(--color-page-space-200);text-transform:uppercase}.page:has(.cmp-color-swatch) .color-feature-card__title{color:var(--color-page-ink);font-size:var(--color-page-font-size-md);font-weight:400;line-height:1.2;margin:0}.page:has(.cmp-color-swatch) .color-feature-card__description{color:var(--color-page-muted);font-size:var(--sherwin-chroma-font-size-xs-plus,.8125rem);line-height:1.45;margin:var(--color-page-space-300) 0 var(--color-page-space-400);min-height:4.5rem}.page:has(.cmp-color-swatch) .color-influencer{display:grid;gap:var(--color-page-space-600);padding:var(--color-page-space-600) 0 var(--color-page-space-900);width:100%}.page:has(.cmp-color-swatch) .color-influencer__image{aspect-ratio:4/3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-page-surface);color:var(--color-page-ink);font-size:var(--color-page-font-size-lg);font-weight:700;justify-content:center}.page:has(.cmp-color-swatch) .color-influencer__content{-ms-flex-item-align:center;align-self:center}.page:has(.cmp-color-swatch) .color-influencer__eyebrow{color:var(--color-page-ink);font-size:var(--color-page-font-size-2xs);font-weight:700;margin:0 0 var(--color-page-space-200);text-transform:uppercase}.page:has(.cmp-color-swatch) .color-influencer__title{color:var(--color-page-ink);font-size:var(--color-page-font-size-lg);font-weight:400;line-height:1.2;margin:0}.page:has(.cmp-color-swatch) .color-influencer__description{color:var(--color-page-muted);font-size:var(--sherwin-chroma-font-size-xs-plus,.8125rem);line-height:1.45;margin:var(--color-page-space-300) 0 var(--color-page-space-400);max-width:34rem}@media(min-width:768px){.page:has(.cmp-color-swatch)>.root>.cmp-container{padding:0 clamp(var(--color-page-space-600),5vw,var(--color-page-space-1200))}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(18rem,5fr);-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-column-gap:clamp(var(--color-page-space-600),4vw,var(--color-page-space-1200));-moz-column-gap:clamp(var(--color-page-space-600),4vw,var(--color-page-space-1200));column-gap:clamp(var(--color-page-space-600),4vw,var(--color-page-space-1200))}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.experiencefragment{grid-column:1/-1;grid-row:1}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-swatch{display:contents;grid-column:1/-1;grid-row:2}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-details{display:none}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.related-shades{grid-column:1/-1;grid-row:3}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-swatch>.cmp-color-swatch,.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-swatch>.cmp-color-swatch>.cmp-color-swatch__content{display:contents}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-swatch .cmp-color-swatch__visual{grid-column:1;grid-row:2}.page:has(.cmp-color-swatch)>.root>.cmp-container>.aem-Grid>.color-swatch .cmp-color-swatch__info{align-self:center;grid-column:2;grid-row:2;padding:clamp(var(--color-page-space-600),4vw,var(--color-page-space-1000)) 0}.page:has(.cmp-color-swatch) .cmp-color-details,.page:has(.cmp-color-swatch) .cmp-color-swatch{padding:clamp(var(--color-page-space-600),4vw,var(--color-page-space-1000)) 0}.page:has(.cmp-color-swatch) .cmp-color-swatch__content{grid-template-columns:minmax(0,1fr)}.page:has(.cmp-color-swatch) .cmp-color-swatch__tile,.page:has(.cmp-color-swatch) .cmp-color-swatch__visual{aspect-ratio:4/3;min-height:0}.page:has(.cmp-color-swatch) .cmp-color-swatch__name{font-size:clamp(var(--color-page-space-800),3vw,var(--sherwin-chroma-font-size-3xl,2.75rem))}.page:has(.cmp-color-swatch) .related-shades{border-top:0;padding:var(--color-page-space-700) 0 var(--color-page-space-800)}.page:has(.cmp-color-swatch) .related-shades__rail{gap:var(--color-page-space-200);grid-template-columns:repeat(8,3.375rem);max-width:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page:has(.cmp-color-swatch) .color-feature-cards{grid-column:1/-1;grid-row:4;padding:var(--color-page-space-600) 0 var(--color-page-space-900)}.page:has(.cmp-color-swatch) .color-feature-cards__grid{gap:clamp(var(--color-page-space-400),2.5vw,var(--color-page-space-800));grid-template-columns:repeat(3,minmax(0,1fr))}.page:has(.cmp-color-swatch) .color-influencer{gap:clamp(var(--color-page-space-600),4vw,var(--color-page-space-1000));grid-column:1/-1;grid-row:5;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:var(--color-page-space-800) 0 var(--color-page-space-1000)}.page:has(.cmp-color-swatch) .cmp-color-details__heading{display:none}.page:has(.cmp-color-swatch) .cmp-color-details__list{display:none}.page:has(.cmp-color-swatch) .cmp-color-details__additional{margin-top:0}.page:has(.cmp-color-swatch) .cmp-color-details__subheading{display:none}}.cmp-helloworld__item-label{margin-bottom:0}.cmp-helloworld__item-output{margin-top:0}.cmp-navigation__item--level-0:hover>.cmp-navigation__group{background:#ececec}