.slider3d{position:relative;width:50vmin;height:50vmin;perspective:800px}.slider3d_wrap{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform 0.75s}.slider3d_wrap>*{box-sizing:border-box;position:absolute;width:100%;height:100%;border:.2vmin solid #777;background-color:#ddd}.slider3d_left,.slider3d_right{position:absolute;top:55%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgb(255 255 255 / .9);border-radius:50%;color:#f60;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgb(0 0 0 / .15);transition:all 0.3s ease-in-out;z-index:10}.slider3d_left:hover,.slider3d_right:hover{background:#f60;color:#fff;transform:scale(1.1)}.slider3d_left{left:20%}.slider3d_right{right:20%}.slider3d_left{left:15vmin}.slider3d_right{right:15vmin}.slider3d{top:0;right:0;left:0;margin:auto;user-select:none;perspective-origin:50% 50%;transition:perspective-origin .5s,perspective .5s}.slider3d_wrap>*{top:10%;height:80%;border:none;background:radial-gradient(rgb(245 122 61 / .9),rgb(245 77 61 / .9));background-size:90% 90%;background-position:center;background-repeat:no-repeat;padding:5vmin;font-size:calc(15vmin + 15px);color:rgb(250 250 250 / .35);cursor:default}.ctrl{position:absolute;bottom:0;left:0;right:0;margin:auto;min-height:100px;width:370px;height:20vmin;user-select:none}.visibility{position:absolute;top:0;left:0}.visibility label{display:block;display:flex;flex-flow:row nowrap;align-items:center}.perspOrig{padding:4px;top:45px;left:0}.perspOrig input{width:45px;text-align:center;outline:none;border:none;cursor:default}.ctrl p{text-align:center;padding-bottom:1vmin;cursor:default}.perspOrig span{position:relative;top:2px;left:2px}input::selection{background-color:#fff}.perspValue{position:absolute;top:45px;right:5px}[type="range"]{width:200px}.slideAmount{position:absolute;top:0;right:65px}.slideAmount :not([class]){position:relative;bottom:2px;cursor:default}