.wp-cta-card__section-link[data-material-guide-open],.mural-cta-card__materials-link[data-material-guide-open]{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:1px solid transparent;border-radius:0;cursor:pointer;font:inherit;padding:0}.material-guide-drawer{background:#fbf8f2;border:0;height:100dvh;inset:0 0 0 auto;margin:0;max-height:none;max-width:138rem;opacity:0;padding:0;transform:translate(100%);transition:opacity .22s ease,transform .3s cubic-bezier(.2,.7,.2,1);width:74vw}.material-guide-drawer[open]{display:block}.material-guide-drawer.is-visible{opacity:1;transform:translate(0)}.material-guide-drawer::backdrop{background:#0d142394}.material-guide-drawer__shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}.material-guide-drawer__header{align-items:flex-start;background:#fbf8f2f5;border-bottom:1px solid rgba(17,34,61,.12);display:flex;gap:2rem;justify-content:space-between;padding:2.8rem 3.2rem 2.4rem}.material-guide-drawer__eyebrow{color:#d96e3f;display:block;font-size:1rem;font-weight:700;letter-spacing:.2em;margin-bottom:.6rem;text-transform:uppercase}.material-guide-drawer__header h2{color:#11223d;font-family:var(--font-heading-family);font-size:clamp(2.6rem,2.4vw,4rem);letter-spacing:-.025em;line-height:1.05;margin:0}.material-guide-drawer__header p{color:#11223dad;font-size:1.35rem;line-height:1.5;margin:.8rem 0 0}.material-guide-drawer__close{align-items:center;-webkit-appearance:none;appearance:none;background:#fff;border:1px solid rgba(17,34,61,.15);border-radius:50%;color:#11223d;cursor:pointer;display:inline-flex;flex:0 0 4.6rem;font-size:3rem;font-weight:300;height:4.6rem;justify-content:center;line-height:1;padding:0 0 .25rem}.material-guide-drawer__content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2.4rem 3.2rem 3.2rem}.material-guide-drawer__common{align-items:center;background:#fff;border:1px solid rgba(17,34,61,.12);border-radius:1.2rem;color:#11223d;display:flex;flex-wrap:wrap;font-size:1.25rem;gap:1rem 2.4rem;margin-bottom:2rem;padding:1.4rem 1.8rem}.material-guide-drawer__common span:before{color:#d96e3f;content:"\2713";font-weight:800;margin-right:.6rem}.material-guide-drawer__grid{display:grid;gap:1.4rem;grid-template-columns:repeat(5,minmax(0,1fr))}.material-guide-drawer__card{background:#fff;border:1px solid rgba(17,34,61,.12);border-radius:1.2rem;box-shadow:0 .8rem 2.4rem #11223d0d;display:flex;flex-direction:column;min-width:0;overflow:hidden}.material-guide-drawer__media{aspect-ratio:4 / 5;background:#f4f0e9;overflow:hidden;position:relative}.material-guide-drawer__image-button{-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:zoom-in;display:block;height:100%;padding:0;width:100%}.material-guide-drawer__image-button:focus-visible{outline:3px solid #d96e3f;outline-offset:-3px}.material-guide-drawer__media img{display:block;height:100%;object-fit:contain;width:100%}.material-guide-drawer__badge{background:#d96e3f;color:#fff;font-size:.9rem;font-weight:800;left:1rem;letter-spacing:.08em;padding:.5rem .8rem;position:absolute;text-transform:uppercase;top:1rem}.material-guide-drawer__badge--soft{background:#fff2c8;color:#5c4810}.material-guide-drawer__badge--dark{background:#11223d}.material-guide-drawer__card-body{display:flex;flex:1;flex-direction:column;padding:1.7rem 1.6rem 1.5rem}.material-guide-drawer__card h3{color:#111;font-size:1.9rem;line-height:1.15;margin:0}.material-guide-drawer__card p{color:#454545;font-size:1.23rem;line-height:1.5;margin:1rem 0 1.4rem}.material-guide-drawer__card ul{display:grid;gap:.8rem;list-style:none;margin:0 0 1.8rem;padding:0}.material-guide-drawer__card li{color:#11223d;font-size:1.15rem;line-height:1.35;padding-left:1.7rem;position:relative}.material-guide-drawer__card li:before{color:#d96e3f;content:"\2713";font-weight:800;left:0;position:absolute}.material-guide-drawer__card-footer{align-items:flex-end;border-top:1px solid rgba(17,34,61,.1);display:flex;gap:1rem;justify-content:space-between;margin-top:auto;padding-top:1.3rem}.material-guide-drawer__card-footer span{color:#11223d94;font-size:1rem;line-height:1.2}.material-guide-drawer__card-footer strong{color:#11223d;font-size:1.7rem;line-height:1;white-space:nowrap}.material-guide-drawer__card-footer strong:after{color:#11223d85;content:attr(data-material-guide-unit);font-size:.95rem;font-weight:500}.material-guide-drawer__zoom{align-items:center;background:#0a101cf0;display:grid;top:0;right:0;bottom:0;left:0;justify-items:center;padding:6.8rem 3.2rem 3.2rem;position:fixed;z-index:5}.material-guide-drawer__zoom[hidden]{display:none}.material-guide-drawer__zoom figure{display:grid;gap:1rem;height:100%;justify-items:center;margin:0;max-height:100%;max-width:100%;min-height:0}.material-guide-drawer__zoom img{background:#fff;border-radius:1rem;box-shadow:0 2rem 6rem #00000059;display:block;height:auto;max-height:calc(100dvh - 12rem);max-width:min(86vw,110rem);object-fit:contain;width:auto}.material-guide-drawer__zoom figcaption{color:#fff;font-size:1.25rem;text-align:center}.material-guide-drawer__zoom-close{align-items:center;-webkit-appearance:none;appearance:none;background:#fff;border:0;border-radius:50%;color:#11223d;cursor:pointer;display:inline-flex;font-size:3rem;height:4.6rem;justify-content:center;line-height:1;padding:0 0 .25rem;position:absolute;right:2rem;top:1.6rem;width:4.6rem}.material-guide-drawer__footer{align-items:center;background:#fff;border-top:1px solid rgba(17,34,61,.12);display:flex;gap:1.6rem;justify-content:flex-end;padding:1.6rem 3.2rem}.material-guide-drawer__full-link{color:#11223d;font-size:1.2rem;font-weight:650;text-underline-offset:.3rem}.material-guide-drawer__done{-webkit-appearance:none;appearance:none;background:#111;border:0;border-radius:999px;color:#fff;cursor:pointer;font:inherit;font-size:1.25rem;font-weight:700;min-height:4.6rem;padding:1rem 2.2rem}@media(max-width:1199px){.material-guide-drawer{max-width:none;width:calc(100vw - 4.8rem)}.material-guide-drawer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.material-guide-drawer{width:100vw}.material-guide-drawer__header{padding:2rem 1.6rem 1.6rem}.material-guide-drawer__header h2{font-size:2.6rem}.material-guide-drawer__header p{font-size:1.2rem}.material-guide-drawer__close{flex-basis:4.4rem;height:4.4rem}.material-guide-drawer__content{padding:1.6rem}.material-guide-drawer__common{align-items:flex-start;display:grid;gap:.7rem}.material-guide-drawer__grid{grid-template-columns:1fr}.material-guide-drawer__card{display:grid;grid-template-columns:12rem minmax(0,1fr)}.material-guide-drawer__media{aspect-ratio:4 / 5;align-self:start}.material-guide-drawer__card-body{padding:1.5rem}.material-guide-drawer__card h3{font-size:1.7rem}.material-guide-drawer__card p{font-size:1.15rem;margin:.7rem 0 1rem}.material-guide-drawer__card ul{display:none}.material-guide-drawer__card-footer{padding-top:1rem}.material-guide-drawer__footer{justify-content:space-between;padding:1.2rem 1.6rem}.material-guide-drawer__done{min-height:4.4rem;padding-inline:1.6rem}.material-guide-drawer__zoom{padding:6.4rem 1.6rem 2rem}.material-guide-drawer__zoom img{max-height:calc(100dvh - 10rem);max-width:calc(100vw - 3.2rem)}}@media(max-width:390px){.material-guide-drawer__card{grid-template-columns:10rem minmax(0,1fr)}.material-guide-drawer__footer{align-items:stretch;flex-direction:column-reverse;gap:.9rem;text-align:center}}@media(prefers-reduced-motion:reduce){.material-guide-drawer{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-material-guide-drawer.css.map */