*{box-sizing:border-box}.inputs{display:flex;flex-direction:column;gap:16px;margin:8px;align-items:center}input{margin:8px}.carousel-container{display:flex;position:relative;flex-direction:column;align-items:center;margin:auto}.container{display:flex;flex-direction:column;align-items:center;margin:auto}:root{--h1: 300px;--w1: 300px;--h2: 200px;--w2: 200px}@media (min-width: 768px){:root{--h1: 450px;--w1: 450px;--h2: 350px;--w2: 350px}.container{width:90%;flex-flow:row wrap;gap:32px;align-items:center;justify-content:center;row-gap:0}}.carousel-1{flex:3 1 auto;width:var(--h1);height:var(--w1)}.carousel-2{flex:1 1 auto;width:var(--h1);height:var(--w2)}.carousel-3{flex:1 1 auto;width:var(--h2);height:var(--w1)}.carousel-left-arrow{cursor:pointer;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 5px 5px #0006;color:#000;background:#fcfcfc;border-radius:25%;z-index:10;padding:16px 12px 12px}.carousel-right-arrow{cursor:pointer;position:absolute;top:50%;right:0;transform:translate(50%,-50%);box-shadow:0 5px 5px #0006;color:#000;background:#fcfcfc;border-radius:25%;z-index:10;padding:16px 12px 12px}.carousel-image-wrapper{width:100%;height:100%;box-sizing:border-box;overflow:hidden;position:relative;display:flex;border-radius:15px;box-shadow:#11111a1a 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px}.carousel-image{position:absolute;object-fit:cover;width:100%;height:100%;border-radius:15px;left:0}.dots-container{box-sizing:border-box;display:flex;flex-direction:row;gap:16px;margin:12px 0;align-items:center}.dots{cursor:pointer;position:relative;box-sizing:border-box;height:10px;width:10px;background:#d3d3d3;border-radius:50%}.dots:after{cursor:pointer;content:" ";position:absolute;height:200%;width:200%;left:-50%;top:-50%}.dots--active{height:14px;width:14px;border:lightgray 2px solid;background:#464646}.carousel-container-alt{display:flex;position:relative;flex-direction:column;align-items:center;margin:auto;width:400px}