@layer components{.as{--as-slot:64vw;--as-plate:calc(var(--as-slot) * .9);--as-nappe:color-mix(in oklab, var(--color-chaux-50) 45%, var(--color-chaux));--as-damas:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='160' viewBox='0 0 120 160'%3E%3Cpath fill='%23fff' fill-opacity='.27' d='M60 2C60 32 108 46 108 80S60 128 60 158C60 128 12 114 12 80S60 32 60 2Z'/%3E%3Cg fill='%231c1b2b' fill-opacity='.018'%3E%3Cellipse cx='60' cy='65' rx='5.5' ry='12'/%3E%3Cellipse cx='60' cy='95' rx='5.5' ry='12'/%3E%3Cellipse cx='45' cy='80' rx='12' ry='5.5'/%3E%3Cellipse cx='75' cy='80' rx='12' ry='5.5'/%3E%3C/g%3E%3Cg fill='%231c1b2b' fill-opacity='.02'%3E%3Cpath d='M0 -7L5 0L0 7L-5 0Z'/%3E%3Cpath d='M120 -7L125 0L120 7L115 0Z'/%3E%3Cpath d='M0 153L5 160L0 167L-5 160Z'/%3E%3Cpath d='M120 153L125 160L120 167L115 160Z'/%3E%3C/g%3E%3C/svg%3E");position:relative}@media (min-width:40rem){.as{--as-slot:40vw}}@media (min-width:64rem){.as{--as-slot:24rem}}.as-tete{gap:1.5rem;display:grid}.as-titre{max-inline-size:18ch}.as-carton{z-index:2;justify-self:start;max-inline-size:22rem;margin-block:.75rem -1.75rem;position:relative}.as-carton .place-card-text{text-wrap:balance;font-size:1.1875rem;line-height:1.25}@media (min-width:64rem){.as-tete{column-gap:var(--spacing-grid,2rem);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:1.5rem}.as-titre{grid-column:1/7}.as-intro{grid-column:8/13}.as-carton{grid-column:8/13;margin-block:.5rem -2rem}}.as-table{--color-ink:var(--color-nuit);--color-ink-muted:var(--color-encre-douce);--color-heading:var(--color-nuit);--color-focus:var(--color-nuit);color:var(--color-ink);background-color:var(--as-nappe);background-image:linear-gradient(to bottom, #1c1b2b0a, #1c1b2b00 12%, #1c1b2b00 90%, #1c1b2b09), linear-gradient(104deg, #fff0 28%, #ffffff80 48%, #fff0 68%), var(--as-damas);background-position:0 0,0 0,top;background-size:100% 100%,100% 100%,9rem 12rem;position:relative;box-shadow:0 1px #1c1b2b0f,0 18px 30px -26px #14131f80}.as-table:before,.as-table:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#1c1b2b1a,#1c1b2b1a) 0 0/100% 1px no-repeat,repeating-linear-gradient(90deg,#1c1b2b2b 0 2px,#1c1b2b00 2px 6px) 0 100%/100% 2px no-repeat;block-size:5px;position:absolute;inset-inline:0}.as-table:before{inset-block-start:.875rem}.as-table:after{inset-block-end:.875rem;scale:1 -1}.as-nappe{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;overflow:auto hidden}.as-nappe::-webkit-scrollbar{display:none}.as-nappe:focus-visible{outline:2px solid var(--color-focus);outline-offset:-.375rem}@media (pointer:fine){:root[data-motion] .as-nappe{cursor:grab}}.as-nappe[data-glisse]{scroll-snap-type:none;-webkit-user-select:none;user-select:none}.as-nappe[data-glisse],.as-nappe[data-glisse] *{cursor:grabbing}.as-rang{inline-size:max-content;padding-inline:calc(50% - var(--as-slot) / 2);display:flex}.as-diapo{flex:0 0 var(--as-slot);inline-size:var(--as-slot);scroll-snap-align:center;scroll-snap-stop:always;view-timeline:--as-diapo inline;padding-block:2.75rem 2.5rem}.as-figure{flex-direction:column;align-items:center;margin:0;display:flex}.as-assiette{inline-size:var(--as-plate);aspect-ratio:1;background-color:var(--color-chaux-200);border-radius:50%;flex:none;position:relative;overflow:hidden;box-shadow:.1rem .2rem .35rem #1c1b2b1a,.5rem 1.1rem 1.75rem -.5rem #1c1b2b42}.as-photo{inline-size:var(--as-taille);aspect-ratio:1;transform-origin:var(--as-ox) var(--as-oy);position:absolute;inset-block-start:var(--as-y);inset-inline-start:var(--as-x)}.as-photo img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.as-legende{max-inline-size:min(100%,22rem);font-family:var(--font-display);letter-spacing:-.003em;text-align:center;text-wrap:balance;color:var(--color-heading);margin-block-start:1.375rem;padding-inline:.5rem;font-size:clamp(1.125rem,1.05rem + .3vw,1.3125rem);font-weight:400;line-height:1.3;transition:opacity .2s ease-out}.as-diapo[data-voisine] .as-legende{opacity:0}.as-diapo[data-voisine]{cursor:pointer}.as-commandes{justify-content:center;align-items:center;gap:.75rem;margin-block-start:1.5rem;display:flex}:root:not([data-motion]) .as-commandes{visibility:hidden}.as-fleche{border:1px solid var(--color-line-strong);block-size:3rem;inline-size:3rem;color:var(--color-heading);background-color:#0000;border-radius:9999px;flex:none;justify-content:center;align-items:center;transition:background-color .2s ease-out,border-color .2s ease-out,opacity .2s ease-out;display:inline-flex}@media (hover:hover) and (pointer:fine){.as-fleche:not([aria-disabled=true]):hover{border-color:var(--color-heading);background-color:var(--color-surface)}}.as-fleche[aria-disabled=true]{opacity:.38;cursor:default}.as-reperes{align-items:center;display:flex}.as-repere{border-radius:9999px;justify-content:center;align-items:center;block-size:2.75rem;inline-size:2.75rem;display:inline-flex}.as-point{border:1px solid var(--color-accent-ink);border-radius:9999px;block-size:.75rem;inline-size:.75rem;transition:background-color .2s ease-out,box-shadow .2s ease-out}.as-repere[aria-current=true] .as-point{background-color:var(--color-accent-ink);box-shadow:0 0 0 3px var(--color-canvas), 0 0 0 4px var(--color-accent-ink)}@media (hover:hover) and (pointer:fine){.as-repere:not([aria-current=true]):hover .as-point{background-color:color-mix(in oklab, var(--color-accent-ink) 35%, transparent)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){:root:not([data-motion=reduce]) .as{--as-plate:calc(var(--as-slot) * 1.14)}:root:not([data-motion=reduce]) .as-assiette,:root:not([data-motion=reduce]) .as-photo,:root:not([data-motion=reduce]) .as-legende{animation-timing-function:linear;animation-fill-mode:both;animation-duration:auto;animation-timeline:--as-diapo;animation-range:cover calc(50% - 1.5 * var(--as-slot)) cover calc(50% + 1.5 * var(--as-slot))}:root:not([data-motion=reduce]) .as-assiette{animation-name:as-pose}:root:not([data-motion=reduce]) .as-photo{animation-name:as-tour}:root:not([data-motion=reduce]) .as-legende{max-inline-size:min(84vw,23rem);transition:none;animation-name:as-legende}}}@media (min-width:64rem){@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){:root:not([data-motion=reduce]) .as{--as-plate:27rem}}}}@media (prefers-reduced-motion:reduce){.as-legende,.as-fleche,.as-point{transition-duration:0s}}@media print{.as-commandes{display:none}.as{--as-plate:calc(var(--as-slot) * .9)!important}.as-nappe{overflow:visible}.as-rang{flex-wrap:wrap;justify-content:center;inline-size:auto;padding-inline:0}.as-assiette,.as-photo,.as-legende{animation:none!important}.as-diapo[data-voisine] .as-legende{opacity:1}}@media (forced-colors:active){.as-assiette{border:1px solid canvastext}.as-repere[aria-current=true] .as-point{background-color:highlight}}}@keyframes as-pose{0%{z-index:0;opacity:.55;scale:.5}33.333%{z-index:1;opacity:.88;scale:.6}50%{z-index:2;opacity:1;scale:1}66.667%{z-index:1;opacity:.88;scale:.6}to{z-index:0;opacity:.55;scale:.5}}@keyframes as-tour{0%{animation-timing-function:cubic-bezier(.3,.55,.4,1);rotate:62deg}50%{animation-timing-function:cubic-bezier(.6,0,.7,.45);rotate:0deg}to{rotate:-62deg}}@keyframes as-legende{0%,40%{opacity:0;translate:0 .5rem}50%{opacity:1;translate:0}60%,to{opacity:0;translate:0 .5rem}}