.classeurs__champ{border:1px solid var(--color-hairline);background:color-mix(in oklab, var(--color-surface) 60%, transparent);min-width:0;color:var(--color-ivory);font:inherit;border-radius:.6rem;flex:14rem;padding:.55rem .8rem}.classeurs__champ:focus-visible{border-color:color-mix(in oklab, var(--color-gold) 70%, transparent);outline:none}.classeurs__erreur{color:#f2a5a5;margin-block:0 .8rem;font-size:.9rem}.classeurs .reliures{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:1.1rem 1rem;margin:0;padding:0;list-style:none;display:grid}.classeurs .reliure{align-content:start;gap:.5rem;min-width:0;display:grid}.classeurs .reliure__couv{aspect-ratio:1.45;background:radial-gradient(120% 80% at 75% -10%, #ffffff29, transparent 55%), linear-gradient(160deg, var(--r-a,#2a2f3f), var(--r-b,#0c0e15));color:var(--color-ivory);font:inherit;text-align:center;cursor:pointer;transition:transform .26s var(--ease-out-expo), box-shadow .26s var(--ease-out-expo);border:0;border-radius:.45rem .85rem .85rem .45rem;padding:7% 7% 7% 19%;display:grid;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 -3px 8px #0000008c,0 18px 30px -18px #000000f2,0 2px #00000059}.classeurs .reliure__couv:before{content:"";background:linear-gradient(90deg, #0000008c, #0003 70%, #ffffff14 92%, #00000080), var(--r-b,#0c0e15);border-radius:.45rem 0 0 .45rem;inline-size:15%;position:absolute;inset-block:0;inset-inline-start:0;box-shadow:1px 0 #ffffff0f}@media (hover:hover){.classeurs .reliure__couv:hover{transform:translateY(-3px)rotate(-.6deg)}}.classeurs .reliure__couv:focus-visible{outline:2px solid color-mix(in oklab, var(--color-gold) 80%, transparent);outline-offset:3px}.classeurs .reliure__couv[data-ouvert]{box-shadow:inset 0 1px 0 #ffffff24, inset 0 -3px 8px #0000008c, 0 0 0 2px color-mix(in oklab, var(--f-trait,#d9b25f) 75%, transparent), 0 22px 36px -18px #000000f2, 0 0 28px -6px color-mix(in oklab, var(--f-trait,#d9b25f) 50%, transparent);transform:translateY(-4px)}.classeurs .reliure__anneaux{z-index:1;pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset-block:14%;inset-inline-start:4.5%}.classeurs .reliure__anneaux i{background:linear-gradient(#f4f1ea 0%,#b9b3a6 40%,#6d685e 60%,#d6d1c6 100%);border-radius:999px;block-size:.5rem;inline-size:.9rem;display:block;box-shadow:0 1px 2px #000000b3,inset 0 -1px #00000059}.classeurs .reliure__cadre{z-index:1;border:1px solid color-mix(in oklab, var(--f-trait,#d9b25f) 60%, transparent);min-width:0;box-shadow:inset 0 0 0 3px transparent, inset 0 0 0 4px color-mix(in oklab, var(--f-trait,#d9b25f) 25%, transparent);border-radius:.35rem;align-content:center;justify-items:center;gap:.45rem;padding:.6rem .7rem;display:grid;position:relative}.classeurs .reliure__nom{-webkit-line-clamp:2;overflow-wrap:anywhere;max-inline-size:100%;font-family:var(--font-display);letter-spacing:.01em;background:linear-gradient(180deg, var(--f-1,#fff3cf) 0%, var(--f-2,#f0cf7c) 45%, var(--f-3,#a8792f) 60%, var(--f-4,#f7dd94) 100%);color:#0000;filter:drop-shadow(0 1px 1px #000000b3);-webkit-background-clip:text;background-clip:text;-webkit-box-orient:vertical;font-size:1.12rem;font-weight:600;line-height:1.12;display:-webkit-box;overflow:hidden}.classeurs .reliure__filet{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--f-trait,#d9b25f) 75%, transparent), transparent);block-size:1px;inline-size:38%}.classeurs .reliure__jauge{background:repeating-linear-gradient(90deg,#0000 0 calc(16.6667% - 1px),#0009 calc(16.6667% - 1px) 16.6667%),#ffffff1a;border-radius:999px;block-size:.32rem;inline-size:78%;position:relative;overflow:hidden}.classeurs .reliure__jauge span{transform-origin:0;transform:scaleX(var(--rempli,0));border-radius:inherit;background:linear-gradient(90deg, var(--f-3,#a8792f), var(--f-2,#f0cf7c));transition:transform .4s var(--ease-out-expo);position:absolute;inset:0}.classeurs .reliure__compte{color:color-mix(in oklab, var(--color-ivory) 70%, transparent);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:.74rem}.classeurs .reliure__profil{z-index:2;background:color-mix(in oklab, var(--f-trait,#d9b25f) 88%, black);color:#140d08;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.12rem .45rem;font-size:.62rem;font-weight:700;position:absolute;inset-block-start:.45rem;inset-inline-end:.5rem;box-shadow:0 2px 6px #00000080}.classeurs .reliure__gestes{align-items:center;gap:.25rem;padding-inline:.15rem;display:flex}.classeurs .reliure__bascule{min-width:0;color:var(--color-muted);cursor:pointer;flex:auto;align-items:center;gap:.45rem;font-size:.8rem;display:inline-flex}.classeurs .reliure__bascule input{opacity:0;pointer-events:none;position:absolute}.classeurs .reliure__interrupteur{background:#ffffff1f;border-radius:999px;flex-shrink:0;block-size:1.05rem;inline-size:1.9rem;transition:background .2s;position:relative;box-shadow:inset 0 1px 2px #0009}.classeurs .reliure__interrupteur:after{content:"";block-size:.75rem;inline-size:.75rem;transition:transform .2s var(--ease-out-expo), background .2s;background:#d9d4c9;border-radius:50%;position:absolute;inset-block-start:.15rem;inset-inline-start:.15rem;box-shadow:0 1px 2px #0009}.classeurs .reliure__bascule input:checked+.reliure__interrupteur{background:color-mix(in oklab, var(--color-gold) 75%, black)}.classeurs .reliure__bascule input:checked+.reliure__interrupteur:after{background:#fff3cf;transform:translate(.85rem)}.classeurs .reliure__bascule:has(input:checked){color:var(--color-ivory)}.classeurs .reliure__bascule input:focus-visible+.reliure__interrupteur{outline:2px solid var(--color-gold);outline-offset:2px}.classeurs .reliure__geste{block-size:1.9rem;inline-size:1.9rem;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;display:grid}.classeurs .reliure__geste svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;block-size:1rem;inline-size:1rem}.classeurs .reliure__geste:hover,.classeurs .reliure__geste:focus-visible{color:var(--color-ivory);background:color-mix(in oklab, var(--color-ivory) 8%, transparent)}.classeurs .reliure__geste--danger:hover,.classeurs .reliure__geste--danger:focus-visible{color:#f2a5a5}.classeurs .reliure__confirmer{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.classeurs .reliure__confirmer p{flex:100%;margin:0;font-size:.85rem}.classeurs .reliure__nouveau{aspect-ratio:1.45;border:1px dashed color-mix(in oklab, var(--color-gold) 45%, transparent);background:repeating-linear-gradient(135deg, transparent 0 10px, #ffffff04 10px 20px), color-mix(in oklab, var(--color-gold) 4%, transparent);color:color-mix(in oklab, var(--color-gold) 85%, white);font:inherit;letter-spacing:.04em;cursor:pointer;transition:background .2s, border-color .2s, transform .26s var(--ease-out-expo);border-radius:.45rem .85rem .85rem .45rem;place-content:center;justify-items:center;gap:.35rem;font-size:.9rem;display:grid}.classeurs .reliure__nouveau-plus{border:1px solid color-mix(in oklab, var(--color-gold) 50%, transparent);border-radius:50%;place-items:center;block-size:2.4rem;inline-size:2.4rem;font-size:1.5rem;line-height:1;display:grid}.classeurs .reliure__nouveau:hover,.classeurs .reliure__nouveau:focus-visible{border-color:var(--color-gold);background:color-mix(in oklab, var(--color-gold) 10%, transparent)}@media (hover:hover){.classeurs .reliure__nouveau:hover{transform:translateY(-3px)}}.classeurs .reliure__atelier{gap:.55rem;display:grid}.classeurs .reliure__couv--apercu{cursor:default}.classeurs .reliure__nom[data-vide]{opacity:.45}.classeurs .reliure__nuancier{gap:.3rem;display:grid}.classeurs .reliure__nuancier>span{color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.classeurs .laques{flex-wrap:wrap;gap:.4rem;display:flex}.classeurs .laque{background:radial-gradient(90% 70% at 35% 20%, #ffffff47, transparent 60%), linear-gradient(160deg, var(--r-a), var(--r-b));cursor:pointer;block-size:1.65rem;inline-size:1.65rem;transition:transform .16s var(--ease-out-expo), box-shadow .16s;border:1px solid #ffffff2e;border-radius:50%;padding:0;box-shadow:0 2px 5px #0009}.classeurs .laque--encre{background:linear-gradient(135deg, var(--f-1) 0%, var(--f-2) 42%, var(--f-3) 62%, var(--f-4) 100%)}.classeurs .laque:hover{transform:scale(1.1)}.classeurs .laque[aria-checked=true]{box-shadow:0 0 0 2px var(--color-ink), 0 0 0 4px var(--color-gold), 0 2px 6px #0009}.classeurs .laque:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.classeurs .reliure__atelier-gestes{gap:.4rem;display:flex}.classeurs .reliure-ouverte{background:radial-gradient(120% 70% at 50% -20%, #ffffff14, transparent 60%), linear-gradient(170deg, var(--r-a,#2a2f3f), var(--r-b,#0c0e15));box-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 0 1px color-mix(in oklab, var(--f-trait,#d9b25f) 35%, transparent), 0 24px 50px -28px #000000f2;animation:reliure-ouvre .32s var(--ease-out-expo) both;border-radius:1rem;margin-block-start:1.4rem;padding:1rem}@keyframes reliure-ouvre{0%{opacity:0;transform:translateY(10px)}}.classeurs .reliure-ouverte__tete{flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin-block-end:.9rem;display:flex}.classeurs .reliure-ouverte__nom{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);background:linear-gradient(180deg, var(--f-1,#fff3cf) 0%, var(--f-2,#f0cf7c) 45%, var(--f-3,#a8792f) 60%, var(--f-4,#f7dd94) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;flex:0 auto;margin:0;font-size:1.35rem;overflow:hidden}.classeurs .reliure-ouverte__compte{color:color-mix(in oklab, var(--color-ivory) 70%, transparent);font-variant-numeric:tabular-nums;font-size:.85rem}.classeurs .reliure-ouverte__pages{color:var(--color-ivory);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;margin-inline-start:auto;font-size:.85rem;display:inline-flex}.classeurs .reliure-ouverte__fleche,.classeurs .reliure-ouverte__fermer{border:1px solid color-mix(in oklab, var(--f-trait,#d9b25f) 45%, transparent);block-size:2rem;inline-size:2rem;color:var(--f-trait,#d9b25f);cursor:pointer;background:#00000059;border-radius:50%;place-items:center;font-size:1.15rem;line-height:1;display:grid}.classeurs .reliure-ouverte__fleche:disabled{opacity:.3;cursor:default}.classeurs .reliure-ouverte__fleche:not(:disabled):hover,.classeurs .reliure-ouverte__fermer:hover{background:color-mix(in oklab, var(--f-trait,#d9b25f) 20%, #00000059)}.classeurs .reliure-ouverte__double{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.5rem;display:grid}.classeurs .reliure-ouverte__double[data-une]{grid-template-columns:minmax(0,1fr)}.classeurs .reliure-ouverte__double>.reliure__anneaux{padding-block:12%;position:static;inset:auto}.classeurs .reliure-ouverte__double>.reliure__anneaux i{block-size:.7rem;inline-size:1.5rem}.classeurs .feuille{background:linear-gradient(#ffffff09,#ffffff03),#0d1017;border-radius:.55rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;padding:.7rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 8px 18px -10px #000c,0 6px 14px -8px #000c}.classeurs .feuille--blanche{opacity:.5}.classeurs .feuille[data-sens=avant]{animation:feuille-avant .28s var(--ease-out-expo) both}.classeurs .feuille[data-sens=arriere]{animation:feuille-arriere .28s var(--ease-out-expo) both}@keyframes feuille-avant{0%{opacity:0;transform:translate(18px)rotateY(-8deg)}}@keyframes feuille-arriere{0%{opacity:0;transform:translate(-18px)rotateY(8deg)}}.classeurs .pochette{aspect-ratio:.716;background:#ffffff05;border:1px dashed #ffffff14;border-radius:.45rem;position:relative}.classeurs .pochette--pleine{background:0 0;border:0}.classeurs .pochette--pleine:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(118deg,#0000 32%,#ffffff17 40%,#0000 48%),linear-gradient(#ffffff12,#0000 6%);border-radius:.45rem;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.classeurs .pochette--ajouter{border:1px dashed color-mix(in oklab, var(--f-trait,#d9b25f) 50%, transparent);background:color-mix(in oklab, var(--f-trait,#d9b25f) 6%, transparent);color:var(--f-trait,#d9b25f);font:inherit;cursor:pointer;place-items:center;font-size:2rem;transition:background .2s,border-color .2s;display:grid}.classeurs .pochette--ajouter:hover,.classeurs .pochette--ajouter:focus-visible{background:color-mix(in oklab, var(--f-trait,#d9b25f) 14%, transparent);border-color:var(--f-trait,#d9b25f)}.classeurs .pochette__retirer{z-index:5;border:1px solid var(--color-hairline);background:var(--color-ink);block-size:1.5rem;inline-size:1.5rem;color:var(--color-ivory);cursor:pointer;opacity:0;border-radius:50%;place-items:center;font-size:.95rem;line-height:1;transition:opacity .16s;display:grid;position:absolute;inset-block-start:-.4rem;inset-inline-end:-.4rem}.classeurs .pochette:hover .pochette__retirer,.classeurs .pochette__retirer:focus-visible{opacity:1}.classeurs .pochette__retirer:hover,.classeurs .pochette__retirer:focus-visible{color:#f2a5a5;border-color:#f2a5a5}@media (hover:none){.classeurs .pochette__retirer{opacity:.9}}@media (prefers-reduced-motion:reduce){.classeurs .reliure-ouverte,.classeurs .feuille{animation:none}.classeurs .reliure__couv{transition:none}}@media (max-width:40rem){.classeurs .reliures{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem .7rem}.classeurs .reliure__nom{font-size:.95rem}.classeurs .reliure__compte{font-size:.66rem}.classeurs .reliure__bascule{font-size:.72rem}.classeurs .reliure-ouverte{padding:.75rem}.classeurs .reliure-ouverte__pages{margin-inline-start:0}.classeurs .feuille{gap:.4rem;padding:.5rem}}