material-drawer-trigger{display:block;margin:.8rem 0 0}.material-drawer-trigger__btn{font-size:1.3rem;color:var(--brand-color-accent-2, #a45c40);background:none;border:none;cursor:pointer;padding:0;letter-spacing:.03em;min-height:4rem;text-decoration:underline}.material-drawer-trigger__btn:hover{opacity:.7}material-drawer-panel{display:block}material-drawer-panel[hidden]{display:none}.material-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999998;opacity:0;transition:opacity var(--duration-medium, .25s) ease}material-drawer-panel.is-visible .material-drawer__backdrop{opacity:1}.material-drawer__sheet{position:fixed;top:0;right:0;bottom:0;height:100%;width:100%;background:rgb(var(--color-background, 255, 255, 255));z-index:999999;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(100%);transition:transform var(--duration-medium, .25s) ease;display:flex;flex-direction:column}@media screen and (min-width:750px){.material-drawer__sheet{width:min(56rem,92vw);box-shadow:-4px 0 20px #0000001f,-1px 0 6px #0000000f}}material-drawer-panel.is-visible .material-drawer__sheet{transform:translate(0)}.material-drawer__header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.6rem;border-bottom:1px solid rgba(0,0,0,.08);background:rgb(var(--color-background, 255, 255, 255));z-index:1}.material-drawer__title{font-size:1.8rem;font-weight:400;margin:0;color:var(--brand-color-accent-2, #a45c40);letter-spacing:.02em}.material-drawer__close{width:2.8rem;height:2.8rem;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border:none;background:#0000000f;border-radius:50%;cursor:pointer;color:currentColor;padding:0;font-size:1.6rem;line-height:1;transition:background .2s}.material-drawer__close:hover{background:#0000001f}.material-drawer__body{padding:1.6rem;display:flex;flex-direction:column;gap:1.4rem}.material-drawer__main{display:grid;grid-template-columns:1fr;gap:1.6rem;align-items:start}@media screen and (min-width:750px){.material-drawer__main{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2rem}.material-drawer__details:only-child{grid-column:1 / -1}}.material-drawer__image{display:flex;flex-flow:row nowrap;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:.6rem}.material-drawer__img{background-size:cover!important;background-position:center!important;border:1px solid rgba(18,18,18,.15);flex:1 1 100%;width:100%;max-height:100%;display:block}.material-drawer__details{display:flex;flex-direction:column;gap:1rem;min-width:0}.material-drawer__subtitle{font-size:1.6rem;font-weight:400;margin:0;color:var(--brand-color-accent-2, #a45c40);letter-spacing:.02em}.material-drawer__row{font-size:1.2rem;line-height:1.55;margin:0}.material-drawer__label{display:block;font-weight:600;margin-bottom:.2rem}.material-drawer__features{display:flex;gap:1.2rem;flex-wrap:wrap;margin:.4rem 0 0;padding:1.4rem 0 0;list-style:none;border-top:1px solid rgba(0,0,0,.08)}.material-drawer__feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;flex:1 1 7rem;min-width:6rem}.material-drawer__feature-icon-wrap{width:4rem;height:4rem;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center}.material-drawer__feature-icon-wrap img{width:2.2rem;height:2.2rem;object-fit:contain}.material-drawer__feature-title{font-size:1.1rem;line-height:1.3;margin:0}.material-drawer__similar{width:100%;padding-top:1.4rem;border-top:1px solid rgba(0,0,0,.08)}.material-drawer__similar-heading{font-size:1.2rem;font-weight:600;margin:0 0 .8rem}.material-drawer__similar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem 1.2rem}.material-drawer__similar-link{display:flex;flex-direction:column;gap:.8rem;color:currentColor;text-decoration:none}.material-drawer__similar-image{width:100%;aspect-ratio:1 / 1;border-radius:.6rem;overflow:hidden;background:#0000000a}.material-drawer__similar-image img{width:100%;height:100%;object-fit:cover;display:block}.material-drawer__similar-info{min-width:0;text-align:center}.material-drawer__similar-title{font-size:1.1rem;margin:0 0 .2rem}.material-drawer__similar-price{font-size:1.3rem;color:#000000b3;margin:0}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-material-details-drawer.css.map */