.demo[data-v-da8b2ff3]{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.demo__card[data-v-da8b2ff3]{gap:6px;min-width:0;display:grid}.demo__face[data-v-da8b2ff3]{aspect-ratio:300/419;background:var(--brume);border-radius:4px;position:relative;overflow:hidden}.demo__pic[data-v-da8b2ff3]{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.demo__pic[data-v-da8b2ff3]:focus-visible{outline-offset:-3px}.demo__face img[data-v-da8b2ff3]{object-fit:cover;width:100%;height:100%;transition:filter .2s,transform .25s cubic-bezier(.2,.8,.2,1);display:block}.is-none .demo__face img[data-v-da8b2ff3]{filter:grayscale()opacity(.55)}.demo__count[data-v-da8b2ff3]{background:var(--soie);min-width:26px;height:26px;color:var(--ecorce);font:500 13px/1 var(--f-code);box-shadow:0 0 0 1px var(--ligne);border-radius:13px;place-items:center;padding:0 7px;display:grid;position:absolute;top:6px;right:6px}.is-full .demo__count[data-v-da8b2ff3]{background:var(--acc);color:#fff;box-shadow:none}.demo__ctrl[data-v-da8b2ff3]{pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.demo__ctrl button[data-v-da8b2ff3]{width:44px;height:44px;color:var(--ecorce);font:500 22px/1 var(--f-texte);cursor:pointer;touch-action:manipulation;pointer-events:auto;background:#f5f1ecf0;border:0;border-radius:50%;place-items:center;display:grid}.demo__ctrl button[data-v-da8b2ff3]:active{transform:scale(.92)}.demo__ctrl button[data-v-da8b2ff3]:disabled{opacity:.45;cursor:default}.demo__pips[data-v-da8b2ff3]{justify-content:center;gap:4px;display:flex}.demo__pips i[data-v-da8b2ff3]{width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--pierre);border-radius:50%}.demo__pips i.on[data-v-da8b2ff3]{background:var(--acc);box-shadow:none}@media (width<=640px){.demo[data-v-da8b2ff3]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.demo__card[data-v-da8b2ff3]:nth-child(n+7){display:none}.demo__ctrl button[data-v-da8b2ff3]{width:44px;height:44px;font-size:21px}.demo__ctrl[data-v-da8b2ff3]{bottom:2px;left:2px;right:2px}}@media (hover:hover){.demo__ctrl button[data-v-da8b2ff3]:hover:not(:disabled){background:#fff}.demo__pic:hover img[data-v-da8b2ff3]{transform:scale(1.05)}}.cx-classeur__head{align-items:flex-end;gap:12px;display:flex}.cx-classeur__cols{gap:20px;display:grid}.cx-classeur__main,.cx-classeur__side{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width>=1100px){.cx-classeur__cols{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px}.cx-classeur__side{top:calc(var(--cx-bar) + 24px);position:sticky}}.cx-set-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cx-face{aspect-ratio:3/4;isolation:isolate;flex:none;display:block;position:relative}.cx-face>img{pointer-events:none;display:block;position:absolute}.cx-face__p{z-index:1;transform-origin:50% 100%;width:100%;height:100%;transition:scale .4s var(--ease-out);inset:0}.cx-face__c{left:var(--x);top:var(--y);width:var(--w);height:auto;translate:-50% -50%;rotate:var(--r);transition:translate .45s var(--ease-out), scale .45s var(--ease-out)}.cx-face[data-game=onepiece] .cx-face__c--1{--x:50%;--y:24%;--w:46%;--r:8deg}.cx-face[data-game=onepiece][data-n="2"] .cx-face__c--1{--x:24%;--y:25%;--w:42%;--r:-16deg}.cx-face[data-game=onepiece][data-n="2"] .cx-face__c--2{--x:76%;--y:25%;--w:42%;--r:16deg}.cx-face[data-game=riftbound] .cx-face__c--1{--x:50%;--y:27%;--w:64%;--r:8deg}.cx-face[data-game=riftbound][data-n="2"] .cx-face__c--1{--x:26%;--y:27%;--w:50%;--r:-15deg}.cx-face[data-game=riftbound][data-n="2"] .cx-face__c--2{--x:74%;--y:27%;--w:50%;--r:15deg}@keyframes cx-face-sway{0%,to{rotate:calc(var(--r) - 3deg)}50%{rotate:calc(var(--r) + 3deg)}}@keyframes cx-face-breathe{0%,to{translate:0}50%{translate:0 -1.5%}}@media (prefers-reduced-motion:no-preference){.cx-face__c{animation:cx-face-sway 7s ease-in-out var(--d,0s) infinite}.cx-face__c--2{animation-direction:reverse}.cx-face__p{animation:cx-face-breathe 7s ease-in-out var(--d,0s) infinite}}:is(.cx-tl__face,.cx-home__deck,.cx-home__leader,.cx-deck-link):focus-visible .cx-face__p{scale:1.1}:is(.cx-tl__face,.cx-home__deck,.cx-home__leader,.cx-deck-link):focus-visible .cx-face__c{translate:-50% -58%;scale:1.06}@media (hover:hover){:is(.cx-tl__face,.cx-home__deck,.cx-home__leader,.cx-deck-link):hover .cx-face__p{scale:1.1}:is(.cx-tl__face,.cx-home__deck,.cx-home__leader,.cx-deck-link):hover .cx-face__c{translate:-50% -58%;scale:1.06}:is(.cx-tl__face,.cx-home__deck,.cx-home__leader,.cx-deck-link):hover .cx-face[data-n="2"] .cx-face__c--1{translate:-66% -56%}:is(.cx-tl__face,.cx-home__deck,.cx-home__leader,.cx-deck-link):hover .cx-face[data-n="2"] .cx-face__c--2{translate:-34% -56%}}.cx-face--card{clip-path:polygon(0 0,100% 0,100% 90%,90% 100%,0 100%);overflow:hidden}.cx-face .cx-img{height:100%}