.svp-visual-lesson{margin-block:48px;min-width:0}.svp-comparison{margin-block:24px}.svp-comparison-frame{position:relative;isolation:isolate;border:1px solid #515d70;border-radius:16px;overflow:hidden;background:#111925;display:grid;grid-template-columns:1fr 1fr}.svp-comparison figure{margin:0;min-width:0}.svp-lesson-art{display:block;width:100%;height:auto;max-width:100%}.svp-comparison figcaption{padding:12px 16px;color:#f2f4f7;font-size:14px;background:#151922}.svp-compare-divider{display:none}.svp-comparison-frame [hidden],.svp-comparison [hidden]{display:none!important}.svp-comparison[data-ready] .svp-comparison-frame{display:block;aspect-ratio:16/9}.svp-comparison[data-ready] figure{position:absolute;inset:0}.svp-comparison[data-ready] .svp-compare-after{clip-path:inset(0 0 0 var(--svp-compare,50%))}.svp-comparison[data-ready] figcaption{position:absolute;top:12px;left:12px;max-width:calc(50% - 24px);border-radius:8px;padding:8px 12px;background:#151922;color:#f2f4f7;line-height:1.35}.svp-comparison[data-ready] .svp-compare-after figcaption{left:auto;right:12px}.svp-comparison[data-ready] .svp-compare-divider{display:flex;position:absolute;inset-block:0;left:var(--svp-compare,50%);width:3px;transform:translateX(-50%);align-items:center;justify-content:center;background:#69e6dc;pointer-events:none}.svp-compare-divider span{display:grid;place-items:center;min-width:44px;height:44px;border:2px solid #69e6dc;border-radius:50%;background:#151922;color:#69e6dc;font-size:24px}.svp-comparison input[type=range]{position:absolute;inset:0;z-index:2;margin:0;width:100%;height:100%;opacity:1;appearance:none;-webkit-appearance:none;background:#fff0;cursor:ew-resize;touch-action:pan-y;border:0;padding:0;border-radius:0;box-shadow:none}.svp-comparison input[type=range]::-webkit-slider-runnable-track{height:44px;background:#fff0;border:0}.svp-comparison input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1px;height:44px;background:#fff0;border:0;box-shadow:none}.svp-comparison input[type=range]::-moz-range-track{height:44px;background:#fff0;border:0}.svp-comparison input[type=range]::-moz-range-thumb{width:1px;height:44px;background:#fff0;border:0;box-shadow:none}.svp-comparison-frame:focus-within{outline:3px solid #c9a5ee;outline-offset:4px}.svp-comparison input:focus-visible{outline:0}.svp-compare-help,.svp-lesson-note{font-size:14px;color:#b6becb;margin-block:12px}.svp-lesson-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-block:24px}.svp-lesson-bad,.svp-lesson-good{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.svp-lesson-bad svg,.svp-lesson-good svg{flex:0 0 24px;margin-top:2px}.svp-lesson-bad svg{color:#ff63b6}.svp-lesson-good svg{color:#69e6dc}.svp-lesson-bad span,.svp-lesson-good span{color:#f2f4f7}.svp-error-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:24px}.svp-error-card{padding:20px;min-width:0;border:1px solid #515d70;border-radius:16px;background:rgb(21 25 34 / .7)}.svp-error-card h4{font-size:18px;line-height:1.4;color:#f2f4f7;margin:20px 0 16px}.svp-error-card p{font-size:15px;margin-block:12px}.svp-error-card .svp-lesson-art{border-radius:10px}.svp-lesson-summary>p{margin:0;padding:16px;border:1px solid #515d70;border-radius:12px;background:#151922}@media(max-width:900px){.svp-error-gallery{grid-template-columns:1fr 1fr}}@media(max-width:600px){.svp-error-gallery,.svp-lesson-summary{grid-template-columns:1fr;gap:16px}.svp-visual-lesson{margin-block:32px}.svp-error-card{padding:16px}.svp-comparison figcaption{font-size:12px}.svp-comparison[data-ready] figcaption{top:8px;left:8px;max-width:calc(50% - 16px);padding:6px;line-height:1.25}.svp-comparison[data-ready] .svp-compare-after figcaption{right:8px}.svp-comparison-frame{grid-template-columns:1fr}.svp-compare-divider span{min-width:44px;height:44px}}@media(prefers-contrast:more){.svp-error-card{background:#151922;border-color:#b6becb}}@media(forced-colors:active){.svp-comparison-frame,.svp-error-card{border:1px solid CanvasText}.svp-compare-divider{background:Highlight!important}.svp-compare-divider span{border-color:Highlight;color:CanvasText;background:Canvas}.svp-comparison input[type=range]{opacity:.01}}