.cf .cfs .cf-main{flex:1 1 480px;gap:16px}.cf .cfs .cf-aside{flex:0 1 500px;max-width:520px;gap:0}.cf .cfs-prog{list-style:none;margin:0;padding:0;display:flex;gap:6px}.cf .cfs-prog li{flex:0 0 auto;min-width:0}.cf .cfs-prog li:has(.is-cur){flex:1 1 auto}.cf .cfs-pill:not(.is-cur){padding:5px;justify-content:center}.cf .cfs-pill:not(.is-cur) .cfs-lbl{display:none}.cf .cfs-pill{width:100%;display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 10px 5px 5px;border-radius:999px;border:1px solid var(--cf-line);background:#fff;color:var(--cf-text);font-size:13px;font-weight:600;cursor:pointer;text-align:left}.cf .cfs-pill:disabled{color:#7a7f82;cursor:default}.cf .cfs-pill.is-cur{border:2px solid var(--cf-petrol);background:var(--cf-petrol-bg);color:var(--cf-ink);font-weight:800}.cf .cfs-pill:focus-visible,.cf .cfs-next:focus-visible,.cf .cfs-back:focus-visible{outline:3px solid var(--cf-gold);outline-offset:2px}.cf .cfs-num{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:var(--cf-ground);color:var(--cf-muted)}.cf .cfs-pill.is-cur .cfs-num{background:var(--cf-petrol);color:#fff}.cf .cfs-pill.is-done .cfs-num{background:var(--cf-green);color:#fff}.cf .cfs-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf .cfs-of{font-size:13px;font-weight:800;color:var(--cf-petrol);margin:4px 0 -6px}.cf .cfs-side{max-width:440px}.cf .cfs-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.cf .cfs-next{margin-left:auto;min-height:52px;padding:0 26px;border:none;border-radius:12px;background:var(--cf-petrol);color:#fff;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer}.cf .cfs-next:hover{background:#08485a}.cf .cfs-next:disabled{background:var(--cf-line2);color:var(--cf-muted);cursor:not-allowed}.cf .cfs-back{min-height:52px;padding:0 20px;border-radius:12px;border:1px solid var(--cf-line2);background:#fff;color:var(--cf-ink);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.cf .cfs .cf-swatches{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.cf .cfs .cf-swatch{border-radius:10px}.cf .cfs .cf-swatch img{height:68px;border-radius:6px}.cf .cfs-pv{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 1px 2px #14191c0a,0 18px 44px #14191c14}.cf .cfs-pv-stage{background:#eeebe4;padding:16px 14px 12px;display:flex;flex-direction:column;gap:10px}.cf .cfs-pv-stage .cf-svg{background:transparent;border-radius:0;max-height:62vh}.cf .cfs-pv-top{padding:0 6px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:#5a6064}.cf .cfs-pv-lbl{font-weight:800;letter-spacing:.16em;text-transform:uppercase}.cf .cfs-pv-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:10px}.cf .cfs-chips{display:flex;flex-wrap:wrap;gap:6px}.cf .cfs-chips span{font-size:12px;font-weight:700;background:var(--cf-ground);border-radius:999px;padding:5px 10px;color:var(--cf-text)}.cf .cfs-price{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-top:1px solid #EFEDE7;padding-top:12px}.cf .cfs-price span{font-size:13px;color:var(--cf-muted)}.cf .cfs-price strong{font-size:28px;font-weight:800;color:var(--cf-ink)}.cf .cfs-bar{display:none}@media(max-width:1080px){.cf .cfs .cfs-aside{order:-1;max-width:none}.cf .cfs-pv-stage .cf-svg{max-height:300px}.cf .cfs-pv .cf-legend,.cf .cfs-chips{display:none}.cf .cfs-pv-body{padding:12px 18px 14px;gap:6px}.cf .cfs-prog{overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.cf .cfs-nav .cfs-next{display:none}.cf .cfs-bar{display:flex;position:sticky;bottom:0;z-index:5;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-top:1px solid var(--cf-line);padding:10px 16px;margin:16px -16px 0;box-shadow:0 -8px 24px #00000014}.cf .cfs-bar>span{display:flex;flex-direction:column}.cf .cfs-bar strong{font-size:22px;color:var(--cf-ink)}.cf .cfs-bar .cfs-next{display:inline-flex;align-items:center;margin-left:0}}#cf-infodialog #ckm,#cf-infodialog #ckr{width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}#cf-infodialog .page-width{max-width:none;padding-left:0;padding-right:0}.cf .cf-ship{color:inherit;text-decoration:underline;text-underline-offset:2px}.cf .cf-ship:hover{color:var(--cf-petrol)}
/*# sourceMappingURL=/cdn/shop/t/32/assets/cover-finder-steps.css.map */