.ds-packing-examples{min-width:0;container-type:inline-size}.ds-packing-examples__list{gap:var(--ds-packing-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ds-packing-examples__list>li{min-width:0}.ds-packing{gap:var(--ds-space-2);flex-direction:column;min-width:0;margin:0;display:flex}.ds-packing__frame{aspect-ratio:var(--ds-packing-ratio);border:var(--ds-border-width) solid var(--line);border-radius:var(--ds-control-radius);background:var(--panel);position:relative;overflow:hidden}.ds-packing--ok .ds-packing__frame{border-color:var(--ds-packing-ok)}.ds-packing--bad .ds-packing__frame{border-color:var(--ds-packing-bad)}.ds-packing__img{object-fit:cover;width:100%;height:100%;display:block}.ds-packing__mark{top:var(--ds-space-2);left:var(--ds-space-2);width:var(--ds-packing-mark-size);height:var(--ds-packing-mark-size);font-size:var(--font-page-title);color:var(--ds-packing-mark-ink);line-height:1;font-weight:var(--ds-weight-strong);border-radius:50%;place-items:center;display:grid;position:absolute}.ds-packing--ok .ds-packing__mark{background:var(--ds-packing-ok)}.ds-packing--bad .ds-packing__mark{background:var(--ds-packing-bad)}.ds-packing__caption{color:var(--ink);overflow-wrap:anywhere;margin:0}.ds-packing__verdict{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (max-width:640px){.ds-packing-examples__list{grid-template-columns:minmax(0,1fr)}}