.method-preview{width:100%;color:inherit;cursor:pointer;isolation:isolate;background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.method-preview-drawing{transition:opacity .3s;display:block}.method-preview-photo{object-fit:contain;opacity:0;background:#f7f3ec;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.method-preview:is(:hover,:focus-visible,[data-photo=true]) .method-preview-photo{opacity:1}.method-preview:is(:hover,:focus-visible,[data-photo=true]) .method-preview-drawing{opacity:0}.method-preview-hint{white-space:nowrap;color:#50493f;background:#fffdf5e8;border-radius:2px;padding:4px 8px;font:11px Arial,sans-serif;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.method-preview:focus-visible{outline-offset:3px;outline:2px solid #465843}@media (prefers-reduced-motion:reduce){.method-preview-photo,.method-preview-drawing{transition:none}}