.m57-wrap{container-type:inline-size;container-name:m57;margin-top:2.5rem;min-width:0}.m57{--s: 1;--ink: #2a2b2a;--muted: #5f5f5f;--card: #f5f5f5;--line: #e3e3e3;--dark: #4c4948;--r: 14px;--head: Poppins, var(--font-heading--family), sans-serif;color:var(--ink);font-size:16px;line-height:1.5}@container m57 (min-width: 480px){.m57{--s: 1.08}}@container m57 (min-width: 620px){.m57{--s: 1.18}}.m57 *,.m57 *:before,.m57 *:after{box-sizing:border-box}.m57 img,.m57 video,.m57 iframe{display:block;max-width:100%}.m57 button{font:inherit;color:inherit}.m57 p,.m57 ul,.m57 figure,.m57 blockquote{margin:0}.m57 h2,.m57 h3{font-family:var(--head);font-weight:700;color:var(--ink);margin:0;letter-spacing:0;text-wrap:balance}.m57 a{color:inherit;text-decoration:underline;text-underline-offset:2px}.m57-sec{padding:26px 0}.m57-h2{font-size:calc(26px * var(--s));line-height:1.3;text-align:center;margin:0 0 20px}.m57 .m57-h2--sm{font-family:inherit;font-size:calc(18px * var(--s));margin-bottom:16px}.m57-carousel{position:relative}.m57-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.m57-track::-webkit-scrollbar{display:none}.m57-track>*{flex:0 0 var(--slide, 94%);min-width:0;scroll-snap-align:start}.m57-track--ugc{--slide: 29%;gap:8px}@container m57 (min-width: 520px){.m57-track--ugc{--slide: calc((100% - 32px)/5) }}.m57-track--full{--slide: 100%;gap:0}.m57-track--cards{--slide: 94%}.m57-ctrl{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:18px}.m57-ctrl__btn{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .2s}.m57-ctrl__btn:disabled{opacity:.3;cursor:default}.m57-ctrl__count{font-size:calc(16px * var(--s));min-width:3.2em;text-align:center}.m57-ctrl--light,.m57-ctrl--light .m57-ctrl__btn{color:#fff}.m57-ctrl--bar{justify-content:space-between;gap:12px;margin-top:22px}.m57-ctrl--bar .m57-ctrl__btn{width:36px;height:36px}.m57-ctrl__bar{position:relative;flex:1 1 auto;height:2px;background:#dcdcdc}.m57-ctrl__bar>span{position:absolute;left:0;top:-1px;height:4px;width:25%;background:var(--ink);transition:width .3s}.m57-ugc__tile{position:relative;display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:#e2e2e2;aspect-ratio:9 / 16;cursor:pointer}.m57-ugc__tile img{width:100%;height:100%;object-fit:cover}.m57-play{position:absolute;left:8px;bottom:8px;width:28px;height:28px;border-radius:50%;border:1.5px solid #fff;background:#00000073;color:#fff;display:inline-flex;align-items:center;justify-content:center}.m57-play svg{margin-left:1px}.m57-ugc__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:#ffffffeb;color:var(--ink);box-shadow:0 2px 10px #0000002e;display:none;align-items:center;justify-content:center;cursor:pointer;padding:0}.m57-ugc__nav--prev{left:-6px}.m57-ugc__nav--next{right:-6px}.m57-ugc__nav:disabled{opacity:0;pointer-events:none}@media(hover:hover)and (pointer:fine){.m57-ugc__nav{display:inline-flex}}.m57-acc{padding-top:6px}.m57-acc details{border-bottom:1px solid var(--line)}.m57-acc details:first-child{border-top:1px solid var(--line)}.m57-acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0;cursor:pointer}.m57-acc summary::-webkit-details-marker{display:none}.m57-acc summary h3{font-family:inherit;font-size:calc(16px * var(--s));font-weight:700;line-height:1.5;text-wrap:initial}.m57-acc__icon{position:relative;flex:none;width:16px;height:16px}.m57-acc__icon:before,.m57-acc__icon:after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;background:var(--ink);border-radius:1px;transition:transform .25s}.m57-acc__icon:after{transform:rotate(90deg)}.m57-acc details[open] .m57-acc__icon:after{transform:rotate(0)}.m57-acc__body{padding:0 0 24px;font-size:calc(16px * var(--s));line-height:1.6}.m57-acc__body ul{padding-left:22px;margin:0 0 12px}.m57-acc__body li{margin:0 0 8px}.m57-acc__body p{margin:0 0 12px}.m57-acc__body>:last-child{margin-bottom:0}.m57-faq p strong{display:block}.m57-faq p+p,.m57-faq ul+p{margin-top:4px}.m57-testi{background:var(--dark);color:#fff;border-radius:var(--r);padding:30px 20px 22px;margin:6px 0}.m57-testi__mark{display:block;height:calc(40px * var(--s));font-family:var(--head);font-size:calc(90px * var(--s));line-height:1;color:#ffffff38;overflow:hidden;margin-bottom:14px}.m57-testi blockquote p{font-size:calc(20.5px * var(--s));line-height:1.4}.m57-testi figcaption{display:flex;align-items:center;gap:16px;margin-top:38px}.m57-testi__avatar{flex:none;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#777}.m57-testi__avatar img{width:100%;height:100%;object-fit:cover}.m57-testi__who{display:flex;flex-direction:column;min-width:0}.m57-testi__name{font-weight:700;font-size:calc(16px * var(--s));line-height:1.5}.m57-testi__role{font-size:calc(16px * var(--s));line-height:1.5}.m57-video{background:var(--card);border-radius:var(--r);padding:26px 20px 20px}.m57-video__quote{text-align:center;font-size:calc(20px * var(--s));line-height:1.5;margin:0 0 20px;text-wrap:balance}.m57-video__box{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:#ddd}.m57-video__box img{width:100%;height:100%;object-fit:cover}.m57-video__box iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.m57 .m57-video__play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#fff}.m57-play--lg{position:static;width:72px;height:72px;border-width:3px;background:#0000004d;transition:transform .2s}.m57-play--lg svg{margin-left:3px}.m57-video__play:hover .m57-play--lg{transform:scale(1.06)}.m57-icons__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:22px 12px}@container m57 (min-width: 480px){.m57-icons__list{grid-template-columns:repeat(4,1fr)}}.m57-icons__list li{text-align:center}.m57-icons__list img{width:calc(96px * var(--s));height:auto;margin:0 auto 10px;border-radius:50%}.m57-icons__list p{font-weight:700;font-size:calc(14px * var(--s));line-height:1.35}.m57-card{background:var(--card);border-radius:var(--r);overflow:hidden}.m57-card__img{aspect-ratio:1940 / 1200;background:#e9e9e9}.m57-card__img img{width:100%;height:100%;object-fit:cover}.m57-card__body{padding:22px 22px 30px}.m57-card__body h3{font-size:calc(23px * var(--s));line-height:1.3;margin:0 0 12px}.m57-card__body p{font-size:calc(16px * var(--s));line-height:1.5}.m57-grid__list{display:grid;gap:26px}.m57-tile__img{border-radius:var(--r);overflow:hidden;aspect-ratio:1940 / 1200;background:#e9e9e9}.m57-tile__img img{width:100%;height:100%;object-fit:cover}.m57-tile figcaption h3{font-size:calc(20.5px * var(--s));line-height:1.4;margin-top:10px}.m57-spec__card{background:var(--card);border-radius:var(--r);padding:24px 22px 28px}.m57-spec__card h3{font-size:calc(23px * var(--s));line-height:1.3;margin:0 0 12px}.m57-spec__card p{font-size:calc(16px * var(--s));line-height:1.5;margin:0 0 12px}.m57-spec__card>:last-child{margin-bottom:0}.m57-spec__img{border-radius:8px;overflow:hidden;background:#fff;margin:0 0 16px;aspect-ratio:1}.m57-spec__img img{width:100%;height:100%;object-fit:cover}.m57-spec__note{font-size:calc(13px * var(--s));color:var(--muted)}.m57 .m57-link{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;font-size:calc(16px * var(--s));font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.m57-link svg{flex:none}.m57-banner{position:relative;overflow:hidden;border-radius:var(--r);background:#333}.m57-banner__img{width:100%;height:100%;aspect-ratio:15 / 16;object-fit:cover}@container m57 (min-width: 480px){.m57-banner__img{aspect-ratio:4 / 3}}.m57-banner__text{position:absolute;left:0;right:0;bottom:0;padding:70px 12px 26px;text-align:center;color:#fff;background:linear-gradient(180deg,#0000,#0000008c)}.m57-banner__tag{font-family:var(--head);font-weight:700;font-size:calc(16px * var(--s));line-height:1.5;margin:0 0 2px}.m57-banner__text h2{color:#fff;font-size:calc(27px * var(--s));line-height:1.3}.m57-modal{border:0;padding:0;margin:auto;width:min(96vw,960px);max-width:96vw;max-height:96vh;background:transparent;color:inherit}.m57-modal--tall{width:min(92vw,420px)}.m57-modal::backdrop{background:#000000d9}.m57-modal__panel{position:relative;border-radius:12px;overflow:hidden;background:#000}.m57-modal video{width:100%;max-height:86vh;background:#000}.m57-modal--tall video{aspect-ratio:9 / 16;max-height:88vh;object-fit:contain}.m57-modal__frame{aspect-ratio:16 / 9;background:#000}.m57-modal__frame iframe{width:100%;height:100%;border:0}.m57 .m57-modal__close{position:absolute;top:8px;right:8px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#ffffffeb;color:#111;font-size:24px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}@media(prefers-reduced-motion:reduce){.m57-acc__icon:before,.m57-acc__icon:after,.m57-ctrl__bar>span,.m57-play--lg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/story-sihoo-m57.css.map */