#cases{padding-top:100px;position:relative;height:calc(100% - 100px);min-height:calc(100% - 100px)}#cases .black{height:100%;position:absolute;top:0;left:0;border-top:650px solid #fff;border-left:1500px solid #000}#cases .lateral{position:absolute}#cases .lateral span{-webkit-writing-mode:tb;-ms-writing-mode:tb;writing-mode:tb;width:-webkit-min-content;width:-moz-min-content;width:min-content;height:-webkit-min-content;height:-moz-min-content;height:min-content;line-height:5rem;font-size:7.7rem;mix-blend-mode:difference;color:#fff;display:block;z-index:1;position:relative}#cases .options{float:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;min-width:600px;max-width:900px;width:calc(100% - 100px);height:400px;opacity:0}#cases .options.show{-webkit-animation:options-show 1s ease forwards;animation:options-show 1s ease forwards}@-webkit-keyframes options-show{to{opacity:1}}@keyframes options-show{to{opacity:1}}#cases .options .option{position:relative;overflow:hidden;min-width:60px;margin:0 10px;background:var(--optionBackground, var(--defaultBackground, #e6e9ed)) no-repeat;background-size:auto 120%;background-position:center;cursor:pointer;-webkit-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);-o-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95)}#cases .options .option.active{-webkit-box-flex:10000;-ms-flex-positive:10000;flex-grow:10000;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);margin:0 10px;background-size:auto 100%}#cases .options .option.active .shadow{-webkit-box-shadow:inset 0 -60px 60px -60px #000,inset 0 -60px 60px -60px #000;box-shadow:inset 0 -60px 60px -60px #000,inset 0 -60px 60px -60px #000}#cases .options .option.active .label{bottom:10px;left:10px}#cases .options .option.active .label .info>div{left:0px;opacity:1}#cases .options .option:not(.active){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#cases .options .option:not(.active) .shadow{bottom:-40px;-webkit-box-shadow:inset 0 -120px 0px -120px #000,inset 0 -120px 0px -100px #000;box-shadow:inset 0 -120px 0px -120px #000,inset 0 -120px 0px -100px #000}#cases .options .option:not(.active) .label{bottom:10px;left:10px}#cases .options .option:not(.active) .label .info>div{left:20px;opacity:0}#cases .options .option .shadow{position:absolute;bottom:0px;left:0px;right:0px;height:60px;-webkit-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);-o-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95)}#cases .options .option .label{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0px;height:40px;-webkit-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);-o-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95)}#cases .options .option .label .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:40px;max-width:40px;height:40px;background-color:#fff;color:var(--defaultBackground)}#cases .options .option .label .icon img{width:30px}#cases .options .option .label .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:10px;color:#fff;white-space:pre}#cases .options .option .label .info>div{position:relative;-webkit-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95),opacity .5s ease-out;-o-transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95),opacity .5s ease-out;transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95),opacity .5s ease-out}#cases .options .option .label .info .main{font-weight:bold;font-size:1.2rem}#cases .options .option .label .info .sub{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}@media only screen and (min-width: 1921px){#cases .options{height:90%;max-width:none;width:85%}#cases .options .option.active{max-width:none;width:90%}#cases .options .option:not(.active){max-width:none;width:7%}#cases .options .option .label{height:10%;width:calc(100% - 20px)}#cases .options .option .label .info .main{font-size:4.5rem}#cases .options .option .label .info .sub{font-size:4rem}#cases .options .option .label .icon{min-width:160px;max-width:160px;height:160px}#cases .options .option .label .icon img{width:120px}#cases .lateral span{line-height:12rem;font-size:15.7rem}}@media only screen and (min-width: 1367px)and (max-width: 1920px){#cases .options{height:75%;max-width:none;width:80%}#cases .options .option.active{max-width:none;width:90%}#cases .options .option.active .label{bottom:15px}#cases .options .option:not(.active){max-width:none;width:10%}#cases .options .option .label{height:10%;width:calc(100% - 20px)}#cases .options .option .label .info .main{font-size:2rem}#cases .options .option .label .info .sub{font-size:1.5rem}#cases .options .option .label .icon{min-width:48px;max-width:48px;height:48px}#cases .options .option .label .icon img{width:38px}}@media only screen and (min-width: 451px)and (max-width: 1200px){#cases .lateral span{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;font-size:4rem;line-height:3rem;top:-30px}#cases .options{margin-top:20%;width:100%;height:50%}#cases .options .option .label .info .main{font-size:1rem}#cases .options .option .label .info .sub{font-size:.7rem}}@media only screen and (max-width: 900px){#cases{height:210%;width:calc(100% - 200px)}#cases .lateral{top:80px}#cases .lateral span{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;font-size:4rem;line-height:3rem;top:-30px}#cases .options{height:calc(100% - 100px);min-width:auto;display:block;float:left;margin-top:140px;width:100%}#cases .options .option{height:15% !important;width:100% !important;margin:0 !important;display:block !important;float:left !important;margin-bottom:50px !important;-webkit-box-flex:10000;-ms-flex-positive:10000;flex-grow:10000;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background-size:100% auto}#cases .options .option.active{background-size:100% auto}#cases .options .option .shadow{bottom:0 !important;-webkit-box-shadow:inset 0 -60px 60px -60px #000,inset 0 -60px 60px -60px #000 !important;box-shadow:inset 0 -60px 60px -60px #000,inset 0 -60px 60px -60px #000 !important}#cases .options .option .label{bottom:10px;left:10px}#cases .options .option .label .info>div{left:0px !important;opacity:1 !important}#cases .options .option .label .info .main{font-size:1rem}#cases .options .option .label .info .sub{font-size:.67rem}}@media only screen and (max-width: 520px){#cases>.options>.option.active{background-size:auto 100%}}@media only screen and (max-width: 450px){#cases{width:calc(100% - 100px);padding:50px 50px 0 50px}}/*# sourceMappingURL=cases.min.css.map */