.smoke-compare{padding:4rem 0}.smoke-compare__header{text-align:center;margin-bottom:2.5rem}.smoke-compare__title{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:.6rem}.smoke-compare__sub{font-size:.95rem;opacity:.6;max-width:50ch;margin:0 auto;line-height:1.6}.smoke-compare__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.smoke-compare__col{display:flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer;transition:opacity .2s}.smoke-compare__col:hover .smoke-compare__label{opacity:1}.smoke-compare__col.is-hidden{display:none}.smoke-compare__grid.has-expanded{grid-template-columns:1fr}.smoke-compare__label{font-size:2.2rem;font-weight:300;letter-spacing:.1em;opacity:.75;line-height:1;transition:opacity .15s;-webkit-user-select:none;user-select:none}.smoke-compare__col.is-expanded .smoke-compare__label{opacity:1}.smoke-compare__desc{font-size:.78rem;opacity:.5;text-align:center;line-height:1.5;margin:0}.smoke-compare__canvas-wrap{width:100%;border:1px solid rgba(0,0,0,.08);border-radius:.7rem;overflow:hidden;background:#fff;transition:border-color .2s}.smoke-compare__col:hover .smoke-compare__canvas-wrap,.smoke-compare__col.is-expanded .smoke-compare__canvas-wrap{border-color:#0000002e}#smoke-a{filter:blur(8px)}.smoke-compare__col.is-expanded .smoke-compare__canvas-wrap{max-width:600px;margin:0 auto}@media screen and (max-width:899px){.smoke-compare__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:549px){.smoke-compare__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/smoke-compare.css.map */