.finish-guide{color:var(--finish-text-color, #322d49)}.finish-guide__layout{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:16px}.finish-guide__layout--no-scene{grid-template-columns:minmax(0,1fr)}.finish-guide__scene{position:relative;min-height:360px;overflow:hidden;border-radius:12px}.finish-guide__scene-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.finish-guide__panel{min-width:0;padding:20px;border-radius:12px;background:var(--finish-panel-bg, #f6f5fa)}.finish-guide__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.finish-guide__grid>li{min-width:0}.finish-guide .finish-guide__card{position:relative;display:flex;align-items:center;gap:16px;height:100%;min-height:128px;padding:16px;border:1px solid rgb(50 45 73 / 12%);border-radius:8px;color:inherit;background:var(--finish-card-bg, #fff);text-decoration:none}.finish-guide a.finish-guide__card{transition:border-color .2s ease,box-shadow .2s ease}.finish-guide a.finish-guide__card:hover,.finish-guide a.finish-guide__card:focus-visible{border-color:currentColor;box-shadow:0 2px 8px #322d4914}.finish-guide a.finish-guide__card:focus-visible{outline:2px solid currentColor;outline-offset:3px}.finish-guide__swatch{display:block;flex:0 0 clamp(48px,5vw,76px);width:clamp(48px,5vw,76px);aspect-ratio:1;overflow:hidden;border:1px solid rgb(0 0 0 / 10%);border-radius:14px}.finish-guide__swatch-image{display:block;width:100%;height:100%;object-fit:cover}.finish-guide__label{flex:1 1 auto;min-width:0;font-size:16px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.finish-guide__arrow{flex:0 0 18px}.finish-guide__card--unconfigured{border-style:dashed;opacity:.65}@media not (min-width:64rem){.finish-guide__layout{grid-template-columns:minmax(0,1fr)}.finish-guide__scene{min-height:0;height:320px}}@media not (min-width:48rem){.finish-guide__scene{height:240px}.finish-guide__panel{padding:12px}.finish-guide__grid{gap:12px}.finish-guide .finish-guide__card{flex-direction:column;justify-content:center;gap:8px;min-height:128px;padding:12px;text-align:center}.finish-guide__swatch{flex:0 0 60px;width:60px}.finish-guide__label{flex:0 0 auto;font-size:14px}.finish-guide__arrow{position:absolute;top:10px;right:8px;width:12px;height:12px}}@media(prefers-reduced-motion:reduce){.finish-guide a.finish-guide__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/finish-guide.css.map */