.how-to-use{background-color:var(--how-to-use-section-background, #f3eee4);padding-top:var(--how-to-use-padding-top-desktop, 40px);padding-bottom:var(--how-to-use-padding-bottom-desktop, 40px)}.how-to-use__container{align-items:start;box-sizing:border-box;display:grid;gap:clamp(10px,calc(20 / 1440 * 100vw),20px);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:94.375rem;padding:0 clamp(20px,calc(30 / 1440 * 100vw),30px)}.how-to-use__media,.how-to-use__panel{aspect-ratio:1 / 1.0467;border-radius:1.25rem;overflow:hidden}.how-to-use__media{min-height:0;position:relative}.how-to-use__media picture{display:block;height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.how-to-use__image{display:block;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center center;position:absolute;width:100%}.how-to-use__image--placeholder{background:linear-gradient(135deg,#bfd1dc,#c7d9e3 48%,#b6d1e3)}.how-to-use__panel{background-color:var(--how-to-use-panel-background, #e3c9ea);box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(1rem,2rem,2rem);min-height:0;padding:clamp(1.5rem,3.75rem,3.75rem) clamp(1rem,2.5rem,2.5rem)}.how-to-use__heading{color:#2e2e24;font-family:Moret-Book;font-size:clamp(2rem,3.0625rem,3.0625rem);font-weight:400;line-height:1.08;margin:0;text-align:center}.how-to-use__grid{align-content:start;border:1px solid #231f20;border-radius:1.25rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(.625rem,1rem,1rem);position:relative}.how-to-use__item{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(.75rem,1.25rem,1.25rem);justify-content:flex-start;padding:clamp(.75rem,1.5rem,1.5rem);text-align:center}.how-to-use__grid:before{border-left:1px dashed #b9a8b9;bottom:1rem;content:"";left:50%;pointer-events:none;position:absolute;top:1rem}.how-to-use__item:nth-child(2n+3){position:relative}.how-to-use__item:nth-child(2n+3):before{border-top:1px dashed #b9a8b9;content:"";left:0;pointer-events:none;position:absolute;right:-100%;top:0}.how-to-use__icon-wrapper{align-items:center;color:#231f20;display:flex;height:clamp(1.875rem,2.5rem,2.5rem);justify-content:center;width:clamp(1.875rem,2.5rem,2.5rem)}.how-to-use__icon,.how-to-use__icon svg,.how-to-use__icon-image{display:block;height:100%;width:100%}.how-to-use__item-content{align-items:center;color:#403b39;display:flex;flex-direction:column;gap:clamp(.625rem,1rem,1rem);width:100%}.how-to-use__item-title{color:#231f20;font-family:Metro Sans,sans-serif;font-size:clamp(1.125rem,1.8vw,1.5rem);font-weight:600;line-height:1.1;margin:0}.how-to-use__item-text{font-family:Metro Sans,sans-serif;font-size:clamp(.95rem,1.35vw,1.125rem);font-weight:400;line-height:1.2;margin:0;max-width:clamp(10rem,16vw,16rem)}.how-to-use__item-text p{margin:0}@media screen and (max-width:1390px){.how-to-use__media,.how-to-use__panel{aspect-ratio:1 / 1.12}.how-to-use__container{gap:1rem;padding:0 1.25rem}.how-to-use__panel{gap:1rem;padding:1.75rem 1.25rem}.how-to-use__heading{font-size:2.375rem}.how-to-use__grid{padding:.75rem}.how-to-use__grid:before{bottom:.75rem;top:.75rem}.how-to-use__item{gap:.875rem;padding:1rem .875rem}.how-to-use__item-content{gap:.5rem}.how-to-use__item-title{font-size:1.25rem}.how-to-use__item-text{font-size:.9375rem;line-height:1.25;max-width:12.5rem}}@media screen and (max-width:989px){.how-to-use__container{grid-template-columns:1fr}.how-to-use__media,.how-to-use__panel{aspect-ratio:auto;min-height:auto}.how-to-use__media{min-height:27rem}}@media screen and (max-width:749px){.how-to-use{padding-top:var(--how-to-use-padding-top-mobile, 24px);padding-bottom:var(--how-to-use-padding-bottom-mobile, 24px)}.how-to-use__container{gap:0;position:relative}.how-to-use__media{border-radius:1.5rem}.how-to-use__image{object-position:center 12%}.how-to-use__panel{border-radius:1.5rem;gap:1.5rem;margin:-3.5rem auto 0;padding:1.5rem;position:relative;z-index:1}.how-to-use__heading{font-size:2.375rem;line-height:1}.how-to-use__grid{grid-template-columns:1fr;padding:0 1.5rem}.how-to-use__item{gap:.875rem;padding:1.5rem 0}.how-to-use__grid:before,.how-to-use__item:nth-child(2n+3):before{display:none}.how-to-use__item:nth-child(n+2){border-top:1px dashed #b9a8b9}.how-to-use__item-title{font-size:1.25rem}.how-to-use__item-text{font-size:1rem;line-height:1.25;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/476/assets/how-to-use.css.map */