.sheet{background:var(--carbone);border-radius:6px;padding:40px 24px 20px;position:relative}.sheet--perf{border-radius:4px;padding:44px 20px 26px}.sheet__perf{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37.6' height='12'%3E%3Crect width='18' height='12' rx='2' fill='%230B0B0C'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:37.6px 12px;height:12px;position:absolute;left:14px;right:0}.sheet__perf--top{top:10px}.sheet__perf--bottom{bottom:10px}.sheet__grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:30px 12px;display:grid}.sheet--perf .sheet__grid{gap:30px 14px}.sheet__cell{position:relative}.sheet__btn{text-align:left;width:100%;display:block;position:relative}.sheet__frame{aspect-ratio:var(--ratio);background:var(--nuit);display:block;overflow:hidden}.sheet__frame .pic img{transition:transform .6s var(--ease-out), filter .4s}.sheet__label{font-family:var(--f-mono);letter-spacing:.12em;white-space:pre;margin-top:8px;font-size:10px;font-weight:500;display:block}.sheet--perf .sheet__label{margin-top:12px;font-size:11px}.sheet__label--rouge{color:var(--rouge)}.sheet__label--lime{color:var(--lime)}.sheet__circle{pointer-events:none;width:calc(100% + 28px);height:calc(100% + 2px);position:absolute;inset:-16px -14px auto;overflow:visible}.sheet__circle ellipse{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round}.sheet__circle--rouge ellipse{stroke:var(--rouge)}.sheet__circle--lime ellipse{stroke:var(--lime)}.sheet__cross{pointer-events:none;width:90%;height:75%;position:absolute;top:12%;left:5%;overflow:visible}.sheet__cross line{stroke:var(--rouge);stroke-width:3.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.sheet__foot{font-family:var(--f-mono);color:var(--craie-50);justify-content:space-between;gap:20px;margin-top:26px;font-size:12px;display:flex}.sheet--perf .sheet__foot{letter-spacing:.12em;margin-top:56px;font-size:11px;font-weight:500}.sheet__foot-r{color:var(--rouge);white-space:pre}@media (hover:hover){a.sheet__btn:hover .pic img,button.sheet__btn:hover .pic img{transform:scale(1.06)}.sheet__grid:hover .sheet__btn:not(:hover) .pic img{filter:brightness(.6)}}@media (width<=639px){.sheet,.sheet--perf{padding:32px 12px 16px}.sheet__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 8px}.sheet__circle{width:calc(100% + 16px);inset:-10px -8px auto}.sheet__foot{flex-direction:column;gap:6px}}