.slider3d{position:relative;width:50vmin;height:55vmin;perspective:800px}.slider3d_wrap{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .75s}.slider3d_wrap>*{box-sizing:border-box;position:absolute;width:100%;height:100%;background-color:#ddd;border:none;background:transparent;background-size:90% 90%;cursor:default}@media screen and (max-width:768px){.slider3d{height:35vmin;perspective:350px;width:60vmin}}@media screen and (max-width:640px){.slider3d{height:100vmin;perspective:350px;width:60vmin}}@media screen and (min-width:1080.99px) and (max-width:1280px){.slider3d{perspective:500px!important}}@media screen and (min-width:768px) and (max-width:1080px){.slider3d{perspective:300px!important}}@media screen and (min-width:641px) and (max-width:691px){.slider3d{height:60vmin;perspective:275px;width:60vmin}}@media screen and (min-width:692px) and (max-width:768px){.slider3d{height:35vmin;perspective:200px;width:60vmin}}.slider-container{display:flex;flex-direction:column;align-items:center}.slider-titles{display:flex;justify-content:center;gap:20px;margin-bottom:10px}.slider-titles label{font-size:16px;font-weight:700;cursor:pointer;opacity:.5;transition:opacity .3s ease-in-out}#s1:checked~.slider-titles label:first-child,#s2:checked~.slider-titles label:nth-child(2),#s3:checked~.slider-titles label:nth-child(3),#s4:checked~.slider-titles label:nth-child(4),#s5:checked~.slider-titles label:nth-child(5),#s6:checked~.slider-titles label:nth-child(6){opacity:1;color:#007bff;text-decoration:underline}[type=radio]{display:none}#slider{height:35vw;position:relative;perspective:1000px;transform-style:preserve-3d;margin-top:4rem}#slider .slide{margin:auto;width:60%;height:99%;border-radius:4px;position:absolute;left:0;right:0;cursor:pointer;transition:transform .4s ease;background:white;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.2)}#slider .slide,#slider .slide-content{display:flex;align-items:center;justify-content:center}#slider .slide-content{position:relative;width:100%;height:100%}#slider .slide-content img{width:100%;height:100%;object-fit:contain;border-radius:4px}#s1:checked~#slide5,#s2:checked~#slide6,#s3:checked~#slide1,#s4:checked~#slide2,#s5:checked~#slide3,#s6:checked~#slide4{transform:translate3d(-30%,0,-200px)}#s1:checked~#slide6,#s2:checked~#slide1,#s3:checked~#slide2,#s4:checked~#slide3,#s5:checked~#slide4,#s6:checked~#slide5{transform:translate3d(-15%,0,-100px)}#s1:checked~#slide1,#s2:checked~#slide2,#s3:checked~#slide3,#s4:checked~#slide4,#s5:checked~#slide5,#s6:checked~#slide6{transform:translateZ(0)}#s1:checked~#slide2,#s2:checked~#slide3,#s3:checked~#slide4,#s4:checked~#slide5,#s5:checked~#slide6,#s6:checked~#slide1{transform:translate3d(15%,0,-100px)}#s1:checked~#slide3,#s2:checked~#slide4,#s3:checked~#slide5,#s4:checked~#slide6,#s5:checked~#slide1,#s6:checked~#slide2{transform:translate3d(30%,0,-200px)}#slider .slide-title{writing-mode:vertical-rl;transform:rotate(180deg);color:#000;padding:5px 10px;border-radius:3px;word-spacing:2px;letter-spacing:2px;font-weight:700;text-align:center}input[type=radio]~label:before{background-color:#ffffff!important}@media screen and (max-width:768px){#slider .slide-title{left:-25px}}.slide{display:none}.active-slide{display:block}.slide{position:absolute;z-index:0;transition:all .5s ease-in-out}.active-slide{z-index:10}