.material-picker{display:block;margin:12px 0}.material-picker__label{font-family:Saira,sans-serif;font-weight:500;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#b5a99c;line-height:1.1;margin-bottom:8px}.material-picker__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 20px 10px 10px;background:#f5f3f0;border:.5px solid rgba(93,84,76,.2);border-radius:6px;cursor:pointer;font:inherit;transition:background-color .15s ease}.material-picker__trigger:hover{background:#efede8}.material-picker__swatch{display:inline-flex;width:50px;height:50px;flex:0 0 50px;background:#faf9f6;overflow:hidden;margin-right:15px}.material-picker__swatch img{width:100%;height:100%;object-fit:cover}.material-picker__name{flex:1;text-align:left;font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:1.4;color:#5d544c}.material-picker__change{font-family:Saira,sans-serif;font-weight:500;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:#b5a99c;flex:0 0 auto}dialog.material-picker-dialog{width:min(489px,100vw);max-width:100vw;height:100vh;max-height:100vh;padding:0;border:0;background:#faf9f6;color:#433a31;margin:0 0 0 auto;inset:0 0 0 auto;overflow:hidden;flex-direction:column;transform:translate(100%);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s ease,overlay .32s allow-discrete,display .32s allow-discrete}dialog.material-picker-dialog[open]{display:flex;transform:translate(0);opacity:1}@starting-style{dialog.material-picker-dialog[open]{transform:translate(100%);opacity:0}}dialog.material-picker-dialog::backdrop{background:#0000;transition:background-color .32s ease,overlay .32s allow-discrete,display .32s allow-discrete}dialog.material-picker-dialog[open]::backdrop{background:#0006}@starting-style{dialog.material-picker-dialog[open]::backdrop{background:#0000}}dialog.material-picker-dialog.no-transition,dialog.material-picker-dialog.no-transition::backdrop{transition:none!important;animation:none!important}.material-picker-dialog__scroll{flex:1;overflow-y:auto;padding:32px 24px 120px}.material-picker-dialog__header{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.material-picker-dialog__back{display:inline-flex;align-items:center;gap:6px;padding:4px 0 12px;background:transparent;border:0;font-family:Roboto,sans-serif;font-size:12px;line-height:1;color:#433a31;cursor:pointer;align-self:flex-start}.material-picker-dialog__back-icon{display:inline-flex;align-items:center;justify-content:center;width:6px;height:10px}.material-picker-dialog__back-icon svg{width:100%;height:100%;display:block}.material-picker-dialog__back-label{display:inline-flex;align-items:center;font-size:12px;line-height:1;margin-top:-.05em}.material-picker-dialog__title{font-family:Cormorant Upright,serif;font-weight:600;font-size:25px;line-height:1.4;text-transform:uppercase;color:#433a31;margin:0}.material-picker-dialog__filters{display:block;margin-bottom:30px}.material-picker-group{margin-bottom:30px}.material-picker-group[hidden]{display:none}.material-picker-group__title{font-family:Saira,sans-serif;font-weight:400;font-size:14px;line-height:1.5;text-transform:uppercase;color:#9c8e82;margin:0 0 12px;padding-bottom:5px;border-bottom:1px solid rgba(67,58,49,.15)}.material-picker-group__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.material-card{display:flex;flex-direction:column;gap:4px;padding:0;background:transparent;border:0;cursor:pointer;font:inherit;text-align:left}.material-card__img{display:block;aspect-ratio:1 / 1;background:#efede8;overflow:hidden;border:5px solid transparent;transition:border-color .15s ease}.material-card.is-selected .material-card__img{border-color:#8c6a5d}.material-card__img img{width:100%;height:100%;object-fit:cover}.material-card__price{font-family:Inter,sans-serif;font-size:12px;line-height:1.5;text-transform:uppercase;color:#2a2622}.material-card.is-unavailable{opacity:.4;pointer-events:none}.material-card[hidden]{display:none!important}.material-picker-dialog__footer{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#faf9f6;border-top:1px solid #e6e6e6;box-shadow:0 1px 38.2px #0000001a;z-index:2}.material-picker-dialog__footer-row{display:flex;align-items:center;justify-content:space-between;padding:12px 24px}.material-picker-dialog.is-preorder .material-picker-dialog__scroll{padding-bottom:240px}.material-picker-dialog__selected{display:flex;align-items:center;gap:12px}.material-picker-dialog__selected-swatch{display:inline-block;width:56px;height:56px;background:#efede8;overflow:hidden;flex:0 0 56px}.material-picker-dialog__selected-swatch img{width:100%;height:100%;object-fit:cover}.material-picker-dialog__selected-name{font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1.5;color:#2a2622;text-transform:capitalize}.material-picker-dialog__done{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#433a31;color:#fff;border:0;cursor:pointer;font:inherit;letter-spacing:.8px;text-transform:uppercase}.material-picker-dialog__done>span:first-child{font-family:Arimo,sans-serif;font-size:14px}.material-picker-dialog__price{font-family:Cormorant Upright,serif;font-size:16px;color:#ffffffe6;text-transform:none;letter-spacing:0}.material-picker-dialog__done:disabled,.material-picker-dialog__done[aria-disabled=true]{opacity:.5;cursor:not-allowed}@media(max-width:520px){dialog.material-picker-dialog{width:100vw}.material-picker-group__grid{grid-template-columns:repeat(3,1fr)}}.material-picker-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:#f5f3f08c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:all;opacity:0;animation:material-picker-loading-fade .18s ease forwards}.material-picker-loading__spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(93,84,76,.18);border-top-color:#5d544cd9;animation:material-picker-loading-spin .7s linear infinite}@keyframes material-picker-loading-fade{to{opacity:1}}@keyframes material-picker-loading-spin{to{transform:rotate(360deg)}}.material-card.is-loading{opacity:.55;position:relative}.material-card.is-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.7);border-top-color:#5d544ce6;animation:material-picker-loading-spin .7s linear infinite}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-material-picker.css.map */