|
- .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)}.card-slider{margin:var(--section-margin) 0 var(--section-margin) 0}.magazine-article .card-slider{margin-left:-30px;margin-right:-30px}.card-slider-inner{background:var(--color-background);padding:33px 30px 0}@media (max-width: 645px){.card-slider-inner{padding-left:20px;padding-right:20px}}.card-slider .like-h2{padding:0 0 32px;max-width:870px;margin:0 auto}.card-slider .card-slider-container{position:relative;padding-bottom:4rem;max-width:870px;margin:0 auto;display:flex}@media (max-width: 590px){.card-slider .card-slider-container{display:block}}.card-slider .card-slider-container .card{position:relative;margin:0 12px}@media (max-width: 590px){.card-slider .card-slider-container .card{margin:12px 0}}.card-slider .card-slider-container .card:first-child{margin-left:0}.card-slider .slide-overflow{overflow:hidden;margin-left:-12px}.card-slider .slide-overflow .slide-wrapper{position:relative;display:flex;align-items:flex-start;width:37400px;contain:layout}@media (max-width: 645px){.card-slider .slide-overflow .slide-wrapper{width:25400px}}.card-slider .slide-overflow .card:first-child{margin-left:12px}@media (max-width: 590px){.card-slider .slide-overflow .card{margin:0 12px}}.card-slider .slide-overflow .prev-clone,.card-slider .slide-overflow .next-clone{position:absolute;display:flex;width:100%}.card-slider .slide-overflow .prev-clone{position:absolute;right:100%;justify-content:flex-end}.card-slider.fullwidth .card-slider-inner{padding-left:var(--container-padding);padding-right:var(--container-padding)}.card-slider.fullwidth .card-slider-container,.card-slider.fullwidth .like-h2{max-width:1340px}
|
