.fyf-grid--colors{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.fyf-tile--color{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;row-gap:2px;align-items:center}.fyf-tile--color .fyf-swatch{grid-row:1 / span 2;width:30px;height:30px}.fyf-swatch{display:inline-block;flex:none;width:16px;height:16px;border-radius:50%;background:var(--sw,#BDBDBD);border:1px solid rgba(0,0,0,.22);box-shadow:inset 0 0 0 2px #ffffff59}.fyf-swatch.is-clear{background-color:#fff;background-image:linear-gradient(45deg,#D9D6CF 25%,transparent 25%,transparent 75%,#D9D6CF 75%),linear-gradient(45deg,#D9D6CF 25%,transparent 25%,transparent 75%,#D9D6CF 75%);background-size:8px 8px;background-position:0 0,4px 4px}.fyf-swatch.is-clear:after{content:"";display:block;width:100%;height:100%;border-radius:50%;background:var(--sw)}.fyf-answers{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 0}.fyf-metric{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:var(--fyf-display);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:14px;color:var(--fyf-accent);background:var(--fyf-accent-soft);padding:4px 9px;border-radius:2px}.fyf-tier--best .fyf-metric{background:#ffffff14;color:#fff}.fyf-section .fyf-btn[disabled]{opacity:.45;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/17/assets/find-your-fix-v2.css.map */