.three-modes-one *{margin:0;padding:0;box-sizing:border-box}.three-modes-one img{width:100%;height:100%;object-fit:cover}@media (min-width:769px){.three-modes-one .three-modes-one-card.hide-others{display:none!important}.three-modes-one .mb-show{display:none}.three-modes-one .pc-show{display:inline-block}.three-modes-one .three-modes-one-mainContent{margin:0 auto}.three-modes-one .three-modes-one-box{display:flex;height:50vw;max-height:640px;overflow:hidden}.three-modes-one .three-modes-one-title{font-family:Metropolis;font-weight:700;font-style:Bold;font-size:48px;leading-trim:NONE;line-height:56px;letter-spacing:0%;text-align:center;color:#313235;margin-bottom:32px}.three-modes-one .three-modes-one-card{width:25%;position:relative;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1)}.three-modes-one .three-modes-one-card.active{width:50%}.three-modes-one .three-modes-one-card-img{width:100%;height:100%;line-height:0}.three-modes-one .three-modes-one-card:hover .three-modes-one-card-grey{display:flex}.three-modes-one .three-modes-one-card-grey{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;justify-content:center;align-items:center;display:none}.three-modes-one .three-modes-one-card-grey span{font-family:Metropolis;font-weight:800;font-style:Extra Bold;font-size:20px;leading-trim:NONE;line-height:28px;letter-spacing:0%;text-align:center;color:#fff}}@media (max-width:768px){.three-modes-one .mb-show{display:inline-block}.three-modes-one .pc-show{display:none}.three-modes-one .three-modes-one-mainContent{width:100%;display:flex;flex-direction:column}.three-modes-one .three-modes-one-title{font-family:Metropolis;font-weight:700;font-style:Bold;font-size:36px;line-height:44px;letter-spacing:0%;text-align:center;color:#313235;margin-bottom:32px}.three-modes-one .three-modes-one-card{width:100%;position:relative}.three-modes-one .three-modes-one-card-img{width:100%;line-height:0}.three-modes-one .three-modes-one-card-grey{position:absolute;bottom:0;left:0;right:0;height:64px;background-color:#212123e5;width:100%;display:flex;justify-content:center;align-items:center}.three-modes-one .three-modes-one-card-grey span{font-family:Metropolis;font-weight:800;font-style:Extra Bold;font-size:20px;leading-trim:NONE;line-height:28px;letter-spacing:0%;color:#fff;text-align:center;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/three-modes-one.css.map */