.mt-case-display{width:100%;background-color:var(--mcd-bg, #f5f5f5);padding:130px var(--mcd-px, 40px) 9vw;box-sizing:border-box;--mcd-tabs-gap: 20px;--mcd-tabs-mt: 0px;--mcd-tabs-mb: 100px;--mcd-flow-settle-shift: 8px}.mt-case-display__inner{max-width:var(--mcd-max-width, 1280px);margin:0 auto}.mt-case-display__tabs{display:flex;flex-wrap:wrap;gap:var(--mcd-tabs-gap, 20px);margin-top:var(--mcd-tabs-mt, 0px);margin-bottom:var(--mcd-tabs-mb, 100px);justify-content:center;flex-wrap:nowrap}.mt-case-display__tab{display:inline-flex;align-items:center;justify-content:center;padding:10px 30px;border-radius:999px;border:1px solid #50B5E7;font-size:32px;font-weight:800;letter-spacing:0;cursor:pointer;background:transparent;color:#50b5e7;transition:all .3s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.mt-case-display__tab.is-active,.mt-case-display__tab:hover{background:#1a2e54;border-color:#1a2e54;color:#fff}.mt-case-display__panel{display:none}.mt-case-display__panel.is-active{display:flex;justify-content:center}.mt-case-display--transition-frozen .mt-case-display__tab,.mt-case-display--transition-committed .mt-case-display__tab,.mt-case-display--transition-restoring .mt-case-display__tab{transition:none}.mt-case-display--transition-frozen,.mt-case-display--transition-committed,.mt-case-display--transition-restoring{padding-top:130px;padding-bottom:130px}.mt-case-display--transition-frozen .mt-case-display__tabs,.mt-case-display--transition-committed .mt-case-display__tabs,.mt-case-display--transition-restoring .mt-case-display__tabs{margin-top:0;margin-bottom:100px}.mt-case-display--transition-frozen .mt-case-display__panel,.mt-case-display--transition-committed .mt-case-display__panel,.mt-case-display--transition-restoring .mt-case-display__panel{display:none!important}.mt-case-display--transition-frozen .mt-case-display__panel.is-active,.mt-case-display--transition-committed .mt-case-display__panel.is-active,.mt-case-display--transition-restoring .mt-case-display__panel.is-active{display:flex!important;justify-content:center}.mt-case-display--transition-frozen .mcd-card,.mt-case-display--transition-frozen .mcd-card__img,.mt-case-display--transition-frozen .mcd-card__view,.mt-case-display--transition-committed .mcd-card,.mt-case-display--transition-committed .mcd-card__img,.mt-case-display--transition-committed .mcd-card__view,.mt-case-display--transition-restoring .mcd-card,.mt-case-display--transition-restoring .mcd-card__img,.mt-case-display--transition-restoring .mcd-card__view{transition:none!important}.mcd-card{position:relative;overflow:hidden;border-radius:var(--mcd-card-radius, 12px);background:#e8e8e8;display:block;cursor:pointer}.mcd-card__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;cursor:pointer}.mcd-card:hover .mcd-card__img{transform:scale(1.04)}.mcd-card__view{position:absolute;bottom:12px;right:16px;width:7.6vw;height:7.6vw;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Inter;font-weight:700;color:#201d1d;letter-spacing:0;opacity:1;transition:color .4s ease;pointer-events:auto;gap:2px;line-height:19px;text-align:center;flex-direction:row;cursor:pointer;overflow:hidden;isolation:isolate;border:none}.mcd-card__view:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--mcd-card-view-hover-bg, #50B5E7);transform:scale(0);transition:transform .8s ease;z-index:0}.mcd-card__view:hover:before{transform:scale(1)}.mcd-card__view:hover{color:var(--mcd-card-view-hover-color, #FFFFFF)}.mcd-card__view-text,.mcd-card__view-arrow,.mcd-card__view svg{position:relative;z-index:1}.mcd-card__view-text{display:block;font-size:12px;font-weight:700}.mcd-card__view-arrow{display:block;font-size:14px;line-height:1}.mcd-card__view svg{position:relative;z-index:1;transform:rotate(135deg);transition:transform .5s ease}.mcd-card__view:hover svg{transform:rotate(180deg)}.mcd-card__wrap{display:flex;flex-direction:column;height:100%}.mcd-grid-5 [class*=mcd-slot-],.mcd-grid-2 [class*=mcd-slot-],.mcd-grid-3 [class*=mcd-slot-],.mcd-grid-4 [class*=mcd-slot-]{display:flex;flex-direction:column;min-height:0;width:100%}.mcd-grid-5 .mcd-card__wrap .mcd-card,.mcd-grid-2 .mcd-card__wrap .mcd-card,.mcd-grid-3 .mcd-card__wrap .mcd-card,.mcd-grid-4 .mcd-card__wrap .mcd-card{flex:1;min-height:0;width:100%}.mcd-card__name{flex-shrink:0;margin-top:1.25vw;font-size:22px;line-height:26px;font-family:Inter;font-weight:600;color:#000;letter-spacing:0;cursor:pointer;transition:color .3s ease}.mcd-card__name:hover{color:var(--mcd-card-name-color, #000000)}.mcd-grid-5{display:grid;grid-template-columns:repeat(100,6.7px);grid-template-rows:repeat(100,5.5px);gap:6px}@media(min-width:1100px)and (max-width:1300px){.mcd-grid-5{gap:4px}}@media(min-width:900px)and (max-width:1099px){.mcd-grid-5{gap:2px}}@media(min-width:767px)and (max-width:900px){.mcd-grid-5{gap:0px}}.mcd-grid-5 .mcd-slot-1{grid-column:2 / 37;grid-row:3 / 28}.mcd-grid-5 .mcd-slot-2{grid-column:62 / 94;grid-row:1 / 41}.mcd-grid-5 .mcd-slot-3{grid-column:17 / 51;grid-row:38 / 62}.mcd-grid-5 .mcd-slot-4{grid-column:1 / 45;grid-row:70 / 100}.mcd-grid-5 .mcd-slot-5{grid-column:57 / 99;grid-row:56 / 100}.mcd-grid-5 .mcd-card__wrap,.mcd-grid-5 .mcd-card{height:100%}.mcd-grid-2{display:grid;grid-template-columns:repeat(100,1fr);grid-template-rows:repeat(100,4.1px);gap:2px}@media(min-width:1024px)and (max-width:1400px){.mcd-grid-2{gap:1px}}@media(min-width:767px)and (max-width:1023px){.mcd-grid-2{gap:0px;grid-template-rows:repeat(100,3.7px)}}.mcd-grid-2>*{padding:calc(var(--mcd-gap, 16px) / 2)}.mcd-grid-2{margin:calc(var(--mcd-gap, 16px) / -2)}.mcd-grid-2 .mcd-slot-1{grid-column:1 / 45;grid-row:1 / 101}.mcd-grid-2 .mcd-slot-2{grid-column:58 / 99;grid-row:38 / 86}.mcd-grid-2 .mcd-card__wrap,.mcd-grid-2 .mcd-card{height:100%}.mcd-grid-3{display:grid;grid-template-columns:repeat(100,1fr);grid-template-rows:repeat(100,5.7px);gap:4px}@media(min-width:1024px)and (max-width:1400px){.mcd-grid-3{gap:3px}}@media(min-width:767px)and (max-width:1023px){.mcd-grid-3{gap:0px}}.mcd-grid-3>*{padding:calc(var(--mcd-gap, 16px) / 2)}.mcd-grid-3{margin:calc(var(--mcd-gap, 16px) / -2)}.mcd-grid-3 .mcd-slot-1{grid-column:1 / 33;grid-row:1 / 101}.mcd-grid-3 .mcd-slot-2{grid-column:57 / 99;grid-row:14 / 46}.mcd-grid-3 .mcd-slot-3{grid-column:16 / 51;grid-row:61 / 101}.mcd-grid-3 .mcd-card__wrap,.mcd-grid-3 .mcd-card{height:100%}.mcd-grid-4{display:grid;grid-template-columns:repeat(100,1fr);grid-template-rows:repeat(100,5.7px);gap:4px}@media(min-width:1024px)and (max-width:1400px){.mcd-grid-4{gap:2px}}@media(min-width:767px)and (max-width:1023px){.mcd-grid-4{gap:0px;grid-template-rows:repeat(100,5px)}}.mcd-grid-4>*{padding:calc(var(--mcd-gap, 16px) / 2)}.mcd-grid-4{margin:calc(var(--mcd-gap, 16px) / -2)}.mcd-grid-4 .mcd-slot-1{grid-column:1 / 45;grid-row:3 / 36}.mcd-grid-4 .mcd-slot-2{grid-column:65 / 98;grid-row:1 / 31}.mcd-grid-4 .mcd-slot-3{grid-column:8 / 43;grid-row:56 / 92}.mcd-grid-4 .mcd-slot-4{grid-column:53 / 95;grid-row:47 / 100}.mcd-grid-4 .mcd-card__wrap,.mcd-grid-4 .mcd-card{height:100%}@media screen and (max-width:767px){.mt-case-display{--mcd-tabs-gap: 8px;--mcd-tabs-mt: 0px;--mcd-tabs-mb: 28px;--mcd-flow-settle-shift: 4px}.mcd-grid-1,.mcd-grid-5,.mcd-grid-2,.mcd-grid-3,.mcd-grid-4{display:flex;flex-direction:column;gap:20px;margin:0}.mcd-grid-5>*,.mcd-grid-2>*,.mcd-grid-3>*,.mcd-grid-4>*{padding:0}.mcd-grid-5 .mcd-card__wrap,.mcd-grid-2 .mcd-card__wrap,.mcd-grid-3 .mcd-card__wrap,.mcd-grid-4 .mcd-card__wrap{height:auto}}.mcd-grid-5{display:grid;align-items:start}.mcd-grid-5__left,.mcd-grid-5__right{display:flex;flex-direction:column}.mcd-grid-5 .mcd-slot-1 .mcd-card,.mcd-grid-5 .mcd-slot-2 .mcd-card,.mcd-grid-5 .mcd-slot-3 .mcd-card{height:220px}.mcd-grid-5 .mcd-slot-4 .mcd-card{height:260px}.mcd-grid-5 .mcd-slot-5 .mcd-card{height:420px}.mcd-grid-2{display:grid;align-items:start}.mcd-grid-2 .mcd-slot-1 .mcd-card{height:460px}.mcd-grid-2 .mcd-slot-2 .mcd-card{height:380px}.mcd-grid-3{display:grid;align-items:start}.mcd-grid-3__left{display:flex;flex-direction:column}.mcd-grid-3__right{display:flex;flex-direction:column;gap:var(--mcd-gap, 16px)}.mcd-grid-3__left .mcd-card{height:560px}.mcd-grid-3 .mcd-slot-2 .mcd-card{height:240px}.mcd-grid-3 .mcd-slot-3 .mcd-card{height:300px}.mcd-grid-4{display:grid;align-items:start}.mcd-grid-4__col{display:flex;flex-direction:column;gap:var(--mcd-gap, 16px)}.mcd-grid-4 .mcd-col-left .mcd-slot-1 .mcd-card{height:240px}.mcd-grid-4 .mcd-col-left .mcd-slot-2 .mcd-card,.mcd-grid-4 .mcd-col-right .mcd-slot-3 .mcd-card{height:360px}.mcd-grid-4 .mcd-col-right .mcd-slot-4 .mcd-card{height:240px}.mcd-grid-1 .mcd-card{height:480px}.mcd-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#d8d8d8;color:#aaa}.mcd-card__placeholder svg{width:48px;height:48px}@media screen and (max-width:767px){.mt-case-display{padding:80px 16px}.mt-case-display__tabs{justify-content:flex-start;overflow:auto;scrollbar-width:none}.mt-case-display__tab{padding:6px 15px;font-size:13px;font-size:22px;line-height:26px}.mcd-grid-1,.mcd-grid-5,.mcd-grid-2,.mcd-grid-3,.mcd-grid-4{display:flex;flex-direction:column;gap:20px}.mcd-grid-3__left,.mcd-grid-3__right,.mcd-grid-4__col{width:100%}.mcd-grid-1 .mcd-card,.mcd-grid-5 .mcd-slot-1 .mcd-card,.mcd-grid-5 .mcd-slot-2 .mcd-card,.mcd-grid-5 .mcd-slot-3 .mcd-card,.mcd-grid-5 .mcd-slot-4 .mcd-card,.mcd-grid-5 .mcd-slot-5 .mcd-card,.mcd-grid-2 .mcd-slot-1 .mcd-card,.mcd-grid-2 .mcd-slot-2 .mcd-card,.mcd-grid-3__left .mcd-card,.mcd-grid-3 .mcd-slot-2 .mcd-card,.mcd-grid-3 .mcd-slot-3 .mcd-card,.mcd-grid-4 .mcd-col-left .mcd-slot-1 .mcd-card,.mcd-grid-4 .mcd-col-left .mcd-slot-2 .mcd-card,.mcd-grid-4 .mcd-col-right .mcd-slot-3 .mcd-card,.mcd-grid-4 .mcd-col-right .mcd-slot-4 .mcd-card{height:auto;min-height:unset;aspect-ratio:12 / 8.7}.mcd-grid-5 .mcd-card__wrap .mcd-card,.mcd-grid-2 .mcd-card__wrap .mcd-card,.mcd-grid-3 .mcd-card__wrap .mcd-card,.mcd-grid-4 .mcd-card__wrap .mcd-card{flex:1;min-height:0;aspect-ratio:12 / 8.8}.mcd-card__name{margin-top:6px}.mcd-card__view{display:none}}.mcd-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.mcd-modal[hidden]{display:none}.mcd-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.mcd-modal__box{position:relative;z-index:1;background:#111827;border:10px solid var(--mcd-modal-border-color, #1A2E54);border-radius:30px;padding:0;max-width:1150px;aspect-ratio:16 / 9;width:79.9vw;display:flex;flex-direction:column;gap:16px;box-shadow:0 0 0 1px var(--mcd-modal-border-color, #50B5E7),0 24px 60px #0009;animation:mcd-modal-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes mcd-modal-in{0%{opacity:0;transform:scale(.92) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.mcd-modal__close{position:absolute;top:-18px;transform:translate(50%,-50%);right:-44px;width:41px;height:41px;border-radius:50%;background:var(--mcd-modal-close-bg-color, #50B5E7);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--mcd-modal-close-icon-color, #1A2E54);transition:all .5s ease;flex-shrink:0;z-index:2}.mcd-modal__close:hover{opacity:.88}.mcd-modal__img-wrap{overflow-y:auto;overflow-x:hidden;border-radius:20px;max-height:calc(90vh - 80px);flex:1;min-height:0;display:flex;flex-direction:column;gap:0;scrollbar-width:thin;scrollbar-color:rgba(80,181,231,.5) transparent;background-color:#fff;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.mcd-modal__img-wrap::-webkit-scrollbar{width:4px}.mcd-modal__img-wrap::-webkit-scrollbar-thumb{background:#50b5e780;border-radius:2px}.mcd-modal__img{display:block;width:100%;height:auto;border-radius:0;object-fit:contain;flex-shrink:0}.mcd-modal__img:first-child{border-radius:20px 20px 0 0}.mcd-modal__img:last-child{border-radius:0 0 10px 10px}.mcd-modal__img:only-child{border-radius:10px}.mcd-modal__banner{position:relative;width:100%;flex-shrink:0;background:var(--mcd-modal-banner-bg, #50B5E7);border-radius:0 0 20px 20px;display:flex;align-items:center;justify-content:center;min-height:649px;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none}.mcd-modal__banner-text{font-size:clamp(50px,7vw,100px);text-align:center;font-weight:800;color:var(--mcd-modal-banner-text-color, #FFFFFF);line-height:100%;font-family:Inter;letter-spacing:0;text-transform:uppercase;pointer-events:none;position:relative;z-index:1}.mcd-modal__banner-arrow{position:absolute;left:80%;bottom:20%;pointer-events:none;transform:translate(50%);transform:translateY(50%);z-index:2;animation:mcd-banner-arrow 1.8s cubic-bezier(.45,0,.55,1) infinite;width:100px;height:100px;color:var(--mcd-modal-banner-arrow-color, #1A2E54)}@keyframes mcd-banner-arrow{0%{left:65%;bottom:20%;opacity:.5;transform:scale(1)}20%{left:65%;bottom:20%;opacity:1;transform:scale(1)}80%{left:48%;bottom:35%;opacity:1;transform:scale(1)}to{left:48%;bottom:35%;opacity:.8;transform:scale(1)}}@media screen and (max-width:767px){.mcd-modal__box{width:92vw;height:81%;margin-top:84px;padding:0;border-radius:30px;border:6px solid var(--mcd-modal-border-color, #1A2E54)}.mcd-modal__img-wrap{border-radius:24px;max-height:none}.mcd-modal__close{top:-34px;right:20px}.mcd-modal__banner{min-height:640px}.mcd-modal__banner-arrow{width:60px;height:60px}@keyframes mcd-banner-arrow{0%{left:65%;bottom:25%;opacity:.5;transform:scale(1)}20%{left:65%;bottom:25%;opacity:1;transform:scale(1)}80%{left:44%;bottom:40.5%;opacity:1;transform:scale(1)}to{left:44%;bottom:40.5%;opacity:.8;transform:scale(1)}}}.mcd-modal__showcase-outer{width:100%;padding:101px 175px;background:#fff;flex-shrink:0;box-sizing:border-box}.mcd-modal__showcase-outer--split{padding:89px 63px 25px}.mcd-modal__img-wrap>.mcd-modal__showcase-outer:first-child{border-radius:10px 10px 0 0}.mcd-modal__img-wrap>.mcd-modal__showcase-outer:last-child{border-radius:0 0 10px 10px}.mcd-modal__img-wrap>.mcd-modal__showcase-outer:only-child{border-radius:10px}.mcd-modal__showcase-split{width:100%;display:flex;flex-direction:row;align-items:stretch;flex-shrink:0;background:#fff;box-sizing:border-box;gap:0}.mcd-modal__img-wrap>.mcd-modal__showcase-split:first-child{border-radius:10px 10px 0 0}.mcd-modal__img-wrap>.mcd-modal__showcase-split:last-child{border-radius:0 0 10px 10px}.mcd-modal__img-wrap>.mcd-modal__showcase-split:only-child{border-radius:10px}.mcd-modal__showcase-split__left{flex:0 0 43%;width:43%;overflow:hidden;position:relative;max-height:528px;display:flex;justify-content:center}.mcd-modal__showcase-split__left .mcd-modal__showcase{width:60%;height:100%;border-radius:40px}.mcd-modal__showcase-split__right{flex:0 0 57%;width:57%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff}.mcd-modal__showcase-split__img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (max-width:767px){.mcd-modal__showcase-outer{padding:15px 37px 16px}.mcd-modal__showcase-outer--split{padding:28px 19px 8px}.mcd-modal__showcase-split__left,.mcd-modal__showcase-split__right{flex:none}}.mcd-modal__showcase{width:100%;overflow:hidden;border:8px solid var(--mcd-modal-border-color, #1A2E54);border-radius:40px;max-width:789px;aspect-ratio:16 / 9.8;flex-shrink:0;position:relative;background:#fff}.mcd-modal__img-wrap>.mcd-modal__showcase:first-child,.mcd-modal__img-wrap>.mcd-modal__showcase:last-child,.mcd-modal__img-wrap>.mcd-modal__showcase:only-child{border-radius:0}.mcd-modal__showcase-img{display:block;width:100%;height:auto;border-radius:0;animation:mcd-showcase-scroll var(--mcd-scroll-duration, 10.7s) linear infinite;will-change:transform}@keyframes mcd-showcase-scroll{0%{transform:translateY(0)}to{transform:translateY(var(--mcd-scroll-end, -50%))}}.mcd-modal__showcase:hover .mcd-modal__showcase-img{animation-play-state:paused}@media screen and (max-width:767px){.mcd-modal__showcase{border:3px solid var(--mcd-modal-border-color, #1A2E54);border-radius:8px}.mcd-modal__showcase-split__left .mcd-modal__showcase{border-radius:10px}}@media(min-width:1440px){.mt-case-display{--mcd-tabs-gap: 20px;--mcd-tabs-mt: 0px;--mcd-tabs-mb: 100px;--mcd-flow-settle-shift: 8px}}@media screen and (max-width:767px){.mt-case-display--transition-frozen,.mt-case-display--transition-committed,.mt-case-display--transition-restoring{padding-top:80px;padding-bottom:80px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mt-case-display.css.map */