|
- .controls .count,.rotationslider .count{display:none}.controls .slider-tabs,.controls .tabs,.rotationslider .slider-tabs,.rotationslider .tabs{position:absolute;bottom:1.8rem;left:50%;right:0;padding:0;list-style:none;transform:translate(-50%);text-align:center;font-size:0;line-height:0;margin:0}.controls .slider-tabs li,.controls .tabs li,.rotationslider .slider-tabs li,.rotationslider .tabs li{display:inline-block;vertical-align:top}.controls .slider-tabs li.active button:before,.controls .tabs li.active button:before,.rotationslider .slider-tabs li.active button:before,.rotationslider .tabs li.active button:before{background-color:var(--color-text);box-shadow:0 0 0 2px var(--color-text)}.controls .slider-tabs .btn,.controls .tabs .btn,.rotationslider .slider-tabs .btn,.rotationslider .tabs .btn{--button-min-size: 24px;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center}.controls .slider-tabs .btn:before,.controls .tabs .btn:before,.rotationslider .slider-tabs .btn:before,.rotationslider .tabs .btn:before{content:"";position:relative;display:block;width:10px;height:10px;border:2px solid var(--color-text);border-radius:5px;transition:.2s ease}.controls .slider-tabs .btn:after,.controls .tabs .btn:after,.rotationslider .slider-tabs .btn:after,.rotationslider .tabs .btn:after{display:none}.controls .slider-tabs .btn:hover,.controls .tabs .btn:hover,.rotationslider .slider-tabs .btn:hover,.rotationslider .tabs .btn:hover{background-color:transparent}.controls .slider-tabs .btn:hover:before,.controls .tabs .btn:hover:before,.rotationslider .slider-tabs .btn:hover:before,.rotationslider .tabs .btn:hover:before{background-color:var(--color-text)}.controls button,.rotationslider button{border:0;background-color:transparent;padding:0;cursor:pointer}.controls button.prev,.controls button.next,.rotationslider button.prev,.rotationslider button.next{position:absolute;top:-89px;width:60px;height:60px;text-align:center;line-height:60px;right:0;color:var(--color-text);border-radius:24px;background:var(--swatches-neutrals-white);--button-hover-shadow-opacity: .4;--button-hover-shadow-size: 6px}@media (max-width: 768px){.controls button.prev,.controls button.next,.rotationslider button.prev,.rotationslider button.next{display:none}}.controls button.prev:before,.controls button.next:before,.rotationslider button.prev:before,.rotationslider button.next:before{content:"";font-family:Icons,sans-serif;font-size:30px;content:""}.controls button.prev:after,.controls button.next:after,.rotationslider button.prev:after,.rotationslider button.next:after{content:"";position:absolute;display:block;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-lg);box-shadow:0 0 0 2px var(--color-surface-inset);opacity:0;transition:.3s ease}.controls button.prev:hover:after,.controls button.next:hover:after,.rotationslider button.prev:hover:after,.rotationslider button.next:hover:after{opacity:.4;box-shadow:0 0 0 6px var(--color-surface-inset)}.controls button.prev,.rotationslider button.prev{right:70px;transform:rotate(180deg)}
|
