.lrn-image{margin-block:var(--lrn-sp-6);margin-inline:auto;max-width:100%}.lrn-image img{display:block;width:100%;height:auto;border-radius:var(--lrn-radius-md)}.lrn-image figcaption{margin-block:var(--lrn-sp-2) 0;color:var(--lrn-text-secondary);font-size:var(--lrn-text-sm);text-align:center;line-height:1.5}.lrn-image--w-25{width:25%}.lrn-image--w-50{width:50%}.lrn-image--w-75{width:75%}.lrn-image--left:not(.lrn-image--w-100){float:inline-start;margin-inline:0 var(--lrn-sp-6);margin-block-start:0}.lrn-image--right:not(.lrn-image--w-100){float:inline-end;margin-inline:var(--lrn-sp-6) 0;margin-block-start:0}.lrn-image--left+*,.lrn-image--right+*{overflow:hidden}.lrn-image--bordered img{border:var(--lrn-border-width) solid var(--lrn-border)}.lrn-image--bg{padding:var(--lrn-sp-4);border-radius:var(--lrn-radius-lg);background:var(--lrn-bg-subtle)}.lrn-image--stretched{width:100%;max-width:none;float:none;margin-inline:0}@media (max-width:640px){.lrn-image,.lrn-image--w-25,.lrn-image--w-50,.lrn-image--w-75{width:100%;margin-inline:auto}.lrn-image--left:not(.lrn-image--w-100),.lrn-image--right:not(.lrn-image--w-100){float:none;margin-inline:auto;margin-block-start:var(--lrn-sp-6)}}.lrn-image-preview.lrn-image--w-25{width:25%}.lrn-image-preview.lrn-image--w-50{width:50%}.lrn-image-preview.lrn-image--w-75{width:75%}.lrn-image-preview.lrn-image--left{margin-inline:0 auto}.lrn-image-preview.lrn-image--right{margin-inline:auto 0}.lrn-image-tune{display:flex;flex-direction:column;gap:var(--lrn-sp-3);padding:var(--lrn-sp-2);width:100%;min-width:0;box-sizing:border-box}.lrn-tune-row{display:flex;flex-direction:column;align-items:stretch;gap:var(--lrn-sp-1);min-width:0}.lrn-tune-row__label{color:var(--lrn-text-secondary);font-size:var(--lrn-text-sm);white-space:nowrap}.lrn-tune-seg{display:flex;width:100%;min-width:0;border:var(--lrn-border-width) solid var(--lrn-border);border-radius:var(--lrn-radius-md);overflow:hidden}.lrn-tune-seg__btn{appearance:none;border:0;background:var(--lrn-bg);color:var(--lrn-text);cursor:pointer;font-size:var(--lrn-text-sm);line-height:1;flex:1 1 0%;min-width:0;min-height:40px;padding-inline:var(--lrn-sp-1);text-align:center;white-space:nowrap}.lrn-tune-seg__btn+.lrn-tune-seg__btn{border-inline-start:var(--lrn-border-width) solid var(--lrn-border)}.lrn-tune-seg__btn:hover{background:var(--lrn-bg-hover)}.lrn-tune-seg__btn--active{background:var(--lrn-accent);color:#fff}.lrn-tune-seg__btn:focus-visible{outline:3px solid color-mix(in srgb,var(--lrn-accent) 30%,transparent);outline-offset:0}