/* One vector icon system for mobile and desktop. No emoji font dependency. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.ui-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex:0 0 auto;vertical-align:middle;line-height:0;font-style:normal;letter-spacing:0}
.ui-icon>svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.color-fan>span>.ui-icon[aria-hidden]{display:inline-flex;line-height:0}
.review-stars{display:inline-flex;align-items:center;gap:3px;letter-spacing:0}
.swatch-paint i .ui-icon{opacity:0}
.swatch.selected .swatch-paint i .ui-icon{opacity:1}
.review-navigation button,.certificate-close{align-items:center;justify-content:center}
.review-navigation button{display:inline-flex}
.certificate-close{display:inline-flex;gap:10px}
.breadcrumb-link .ui-icon{margin-right:.35em}
.clean-list li:before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.12em;background:var(--blue);-webkit-mask:url('../images/ui/arrow-ne.svg') center/contain no-repeat;mask:url('../images/ui/arrow-ne.svg') center/contain no-repeat}
/* Keep Safari's native button styles and text inflation out of the design. */
button,input[type="submit"]{-webkit-appearance:none;appearance:none}
input:not([type="radio"]):not([type="checkbox"]),textarea{-webkit-appearance:none;appearance:none;border-radius:0}
.site-header{background:var(--paper)}
a[x-apple-data-detectors]{color:inherit!important;text-decoration:inherit!important;font-size:inherit!important;font-family:inherit!important}
@media(max-width:650px){
  .back-to-top{bottom:calc(13px + env(safe-area-inset-bottom,0px))}
  .menu-toggle{min-height:44px}
  .inquiry-form input:not([type="radio"]),.inquiry-form textarea{font-size:16px}
}
/* Keep both the wordmark and menu inside narrow screens, including scrollbar space. */
@media(max-width:400px){
  .site-header{gap:10px}
  .brand{gap:8px}
  .brand>span{font-size:6.5px;padding-left:8px}
  .brand img{width:108px}
  .menu-toggle{padding-left:8px;gap:10px;flex-shrink:0}
}