.como-expand-four-0718{max-width:1300px!important}.como-expand-four-0718 .como-expand-four-bottom-img-text{border-radius:12px;overflow:hidden;display:flex;margin-top:40px}.como-expand-four-0718 .como-expand-four-image-box{max-width:1200px;margin:0 auto}.como-expand-four-0718 .como-expand-four-image{display:flex;gap:10px}.como-expand-four-0718 .como-every-text_image{max-width:210px!important;width:210px!important;height:540px!important;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),max-width .4s cubic-bezier(.4,0,.2,1),min-width .4s cubic-bezier(.4,0,.2,1)}.como-expand-four-0718 .como-every-text_image.active,.como-expand-four-0718 .como-every-text_image:hover{max-width:540px!important;width:540px!important;height:540px!important}.como-expand-four-0718 .como-expand-four-bottom-img-text-left{width:50%}.como-expand-four-0718 .como-expand-four-bottom-img-text-left img{width:100%;height:auto}.como-expand-four-0718 .como-expand-four-bottom-img-text-right{background-color:#fff;padding:60px;width:50%;display:flex;flex-direction:column;gap:10px}.como-expand-four-0718 .como-expand-four-bottom-img-text-right .como-expand-four-bottom-img-text-right-TextBox{background-color:#f5f6f7;padding:30px 40px}.como-expand-four-0718 .como-expand-four-bottom-img-text-right .como-expand-four-bottom-img-text-right-TextBox div:nth-of-type(1){font-family:Poppins;font-weight:400;font-size:18px;line-height:100%;letter-spacing:-.5px;color:#000}.como-expand-four-0718 .como-expand-four-bottom-img-text-right .como-expand-four-bottom-img-text-right-TextBox div:nth-of-type(2){font-family:Poppins;font-weight:600;font-size:24px;line-height:28.8px;letter-spacing:-.5px;color:#000;margin-top:20px}.como-expand-four-0718 .como-every-text_image{overflow:hidden;border-radius:12px;position:relative}.como-expand-four-0718 .como-img-text{width:90%;position:absolute;top:399px;left:15px;color:#fff;font-family:Poppins;font-weight:500;font-size:30px;line-height:36px;text-align:left;text-wrap:wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.como-expand-four-0718 .como-img-text-viceText{position:absolute;top:482px;left:15px;text-align:left;font-family:Poppins;font-weight:400;color:#fff;font-size:18px;line-height:100%;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}@media (max-width: 1150px) and (min-width:769px){.como-expand-four-0718 .como-expand-four-bottom-img-text-right{background-color:#fff;padding:45px;width:50%;display:flex;flex-direction:column;gap:5px}.como-expand-four-0718 .como-expand-four-bottom-img-text-right .como-expand-four-bottom-img-text-right-TextBox{background-color:#f5f6f7;padding:15px 20px}.como-expand-four-0718 .como-expand-four-bottom-img-text-right .como-expand-four-bottom-img-text-right-TextBox div:nth-of-type(1){font-family:Poppins;font-weight:400;font-size:10px;line-height:100%;letter-spacing:-.5px;color:#000}.como-expand-four-0718 .como-expand-four-bottom-img-text-right .como-expand-four-bottom-img-text-right-TextBox div:nth-of-type(2){font-family:Poppins;font-weight:600;font-size:15px;line-height:28.8px;letter-spacing:-.5px;color:#000;margin-top:10px}}@media (min-width: 769px){.como-expand-four-0718 .como-every-text_image img{width:100%;height:100%;object-fit:cover;aspect-ratio:540/540}.como-expand-four-0718 .como-img-text{transform:translateY(33px);transition:transform .6s ease}.como-expand-four-0718 .como-img-text-viceText{opacity:0;max-height:0;transform:translateY(15px);transition:opacity .5s cubic-bezier(.68,-.55,.265,1.55),max-height .5s cubic-bezier(.68,-.55,.265,1.55),transform .5s cubic-bezier(.68,-.55,.265,1.55)}.como-expand-four-0718 .como-every-text_image.active .como-img-text,.como-expand-four-0718 .como-every-text_image:hover .como-img-text{transform:translateY(0);transition:transform .5s ease;position:absolute;top:434px;left:15px;color:#fff;font-family:Poppins;font-weight:500;font-size:30px;line-height:36px;text-align:left;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.como-expand-four-0718 .como-every-text_image.active .como-img-text-viceText,.como-expand-four-0718 .como-every-text_image:hover .como-img-text-viceText{opacity:1;max-height:50px;transform:translateY(0)}}@media (max-width: 768px){.como-expand-four-0718 .como-every-text_image img{width:100%;height:100%;object-fit:cover;aspect-ratio:960/1040}.como-expand-four-0718 .como-every-text_image{max-width:320px!important;width:320px!important;height:347px!important}.como-expand-four-0718 .como-expand-four-bottom-img-text{flex-direction:column;border-radius:8px;overflow:hidden;padding:0 20px;margin-top:10px}.como-expand-four-0718 .como-expand-four-bottom-img-text-left{width:100%;border-radius:8px 8px 0 0;overflow:hidden}.como-expand-four-0718 .como-expand-four-bottom-img-text-right{flex-direction:row;gap:8px;padding:8px;width:100%;border-radius:0 0 8px 8px;overflow:hidden}.como-expand-four-0718 .como-expand-four-bottom-img-text-right .como-expand-four-bottom-img-text-right-TextBox{border-radius:8px;padding:6px}.como-expand-four-0718 .como-expand-four-bottom-img-text-right .como-expand-four-bottom-img-text-right-TextBox div:nth-of-type(1){font-size:10px;line-height:15px}.como-expand-four-0718 .como-expand-four-bottom-img-text-right .como-expand-four-bottom-img-text-right-TextBox div:nth-of-type(2){font-size:14px;line-height:16px;margin-top:8px}.como-expand-four-0718 .como-every-text_image{border-radius:8px;overflow:hidden}.como-expand-four-0718 .como-img-text{position:absolute;top:271px;left:22px;font-size:24px}.como-expand-four-0718 .como-img-text-viceText{position:absolute;top:310px;left:22px;font-size:12px}}.como-expand-four-box{max-width:1220px;margin:0 auto;padding-left:50px;padding-right:50px;position:relative}.como-expand-four-box-title{color:#000;font-family:Poppins;font-weight:400;font-size:45px;line-height:54px;letter-spacing:0%;text-align:center}.como-expand-four-box-detail-title{color:#000;font-family:Poppins;font-weight:400;font-size:20px;line-height:35px;letter-spacing:0%;text-align:center}.como-expand-four-image-box{max-width:1120px;margin:0 auto}.como-expand-four-image{display:flex;gap:13px}.como-every-text_image img{width:100%;height:100%;object-fit:cover}.como-every-text_image{overflow:hidden;border-radius:12px;position:relative}.como-img-text{position:absolute;top:30px;left:30px;color:#fff;font-family:Poppins;font-weight:600;font-size:24px;line-height:29px;letter-spacing:0%;text-align:right;overflow:hidden;text-wrap:nowrap}.como-img-text-viceText{position:absolute;top:62px;left:30px;text-align:left;font-family:Poppins;font-weight:400;color:#fff;font-size:18px;line-height:100%;letter-spacing:-.5px;overflow:hidden;text-wrap:nowrap}.como-expand-four-center-image{position:absolute;bottom:-130px;left:50%;transform:translate(-50%)}.mb-show{display:none}@media (max-width: 768px){.pc-show{display:none}.mb-show{display:block}.como-expand-four-box{padding-left:0;padding-right:0;position:relative}.como-expand-four-box-title{font-size:24px;padding-left:20px;padding-right:20px;line-height:37px;color:#000;font-weight:400}.como-expand-four-box-detail-title{font-size:14px;padding-left:20px;padding-right:20px;line-height:24px;color:#000;font-weight:400}.como-expand-four-image-box{overflow:scroll}.como-expand-four-image-box::-webkit-scrollbar{display:none}.como-expand-four-image{display:flex;gap:7.6px;scroll-snap-type:x mandatory}.como-every-text_image{border-radius:12px;position:relative;scroll-snap-align:start;min-width:300px}div.como-every-text_image:nth-of-type(1){margin-left:20px}.como-img-text{font-size:20px;position:absolute;left:20px;top:12px;font-size:17px}.como-img-text-viceText{position:absolute;top:42px;left:20px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/como-expand-four.css.map */