@media screen and (min-width:0px){#face-mask .in-the-box #s2 .box-info .item .box-lists{padding:0;grid-template-columns:repeat(2,1fr);gap:var(--grid-m)}#face-mask .in-the-box #s2 .box-info .item .box-lists li{grid-template-columns:1fr;font-size:var(--font-body-reg);line-height:var(--font-body-reg-line-height)}#face-mask .in-the-box #s2 .box-info .item .box-lists li .divimg{width:100%;height:auto;aspect-ratio:1/1;border-radius:var(--border-radius);overflow:hidden}#face-mask .wrapper .img-list{display:grid;gap:var(--grid-m);margin-top:var(--grid-m)}#face-mask .wrapper .img-list .divimg{border-radius:var(--border-radius);overflow:hidden}.user-manuals#face-mask .important-information .container-main #s1 ul{display:grid;gap:var(--grid-m);margin-top:var(--grid-l)}#face-mask .before-using-the-mask .wrapper .img-list{margin-top:0;margin-bottom:var(--grid-m)}#face-mask .how-to-use-led-face-mask .wrapper .text p img{display:inline-block;width:16px;vertical-align:middle}.therapy-modes .color-wrapper{display:grid;gap:var(--grid-m)}.therapy-modes .color-wrapper .color{margin-bottom:4px;width:16px;height:16px;border-radius:4px}.therapy-modes .color-wrapper .color.red{background-color:red}.therapy-modes .color-wrapper .color.green{background-color:#17e500}.therapy-modes .color-wrapper .color.blue{background-color:#0095ff}.therapy-modes .color-wrapper .color.cyan{background-color:#00ffea}.therapy-modes .color-wrapper .color.yellow{background-color:#ffd400}.therapy-modes .color-wrapper .color.purple{background-color:#b400dd}.therapy-modes .color-wrapper .color.white{border:1px solid var(--color-peppercorn)}.therapy-modes #light-therapy-modes .color-wrapper{margin-top:var(--grid-l)}.therapy-modes #recommended-treatment-time ul li{list-style:disc}.therapy-modes #recommended-treatment-time .color-wrapper{margin:var(--grid-s) 0 var(--grid-m);grid-template-columns:repeat(2,1fr)}.therapy-modes #recommended-treatment-time .color-wrapper .text{display:flex;gap:8px;justify-content:flex-start;align-items:center}.therapy-modes #recommended-treatment-time .color-wrapper .mode{font-weight:700}}@media screen and (min-width:768px){#face-mask .in-the-box #s2 .box-info .item .box-lists li{width:100%}}@media screen and (min-width:1200px){#face-mask .wrapper .img-list{justify-content:center}#face-mask .wrapper .img-list .divimg{max-width:480px}}@media screen and (min-width:1440px){#face-mask .in-the-box #s2 .box-info .item.active .box-lists{grid-template-columns:repeat(3,1fr)}}