.pv-showcase{width:100%;min-width:0;margin:0}.pv-showcase-image{background-color:#24251f;background-image:linear-gradient(45deg,#ffffff08 25%,#0000 25%),linear-gradient(-45deg,#ffffff08 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff08 75%),linear-gradient(-45deg,#0000 75%,#ffffff08 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:12px;margin-inline:auto;position:relative;overflow:hidden}.pv-showcase-image img,.pv-showcase-image video{object-fit:contain;width:100%;height:100%;display:block}.pv-showcase-image>img{position:absolute;inset:0}.pv-showcase-image img{-webkit-user-select:none;user-select:none;pointer-events:none}.pv-showcase-before{position:absolute;inset:0}.pv-showcase-tag{color:#faf9f4;pointer-events:none;background:#131414d9;border:1px solid #ffffff26;border-radius:5px;padding:5px 9px;font-size:11px;line-height:1.5;position:absolute;top:12px}.pv-showcase-tag.is-before{left:12px}.pv-showcase-tag.is-after{right:12px}.pv-showcase-line{pointer-events:none;background:#e0f2bf;width:2px;position:absolute;inset-block:0;transform:translate(-50%);box-shadow:0 0 3px #172014aa}.pv-showcase-image .pv-showcase-divider{color:#172014;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:100%;padding:0;display:flex;position:absolute;inset-block:0;transform:translate(-50%)}.pv-showcase-grip{pointer-events:none;background:#d7f45b;border:1px solid #f0fbc8;border-radius:50%;flex-shrink:0;justify-content:space-evenly;align-items:center;width:44px;height:44px;font:600 28px/1 system-ui;transition:box-shadow .12s,background-color .12s;display:flex;box-shadow:0 2px 16px #111a,0 0 0 4px #1314143d}.pv-showcase-divider:hover .pv-showcase-grip,.pv-showcase-image[data-dragging] .pv-showcase-grip{background:#e5ff91;box-shadow:0 3px 20px #111c,0 0 0 5px #d7f45b30}.pv-showcase-image .pv-showcase-divider:focus-visible{outline:none}.pv-showcase-divider:focus-visible .pv-showcase-grip{outline-offset:4px;outline:3px solid #d9d0f7}@media (prefers-reduced-motion:reduce){.pv-showcase-grip{transition:none}}.pv-showcase-slider{color:#b8bab1;gap:8px;max-width:480px;margin:14px auto 0;font-size:11px;display:grid}.pv-showcase-slider input{accent-color:#d7f45b;width:100%;min-height:24px}.pv-showcase-slider input:focus-visible{outline-offset:4px;outline:2px solid #d7f45b}.pv-showcase figcaption{color:#9c9d95;flex-wrap:wrap;justify-content:center;gap:8px 12px;padding-top:12px;font-size:10px;line-height:1.6;display:flex}.pv-showcase figcaption a{color:#c9c7e1;text-underline-offset:3px}.fx-video-reference{color:#9c9d95;justify-content:space-between;gap:10px;padding-top:9px;font-size:10px;display:flex}.fx-video-reference a{color:#c9c7e1;text-underline-offset:3px}.fx-samples[data-showcase=true]{grid-template-columns:repeat(auto-fit,minmax(65px,1fr))}.fx-samples[data-showcase=true] img{object-fit:cover}.fx-directory-preview .pv-showcase-image{max-height:260px;width:100%!important}.fx-directory-preview .pv-showcase figcaption{padding-top:8px;font-size:9px}.fx-directory-preview .pv-showcase-slider{margin-top:8px}.fx-directory-preview .pv-showcase-tag{font-size:9px;top:8px}.fx-quality-comparison:has(.pv-showcase){display:block}@media (width<=600px){.pv-showcase-image{max-width:100%}.pv-showcase-tag{font-size:10px;top:8px}.pv-showcase figcaption{font-size:9px}.fx-samples[data-showcase=true]>button{flex-basis:76px}.fx-video-reference{flex-wrap:wrap}}.pv-showcase-credit{color:#9c9d95;margin:0 0 22px;font-size:11px;line-height:1.6}.pv-showcase-credit a{color:#c9c7e1;text-underline-offset:3px}.fx-directory-video video{object-fit:contain;background:#141516}.fx-use-example:disabled{opacity:.55;cursor:default}