.material-depth-picker{--material-depth-accent: #0b238f;display:grid;gap:1.25rem}.material-depth-picker__fieldset{min-width:0;margin:0;padding:0;border:0}.material-depth-picker__legend{margin-block-end:.75rem}.material-depth-picker__materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.material-depth-picker__material-card{min-width:0;overflow:hidden;padding:.4rem;border:2px solid rgb(var(--border-color));border-radius:.75rem;background:rgb(var(--background));transition:border-color .16s ease,box-shadow .16s ease,color .16s ease}.material-depth-picker__material-card:hover:not(.is-disabled){border-color:rgb(var(--text-color) / .55)}.material-depth-picker__material-card.is-selected{border-color:#c8bda8;box-shadow:0 0 0 1px #c8bda8}.material-depth-picker__material-card.is-disabled,.material-depth-picker__depth-option.is-disabled{opacity:.45}.material-depth-picker__media{display:block;overflow:hidden;aspect-ratio:1 / .82;border-radius:.45rem;background:rgb(var(--text-color) / .04)}.material-depth-picker__image{width:100%;height:100%;object-fit:cover}.material-depth-picker__material-name{display:block;padding:.65rem .25rem .4rem;font-size:1rem;font-weight:500;line-height:1.2;text-align:center}.material-depth-picker__material-card.is-selected .material-depth-picker__material-name{font-weight:700}.material-depth-picker__depth{border:0}.material-depth-picker__depth-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-block-end:.75rem}.material-depth-picker__depth-heading .material-depth-picker__legend{margin:0}.material-depth-picker__depth-summary{color:rgb(var(--text-color) / .5);font-size:.95rem}.material-depth-picker__depth-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:.3rem 0;border-radius:.65rem;background:transparent}.material-depth-picker__depth-option{display:grid;gap:.05rem;line-height:1.25;justify-items:center;min-width:0;padding:.35rem .5rem;margin:0;border-radius:999px;box-shadow:0 1px 3px rgb(var(--text-color) / .08);background-color:#e7e2db;color:rgb(var(--text-color));text-align:center;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.material-depth-picker__depth-option:hover:not(.is-disabled){background:#c8bda8}.material-depth-picker__depth-option.is-selected{border-color:var(--material-depth-accent);background:#c8bca8}.material-depth-picker__depth-description{color:rgb(var(--text-color) / .6);font-size:.9rem}.material-depth-picker__material-card:focus-visible,.material-depth-picker__depth-option:focus-visible{outline:2px solid var(--material-depth-accent);outline-offset:2px}.material-depth-picker__depth-options>.material-depth-picker__depth-option:first-of-type{margin-right:.5rem}.material-depth-picker__depth-options>.material-depth-picker__depth-option:nth-of-type(2){margin-left:.5rem}@media screen and (max-width:699px){.material-depth-picker{gap:1rem}.material-depth-picker__materials{gap:.45rem}.material-depth-picker__material-card{padding:.25rem;border-radius:.6rem}.material-depth-picker__material-name{padding:.55rem .1rem .35rem;font-size:.82rem}.material-depth-picker__depth{padding:.75rem}.material-depth-picker__depth-summary{font-size:.8rem}.material-depth-picker__depth-option{padding:.7rem .25rem}.material-depth-picker__depth-value{font-size:1rem}.material-depth-picker__depth-description{font-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/material-depth-picker.css.map */