.BannerMainSliderMode{border:1px solid var(--mainColor--black);position:relative;user-select:none}@media only screen and (min-width:768px){.BannerMainSliderMode{margin-bottom:25px}}@media all and (max-width:768px){.BannerMainSliderMode_nav{display:flex !important;justify-content:center;align-content:center;align-items:center;margin:10px 0 15px}}@media all and (max-width:768px){.BannerMainSliderMode_nav-item{display:block;width:10px;height:10px;background-color:#fff;border:1px solid #333;border-radius:50%;margin:0 6px;transition:150ms background-color ease-in-out}}@media all and (max-width:768px){.BannerMainSliderMode_nav-item.active{background-color:#333}}@media only screen and (min-width:768px){.BannerMainSliderMode_arrow{position:absolute;top:50%;display:flex;align-content:center;justify-content:center;align-items:center;width:3rem;height:5rem;background:#fff;z-index:10;transform:translate(0, -50%);cursor:pointer;transition:250ms opacity ease-out;opacity:0;user-select:none}}@media only screen and (max-width:768px){.BannerMainSliderMode_arrow{display:none}}@media only screen and (min-width:768px){.BannerMainSliderMode:hover .BannerMainSliderMode_arrow{opacity:0.6}}@media only screen and (min-width:768px){.BannerMainSliderMode .BannerMainSliderMode_arrow:hover{opacity:0.9}}@media only screen and (min-width:768px){.BannerMainSliderMode_arrow svg{color:var(--mainColor--black);width:2.3rem;height:auto}}@media only screen and (min-width:768px){.BannerMainSliderMode_arrow--left{left:1px}}@media only screen and (min-width:768px){.BannerMainSliderMode_arrow--right{right:1px}}.BannerMainSliderMode_container{display:flex;width:100%;justify-content:flex-start;flex-flow:row nowrap;align-items:stretch;align-content:stretch;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-user-select:none;user-select:none}@media only screen and (max-width:768px){.BannerMainSliderMode_container{overflow-y:scroll}}@media only screen and (min-width:768px){.BannerMainSliderMode_container{height:0;padding-bottom:57%}}.BannerMainSliderMode_container .BannerMain{border:none;flex:0 0 100%;margin:0;scroll-snap-align:start}@media only screen and (min-width:768px){.BannerMainSliderMode_container .BannerMain{position:absolute;top:0;left:0;bottom:0;opacity:0;transition:250ms opacity ease-in}}@media only screen and (min-width:768px){.BannerMainSliderMode_container .BannerMain.highlight{opacity:1}}@media only screen and (min-width:768px){.BannerMainSliderMode_container.notInitialized .BannerMain:first-of-type{opacity:1}}