.isg-product-variance-slider{text-align:center;height:15px;line-height:15px}@media (min-width:768px){.isg-product-variance-slider{height:26px;line-height:26px}}.isg-product-variance-slider .isg-variance-slider-container{vertical-align:middle;max-width:calc(100% - 30px);height:15px;display:inline-flex;position:relative;overflow:hidden}@media (min-width:768px){.isg-product-variance-slider .isg-variance-slider-container{float:left;width:100%;height:26px}.isg-product-variance-slider .isg-variance-slider-container.one-button{max-width:calc(100% - 30px)}.isg-product-variance-slider .isg-variance-slider-container.two-button{max-width:calc(100% - 40px)}}.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content{flex-wrap:nowrap;align-items:center;height:15px;padding:0 2px;line-height:2px;display:flex}@media (min-width:768px){.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content{justify-content:left;height:auto;padding:0;line-height:26px;transition:left .3s;position:absolute;top:0;bottom:0;left:0}}.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item{align-items:center;height:15px;margin:0 2px;line-height:15px;display:inline-flex;position:relative}@media (min-width:768px){.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item{vertical-align:middle;height:20px;margin:0 5px 0 4px;line-height:20px;display:inline-block}}.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item .isg-item-picto{display:inline-block;position:relative}.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item .isg-item-picto .isg-item-error,.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item .isg-item-picto img{border-radius:50%;width:8px;height:8px;display:block}@media (min-width:768px){.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item .isg-item-picto .isg-item-error,.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item .isg-item-picto img{width:20px;height:20px}}.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item .isg-item-picto .isg-item-error{background-color:#7b7575}.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item .isg-item-picto .isg-item-shadow{mix-blend-mode:multiply;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 4px rgba(0,0,0,.3)}.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item .isg-item-text{color:#fff;vertical-align:top;white-space:nowrap;background:#7b7575;border-radius:10px;min-width:15px;height:15px;padding:0 3px;font-size:12px;font-weight:700;line-height:15px;display:inline-block}@media (min-width:768px){.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item .isg-item-text{min-width:20px;height:20px;line-height:20px}}.isg-product-variance-slider .isg-variance-slider-container .isg-variance-slider-content .isg-variance-item.selected .isg-border{border:1px solid #333;border-radius:13px;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.isg-product-variance-slider button.isg-variance-more{vertical-align:middle;background:#fff;border:1px solid #7b7575;border-radius:8px;justify-content:center;align-items:center;height:15px;padding:3px 5px;font-size:8px;line-height:15px;display:inline-flex}.isg-product-variance-slider button.icon-fleche{float:left;vertical-align:top;width:20px;height:26px;font-size:17px}.isg-product-variance-slider button.icon-fleche.isg-variance-slider-left{transform:rotate(180deg)}@media (min-width:768px){.no-touch .isg-product-variance-slider .icon-fleche:hover{color:var(--slider-background-color)}.no-touch .isg-product-variance-slider .isg-variance-item:hover .isg-border{border:2px solid rgba(123,117,117,.4);border-radius:13px;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}}