cinq-pixelate{aspect-ratio:16/9;width:100%;display:block;position:relative;overflow:hidden}cinq-pixelate img{object-fit:cover;opacity:0;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}cinq-pixelate canvas{z-index:1;width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}[data-pixelate-card]:focus-within{outline-offset:4px;outline:2px solid #6366f1}@media (prefers-reduced-motion:reduce){cinq-pixelate img{opacity:1}cinq-pixelate canvas{display:none}}#docs-pixelate-modal dialog[open]{opacity:1;transition:opacity .7s cubic-bezier(.4, 0, .2, 1), overlay .7s allow-discrete}#docs-pixelate-modal dialog[open].is-closing{opacity:0}#docs-pixelate-modal dialog[open]::backdrop{transition:background-color .7s allow-discrete;background-color:#00000080}#docs-pixelate-modal dialog[open].is-closing::backdrop{background-color:#0000}@starting-style{#docs-pixelate-modal dialog[open]{opacity:0}#docs-pixelate-modal dialog[open]::backdrop{background-color:#0000}}@media (prefers-reduced-motion:reduce){#docs-pixelate-modal dialog[open],#docs-pixelate-modal dialog[open]::backdrop{transition:none}}#docs-pixelate-drawer [data-dom=overlay]{opacity:0;pointer-events:none;transition:opacity .7s cubic-bezier(.4,0,.2,1)}#docs-pixelate-drawer[open] [data-dom=overlay]{opacity:1;pointer-events:auto}#docs-pixelate-drawer [role=dialog]{transition:transform .7s cubic-bezier(.4,0,.2,1);transform:translate(100%)}#docs-pixelate-drawer[open] [role=dialog]{transform:translate(0)}#docs-pixelate-drawer.is-opening[open] [data-dom=overlay],#docs-pixelate-drawer.is-closing[open] [data-dom=overlay]{opacity:0;pointer-events:none}#docs-pixelate-drawer.is-opening[open] [role=dialog],#docs-pixelate-drawer.is-closing[open] [role=dialog]{transform:translate(100%)}@media (prefers-reduced-motion:reduce){#docs-pixelate-drawer [data-dom=overlay],#docs-pixelate-drawer [role=dialog]{transition:none}}.docs-pixelate-comparison{aspect-ratio:16/9;user-select:none;touch-action:none;border:1px solid #e5e7eb;border-radius:.75rem;position:relative;overflow:hidden}.docs-pixelate-comparison__layer{position:absolute;inset:0;overflow:hidden}.docs-pixelate-comparison__after img{object-fit:cover;width:100%;height:100%;display:block}.docs-pixelate-comparison__before cinq-pixelate{aspect-ratio:auto;width:100%;height:100%}.docs-pixelate-comparison>[role=separator]{inset-block:0;z-index:3;cursor:col-resize;touch-action:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;width:3rem;margin-left:-1.5rem;display:flex;position:absolute;left:0}.docs-pixelate-comparison>[role=separator]:before{content:"";inset-block:0;background:#fff;width:2px;position:absolute;left:50%;transform:translate(-50%)}.docs-pixelate-comparison__handle{z-index:1;color:#111827;background:#fff;border-radius:9999px;place-items:center;width:2.5rem;height:2.5rem;display:grid;position:relative;box-shadow:0 1px 2px #0000000f,0 4px 12px #0000001f}.docs-pixelate-comparison__handle svg{width:1.125rem;height:1.125rem;display:block}.docs-pixelate-comparison>[role=separator]:focus-visible .docs-pixelate-comparison__handle{outline-offset:2px;outline:2px solid #111827}.docs-switch{outline-offset:-2px;user-select:none;cursor:pointer;border-radius:.5rem;outline:2px solid #0000;flex-direction:row;align-items:center;gap:.75rem;margin:2px;padding:.25rem .5rem;transition:background-color .15s ease-in-out,outline-color .15s ease-in-out;display:flex}.docs-switch:hover,.docs-switch:focus-visible{background-color:#f3f4f6;outline-color:#111827}.docs-switch .label{color:#111827;flex:1;font-size:.875rem}.docs-switch .slider{background-color:#fff;border:1px solid #adb5bd;border-radius:.5rem;flex-shrink:0;align-items:center;width:1.75rem;min-width:1.75rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;display:flex;position:relative}.docs-switch .slider:before{content:"";background-color:#adb5bd;border-radius:50%;width:12px;height:12px;transition:transform .4s cubic-bezier(.23,1,.32,1);display:block;transform:translate(.1rem)}.docs-switch[aria-checked=true] .slider{background-color:#111827;border-color:#111827}.docs-switch[aria-checked=true] .slider:before{background-color:#fff;transform:translate(.65rem)}.docs-switch .on,.docs-switch .off{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}