.carousel{position:relative;overflow:hidden;width:100%;height:auto;margin:auto;--slide-spacing:1rem;--slide-size:70%}.carousel-indicators{position:relative;left:50%;transform:translateX(-50%);display:flex;gap:5px;justify-content:center}.indicator.active{background:#8d8c8b}.indicatorNotActive{background:#333;border-radius:100%;height:11px;left:15px;position:absolute;top:11px;width:11px;border:1px solid transparent;color:#33312e;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857;padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.luxIndicator{border-radius:2px;width:6px;height:4px;opacity:.6;background-color:#c8d5d5;border:none;padding:initial}.luxActive{width:18px;height:4px;background-color:var(--mantine-primary-color-filled);opacity:1}.carousel-dot{width:10px;height:10px;border-radius:50%;background:rgba(0,0,0,.25);border:none;cursor:pointer;transition:all .3s ease;position:relative}.carousel-dot:hover{background:rgba(0,0,0,.4);transform:scale(1.1)}.carousel-dot.active{background:var(--mantine-primary-color-filled);transform:scale(1.2)}.carousel-dot.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;background:white;border-radius:50%}