.shape-guide-modal,.scent-guide-modal{background-color:#36171db0;position:fixed;width:100%;height:100%;z-index:1000;display:none;opacity:0;transition:opacity .2s ease;overflow:auto}.shape-guide-modal.active,.scent-guide-modal.active{display:flex!important}.shape-guide-modal.fade,.scent-guide-modal.fade{opacity:1}.shape-guide-modal .modal-box,.scent-guide-modal .modal-box{width:75%;background:#fff;margin:auto;height:fit-content;max-height:90vh;overflow-y:auto}.scent-guide-modal .modal-box{width:50%}.shape-guide-modal .modal-header,.scent-guide-modal .modal-header{background-color:#f9f9f9;color:#36171d;padding:22px 34px 22px 39px;display:flex;justify-content:space-between;height:77px;position:sticky;top:0}.shape-guide-modal .modal-header h2,.scent-guide-modal .modal-header h2{font-size:24px;font-family:Open Sans;font-weight:700;margin:0}.shape-guide-modal .modal-header button,.scent-guide-modal .modal-header button{font-size:22px;width:39px;height:39px;padding:8px;border:none;border-radius:50%;transition:all .3s}.shape-guide-modal .modal-header button:hover,.scent-guide-modal .modal-header button:hover{background-color:#0000001a;transform:rotate(90deg)}.shape-guide-modal .modal-header button img,.scent-guide-modal .modal-header button img{pointer-events:none}.shape-guide-modal .modal-grid,.scent-guide-modal .modal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;padding:45px 39px;gap:38px}.scent-guide-modal .modal-grid{grid-template-columns:1fr 1fr}.shape-guide-modal .modal-card,.scent-guide-modal .modal-card{color:#35161c;display:flex}.shape-guide-modal .modal-card img,:is(.scent-guide-modal .modal-card img) img,:is(.scent-guide-modal .modal-card img) svg{width:fit-content;margin-right:13px}.scent-guide-modal .modal-card svg{width:100px;height:41px;margin-right:13px}.shape-guide-modal .shape-title,.scent-guide-modal .shape-title{font-weight:700}.shape-guide-modal .shape-title,.scent-guide-modal .shape-title{font-size:18px;margin-bottom:8px;line-height:24px}.shape-guide-modal .shape-text,.scent-guide-modal .shape-text{font-size:14px;line-height:21px}@media (max-width: 1200px){.shape-guide-modal .modal-grid,.scent-guide-modal .modal-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.shape-guide-modal .modal-grid,.scent-guide-modal .modal-grid{grid-template-columns:1fr}.shape-guide-modal .modal-box,.scent-guide-modal .modal-box{width:85%}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/product-shape-guide.css.map */