.ruban{isolation:isolate}.ruban,.ruban .ruban-it{position:relative}.ruban .ruban-it:before{content:"";position:absolute;left:-1px;right:-1px;top:50%;height:80%;transform:translateY(-50%) rotate(-2.6deg);background:linear-gradient(90deg,#36373f,#272830);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.55);z-index:0;transition:opacity .18s ease}.ruban .ruban-it>*{position:relative;z-index:2}.ruban .ruban-it.on:before,.ruban .ruban-it[aria-expanded=true]:before{background:linear-gradient(90deg,var(--serie-rouge),var(--serie-rouge-clair) 60%,var(--serie-rouge-fonce));box-shadow:0 1px 0 rgba(255,240,204,.22)}.ruban .ruban-it.on:after,.ruban .ruban-it[aria-expanded=true]:after{content:"";position:absolute;left:-1px;right:-1px;top:50%;height:80%;transform:translateY(-50%) rotate(-2.6deg);pointer-events:none;z-index:1;background-image:linear-gradient(100deg,rgba(255,250,235,0) 38%,rgba(255,250,235,.32) 50%,rgba(255,250,235,0) 62%);background-size:260% 100%;background-repeat:no-repeat;background-position:150% 0;animation:ruban-sweep 3.8s ease-in-out infinite;transition:opacity .18s ease}@keyframes ruban-sweep{0%,58%{background-position:150% 0}86%,to{background-position:-50% 0}}.ruban .ruban-it:hover:before{background:linear-gradient(90deg,var(--serie-rouge),var(--serie-rouge-clair) 60%,var(--serie-rouge-fonce));box-shadow:0 1px 0 rgba(255,240,204,.22)}.ruban.exploring .ruban-it.on:not([aria-expanded=true]):after,.ruban.exploring .ruban-it.on:not([aria-expanded=true]):before,.ruban.picking .ruban-it.on:after,.ruban.picking .ruban-it.on:before{opacity:.35}.ruban .ruban-band{position:absolute;left:0;top:0;width:0;height:0;z-index:1;pointer-events:none;opacity:0;will-change:left,top,width,height;background:linear-gradient(90deg,var(--serie-rouge-nuit),var(--serie-rouge-nuit-clair) 60%,var(--serie-rouge-nuit-fonce));box-shadow:0 1px 0 rgba(255,240,204,.22);transform:rotate(var(--ga,0deg));transition:left .16s cubic-bezier(.2,.8,.2,1),top .16s cubic-bezier(.2,.8,.2,1),width .16s cubic-bezier(.2,.8,.2,1),height .16s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1),clip-path .22s cubic-bezier(.2,.8,.2,1),opacity .12s ease}.ruban .ruban-band.on{opacity:.97}.ruban .ruban-band[data-pose="0"]{clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}.ruban .ruban-band[data-pose="1"]{clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%)}.ruban .ruban-band[data-pose="2"]{clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%)}.ruban .ruban-band[data-pose="3"]{clip-path:polygon(20px 0,100% 0,100% 100%,0 100%)}.ruban .ruban-band[data-pose="4"]{clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.ruban .ruban-band[data-pose="5"]{clip-path:polygon(22px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.ruban .ruban-band[data-pose="6"]{clip-path:polygon(6px 0,100% 0,calc(100% - 14px) 100%,0 100%)}.ruban .ruban-band[data-pose="7"]{clip-path:polygon(14px 0,100% 0,calc(100% - 22px) 100%,0 100%)}@media (prefers-reduced-motion:reduce){.ruban .ruban-band{transition:opacity .12s ease}.ruban .ruban-it.on:after,.ruban .ruban-it[aria-expanded=true]:after{animation:none}}