.sideBar{position:fixed;top:50%;transform:translate(-46.5rem,-50%);height:auto;width:auto;display:flex;flex-direction:column;align-items:start;justify-content:start;background-color:#0000000d;backdrop-filter:var(--box-backdrop-filter);-webkit-backdrop-filter:var(--box-backdrop-filter);outline:var(--box-border);padding:.5rem;box-shadow:var(--box-shadow);border-radius:var(--box-border-radius);gap:.5rem;transition:width .3s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;z-index:1;&:hover,&.auto-hover{.classifyitem{width:6rem}.classifyitem span{opacity:1}}}.classifyitem{position:relative;display:flex;height:var(--button-width-height);width:6rem;align-items:center;justify-content:start;gap:var(--boxinside-gap);padding:var(--boxinside-padding);border-radius:1.2rem;opacity:.5;overflow:hidden;cursor:pointer;transition:all .3s ease;&:hover{opacity:1!important;background-color:var(--box-background-color-white)}}.classifyitem.active{opacity:1!important;background-color:var(--box-background-color-white2)}.classifyitem:disabled{cursor:pointer}.classifyitem img{width:1.5rem;height:1.5rem;-o-object-fit:cover;object-fit:cover}.classifyitem span{font-size:1rem;transition:all .3s ease;opacity:1;white-space:nowrap}@media screen and (max-width: 1680px){.sideBar{transform:translateY(-50%);left:2rem}.classifyitem{width:var(--button-width-height)}.classifyitem span{opacity:0}}@media screen and (max-width: 1200px){.sideBar{position:fixed;bottom:var(--footer-height);height:auto;top:unset;left:unset;width:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#0000001a;padding:.5rem;gap:.25rem;transform:translate(0);&:hover,&.auto-hover{background-color:#00000040}}}@media screen and (max-width: 600px){.sideBar{bottom:0;border-radius:0;width:100%;&:hover,&.auto-hover{background-color:#0000001a;.classifyitem{width:calc(var(--button-width-height) + .5rem)}.classifyitem span{opacity:0}}}.classifyitem{width:calc(var(--button-width-height) + .5rem);height:calc(var(--button-width-height) + .5rem);padding:1rem}.classifyitem img{width:2rem;height:2rem}}.containerBox{width:100%;height:auto;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.button{&[data-v-0bb51c89]{position:relative;height:var(--button-width-height);padding:0 1.5rem;border-radius:var(--button-border-radius);overflow:hidden;font-size:var(--button-font-size);border:var(--button-border);background-color:var(--button-background-color-white);color:var(--button-font-color);gap:.5rem;z-index:10;backdrop-filter:var(--button-backdrop-filter);-webkit-backdrop-filter:var(--button-backdrop-filter);-moz-user-select:none;user-select:none;-webkit-user-select:none;box-shadow:var(--box-shadow)}@media (hover: hover){&[data-v-0bb51c89]:hover{background-color:#ffffff1a;color:#fff}}&[data-v-0bb51c89]:active{background-color:#0003;color:#fff;transform:scale(.9)}}.button.white-theme[data-v-0bb51c89]{background-color:#0000001a;@media (hover: hover){&[data-v-0bb51c89]:hover{background-color:#ffffff1a}}}.caption[data-v-ddcf21a4]{width:100%;position:sticky;top:var(--0a7b0161);display:flex;flex-direction:column;align-items:center;justify-content:center;-moz-user-select:none;user-select:none;-webkit-user-select:none;margin-bottom:1rem;z-index:1000;transition:.3s ease;padding:var(--padding)}.insideBox[data-v-ddcf21a4]{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;transition:.3s ease;max-width:var(--max-width)}.insideBox.active[data-v-ddcf21a4]{padding:.5rem calc(var(--box-padding) * 2)}.caption .spanBox[data-v-ddcf21a4]{position:relative;display:flex;justify-self:start;align-items:center}.caption .spanBox span[data-v-ddcf21a4]{height:3rem;font-size:3rem;font-weight:700;line-height:1;opacity:1;color:#fff;transition:.3s ease}.caption .spanBox .line[data-v-ddcf21a4]{width:2rem;height:.35rem;margin:0 .3rem;background-color:#fff}.caption .background[data-v-ddcf21a4]{width:100%;max-width:var(--max-width);height:calc(100% + 4rem);position:absolute;bottom:0;z-index:-1;background:linear-gradient(180deg,#000c,#0000)}@media screen and (max-width: 1920px){.caption .background[data-v-ddcf21a4]{max-width:unset}}@media screen and (max-width: 480px){.caption span[data-v-ddcf21a4]{font-size:2.5rem}}.PortfolioPreviewBox{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;margin-bottom:var(--margin-bottom);z-index:0;position:relative}.previewBox{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;position:relative;padding:var(--padding)}.preview{width:100%;height:100%;max-width:var(--max-width);display:flex;position:relative;flex-direction:column;background-color:var(--box-background-color-white2);box-shadow:var(--box-shadow);border-radius:var(--box-border-radius);padding:var(--box-padding);box-sizing:border-box;gap:var(--box-gap);backdrop-filter:var(--box-backdrop-filter);-webkit-backdrop-filter:var(--box-backdrop-filter)}.BannerContainer{width:100%;height:auto;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;-moz-user-select:none;user-select:none;-webkit-user-select:none;padding:var(--padding);z-index:-1}.BannerContainer .spanBox{width:100%;height:auto;padding-bottom:min(40%,50vh);max-width:var(--max-width)}.BannerContainer .spanBox span{position:absolute;font-size:4rem;font-weight:800;height:auto;line-height:1;color:#fff;z-index:10;bottom:3rem}.BannerContainer .spanBox .lineBox{position:absolute;bottom:1.5rem;width:auto;height:auto;z-index:10;display:flex;align-items:center;justify-content:center;gap:.1rem}.BannerContainer .spanBox .line{position:relative;margin-left:.25rem;width:1rem;height:.25rem;background-color:#ffffff80;transition:.3s ease-in-out;border-radius:.1rem}.BannerContainer .spanBox .line.active{width:2rem;background-color:#fff}.BannerContainer .bannerBox{display:flex;top:0;left:0;align-self:center;justify-content:center;width:100%;height:auto;padding-bottom:min(56.25%,90vh);overflow:hidden;position:fixed;z-index:1;opacity:0;transition:opacity .5s ease-in-out;mask-image:linear-gradient(#000000 50%,transparent);-webkit-mask-image:linear-gradient(#000000 50%,transparent)}.BannerContainer .bannerBox .banner{max-width:none;width:100%;height:100%;height:auto;position:absolute;-o-object-fit:cover;object-fit:cover;z-index:1}.BannerContainer .bannerBox.active{opacity:1}.BannerContainer .background{position:absolute;top:0;opacity:0;width:100%;height:80vh;background-color:#f63c30;z-index:0;mask-image:linear-gradient(#000000,transparent);-webkit-mask-image:linear-gradient(#000000,transparent)}@media screen and (max-width: 480px){.BannerContainer .spanBox{padding-bottom:min(80%,50vh)}.BannerContainer .bannerBox{padding-bottom:120%}.BannerContainer .bannerBox .banner{width:auto;height:100%}}.portfolio-parallax-container{position:relative;padding-bottom:var(--54b25050);width:100%;height:auto;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);background-color:var(--boxinside-background-color);overflow:hidden;box-sizing:border-box;@media (hover: hover){&:hover{.Pointer{opacity:0}}}}.portfolio-parallax-container .parallax-layer{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}.portfolio-parallax-container .layer-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;transform:scale(1.03);transition:.5s ease-out;opacity:0}.layer-0{z-index:1}.layer-1{z-index:2}.layer-2{z-index:3}.layer-3{z-index:4}.layer-4{z-index:5}.portfolio-parallax-container .label{position:absolute;top:var(--boxinside-element-margin);right:var(--boxinside-element-margin)}.portfolio-parallax-container .Pointer{position:absolute;z-index:6;font-size:3rem;opacity:1;transition:.5s ease-out;top:50%}.portfolio-parallax-container .Pointer svg{transform:translate(10px)}.portfolio-parallax-container .lineImage{position:absolute;top:0;left:0;width:100%;height:100%;transition:.3s ease-out;-o-object-fit:cover;object-fit:cover;border-radius:var(--boxinside-border-radius);z-index:7;opacity:0}.portfolio-parallax-container .lineImage.show-wireframe{opacity:1}.imageBox{width:100%;height:auto;position:relative;display:grid;grid-template-columns:var(--2da1e420);-moz-column-gap:var(--boxinside-gap);column-gap:var(--boxinside-gap);row-gap:var(--boxinside-gap)}.imageBox .image-item{width:100%;height:auto;position:relative;display:flex;justify-content:center;align-items:center;padding-bottom:var(--e849e8d6);border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);background-color:var(--boxinside-background-color);box-sizing:border-box;overflow:hidden}.imageBox .image-item .image{position:absolute;top:0;left:0;width:100%;height:100%;transition:.1s ease-out;-o-object-fit:cover;object-fit:cover;z-index:0;opacity:0;transition:.3s ease-out}.imageBox .image-item .lineImage{position:absolute;top:0;left:0;width:100%;height:100%;transition:.3s ease-out;-o-object-fit:cover;object-fit:cover;z-index:1;opacity:0}.imageBox .image-item .lineImage.show-wireframe{opacity:1}.gradient-balls{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;top:0;left:0;background:#111;z-index:-1;border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);box-sizing:border-box}.ball{position:absolute;border-radius:50%;filter:blur(60px);opacity:.8;transition:transform .3s ease-out;will-change:transform;z-index:1}.ball-1{width:100%;height:100%;top:-50%;left:-50%}.ball-2{width:100%;height:100%}.ball-3{width:100%;height:100%;bottom:-50%;right:-50%}.overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.LoopPlay-container{position:relative;padding-bottom:var(--6443a31c);width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:start;cursor:pointer;z-index:1;overflow:hidden;border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);background-color:var(--boxinside-background-color);box-sizing:border-box;-moz-user-select:none;user-select:none;-webkit-user-select:none;@media (hover: hover){&:hover{.logo{transform:translate(-50%,-50%) scale(1.05)}}}}.LoopPlay-container .box{position:absolute;top:0;left:0;width:auto;height:100%;padding:var(--48acca46) 0;display:flex;justify-content:start;align-items:start;gap:var(--1f3f7f8b);animation:moveLeft linear infinite;animation-play-state:paused;-webkit-animation-play-state:paused;animation-delay:.5s}@keyframes moveLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.LoopPlay-container .box .layer{height:100%;width:auto}.LoopPlay-container .box .layer .layer-image{width:auto;height:100%;-o-object-fit:cover;object-fit:cover;max-width:none;border-radius:var(--352fa67a);padding:var(--48acca46) 0;transition:all .2s ease-out;opacity:0;transition:.3s ease;@media (hover: hover){&:hover{transform:scale(var(--5351570a))}}}.LoopPlay-container .logo{position:absolute;width:auto;height:60%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:0;transition:.3s ease}.LoopPlay-container .label{position:absolute;top:var(--boxinside-element-margin);right:var(--boxinside-element-margin)}.LoopPlay-container .lineImage{position:absolute;top:0;left:0;width:100%;height:100%;transition:.3s ease-out;-o-object-fit:cover;object-fit:cover;border-radius:var(--boxinside-border-radius);z-index:2;opacity:0}.LoopPlay-container .lineImage.show-wireframe{opacity:1}.tailJumpBox{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;margin-bottom:1rem;z-index:10;position:relative;padding:var(--padding);-moz-user-select:none;user-select:none;-webkit-user-select:none}.tailJumpBox .captionBox{display:flex;align-items:start;justify-content:start;max-width:var(--max-width);height:auto;width:100%;margin-bottom:2rem}.tailJumpBox .captionBox span{font-size:2rem;font-weight:700;line-height:1;color:var(--text-color-60)}.tailJumpBox .tailJump{width:100%;display:flex;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--boxinside-gap);backdrop-filter:var(--box-backdrop-filter);-webkit-backdrop-filter:var(--box-backdrop-filter);height:auto;max-width:var(--max-width);position:relative}.tailJumpBox .tailJump .card{width:100%;height:auto;position:relative;padding-bottom:80%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--boxinside-border-radius);background-color:var(--box-background-color-white);outline:var(--boxinside-border);box-sizing:border-box;cursor:pointer;transition:all .3s ease;@media (hover: hover){&:hover{transform:var(--box-transformY)}}}.tailJumpBox .tailJump .card img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0;opacity:0;transition:.3s ease}.tailJumpBox .tailJump .card .title{position:absolute;width:100%;height:auto;display:flex;align-items:start;justify-content:start;padding:2rem var(--boxinside-padding) var(--boxinside-padding) var(--boxinside-padding);text-align:left;font-size:1.25rem;font-weight:700;line-height:1;color:var(--text-color-60);z-index:10;left:0;bottom:0;background:linear-gradient(to top,#000c,#0000)}@media screen and (max-width: 480px){.tailJumpBox .tailJump{grid-template-columns:repeat(2,1fr)}}.videoBox{width:100%;height:auto;position:relative;display:grid;grid-template-columns:var(--b15d847c);gap:var(--boxinside-gap)}.videoBox .video-item{width:100%;height:auto;position:relative;display:flex;justify-content:center;align-items:center;padding-bottom:var(--4a308ee7);border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);background-color:var(--boxinside-background-color);box-sizing:border-box;overflow:hidden}.videoBox .video-item .video{position:absolute;top:0;left:0;width:100%;height:100%;transition:.1s ease-out;-o-object-fit:cover;object-fit:cover;z-index:1;opacity:0;transition:.3s ease-out;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.videoBox .playButton{position:absolute;color:#fff;font-size:3rem;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.videoBox .label{position:absolute;top:var(--boxinside-element-margin);right:var(--boxinside-element-margin)}.waterfall-container[data-v-203dfab9]{display:flex;width:100%;gap:var(--boxinside-gap);box-sizing:border-box;-webkit-user-select:none;user-select:none;-moz-user-select:none}.waterfall-column[data-v-203dfab9]{display:flex;flex-direction:column;gap:var(--boxinside-gap)}.waterfall-item[data-v-203dfab9]{width:100%;overflow:hidden;box-sizing:border-box;position:relative;justify-content:center;align-items:center;border-radius:var(--boxinside-border-radius);background-color:var(--boxinside-background-color);border:var(--boxinside-border);cursor:pointer}.waterfall-image[data-v-203dfab9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;transition:.3s ease;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;z-index:1}.waterfall-item .playButton[data-v-203dfab9]{position:absolute;color:#fff;font-size:3rem;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.waterfall-item .label[data-v-203dfab9]{position:absolute;top:var(--boxinside-element-margin);right:var(--boxinside-element-margin)}.galleryBox{width:100%;height:auto;position:relative;display:grid;grid-template-columns:var(--df78d1e0);gap:var(--boxinside-gap)}.galleryBox .gallery-item{width:100%;height:auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:.55rem}.galleryBox .gallery-item .imageBox{width:100%;height:auto;position:relative;display:flex;justify-content:center;align-items:center;padding-bottom:var(--801c6696);border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);background-color:var(--boxinside-background-color);box-sizing:border-box;overflow:hidden;cursor:pointer;@media (hover: hover){&:hover{.title{opacity:1}.labelBox{opacity:0}.post,.video{filter:brightness(.5)}}}}.galleryBox .gallery-item .imageBox .labelBox{display:flex;align-items:center;justify-content:start;position:absolute;padding:var(--boxinside-element-padding);gap:.5rem;bottom:0;right:0;z-index:2}.galleryBox .gallery-item .imageBox .post{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;z-index:0;transition:.3s ease;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.galleryBox .gallery-item .imageBox .video{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;z-index:1;transition:.3s ease;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.galleryBox .gallery-item .imageBox .title{width:100%;height:auto;position:absolute;display:flex;flex-direction:column;gap:.75rem;bottom:0;opacity:0;left:0;z-index:3;background:linear-gradient(transparent,#000000e6);padding:2rem .75rem .75rem;transition:.3s ease}.galleryBox .gallery-item .imageBox .title .cover{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;position:relative;top:0;left:0;opacity:1;border-radius:var(--boxinside-element-border-radius);pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.galleryBox .gallery-item .imageBox .title span{font-size:1rem;color:#fff;position:relative;bottom:0;left:0;line-height:1.4;opacity:1;width:100%;display:flex;text-align:justify;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.galleryBox .gallery-item .company{display:flex;align-items:center;gap:.5rem;justify-content:start;margin-bottom:.75rem}.galleryBox .gallery-item .company .logo{width:2rem;height:auto;-o-object-fit:cover;object-fit:cover}.galleryBox .gallery-item .company .logoname{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffc}.svgaBox[data-v-24f8ce0a]{width:100%;height:auto;z-index:1;display:flex;justify-content:start;align-items:start;position:relative;overflow:hidden;padding-bottom:var(--27f5f85f);border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);background-color:var(--boxinside-background-color);box-sizing:border-box}.svga[data-v-24f8ce0a]{position:absolute;width:100%;height:100%;z-index:1;display:flex;justify-content:start;align-items:start}.svgaBox .label[data-v-24f8ce0a]{position:absolute;top:var(--boxinside-element-margin);right:var(--boxinside-element-margin)}.slideImageContainer{width:100%;height:auto;position:relative;display:flex;justify-content:center;align-items:center;padding-bottom:var(--21544710);border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);background-color:var(--boxinside-background-color);box-sizing:border-box;overflow:hidden;&:hover{.buttons{visibility:visible}}}.slideImageContainer .label{position:absolute;top:var(--boxinside-element-margin);right:var(--boxinside-element-margin)}.slideImageContainer .buttons{display:flex;align-items:center;justify-content:space-between;position:absolute;visibility:hidden;width:100%;height:auto;z-index:2;padding:var(--boxinside-padding);pointer-events:none;top:50%;transform:translateY(-50%);@media (hover: none){visibility:visible}}.slideImageContainer .buttons button{background:var(--button-background-color-black);border:none;cursor:pointer;width:var(--button-width-height);height:var(--button-width-height);line-height:1;border-radius:var(--button-border-radius);transition:.2s ease;font-size:var(--button-font-size);backdrop-filter:var(--button-backdrop-filter);-webkit-backdrop-filter:var(--button-backdrop-filter);border:var(--button-border);display:flex;align-items:center;justify-content:center;pointer-events:auto;box-shadow:var(--button-shadow);@media (hover: hover){&:hover{background-color:var(--button-background-color-black-hover-black)}}&:active{background:#000000b3;transform:scale(.9)}&:disabled{cursor:not-allowed}}.slideImageContainer .lineBox{position:absolute;bottom:1.5rem;width:auto;height:auto;z-index:10;display:flex;align-items:center;justify-content:center;gap:.25rem}.slideImageContainer .line{position:relative;width:1rem;height:.5rem;background-color:var(--27781382);transition:.3s ease;border-radius:1rem;opacity:.2}.slideImageContainer .line.active{width:2.5rem;opacity:.8}.slideImageContainer .slideImage{max-width:none;width:100%;height:100%;top:0;left:0;height:auto;position:absolute;-o-object-fit:cover;object-fit:cover;z-index:1;opacity:0;transition:.3s ease}.slideImageContainer .slideImage.active{opacity:1}.slideImageContainer .backgroundColor{position:absolute;width:100%;height:100%;top:0;left:0}.longImageBox{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background-color:var(--box-background-color-white);border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);box-sizing:border-box;transition:all .3s ease}.longImageBox .longImage{position:relative;width:100%;height:auto;overflow:hidden}.longImageBox .longImage .image{position:absolute;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;opacity:0;transition:all .3s ease;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.longImageBox .longImage .video{position:absolute;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;z-index:1;opacity:0;transition:all .3s ease;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.longImageBox .longImage .logo{position:absolute;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;z-index:2;opacity:0;transition:all .3s ease;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.longImageBox .longImage .videowarming{width:100%;height:100%;position:absolute;opacity:0}.longImageBox .label{position:absolute;top:var(--boxinside-element-margin);right:var(--boxinside-element-margin)}.mixImageBox{width:100%;height:auto;position:relative;display:grid;grid-template-columns:var(--07da4c62);padding:var(--boxinside-padding);border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);background-color:var(--boxinside-background-color);box-sizing:border-box;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.mixImageBox .image-item{width:100%;height:auto;position:relative;display:flex;justify-content:center;align-items:center;padding-bottom:var(--74fb5bb4);z-index:2}.mixImageBox .image-item .image{position:absolute;top:0;left:0;width:100%;height:100%;transition:.1s ease-out;-o-object-fit:cover;object-fit:cover;z-index:1;opacity:0;transition:.3s ease-out}.mixImageBox .image-item .image.loaded{opacity:1}.mixImageBox .image-item .image.hide-wireframe{opacity:0!important}.mixImageBox .image-item .lineImage{position:absolute;top:0;left:0;width:100%;height:100%;transition:.3s ease-out;-o-object-fit:cover;object-fit:cover;z-index:1;opacity:0}.mixImageBox .image-item .lineImage.show-wireframe{opacity:1}.mixImageBox .image-item .shadowImage{position:absolute;top:10%;left:0;width:100%;height:100%;transition:.3s ease-out;-o-object-fit:cover;object-fit:cover;z-index:0;filter:blur(2rem);transform:scale(.6);opacity:.8}.mixImageBox .backgroundColorBox{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transition:.3s ease-out}.mixImageBox .backgroundColorBox.hide-wireframe{opacity:0}.mixImageBox .backgroundColorBox .hidebackgroundColor{position:absolute;width:100%;height:100%;z-index:1;opacity:0;transition:.3s ease-out}.mixImageBox .backgroundColorBox .hidebackgroundColor.show-wireframe{opacity:1}.mixImageBox .backgroundColorBox .backgroundColor{position:relative;width:100%;height:100%;z-index:0}.showCaseBox{height:auto;width:100%;display:flex;justify-content:start;flex-direction:column;align-items:center;position:relative;min-height:100vh;margin-bottom:1rem}.showCase{width:100%;height:auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:start;z-index:0}