.requirement-example-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.requirement-example-comparison__item{position:relative;min-width:0;margin:0}@media(min-width:768px){.requirement-example-comparison__item:hover{z-index:12}.requirement-example-comparison__item:hover .requirement-example-comparison__preview{opacity:1;transform:translateY(-50%) scale(1)}.requirement-example-comparison__item:hover .requirement-example-comparison__image:after{opacity:1}}.requirement-example-comparison__image{position:relative;overflow:hidden;aspect-ratio:7/9;border:1px solid #e5e5e5;border-radius:.75rem;background:#fafafa;cursor:zoom-in}.requirement-example-comparison__image:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 1px rgba(59,130,246,.2),0 22px 42px -22px rgba(18,28,45,.28);opacity:0;pointer-events:none;transition:opacity .22s ease}.requirement-example-comparison__image img{display:block;width:100%;height:100%;object-fit:cover}.requirement-example-comparison__preview{display:none}@media(min-width:768px){.requirement-example-comparison__preview{display:block;position:absolute;z-index:2;top:50%;width:min(18rem,200% + .75rem);overflow:hidden;border:1px solid rgba(229,229,229,.9);border-radius:1rem;background:hsla(0,0%,100%,.98);box-shadow:0 28px 50px -20px rgba(18,28,45,.45);opacity:0;pointer-events:none;transform:translateY(-50%) scale(.96);transition:opacity .22s ease,transform .22s ease}.requirement-example-comparison__preview img{display:block;width:100%;height:100%;object-fit:cover}}.requirement-example-comparison__item--correct .requirement-example-comparison__preview{left:0;transform-origin:left center}.requirement-example-comparison__item--incorrect .requirement-example-comparison__preview{right:0;transform-origin:right center}.requirement-example-comparison__status{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.05),0 1px 2px -1px rgba(0,0,0,.05)}.requirement-example-comparison__item--correct .requirement-example-comparison__image,.requirement-example-comparison__item--correct .requirement-example-comparison__preview{border-color:rgba(16,185,129,.45)}.requirement-example-comparison__item--correct .requirement-example-comparison__status{background:#10b981}.requirement-example-comparison__item--correct .requirement-example-comparison__caption strong{color:#10b981}.requirement-example-comparison__item--incorrect .requirement-example-comparison__image,.requirement-example-comparison__item--incorrect .requirement-example-comparison__preview{border-color:rgba(239,68,68,.45)}.requirement-example-comparison__item--incorrect .requirement-example-comparison__status{background:#ef4444}.requirement-example-comparison__item--incorrect .requirement-example-comparison__caption strong{color:#ef4444}.requirement-example-comparison__caption{display:flex;flex-direction:column;gap:.125rem;padding-top:.5rem}.requirement-example-comparison__caption strong{font-size:.75rem;font-weight:600}.requirement-example-comparison__caption span{font-size:.75rem;line-height:1.3;color:#737373}