osyn-jeux-catalogue{display:block}.osyn-jeux-catalogue [hidden]{display:none!important}.osyn-jeux-catalogue{--jc-bg: #242424;--jc-fg: #fff;--jc-soft: rgba(255, 255, 255, .64);--jc-line: rgba(255, 255, 255, .12);--jc-skel: rgba(255, 255, 255, .07);--jc-shine: rgba(255, 255, 255, .07);--jc-sel-fg: var(--blue, #3a3aff);--jc-badge: #5490fd;--jc-radius: 30.5px;--jc-gap-x: 16px;--jc-gap-y: 24px;--jc-ease: var(--ease-apple, cubic-bezier(.4, 0, .6, 1));--jc-ease-out: var(--ease-ios, cubic-bezier(0, 0, .5, 1));--jc-ease-in: cubic-bezier(.4, 0, 1, 1);background:var(--jc-bg);color:var(--jc-fg);font-family:var(--font)}.osyn-jc__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.osyn-jc__sprite{position:absolute;width:0;height:0;overflow:hidden}.osyn-jc__inner{--jc-pad: 16px;max-width:1440px;margin-inline:auto;padding:32px var(--jc-pad) 80px}.osyn-jc__head{display:grid;justify-items:center;gap:16px;max-width:445px;margin-inline:auto;text-align:center}.osyn-jc__title{margin:0 0 8px;color:var(--jc-fg);font:700 24px/1.15 var(--font);letter-spacing:0;text-transform:uppercase;text-wrap:balance}.osyn-jc__intro{margin:0;color:var(--jc-fg);font:300 16px/1.3 var(--font);text-wrap:balance}.osyn-jc__search{position:relative;display:flex;align-items:center;gap:8px;inline-size:100%;block-size:60px;margin:0;padding-block:8px;padding-inline:18px 8px;border-radius:39px;background:#fff;color:var(--ink, #292a2f)}.osyn-jc__search:focus-within{outline:2px solid #fff;outline-offset:3px}.osyn-jc__search-ico{flex:none;width:24px;height:24px}.osyn-jc__input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:300 18px/1.3 var(--font);outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}.osyn-jc__input::placeholder{color:var(--ink, #292a2f);opacity:.72}.osyn-jc__input::-webkit-search-decoration{-webkit-appearance:none}.osyn-jc__submit{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:var(--ink, #292a2f);color:#fff;cursor:pointer}.osyn-jc__submit svg{width:24px;height:24px}.osyn-jc__submit{transition:transform .15s var(--jc-ease)}.osyn-jc__submit:active{transform:scale(.96)}.osyn-jc__submit:focus-visible{outline:2px solid var(--jc-sel-fg);outline-offset:2px}[dir=rtl] .osyn-jc__submit svg{transform:scaleX(-1)}.osyn-jc__noscript{display:none}.no-js .osyn-jc__noscript{display:block;margin:48px 0 0;color:var(--jc-soft);font:500 18px/1.4 var(--font);text-align:center}.no-js .osyn-jc__search,.no-js .osyn-jc__body{display:none}.osyn-jc__body{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-block-start:32px}.osyn-jc__filters{display:grid;align-content:start}.osyn-jc__group{border-block-end:1px solid var(--jc-line)}.osyn-jc__group:first-of-type{border-block-start:1px solid var(--jc-line)}.osyn-jc__group-title{margin:0;font:inherit}.osyn-jc__group-btn{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;width:100%;min-height:56px;margin:0;padding:10px 0;border:0;background:none;color:var(--jc-fg);text-align:start;cursor:pointer}.osyn-jc__group-name{font:700 20px/29px var(--font)}.osyn-jc__group-value{grid-row:2;overflow:hidden;color:var(--jc-soft);font:500 15px/20px var(--font);white-space:nowrap;text-overflow:ellipsis;transition:opacity .15s var(--jc-ease)}.osyn-jc__group.is-open .osyn-jc__group-value{opacity:0}.osyn-jc__chev{grid-row:1 / span 2;grid-column:2;width:24px;height:24px;transition:transform .3s var(--jc-ease-in)}.osyn-jc__group.is-open .osyn-jc__chev{transform:rotate(180deg);transition-timing-function:var(--jc-ease-out)}.osyn-jc__group-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:8px}.osyn-jc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--jc-ease-in)}.osyn-jc__group.is-open>.osyn-jc__panel{grid-template-rows:1fr;transition-timing-function:var(--jc-ease-out)}.osyn-jc__group.is-instant .osyn-jc__panel,.osyn-jc__group.is-instant .osyn-jc__chev,.osyn-jc__group.is-instant .osyn-jc__group-value{transition:none}.osyn-jc__panel-in{min-height:0;overflow:hidden}.osyn-jc__panel[inert] .osyn-jc__panel-in{visibility:hidden;transition:visibility 0s .3s}.osyn-jc__opts{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:4px 3px 18px;list-style:none}.osyn-jc__opts>li{display:block;margin:0}.osyn-jc__opts>li[hidden]{display:none}.osyn-jc__opt{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;margin:0;padding-block:8px;padding-inline:16px 12px;border:0;border-radius:22px;background:transparent;box-shadow:inset 0 0 0 1px #ffffff2e;color:var(--jc-fg);font:500 16px/1.25 var(--font);letter-spacing:-.02em;text-align:start;cursor:pointer;transition:background-color .15s var(--jc-ease),color .15s var(--jc-ease),box-shadow .15s var(--jc-ease),transform .15s var(--jc-ease)}.osyn-jc__opt:active{transform:scale(.97)}.osyn-jc__opt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff14;opacity:0;pointer-events:none}@media(hover:hover)and (pointer:fine){.osyn-jc__opt:hover:before{opacity:1}.osyn-jc__opt[aria-pressed=true]:hover:before{opacity:0}}.osyn-jc__opt[aria-pressed=true]{background:#fff;color:var(--jc-sel-fg);box-shadow:inset 0 0 0 1px #fff}.osyn-jc__opt:focus-visible{outline:2px solid #fff;outline-offset:2px}.osyn-jc__opt-ico{flex:none;width:20px;height:20px}.osyn-jc__opt-label{min-width:0}.osyn-jc__mark{flex:none;width:20px;height:20px;margin-inline-start:auto}.osyn-jc__mark use{transform-origin:12px 12px;transition:opacity .15s var(--jc-ease),transform .15s var(--jc-ease)}.osyn-jc__mark-check{opacity:0;transform:rotate(-45deg) scale(.6)}.osyn-jc__opt[aria-pressed=true] .osyn-jc__mark-plus{opacity:0;transform:rotate(90deg) scale(.6)}.osyn-jc__opt[aria-pressed=true] .osyn-jc__mark-check{opacity:1;transform:none}.osyn-jc__opt--all .osyn-jc__mark{opacity:0;transition:opacity .15s var(--jc-ease)}.osyn-jc__opt--all[aria-pressed=true] .osyn-jc__mark{opacity:1}.osyn-jc__opt--all[aria-pressed=true]{cursor:default}.osyn-jc__main{min-width:0;container-type:inline-size}.osyn-jc__une{margin-block-end:32px}.osyn-jc__une-title{margin:0 0 16px;color:var(--jc-fg);font:700 20px/29px var(--font)}.osyn-jc__une-track{position:relative;margin-inline:calc(-1 * var(--jc-pad));padding-block:4px;padding-inline:var(--jc-pad);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--jc-pad);scrollbar-width:none}.osyn-jc__une-track::-webkit-scrollbar{display:none}.osyn-jc__une-track:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:12px}.osyn-jc__une-list{display:grid;grid-auto-flow:column;grid-auto-columns:calc(45cqi - 7px);gap:var(--jc-gap-x);inline-size:max-content;margin:0;padding:0;list-style:none}.osyn-jc__une-list>.osyn-jc__card{scroll-snap-align:start}@container (min-width: 560px){.osyn-jc__une-list{grid-auto-columns:calc(30cqi - 8px)}}@container (min-width: 800px){.osyn-jc__une-list{grid-auto-columns:calc(22.5cqi - 9px);--jc-gap-x: 24px}}@container (min-width: 1000px){.osyn-jc__une-list{grid-auto-columns:calc((100cqi - 108px)/5);--jc-gap-x: 27px}}@media(hover:hover)and (pointer:fine){.osyn-jc__une-track{padding-block-end:14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.osyn-jc__une-track::-webkit-scrollbar{display:block;height:6px}.osyn-jc__une-track::-webkit-scrollbar-thumb{border-radius:3px;background:#ffffff47}}.osyn-jc__results{min-width:0}.osyn-jc__count{min-height:24px;margin:0 0 18px;color:var(--jc-soft);font:500 15px/24px var(--font);font-variant-numeric:tabular-nums}.osyn-jc__count[hidden]{display:none}.osyn-jc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--jc-gap-y) var(--jc-gap-x);margin:0;padding:0;list-style:none}@container (min-width: 560px){.osyn-jc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 800px){.osyn-jc__grid{grid-template-columns:repeat(4,minmax(0,1fr));--jc-gap-x: 24px}}@container (min-width: 1000px){.osyn-jc__grid{grid-template-columns:repeat(5,minmax(0,1fr));--jc-gap-x: 27px;--jc-gap-y: 18.8px}}.osyn-jc__grid.is-leaving>.osyn-jc__card{opacity:0;transition:opacity .12s var(--jc-ease-in)}.osyn-jc__card{display:block;min-width:0;margin:0;container-type:inline-size}.osyn-jc__card:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:18px}.osyn-jc__media{position:relative;display:block;inline-size:calc(100% * 188 / 190.8);aspect-ratio:4 / 3;overflow:hidden;isolation:isolate;border-radius:min(var(--jc-radius),16cqi);background:var(--jc-skel)}.osyn-jc__img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s var(--jc-ease-out),transform .4s var(--jc-ease)}.osyn-jc__media.is-loaded .osyn-jc__img{opacity:1}.osyn-jc__img-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) saturate(1.3);transform:scale(1.35);opacity:0;transition:opacity .25s var(--jc-ease-out)}.osyn-jc__media.is-loaded .osyn-jc__img-bg{opacity:.6}.osyn-jc__media.is-icon .osyn-jc__img{width:auto;height:68%;aspect-ratio:1;margin:16% auto 0;border-radius:22%;object-fit:cover;box-shadow:0 6px 18px #00000059}@media(hover:hover)and (pointer:fine){.osyn-jc__card:not(.osyn-jc__card--skel):hover .osyn-jc__img{transform:scale(1.03)}}.osyn-jc__media:after,.osyn-jc__skel-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(90deg,transparent 0%,var(--jc-shine) 50%,transparent 100%);transform:translate(-100%);animation:osyn-jc-shine 1.4s var(--jc-ease) infinite;pointer-events:none}.osyn-jc__media.is-loaded:after,.osyn-jc__media.is-empty:after{content:none}[dir=rtl] .osyn-jc__media:after,[dir=rtl] .osyn-jc__skel-line:after{animation-direction:reverse}.osyn-jc__meta{display:flex;align-items:center;gap:8px;min-height:21px;margin-block-start:14px}.osyn-jc__name{flex:1;min-width:0;margin:0;overflow:hidden;color:var(--jc-fg);font:600 16px/21px var(--font);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;text-align:match-parent}.osyn-jc__skel-line{position:relative;display:block;width:62%;height:12px;overflow:hidden;border-radius:6px;background:var(--jc-skel)}.osyn-jc__plats{display:flex;flex:none;gap:4px;margin:0;padding:0;list-style:none}.osyn-jc__plat{display:grid;place-items:center;flex:none;width:19px;height:19px;margin:0;border-radius:50%;background:var(--jc-badge);color:#fff}.osyn-jc__plat svg{width:11px;height:11px}.osyn-jc__plat:nth-child(n+3):not(.osyn-jc__plat--more){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.osyn-jc__plat--more{direction:ltr;unicode-bidi:isolate;width:auto;min-width:19px;padding-inline:5px;border-radius:10px;background:#ffffff29;font:600 11px/19px var(--font);font-variant-numeric:tabular-nums}.osyn-jc__card.is-entering{animation:osyn-jc-in .3s var(--jc-ease-out) both;animation-delay:calc(var(--jc-i, 0) * 25ms)}.osyn-jc__state,.osyn-jc__more{display:grid;justify-items:center;gap:16px;text-align:center}.osyn-jc__state{padding-block:48px}.osyn-jc__more{margin-block-start:48px}.osyn-jc__state[hidden],.osyn-jc__more[hidden]{display:none}.osyn-jc__state-text{margin:0;color:var(--jc-fg);font:500 18px/1.4 var(--font)}.osyn-jc__progress{margin:0;color:var(--jc-soft);font:500 14px/20px var(--font);font-variant-numeric:tabular-nums}.osyn-jeux-catalogue .osyn-btn--secondary{min-height:44px;padding-inline:24px;border:1px solid rgba(255,255,255,.56);background:transparent;color:#fff}.osyn-jeux-catalogue .osyn-btn--secondary:hover{border-color:#fff;background:#ffffff14;color:#fff}.osyn-jeux-catalogue .osyn-btn--secondary:active{background:#ffffff24}.osyn-jeux-catalogue .osyn-btn--secondary:focus-visible{outline:2px solid #fff;outline-offset:3px}.osyn-jeux-catalogue .osyn-btn[aria-disabled=true]{opacity:.5;cursor:progress}@keyframes osyn-jc-in{0%{opacity:0;transform:translate3d(0,8px,0)}}@keyframes osyn-jc-fade{0%{opacity:0}}@keyframes osyn-jc-shine{to{transform:translate(100%)}}@media(min-width:768px){.osyn-jc__inner{--jc-pad: 24px;padding:40px var(--jc-pad) 96px}.osyn-jc__title{font-size:28px}.osyn-jc__intro{font-size:18px}.osyn-jc__search{block-size:68px;padding-block:12px;padding-inline:22px 12px}}@media(min-width:1024px){.osyn-jc__inner{--jc-pad: 40px;padding:48px var(--jc-pad) 120px}.osyn-jc__une-track{margin-inline:0 calc(-1 * var(--jc-pad));padding-inline:0 var(--jc-pad);scroll-padding-inline:0}.osyn-jc__une-title{font-size:22px}.osyn-jc__body{grid-template-columns:261px minmax(0,1fr);gap:37px}.osyn-jc__group,.osyn-jc__group:first-of-type{border:0}.osyn-jc__group+.osyn-jc__group{margin-block-start:10px}.osyn-jc__group-btn{min-height:41px;padding:0 0 12px}.osyn-jc__group-name{font-size:22px}.osyn-jc__opts{flex-direction:column;flex-wrap:nowrap;gap:0;padding:2px 2px 12px}.osyn-jc__opt{width:100%;min-height:53.6px;gap:9px;padding-block:12px;padding-inline:20px 16px;border-radius:18px;box-shadow:none;font-size:18px}.osyn-jc__opt[aria-pressed=true]{box-shadow:none}.osyn-jc__opt-ico{width:24px;height:24px}.osyn-jc__mark{width:22px;height:22px}.osyn-jc__count{margin-block-end:18px}}.osyn-jeux-catalogue:lang(ar) .osyn-jc__title,.osyn-jeux-catalogue:lang(ar) .osyn-jc__opt,.osyn-jeux-catalogue:lang(ar) .osyn-jc__name{text-transform:none;letter-spacing:0}@media(prefers-reduced-motion:reduce){.osyn-jc__media:after,.osyn-jc__skel-line:after{animation:none;content:none}.osyn-jc__card.is-entering{animation:osyn-jc-fade .1s linear both;animation-delay:0s}.osyn-jc__img,.osyn-jc__img-bg{transition:opacity .1s linear}.osyn-jc__grid.is-leaving>.osyn-jc__card{transition-duration:.1s}.osyn-jc__panel,.osyn-jc__chev,.osyn-jc__mark use,.osyn-jc__opt,.osyn-jc__submit{transition:none}.osyn-jc__opt:active,.osyn-jc__submit:active{transform:none}.osyn-jc__card:not(.osyn-jc__card--skel):hover .osyn-jc__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/osyn-jeux-catalogue.css.map */