.ocol-pills{position:relative;--oprail-gouttiere: var(--horizontal-spacing, 20px);--oprail-taille: 40px;--oprail-air: 14px;--oprail-reserve: calc( var(--oprail-gouttiere) + var(--oprail-taille) + var(--oprail-air) )}.ocol-pills-rail.ocol-pills-rail{flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-inline:var(--oprail-gouttiere);scroll-padding-inline:var(--oprail-reserve)}.ocol-pills-rail::-webkit-scrollbar{display:none}.ocol-pills[data-orail=oui] .ocol-pills-rail.ocol-pills-rail{padding-inline:var(--oprail-reserve)}.ocol-pills-rail>*{flex:0 0 auto}.ocol-pill{white-space:nowrap}.ocol-prail-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:none;align-items:center;justify-content:center;width:var(--oprail-taille);height:var(--oprail-taille);padding:0;background:var(--orlea-offwhite, #F7F5F1);border:1px solid var(--orlea-ligne, rgba(5, 18, 25, .13));border-radius:50%;color:var(--orlea-encre, #051219);font-size:1.6rem;line-height:1;cursor:pointer;transition:background .25s ease,color .25s ease,opacity .25s ease}.ocol-pills[data-orail=oui] .ocol-prail-btn{display:inline-flex}.ocol-prail-btn--prev{left:var(--oprail-gouttiere)}.ocol-prail-btn--next{right:var(--oprail-gouttiere)}@media(hover:hover){.ocol-prail-btn:hover{background:var(--orlea-encre, #051219);color:var(--orlea-creme, #F1EEE7);border-color:var(--orlea-encre, #051219)}}.ocol-prail-btn:focus-visible{outline:2px solid var(--orlea-encre, #051219);outline-offset:2px}.ocol-prail-btn[disabled]{opacity:.28;cursor:default}.ocol-pills[data-orail=oui]:before,.ocol-pills[data-orail=oui]:after{content:"";position:absolute;top:0;bottom:0;width:var(--oprail-reserve);z-index:2;pointer-events:none;opacity:0;transition:opacity .25s ease}.ocol-pills[data-orail=oui]:before{left:0;background:linear-gradient(to right,var(--orlea-offwhite, #F7F5F1) 62%,rgba(247,245,241,0) 100%)}.ocol-pills[data-orail=oui]:after{right:0;background:linear-gradient(to left,var(--orlea-offwhite, #F7F5F1) 62%,rgba(247,245,241,0) 100%)}.ocol-pills[data-oprev=oui]:before,.ocol-pills[data-onext=oui]:after{opacity:1}@media(max-width:749px){.ocol-pills{--oprail-gouttiere: 15px}.ocol-prail-btn{display:none!important}.ocol-pills[data-orail=oui] .ocol-pills-rail.ocol-pills-rail{padding-inline:var(--oprail-gouttiere)}.ocol-pills[data-orail=oui]:before,.ocol-pills[data-orail=oui]:after{width:40px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/orlea-pills-rail.css.map */