:root {
  /* Frame size and toggle */
  --f-on-off-pre: 1;
  --f-on-off: calc(var(--f-on-off-pre) * (1 - var(--loose-canvas)));
  --f-pre-width: 3.195%; /* default 2.195 percent, smallest frame size */
  --f-width: calc(var(--f-pre-width) * var(--f-on-off));
  --one-inch: 3.904%; /* is 1" of selected width, 16x24 */

  /* Floater gap */
  --floater-gap-pre: 0.976%; /* is 0.25" of selected width, default 0.976 percent, 16x24 */
  --floater-gap: calc(var(--f-on-off) * var(--floater-gap-pre));
  --floater-parallax-offset: 1; /* used to invert the parallax of artwork when floater frame is active | -1 when floater is active */
  --floater-gap-inactive: 0; /* used for the 0.25" cover of artwork from standard and shadowbox frames, but boolean opposite due to disabling artwork cover when framer active */


  --frame-image: url(https://cdn.prod.website-files.com/633e1ed7204d453a89f7eb38/66873a31b624144783bc4e25_V1368%201%203_16_%20-%20SH.avif);

  /* Substrate images */
  --canvas-texture: url(https://cdn.prod.website-files.com/633e1ed7204d45469df7eb24/69a27b52567ff052b9d61c53_canvas-texture-crosshatch-2.webp);
  --canvas-refl-mask: url(https://cdn.prod.website-files.com/633e1ed7204d45469df7eb24/69a0e9a870a5bda7373f9bdf_IMG_3217.jpg);
  --paper-texture: url(https://cdn.prod.website-files.com/633e1ed7204d45469df7eb24/692fd3b9782404bdf8ed3258_V7403_001.jpeg);

  /* Substrate and reflection settings */
  --substrate-blur: 5px; /* reflection blur based on finish */
  --refl-on-off: 0; /* show reflection when hovering over artowrk area */
  --refl-xpos: 50%; /* x-axis position of reflection */
  --refl-ypos: 50%; /* y-axis position of reflection */
  --inv-refl-xpos: calc(var(--refl-xpos) * -1 + 100%); /* inverse x-axis position of reflection for gradient */
  --inv-refl-ypos: calc(var(--refl-ypos) * -1 + 100%); /* inverse y-axis position of reflection for gradient */
  --size-area: 8%; /* base size of substrate pattern */
  --canvas-size: calc(var(--size-area) + 24%); /* canvas-specific substrate size, + increases base size, * increases scaling */
  --paper-size: calc(var(--size-area) + 10%); /* paper-specific substrate size, + increases base size, * increases scaling */

  /* Substrate toggles */
  --sub-metal: 0;
  --sub-canvas: 0;
  --sub-paper: 1;

  /* Canvas modes */
  --stretched-canvas: 1;
  --c-wrap: 0;
  --loose-canvas: 0;
  --loose-canvas-calc: calc(var(--one-inch) * -1 * var(--loose-canvas));

  /* Shadowbox shadow toggle */
  --s-box: 0; /* controls rounding effect on canvas edge */


--art-pad-x: 12vw;
--art-pad-y: 145px;
--floater-inset: calc(var(--f-width) + (var(--floater-gap) + (var(--floater-gap-inactive) * (var(--one-inch) * -0.25) * (var(--c-wrap) - 1 * -1))) + var(--loose-canvas-calc));
--loose-canvas-inset: calc(var(--loose-canvas-calc) * -1);
--inset-x: calc(var(--art-pad-x) + var(--floater-inset) + var(--loose-canvas-inset));
--inset-y: calc(var(--art-pad-y) + var(--floater-inset) + var(--loose-canvas-inset));
}