.Section{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;width:100%;padding:64px 24px;background-color:#f7f7f7}.Section p{margin:0}.Section__header{display:flex;justify-content:center;flex-wrap:wrap;width:100%;gap:24px}.Section__title{width:100%;font-weight:bold;font-size:24px;text-align:left;margin:0;text-align:center}.Section__description{width:100%;font-size:16px;line-height:1.6em;text-align:center}.Section__description span{font-weight:bold}.Section__content{width:100%;max-width:752px}.Examples{display:flex;flex-wrap:wrap;width:100%;gap:24px;justify-content:space-between}@media screen and (min-width: 1024px){.Examples{gap:32px}.Examples__box{width:calc(50% - 16px)}}.ExampleBox{display:flex;flex-wrap:wrap;gap:24px;padding:24px;border-radius:8px;background-color:#fff}.ExampleBox .--withIcon:before{content:"";display:block;width:1em;height:1em;background-size:contain;background-repeat:no-repeat}.ExampleBox .--withIcon span{flex:1}.ExampleBox .--withIcon.--ok:before{background-image:url("/assets/yolo-work/introductionVideo/good.svg")}.ExampleBox .--withIcon.--ng:before{background-image:url("/assets/yolo-work/introductionVideo/bad.svg")}.ExampleBox__title{display:flex;align-items:center;gap:8px;width:100%;font-size:16px;line-height:1em;font-weight:bold;justify-content:center}.ExampleBox__image{width:100%}.ExampleBox__image img{display:block;width:100%}.ExampleBox__main{width:100%;display:flex;flex-wrap:wrap;gap:8px}.ExampleBox__item{display:flex;align-items:center;gap:8px;width:100%;font-size:16px}

/*# sourceMappingURL=aboutIntroductionVideo.css.map */