@charset "UTF-8";:where(:root.use-simca){ .simca{--simca-btn-size:2.25rem;--simca-btn-offset:calc(var(--simca-btn-size) / 4);&:not(.simca-spotlight),&.simca-spotlight.btn-on-peek{ &.simca-btn-medium{--simca-btn-size:2.75rem;--simca-btn-offset:calc(var(--simca-btn-size) / 5);} &.simca-btn-small{--simca-btn-size:1.5rem;--simca-btn-offset:calc(var(--simca-btn-size) / 3);} &.simca-btn-large{--simca-btn-size:3.125rem;--simca-btn-offset:calc(var(--simca-btn-size) / 6);}}--simca-gap:0;--simca-peek:0;--simca-items:1;--simca-offset:0;--btn-border-color:currentColor;--btn-border-stroke:0;--btn-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m2.28,16.69l12.84,13.03c.37.38.98.38,1.35,0l1.16-1.17c.37-.38.37-.99,0-1.37l-7.6-7.71c-.6-.61-.18-1.66.68-1.66h18.34c.53,0,.96-.43.96-.97v-1.66c0-.54-.43-.97-.96-.97H10.71c-.85,0-1.28-1.05-.68-1.66l7.6-7.71c.37-.38.37-.99,0-1.37l-1.16-1.17c-.37-.38-.98-.38-1.35,0L2.28,15.31c-.37.38-.37.99,0,1.37Z"/></svg>');--skip-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.55,14.3l3.38,3.09V7.58l2.4-.08v9.65l3.01-3.09,1.66,1.55-4.25,4.41c-.86.88-2.29.91-3.2.08h0l-4.53-4.14,1.53-1.67h0ZM10.77,22.19h10.47c.41,0,.76.32.76.72v.83c.03.4-.29.75-.7.77h-10.53c-.41,0-.76-.32-.76-.72v-.91c.02-.39.35-.7.76-.7h0Z"/></svg>');&.simca-autoplay{ --btn-start:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M27.39,12.03L10.75,1.61c-2.79-1.74-6.25.46-6.25,3.97v20.84c0,3.51,3.47,5.71,6.25,3.97l16.64-10.41c2.81-1.76,2.81-6.19,0-7.95"/></svg>'); --btn-stop:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M9.33,1c-1.84,0-3.33,1.68-3.33,3.75v22.5c0,2.07,1.49,3.75,3.33,3.75s3.33-1.68,3.33-3.75V4.75c0-2.07-1.49-3.75-3.33-3.75M26,4.75v22.5c0,2.07-1.49,3.75-3.33,3.75s-3.33-1.68-3.33-3.75V4.75c0-2.07,1.49-3.75,3.33-3.75s3.33,1.68,3.33,3.75"/></svg>');}position:relative;contain:layout;overflow-x:clip;z-index:0;max-width:100%;width:100%;min-width:0;--simca-bg-color:var(--canvas,Canvas);--simca-fg-color:var(--canvasText,CanvasText);&:not(.simca-btn-v-top):not(.simca-btn-v-bottom){ & .simca-button{position:absolute;top:50%;&.direction-left{ left:var(--simca-btn-offset); transform:translateY(-50%);}&.direction-right{ right:var(--simca-btn-offset); transform:translateY(-50%) scaleX(-1);}}}& .simca-buttons-wrapper{ z-index:10;}&.simca-btn-v-bottom,&.simca-btn-v-top{ & .simca-buttons-wrapper{position:absolute;left:var(--btn-border-stroke);right:var(--btn-border-stroke);display:flex;gap:1.5rem;justify-content:flex-end;} & .simca-button.direction-right{transform:scaleX(-1);} &.simca-btn-h-left .simca-buttons-wrapper{justify-content:flex-start;} &.simca-btn-h-center .simca-buttons-wrapper{justify-content:center;} &.simca-btn-h-split .simca-buttons-wrapper{justify-content:space-between;}}&.simca-btn-v-bottom{ padding-bottom:calc(max(var(--simca-btn-size),2.25rem) + 1.5rem); & .simca-buttons-wrapper{bottom:0.25rem;top:auto;}}&.simca-btn-v-top{ padding-top:calc(max(var(--simca-btn-size),2.25rem) + 1.5rem); & .simca-buttons-wrapper{top:0.25rem;bottom:auto;}}&:not(.simca-btn-v-top):not(.simca-btn-v-bottom) .simca-buttons-wrapper button ~ button{ transform:scaleX(-1);}& button[class*="simca-"]{ color:var(--simca-fg-color); border-radius:max(0.3125rem,calc(var(--simca-btn-size) / 5)) !important; box-shadow:0 0 0 var(--btn-border-stroke) var(--btn-border-color) inset;:root:not(.contrast) &{background-color:transparent;}:root.contrast &{background-color:var(--simca-bg-color);} height:var(--simca-btn-size); width:var(--simca-btn-size); z-index:5; margin:0 !important; @media(min-width:48rem){height:var(--simca-btn-size);width:var(--simca-btn-size);} &:after{background-color:currentColor;content:"";-webkit-mask-position:center center;-webkit-mask-size:50% 50%;-webkit-mask-repeat:no-repeat;mask-position:center center;mask-size:50% 50%;mask-repeat:no-repeat;position:absolute;top:0;right:0;bottom:0;left:0;} &.simca-start:after{-webkit-mask-image:var(--btn-start);mask-image:var(--btn-start);} &.simca-stop:after{-webkit-mask-image:var(--btn-stop);mask-image:var(--btn-stop);} &.simca-button:after{-webkit-mask-image:var(--btn-mask);mask-image:var(--btn-mask);}}& .simca-button[aria-disabled]{ opacity:.5; &::after{background-color:var(--canvasText,CanvasText);}}&:not([class*="simca-btn-h-"]):not([class*="simca-btn-v-"]){ & button[class*="simca-"]{background-color:var(--simca-bg-color);}}& .simca-start,& .simca-stop{ position:absolute; top:var(--simca-btn-offset); left:var(--simca-btn-offset); background-color:var(var(--simca-fg-color));}@media(prefers-reduced-motion:no-preference){ & .simca-button{transition:opacity .3s ease;}}@media(any-hover:hover){ & .simca-button[aria-disabled]{cursor:not-allowed !important;} & button[class*="simca-"]:not([aria-disabled]):hover{--btn-border-color:var(--simca-bg-color);background-color:var(--simca-fg-color);color:var(--simca-bg-color);}:root:not([class*='simca-persistent-buttons']) &{&.simca-hide-buttons .simca-button{ opacity:0;}&.simca-hide-buttons:hover .simca-button:not([aria-disabled]),&.simca-hide-buttons:focus-within .simca-button:not([aria-disabled]){ opacity:1;}&.simca-hide-buttons:focus-within .simca-button[aria-disabled]{ opacity:.3;}}:root:not([class*='simca-persistent-buttons']) &.simca-hide-buttons:focus-within .simca-button[aria-disabled]{opacity:.3;}:root.use-keyboard:not([class*='simca-persistent-buttons']) &.simca-hide-buttons:focus-within .simca-button[aria-disabled]:focus{opacity:1;}}:root.use-keyboard{ & button[class*="simca-"]:not([aria-disabled]):focus{--btn-border-color:var(--simca-bg-color);color:var(--simca-bg-color);}}:root.contrast & button[class*="simca-"]:not([aria-disabled]){ --btn-border-color:currentColor; --btn-border-stroke:0.1875rem;}.simca-bullets{ position:absolute; inset-block-end:1rem; .simca.simca-btn-v-bottom &{inset-block-start:0.3125rem;inset-block-end:auto;} left:50%; transform:translateX(-50%); display:inline-flex; justify-content:center; gap:0.3125rem; padding:0.3125rem; border-radius:0.9375rem;:root:not(.contrast) &{background-color:rgba(0,0,0,40%);box-shadow:inset 0 0 0 0.0625rem rgba(255,255,255,25%);}:root.contrast &{background-color:rgba(0,0,0,80%);box-shadow:inset 0 0 0 0.0625rem rgba(255,255,255,80%);} & > span{width:0.5rem;height:0.5rem;border-radius:50%;background:white;opacity:.54;@media(prefers-reduced-motion:no-preference){:root:not(.no-motion) &{transition:opacity .3s ease-in-out,scale .3s ease-in-out;}}&.simca-bullet-active{ opacity:1; scale:1.5;}}}& [class*="skip-list"]{ position:absolute; left:-625rem; display:inline; &:focus-within{display:inline-block;left:0.3125rem;z-index:11;} & a{font-size:max(1rem,1.125rem);line-height:1;font-weight:600;padding:0.5rem 0.625rem 0.5rem 2rem;position:relative;color:light-dark(white,black) !important;outline-color:currentColor;background-color:light-dark(black,white);border-radius:0.1875rem;display:inline-block;&:before{ width:0; text-indent:-1.875rem; display:inline-flex; overflow:hidden; font-size:0;}&:after{ -webkit-mask-size:1.5rem 1.5rem; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center center; -webkit-mask-image:var(--skip-mask); mask-size:1.5rem 1.5rem; mask-repeat:no-repeat; mask-position:center center; mask-image:var(--skip-mask); position:absolute; width:1.5rem; top:0; left:0.1875rem; bottom:0; content:""; background-color:currentColor;}&[id*="next"]:after{ transform:scaleY(-1);}} :root[lang="fr"] &{& a:before{ content:"Lien d'évitement ";}}}& .skip-list-first:focus-within{ bottom:100%; transform:translateY(calc(100% + 0.3125rem));}& .skip-list-last:focus-within{ top:100%; transform:translateY(calc(-100% - 0.3125rem));}& .simca-pagination-counter{ width:5rem; text-align:center; color:var(--canvasText,CanvasText);:root.contrast &{box-shadow:0 0 0 1px var(--canvasText,CanvasText);} border-radius:var(--small-radius,0.3125rem); white-space:nowrap; display:flex; align-items:center; justify-content:center; flex-shrink:0;}&.simca-btn-small .simca-pagination-counter{ font-size:smaller; line-height:1;}& [hidden]{ display:none !important;}&.simca-static{ &.simca-btn-v-top, &.simca-btn-v-bottom{padding-block:0;}}& > .simca-list{ -moz-backface-visibility:hidden; backface-visibility:hidden; transform:translateZ(0); contain:layout style; -ms-overflow-style:none; scrollbar-width:none; z-index:2; overflow-x:auto; overflow-y:hidden; display:flex; flex:none; flex-flow:row; max-width:100%; gap:var(--simca-gap); &:not(.simca-snap-proximity){scroll-snap-type:x mandatory;} &::-webkit-scrollbar{display:none;} @media(prefers-reduced-motion:no-preference){scroll-behavior:smooth;:root.no-motion &{ scroll-behavior:auto;}} @media(prefers-reduced-motion:reduce){scroll-behavior:auto;}}:root:not(.contrast) &{ &.simca-shadow{&::before,&::after{ content:""; position:absolute; top:0; bottom:0; width:max(2.5rem,calc(var(--simca-peek) - var(--simca-gap))); z-index:1; pointer-events:none;}&.simca-btn-v-top{ &::before, &::after{top:calc(max(var(--simca-btn-size),2.25rem) + 1.5rem);}}&.simca-btn-v-bottom{ &::before, &::after{bottom:calc(max(var(--simca-btn-size),2.25rem) + 1.5rem);}}&::before{ left:0; background:linear-gradient(to right, var(--canvas,Canvas) 0%, transparent 100% );}&::after{ right:0; background:linear-gradient(to left, var(--canvas,Canvas) 0%, transparent 100% );}&:not(.simca-loop)::before{ opacity:0;}}}&.simca-loop > .simca-list{ padding-inline:var(--simca-peek); scroll-padding-inline:var(--simca-peek);}&:not(.simca-loop) > .simca-list{ padding-inline:var(--simca-offset); scroll-padding-inline:var(--simca-offset); & .simca-list-item:last-child{scroll-snap-align:end;}}& .simca-list-item{ flex:0 0 var(--simca-item-width); max-width:var(--simca-item-width); scroll-snap-align:start; scroll-snap-stop:always;}& li.simca-list-item{ list-style:none !important;}&.simca-grid{ & > .simca-list{display:grid;grid-template-columns:repeat(var(--simca-grid-cols),1fr);gap:var(--simca-gap);overflow:visible;scroll-snap-type:none;} & .simca-list-item{flex:initial;max-width:none;scroll-snap-align:none;}}&.simca-spotlight{ container-type:inline-size; &:not(.btn-on-peek){--btn-size:max(calc(var(--simca-gap) - 0.25rem),1.5rem);} &.btn-on-peek{--btn-size:var(--simca-btn-size);} @container(min-width:37.5rem){&:not(.simca-btn-v-top):not(.simca-btn-v-bottom){ & .simca-button{width:var(--btn-size);height:var(--btn-size);:not(.btn-on-peek) &{:root:not(.contrast) &{&:not(:hover){ background-color:transparent;}} &.direction-left{left:calc(var(--simca-peek) - var(--btn-size) - 0.125rem);} &.direction-right{right:calc(var(--simca-peek) - var(--btn-size) - 0.125rem);}}.btn-on-peek &{ &.direction-left{left:max(calc(var(--simca-peek) / 2 - var(--btn-size)),var(--btn-size));} &.direction-right{right:max(calc(var(--simca-peek) / 2 - var(--btn-size)),var(--btn-size));}}}}& .simca-list-item{ overflow:hidden;}& .simca-list-item > *{ scale:var(--simca-scale,.8); translate:0 0; will-change:scale,translate;}& .simca-list-item.simca-is-active > *{ scale:1; will-change:auto;}& .simca-list-item:has(+ .simca-is-active) > *{ --tx:calc((1 - var(--simca-scale,.8)) * 50%); translate:var(--tx) 0;}& .simca-list-item.simca-is-active + .simca-list-item > *{ --tx:calc((1 - var(--simca-scale,.8)) * -50%); translate:var(--tx) 0;}@media(prefers-reduced-motion:no-preference){ & .simca-list-item > *{transition:scale .5s ease-in-out,translate .5s ease;}}}}}}:root.no-motion .simca.simca-spotlight .simca-list-item > *{ transition:none;}