.lumis-genre{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;pointer-events:none}.lumis-genre__rail{position:sticky;top:calc(var(--header-height, 0px) + 10px);display:inline-flex;gap:2px;margin:10px;padding:0 4px;background:#ffffffc7;border-radius:100px;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lumis-genre button.lumis-genre__btn{position:relative;min-width:0;min-height:0;height:24px;padding:0 8px;border:0;border-radius:100px;background:transparent;color:#0d0d0d80;font-family:Chivo,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;font-weight:700;line-height:1;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .18s ease-out}.lumis-genre__btn:after{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.lumis-genre__btn:before{content:"";position:absolute;right:8px;bottom:4px;left:8px;height:1px;background:#0d0d0d;transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}.lumis-genre button.lumis-genre__btn[aria-pressed=true]{color:#0d0d0d}.lumis-genre__btn[aria-pressed=true]:before{transform:scaleX(1)}.lumis-genre__btn:focus-visible{outline:2px solid #0d0d0d;outline-offset:2px}@media(hover:hover){.lumis-genre button.lumis-genre__btn[aria-pressed=false]:hover{color:#0d0d0d}}media-gallery[data-lumis-vue-chargement] :is(slideshow-component,.media-gallery__grid){opacity:.55;transition:opacity .18s ease-out}media-gallery[data-lumis-vue-chargement] .lumis-genre__btn{cursor:progress}media-gallery.lumis-genre-entree :is(slideshow-component,.media-gallery__grid){animation:lumis-genre-entree .26s ease-out both}@keyframes lumis-genre-entree{0%{opacity:.35}to{opacity:1}}dialog .lumis-genre{display:none}@media(prefers-reduced-motion:reduce){.lumis-genre__btn,.lumis-genre__btn:before,media-gallery[data-lumis-vue-chargement] :is(slideshow-component,.media-gallery__grid){transition:none}media-gallery.lumis-genre-entree :is(slideshow-component,.media-gallery__grid){animation:none}}media-gallery{scroll-margin-top:calc(var(--header-height, 0px) + 8px)}
/*# sourceMappingURL=/cdn/shop/t/46/assets/lumis-genre-switch.css.map */