/* furfam-mockup.css
   ---------------------------------------------------------------------------
   Design-canvas / gallery / cart-image rules PORTED VERBATIM from css/furfam.css
   for the pass-B redesign pages (home, order), which do not load furfam.css
   (spec 2026-09-16 section 3.3). Everything that composites the customer's pet
   and name onto the blanket mockup lived only in furfam.css: .design-canvas,
   .custom-design, .custom-design-name (mask-image via --pet-name-url),
   .color-mask, the div.image.image-* cells of div#product-image-gallery, the
   form#order-info.status-* / .has-pets / .preloading state rules, the
   --name-image-* / --background-style-* variables and the cart drawer's
   a.order-image mockup.

   Rules are copied unchanged (selectors, values, source order) so the
   specificity relations of furfam.css are preserved. Only rules for other
   products/templates, legacy-only containers and the old order-page layout
   were left out. Each section comment names the furfam.css line range it came
   from. Loaded before furfam-2026.css.

   The ONLY non-verbatim edits: four blocks that mixed the canvas status bar with
   the order card's div#design-status-message bar (furfam-2026.css owns that one)
   had their div#design-status-message comma-selectors removed, the canvas
   selectors and declarations are unchanged: furfam.css 2333-2349, 2421-2429,
   2463-2468 and 9259-9262. The "Preparing the magic!" ::before (2365-2418) is
   kept as is; furfam-2026.css neutralises it on #design-status-message.

   DELETE THIS FILE when the legacy stylesheet (css/furfam.css) is retired and
   these rules move into furfam-2026.css.
   ------------------------------------------------------------------------- */

/* furfam.css 2010-2024 */
:root {
          --background-style-dreamy-url:url('/images/products/background-style-61.png?v=12');
          --background-style-wildflower-url:url('/images/products/background-style-68.png?v=7');
          --background-style-confetti-url:url('/images/products/background-style-62.png?v=8');
          --background-style-wavy-url:url('/images/products/background-style-69.png?v=7');
          --background-style-spotlight-url:url('/images/products/background-style-370.png?v=10');

          --background-style-dreamy-warp-product-16-medium-url:url("/images/products/background-style-61-product-warp-product-16-medium.png?v=11");
          --background-style-wildflower-warp-product-16-medium-url:url("/images/products/background-style-68-product-warp-product-16-medium.png?v=11");
          --background-style-confetti-warp-product-16-medium-url:url("/images/products/background-style-62-product-warp-product-16-medium.png?v=12");
          --background-style-wavy-warp-product-16-medium-url:url("/images/products/background-style-69-product-warp-product-16-medium.png?v=11");
          --background-style-spotlight-warp-product-16-medium-url:url("/images/products/background-style-370-product-warp-product-16-medium.png?v=12");
          
          --background-style-url:var(--background-style-dreamy-url);
     }

/* furfam.css 2033-2036 */
.background-style-dreamy,
     .background-style-61{ 
          --background-style-url:var(--background-style-dreamy-url);
     }

/* furfam.css 2037-2043 */
.is-cart-image.product-16.background-style-dreamy.size-medium,
     body:not(.canvas) .product-16.background-style-dreamy.size-medium,
     a.product-link .product-16.background-style-dreamy,
     .product-16 .background-style-61 .image.image-medium:not(.image-design-detail),
     .background-style-61.product-16 .image.image-medium{ /* Set any special mockup warp images */
         --background-style-url:var(--background-style-dreamy-warp-product-16-medium-url);
     }

/* furfam.css 2045-2048 */
.background-style-wildflower,
     .background-style-68{ 
          --background-style-url:var(--background-style-wildflower-url);
     }

/* furfam.css 2049-2053 */
.is-cart-image.product-16.background-style-wildflower.size-medium,
     .product-16 .background-style-68 .image.image-medium:not(.image-design-detail),
     .product-16 .background-style-68 .image.image-medium{ /* Set any special mockup warp images */
         --background-style-url:var(--background-style-wildflower-warp-product-16-medium-url);
     }

/* furfam.css 2055-2058 */
.background-style-confetti,
     .background-style-62{ 
          --background-style-url:var(--background-style-confetti-url);
     }

/* furfam.css 2059-2063 */
.is-cart-image.product-16.background-style-confetti.size-medium,
     .product-16 .background-style-62 .image.image-medium:not(.image-design-detail),
     .product-16.background-style-62 .image.image-medium{ /* Set any special mockup warp images */
         --background-style-url:var(--background-style-confetti-warp-product-16-medium-url);
     }

/* furfam.css 2065-2068 */
.background-style-wavy,
     .background-style-69{ 
          --background-style-url:var(--background-style-wavy-url);
     }

/* furfam.css 2069-2073 */
.is-cart-image.product-16.background-style-wavy.size-medium,
     .product-16 .background-style-69 .image.image-medium:not(.image-design-detail),
     .background-style-69.product-16 .image.image-medium{ /* Set any special mockup warp images */
         --background-style-url:var(--background-style-wavy-warp-product-16-medium-url);
     }

/* furfam.css 2075-2078 */
.background-style-spotlight,
     .background-style-370{ 
          --background-style-url:var(--background-style-spotlight-url);
     }

/* furfam.css 2079-2083 */
.is-cart-image.product-16.background-style-spotlight.size-medium,
     .product-16 .background-style-370 .image.image-medium:not(.image-design-detail),
     .background-style-370.product-16 .image.image-medium{ /* Set any special mockup warp images */
         --background-style-url:var(--background-style-spotlight-warp-product-16-medium-url);
     }

/* furfam.css 2085-2089 */
body.canvas.print-image.background-style-spotlight div.profile-image::before,
     .background-style-spotlight div.design-canvas div.custom-design::before,
     section#order-page-2 form.background-style-370 div.image div.design div.custom-design::before{
          background:transparent;
     }

/* furfam.css 2333-2349 (minus its two div#design-status-message selectors, see header) */
form#order-info.status-generating div.main-carousel div.custom-design div.status-bar{
          background:#fff;
          border-radius:0.25rem;
          outline:3px solid #fff;
          display:block;
          height:3rem;
          left:0;
          margin:0;
          padding:0;
          position:absolute;
          top:0;
          width:100%;
          z-index:0;

     }

/* furfam.css 2352-2362 */
form#order-info.status-generating div.main-carousel div.custom-design div.status-bar{
          border-radius:0.3rem;

          left:0;
          box-shadow:0 0 0px 3px #f5f5f5;
          margin:0 auto;
          right:0;
          top:auto;
          min-width:200px;
          width:50%;
     }

/* furfam.css 2365-2377 */
form#order-info.status-generating div.status-bar::before{
          content: 'Preparing the magic!';
          font-size:0.8rem;
          position:absolute;
          height:100%;
          left:0;
          line-height:1rem;
          text-align:center;

          top:30%;

          width:100%;
     }

/* furfam.css 2378-2380 */
form#order-info.status-generating.step-2 div.status-bar::before{
          content: 'Oh wow, what a cutie!';
     }

/* furfam.css 2381-2383 */
form#order-info.status-generating.step-3 div.status-bar::before{
          content: 'Capturing that perfect face';
     }

/* furfam.css 2385-2388 */
form#order-info.status-generating.step-4 div.status-bar::before{

          content: 'Adding artistic flair';
     }

/* furfam.css 2389-2391 */
form#order-info.status-generating.step-5 div.status-bar::before{
          content: 'This is looking amazing!';
     }

/* furfam.css 2392-2394 */
form#order-info.status-generating.step-6 div.status-bar::before{
          content: 'Almost ready to dazzle you...';
     }

/* furfam.css 2395-2397 */
form#order-info.status-generating.step-7 div.status-bar::before{
          content: 'Fine-tuning the masterpiece';
     }

/* furfam.css 2398-2400 */
form#order-info.status-generating.step-8 div.status-bar::before{
          content: 'Adding final touches';
     }

/* furfam.css 2401-2403 */
form#order-info.status-generating.step-9 div.status-bar::before{
          content: 'Perfecting every whisker';
     }

/* furfam.css 2404-2406 */
form#order-info.status-generating.step-10 div.status-bar::before{
          content: 'Getting it just right';
     }

/* furfam.css 2407-2409 */
form#order-info.status-generating.step-11 div.status-bar::before{
          content: 'Quality check complete!';
     }

/* furfam.css 2410-2412 */
form#order-info.status-generating.step-12 div.status-bar::before{
          content: 'Drumroll please...';
     }

/* furfam.css 2413-2415 */
form#order-info.status-generating.step-13 div.status-bar::before{
          content: 'Ta-da! Your masterpiece awaits!';
     }

/* furfam.css 2416-2418 */
form#order-info.status-generating.step-14 div.status-bar::before{
          content: 'Ready to reveal!';
     }

/* furfam.css 2421-2429 (minus its div#design-status-message selector, see header) */
form#order-info.status-generating div.custom-design div.status-bar div.progress{
          background:rgb(204, 235, 255);
          background:var(--alert-progress);
          box-shadow:none;
          border-right:1px solid #fff;
          height:3rem;
          margin:0;
     }

/* furfam.css 2463-2468 (minus its div#design-status-message selector, see header) */
form#order-info.status-generating div.custom-design div.status-bar div.progress{

          animation: progressAnimation 60s linear;
          animation: progressAnimation 25s ease-in;
     }

/* furfam.css 3676-3679 */
section#order-page-2 div#product-image-gallery.preloading div.carousel-cell{
          display:none;

     }

/* furfam.css 3681-3683 */
section#order-page-2 div#product-image-gallery.preloading div.carousel-cell:nth-of-type(1){
          display:block;
     }

/* furfam.css 3684-3690 */
section#order-page-2 div#product-image-gallery div.carousel-cell div.image{


          border-radius:0.4rem;
          overflow:hidden;
          position:relative;
     }

/* furfam.css 3691-3716 */
body:not(.is-b) section#order-page-2 form.status-complete div#product-image-gallery div.carousel-cell div.image.image-design-view div.design-canvas::after,
body:not(.is-b) section#order-page-2 form.status-complete div#product-image-gallery div.carousel-cell div.image.image-back-design-detail div.design-canvas::after,
body:not(.is-b) section#order-page-2 form.has-pets div#product-image-gallery div.carousel-cell div.image.image-back-design-detail div.design-canvas::after,
body:not(.is-b) section#order-page-2 form.status-complete div#product-image-gallery div.carousel-cell div.image.image-design-detail div.design-canvas::after,
body:not(.is-b) section#order-page-2 form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.design-canvas::after{
content:'';     

     display:block;
     height:100%;
     left:0;
     position:absolute;
     opacity:1;
     top:0;

     width:100%;

     z-index:100;

    mask-image: url("/images/watermark-light.png?v=2");
    mask-size:25% auto;
    mask-position:top left;
    mask-repeat:repeat;

  animation: animatedBackground 200s linear infinite; /* Apply the animation */
     background:#fff3;
}

/* furfam.css 3719-3730 */
@keyframes animatedBackground {
  from {
    /* Starting position: top-left corner (0% horizontal, 0% vertical) */
    mask-position: 0 0;
  }
  to {


    /* Ending position: shifted entirely to the right (100% horizontal) */
    mask-position: 100% 0;
  }
}

/* furfam.css 3735-3755 */
section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1::before,
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.image-mockup::before{
          background-size:contain;
          box-shadow:0px 0px 3px 1px #555;
          outline:4px solid #fff;
          content:'';
          height:25%;
          display:block;
          left:8%;
          max-height:140px;
          max-width:140px;
          margin:0;
          position:absolute;
          top:18%;
          transition:all .15s ease-out;
          transition:all 1s ease-out;
          transform:rotate(-5deg);
          width:25%;
          z-index:12;
     }

/* furfam.css 3756-3758 */
section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1::before{
          display:none;
     }

/* furfam.css 3759-3762 */
section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell:nth-child(1) div.image.has-design-1::before{

          display:block;
     }

/* furfam.css 3781-3786 */
section#order-page-2 div#product-image-gallery div.carousel-cell div.image.image-phone-screen::before,
     section#order-page-2 div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::before{
          left:67%;
          top:20%;
         transform:rotate(5deg);
      }

/* furfam.css 3791-3808 */
section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1::after,
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.image-mockup::after,
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::after,
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.image-design-detail::after{
          background:transparent url("/images/customize-badge.png?v=2") center center no-repeat;
          background-size:contain;
          content:'';
          height:25%;
          display:block;
          position:absolute;
          left:auto;
          right:2%;
          top:2%;
          transform:rotate(15deg);
          transition:all 1s ease-out;
          width:25%;
          z-index:10;
     }

/* furfam.css 3809-3814 */
section#order-page-2 div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::after{
          transform:rotate(0deg);
          left:7%;
          top:0%;
          width:80%;    
     }

/* furfam.css 3815-3848 */
section#order-page-2.cached form#order-info div#product-image-gallery div.carousel-cell div.image.has-design-1::before,
     section#order-page-2.cached form#order-info div#product-image-gallery div.carousel-cell div.image.has-design-1::after,
     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.has-design-1::after,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.has-design-1::after,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.has-design-1::after,

     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::before,

     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-mockup::before,

     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::after,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::after,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::after,

     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-mockup::after,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-mockup::after,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-mockup::after,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.has-design-1::before,


     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-design-detail::after,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-design-detail::after,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-design-detail::after,
     
     section#order-page-2.cached div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2.x_cached div#product-image-gallery div.carousel-cell div.image.image-mockup::after,
     section#order-page-2.cached div#product-image-gallery div.carousel-cell div.image.image-design-detail::after{
          opacity:0 !important;;
          transform:translateY(-25%);
     }

/* furfam.css 3849-3856 */
section#order-page-2.cached div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-mockup::before{

          transform:translateY(25%);

     }

/* furfam.css 3859-3863 */
section#order-page-2 div#product-image-gallery.random-design-1 div.carousel-cell div.image.has-design-1::before,
     section#order-page-2 div#product-image-gallery.random-design-1 div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 div#product-image-gallery.random-design-1 div.carousel-cell div.image.image-mockup::before{
          background-image: url("/images/products/default_design_1.jpg?v=2");
     }

/* furfam.css 3865-3869 */
section#order-page-2 div#product-image-gallery.random-design-2 div.carousel-cell div.image.has-design-1::before,
     section#order-page-2 div#product-image-gallery.random-design-2 div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 div#product-image-gallery.random-design-2 div.carousel-cell div.image.image-mockup::before{
          background-image: url("/images/products/default_design_2.jpg?v=2");
     }

/* furfam.css 3870-3874 */
section#order-page-2 div#product-image-gallery.random-design-3 div.carousel-cell div.image.has-design-1::before,
     section#order-page-2 div#product-image-gallery.random-design-3 div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 div#product-image-gallery.random-design-3 div.carousel-cell div.image.image-mockup::before{
          background-image: url("/images/products/default_design_3.jpg?v=2");
     }

/* furfam.css 3875-3880 */
section#order-page-2 div#product-image-gallery.random-design-4 div.carousel-cell div.image.has-design-1::before,
     section#order-page-2 div#product-image-gallery.random-design-4 div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 div#product-image-gallery.random-design-4 div.carousel-cell div.image.image-mockup::before{

          background-image: url("/images/products/default_design_4.jpg?v=2");
     }

/* furfam.css 3881-3886 */
section#order-page-2.is-share-design-1 div#product-image-gallery div.carousel-cell div.image.image-mockup::before{
          background-image: url("/images/products/default_design_share.png");
          border-radius:1rem;
          outline:none;
          box-shadow:none;
     }

/* furfam.css 3887-3893 */
div#mobile-preview div.image > img,
     section#order-page-2 div#product-image-gallery div.carousel-cell div.image > img{
          border-radius:0.75rem;
          min-height:100px;
          object-fit:contain;
          width:100%;
     }

/* furfam.css 3895-3905 */
section#order-page-2 div#product-image-gallery img.copyright{
          height:100%;
          left:0;
          opacity:1;

          top:0;
          position:absolute;

          width:100%;
          z-index:10000;
     }

/* furfam.css 3907-3912 */
section#order-page-2 form#order-info div.design > div.custom-design{
          overflow:visible;
          position:absolute;

          z-index:100;
     }

/* furfam.css 3914-3917 */
body.loading-pets div.custom-design-name,
body.loading-pets img.custom-design{
     opacity:0 !important;
}

/* furfam.css 3919-3928 */
body.print-image div.profile-image img,
     div.design-canvas > div.custom-design img,
     section#order-page-2 form#order-info div.design > div.custom-design img{
          height:100%;
          object-fit:contain;

          pointer-events:none;
          object-position: center center;
          width:100%;
     }

/* furfam.css 3929-3934 */
@property --iris-radius {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 0%;

}

/* furfam.css 3937-3941 */
@property --iris-gradient-length {
    syntax: "<length> | <percentage>";
    inherits: false;
    initial-value: 0px;
}

/* furfam.css 3944-3946 */
section#order-page-2 form#order-info.status-complete div.design-canvas div.custom-design img.custom-design.preloading{
     opacity:0;
}

/* furfam.css 3947-3962 */
section#order-page-2 form#order-info.status-complete div.design-canvas div.custom-design img.custom-design:not(.preloading){
    --iris-radius: 100%;
    --iris-gradient-length: 60px;
    --time: 2s;

    -webkit-mask-image: radial-gradient(
      black,
      black var(--iris-radius),
      transparent calc(var(--iris-radius) + var(--iris-gradient-length)),
      transparent
    );
    transition: --iris-radius var(--time) cubic-bezier(0, 0.55, 0.45, 1),


                --iris-gradient-length var(--time) ease-out;
}

/* furfam.css 3965-3968 */
section#order-page-2 form#order-info.status-precomplete div.design-canvas div.custom-design img.custom-design{
    --iris-radius: -50%;
    --iris-gradient-length: 0px;
}

/* furfam.css 3970-3974 */
section#order-page-2 form#order-info.status-generating div.design > div.custom-design img,

     section#order-page-2 form#order-info.status-generating div.design > div.custom-design img.loading{
          height:60% !important;
     }

/* furfam.css 3982-4002 */
section#order-page-2 form#order-info.status-pregenerating div.design > div.custom-design img.custom-design.is-photo-preview,
     section#order-page-2 form#order-info.status-generating div.design > div.custom-design img.custom-design.is-photo-preview,
     section#order-page-2 form#order-info.status-complete div.design-canvas div.custom-design img.custom-design.preloading.is-photo-preview{
          animation:moderatedPhotoProcessing 2.4s ease-in-out infinite;
          border-radius:0.5rem;
          bottom:0;
          box-shadow:0 2px 12px 0 #0003;
          left:0;
          margin:auto;
          object-fit:contain;
          opacity:1;
          position:absolute;
          right:0;
          top:0;
          /* auto width/height capped by both maxes keeps the box hugging the photo
             at any aspect ratio, so the corners and shadow never frame empty space */
          height:auto;
          max-height:60%;
          max-width:70%;
          width:auto;
     }

/* furfam.css 4003-4012 */
@keyframes moderatedPhotoProcessing{
          0%, 100%{
               filter:grayscale(0.85) brightness(1.4);
               transform:scale(1) rotate(0deg);
          }
          50%{
               filter:grayscale(0.15) brightness(1);
               transform:scale(1.15) rotate(10deg);
          }
     }

@media (prefers-reduced-motion: reduce) {

/* furfam.css 4014-4018 */
section#order-page-2 form#order-info div.custom-design img.custom-design.is-photo-preview{
               animation:none;
               filter:grayscale(0.4);
               transform:none;
          }
}

/* furfam.css 4020-4032 */
div.design-canvas div.status-bar,
     body.canvas div.custom-design div.status-bar,
     form#order-info div.custom-design div.status-bar{
          bottom:5%;
          box-shadow:0 0 5px 0 #555a;
          display:none;
          position:absolute;
          left:0;
          margin:0 5%;
          top:auto;     
          width:90%;
          z-index:1000;          
     }

/* furfam.css 4034-4038 */
section#order-page-2.cached div#product-image-gallery div.design-canvas div.custom-design-name,

     section#order-page-2.cached div#product-image-gallery div.design-canvas img.custom-design{
          opacity:0;
     }

/* furfam.css 4041-4043 */
section#order-page-2 div#product-image-gallery div.design-canvas div.custom-design{
          transition:all .15s ease-out;
     }

/* furfam.css 4044-4047 */
section#order-page-2.cached div#product-image-gallery div.design-canvas div.custom-design{
          background:transparent url(/l.svg) center center no-repeat !important;
          background-size:100% !important;
     }

/* furfam.css 4048-4050 */
section#order-page-2 div#product-image-gallery div.image div.design{
          display:none
     }

/* furfam.css 4051-4061 */
div#mobile-preview div.image div.design,
     section#order-page-2 div#product-image-gallery div.image.has-design-1 div.design{
          display:block;
          height:100%;
          left:0;
          position:absolute;

          top:0;
          width:100%;
          z-index:1;     
     }

/* furfam.css 4066-4078 */
body.print-image div.profile-name,
     body.canvas div#canvas-image div.design span.custom-design-name,
     div.design-canvas div.custom-design-name,
     section#order-page-2 div.image div.design div.custom-design-name{
          background-color: rgb(var(--mockup-contrast-color));
          mask-image:var(--pet-name-url);
          display:none;
          position:absolute;
          mask-size:contain;
          mask-position:center center;
          mask-repeat:no-repeat;
          z-index:1000;
     }

/* furfam.css 4079-4082 */
body.canvas div#canvas-image.generate-name-image-1 div.design span.custom-design-name,
     section#order-page-2 form#order-info.generate-name-image-1:not(.status-generating) div.image div.design div.custom-design-name{
          display:block;
     }

/* furfam.css 4083-4087 */
section#order-page-2 form#order-info.status-generating div.image div.design div.custom-design-name{

          display:none;
          opacity:0;
     }

/* furfam.css 4090-4099 */
body,
     section#order-page-2{
          --name-image-signature:url(/images/font_5_default_text.png?v=2);
          --name-image-modern:url(/images/font_4_default_text.png?v=3);
          --name-image-classic:url(/images/font_6_default_text.png?v=3);
          --name-image-no-name:none;
          --pet-name-url:url(/images/font_5_default_text.png?v=2);
          --font-classic-scale:0.65;
          --font-modern-scale:0.6;
     }

/* furfam.css 4100-4103 */
.font-signature div.design div.custom-design-name,
     .font-signature form:not(.has-pets) div.design div.custom-design-name{
          mask-image: var(--name-image-signature);
     }

/* furfam.css 4104-4108 */
.font-modern div.design div.profile-name,
     .font-modern div.design div.custom-design-name{
          --pet-name-url:var(--name-image-modern);
          transform:scale(var(--font-modern-scale));
     }

/* furfam.css 4109-4116 */
.font-classic div.design div.profile-name,
     .font-classic div.design div.custom-design-name{



          --pet-name-url:var(--name-image-classic);
          transform:scale(var(--font-classic-scale));
     }

/* furfam.css 4117-4123 */
body.print-image.font-no-name div#design div.profile-name,
     .font-no-name div.design div.custom-design-name,
     .font-no-name div.design div.custom-design::before{
          /* Hide the pet name and name background shadow */
          --pet-name-url:var(--name-image-no-name);
          visibility:hidden;
     }

/* furfam.css 4124-4129 */
body.print-image.font-no-name div#design div.profile-image img.subject,
     .font-no-name div.design.product-16 div.custom-design img.custom-design,
     .font-no-name div.design.product-34 div.custom-design img.custom-design,
     .font-no-name div.design.template-portrait div.custom-design img.custom-design{
          transform:translateY(-12%);
     }

/* furfam.css 4132-4135 */
body.canvas div#canvas-image div.design span.custom-design-name img,
     section#order-page-2 form#order-info.generate-name-image-1 div.image div.design div.custom-design-name img{
          visibility:hidden;
     }

/* furfam.css 4138-4140 */
section#order-page-2 form#order-info div.image div.design div.custom-design-name svg.text-name{
          display:none;
     }

/* furfam.css 4146-4149 */
section#order-page-2 div#product-image-gallery div.is-selected div.image div.design.updated-design img.custom-design{
            animation:pulseOutlineUpdatedDesign 0.5s;
            transition:all 0.25s;
     }

/* furfam.css 4152-4182 */
section#order-page-2 div#product-image-gallery div.carousel-cell div.image div.color-title{
          background: #fbede7;


          background:#fff;
          border-radius:0.5rem;
          border-top-left-radius:0;
          border-bottom-left-radius:0;
          box-shadow:0 0 5px 3px #5552;
          color:#555;
          display:none;
          font-size:1.2rem;
            font-size: clamp(16px, 2cqi, 20px);


          left:0%;
          line-height:140%;
          padding:0.5rem 1rem 0.5rem 0.75rem;
          position: absolute;
          bottom:10%;
          z-index:10;
          
          bottom:0;
          border-top-right-radius:1.5rem;
          padding-right:1.5rem;

          border-bottom-right-radius:0;

          background: var(--bs-dark);
          color:#fff;
     }

/* furfam.css 4183-4187 */
section#order-page-2 div#product-image-gallery div.image div.color-title::before{
          content:'Shirt Color';
          display:none;

     }

/* furfam.css 4188-4191 */
body.lang-es section#order-page-2 div#product-image-gallery div.image div.color-title::before{

          content:'Color de Camiseta';
     }

/* furfam.css 4192-4199 */
section#order-page-2 div#product-image-gallery div.image div.color-title::after{

          content: attr(data-product_color) ;
          display:block;
            font-size: clamp(19px, 2.5cqi, 30px);
            font-size: clamp(19px, 2.5cqi, 23px);
          font-weight:bold;
     }

/* furfam.css 4606-4613 */
body.canvas div.product-color-mask.is-heather-1,

     div.design-canvas.product-19 div.color-mask.is-heather-1,
     section#order-page-2 div.image div.color-mask.is-heather{ 
          background-image: url("/images/heather-texture-3.png?v=1") !important;
          background-size:100px 100px !important;
          transition:background-color 0.15s, background-size 0s;
     }

/* furfam.css 4618-4624 */
section#order-page-2 div.image.image-design-detail div.color-mask.is-heather{ 
          background-image: url("/images/heather-texture-3.png?v=1") !important;
          background-size:300px 100px !important;
          transition:background-color 0.15s, background-size 0s;


     }

@media (max-width:576px) {

/* furfam.css 5253-5257 */
section#order-page-2 div#mobile-preview > div.image,
          section#order-page-2 div#mobile-preview > div.image > img{
               border-radius:0;
               pointer-events:none;
          }

/* furfam.css 5258-5264 */
section#order-page-2 div#mobile-preview img.copyright,
          section#order-page-2 div#mobile-preview div.color-title,
          section#order-page-2 div#mobile-preview div.image.image-mockup::before {
               display:none !important;
               opacity:0;

          }

/* furfam.css 5299-5301 */
form#order-info.status-generating div.main-carousel div.custom-design div.status-bar{
               min-width:150px;
          }
}

@media only screen and (max-width: 768px) {

/* furfam.css 5360-5364 */
section#order-page-2 div#product-image-gallery div.carousel-cell div.image,

          section#order-page-2 div#product-image-gallery div.carousel-cell div.image > img{
               border-radius:0rem;
          }
}

/* furfam.css 8577-8586 */
body.canvas div#canvas-image.product-studio-blanket div.design,
     div.design-canvas.product-16,
     section#order-page-2.product-studio-blanket div.image.image-mockup div.design{
          mask-image: url('/images/product-custom-pet-blanket-mask.png?v=5');
          mask-repeat: no-repeat;
          mask-size: contain;

         mask-position:center center;
          mix-blend-mode:multiply;
     }

/* furfam.css 8588-8594 */
section#order-page-2.product-studio-blanket div.image.image-mockup div.color-title,
     section#order-page-2.product-studio-blanket div.image.image-large div.color-title,

     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.color-title{
          display:block !important;

     }

/* furfam.css 8595-8601 */
section#order-page-2.product-studio-blanket div.image.image-mockup div.color-title::before,
     section#order-page-2.product-studio-blanket div.image.image-large div.color-title::before,
     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.color-title::before{

          content:'Size' !important;

     }

/* furfam.css 8602-8605 */
section#order-page-2.product-studio-blanket div.image.image-large div.color-title::after{
          content:'Large 60" x 80"' !important;

     }

/* furfam.css 8607-8609 */
section#order-page-2.product-studio-blanket div.image.image-mockup div.color-title::after{
          content:'Medium 50" x 60"' !important;
     }

/* furfam.css 8610-8612 */
section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.color-title::after{
          content:'Baby 30" x 40"' !important;
     }

/* furfam.css 8622-8644 */
body.canvas div#canvas-image.product-16 div.design div.custom-design,
     body.canvas div#canvas-image.product-studio-blanket div.design span.profile-image,

     section#order-page-2.product-studio-blanket div.image.image-design-detail div.design div.custom-design,

     div.design-canvas.product-16 div.custom-design,
     .product-16 div.design-canvas div.custom-design,

     section#order-page-2.product-studio-blanket div.image.image-mockup div.design div.custom-design{
          /* Position the custom design on the mockup */
          object-fit:contain;
          object-position:center bottom;
          position:absolute;

          height:62%;
          left:21%;
          padding:0;
          top:32%;
          width:58%;
        
          z-index:20;

     }

/* furfam.css 8647-8662 */
.product-16.design-canvas::before,
     section#X_order-page-2.product-studio-blanket div.image div.design::before{
          background:transparent var(--background-style-url) center top no-repeat;          
          background-size:contain;

          content:'';
          height:100%;
          left:0;
          
          opacity:0.6;
          position:absolute;
          top:0;

          width:100%;
          z-index:10;
     }

/* furfam.css 8672-8685 */
body.canvas.size-small div#canvas-image.product-studio-blanket div.design div.custom-design,
     .product-16.size-small div.design-canvas div.custom-design,

     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.design div.custom-design{
          /* Position the custom design on the mockup */
          height:54%;

          left:21%;

          padding:0;

          top:22%;
          width:48%;
     }

/* furfam.css 8687-8699 */
body.canvas.size-small div#canvas-image.product-studio-blanket div.design div.custom-design::after,
     .product-16.size-small div.design-canvas div.custom-design::after,







     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.design div.custom-design::after{
         left:86%;
          top:90%;
}

/* furfam.css 8703-8707 */
.product-16.size-medium div.design-canvas::before,
section#order-page-2.product-studio-blanket div.image.image-medium div.design::before {
     background-size:cover;
     background-position:center center;
}

/* furfam.css 8709-8711 */
div.design-canvas.product-16 div.custom-design-name img{
          visibility:hidden;
     }

/* furfam.css 8712-8734 */
body.print-image.product-studio-blanket div.profile-image::after,

     div.design-canvas.product-16 div.custom-design::after,
     section#order-page-2.product-studio-blanket form:not(.status-generating) div#product-image-gallery div.design div.custom-design::after{
          background-image: linear-gradient(to bottom, #fff 0%, rgb(var(--product-color)) 120%);

          bottom:2%;
          height:10%;
          content:'';

          display:block;
          mask-image: url("/images/fur-fam-square.svg");
          mask-repeat:no-repeat;
          mask-size:88% 88%;
          mask-position:center center;


          position:absolute;

          right:0;
          width:10%;
          
     }

/* furfam.css 8736-8741 */
body.canvas.size-medium div#canvas-image.product-studio-blanket div.design div.custom-design::after,
.product-16.size-medium div.design-canvas div.custom-design::after{
     /* section#order-page-2.product-studio-blanket div.image.image-medium div.design div.custom-design::after{*/
        left:92%;
          top:87%;
}

/* furfam.css 8744-8749 */
section#order-page-2.product-studio-blanket div.image.image-design-detail div.design-canvas.product-16,
     section#order-page-2.product-studio-blanket div.image.image-design-detail div.design{
          mask:none;
          mix-blend-mode:normal;

     }

/* furfam.css 8750-8752 */
section#order-page-2.product-studio-blanket form.status-generating div.image.image-mockup div.design div.custom-design{
          top:20%;
     }

/* furfam.css 8762-8805 */
div.design-canvas.product-16 div.color-mask,
     section#order-page-2.product-studio-blanket div.image.image-mockup div.color-mask{


          /* Place the blank mockup */
          background:rgb(var(--product-color));
          background-size:100% auto;
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_mockup_background.png?v=11") center center no-repeat;          
  
          background:rgb(var(--product-color)) var(--background-style-medium-blanket-url) center center no-repeat;          
          
          background:rgb(var(--product-color));
          
          
          background-size:65%;
          background-position:50% 75%;


          background-size:100%;
          background-position:50% 50%;


          height:100%;
          left:0;     
          mask-image: url('/images/product-custom-pet-blanket-mask.png?v=cc');
          mask-repeat: no-repeat;
          mask-size: contain;

         mask-position:center center;
mask:unset;


          opacity:1;

          transition:0.2s ease-out;
          position:absolute;


          top:0;
          width:100%;

          z-index:0;

     }

/* furfam.css 8808-8815 */
section#order-page-2.product-29 div.image.image-sizes div.design,
section#order-page-2.product-studio-blanket div.image.image-sizes div.design{
     box-shadow:0 0 0px 1px #fff;
     mask:unset;
     mix-blend-mode:normal;
     height:50%;
     width:50%;
}

/* furfam.css 8816-8822 */
section#order-page-2.product-29 div#product-image-gallery div.image.image-sizes div.design.design-canvas::before,
section#order-page-2.product-studio-blanket div#product-image-gallery div.image.image-sizes div.design.design-canvas::before{

background-size:cover;


}

/* furfam.css 8823-8830 */
section#order-page-2.product-29 div#product-image-gallery div.image.image-sizes div.design.design-canvas,
section#order-page-2.product-studio-blanket div#product-image-gallery div.image.image-sizes div.design.design-canvas{
     aspect-ratio:0.75;
     height:auto;
     left:12%;
     top:43.7%;
     width:11.2%;
}

/* furfam.css 8831-8837 */
section#order-page-2.product-29 div#product-image-gallery div.image.image-sizes div.design.design-canvas.copy-2,
section#order-page-2.product-studio-blanket div#product-image-gallery div.image.image-sizes div.design.design-canvas.copy-2{
     aspect-ratio:0.84;
     left:41%;
top:38.4%;
     width:18.5%;
}

/* furfam.css 8838-8844 */
section#order-page-2.product-29 div#product-image-gallery div.image.image-sizes div.design.design-canvas.copy-3,
section#order-page-2.product-studio-blanket div#product-image-gallery div.image.image-sizes div.design.design-canvas.copy-3{
     aspect-ratio:0.75;
     left:71%;
top:32.3%;
     width:21.8%;
}

/* furfam.css 8854-8857 */
.order-image.product-16.size-small div.product{
          background:transparent url('/images/product-custom-pet-blanket-small.jpg') top left;
     background-size:contain;
}

/* furfam.css 8872-8880 */
body.canvas.size-small div#canvas-image.product-studio-blanket div.design,
     .product-16.size-small div.design-canvas,
     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.design{
          mask-image: url('/images/product-custom-pet-blanket-small-mask.png?v=h');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          mask:unset;
     }

/* furfam.css 8882-8916 */
body.canvas.size-small div#canvas-image.product-studio-blanket div.color-mask,
     .product-16.size-small div.design-canvas div.color-mask,
     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.color-mask{

          /* Place the blank mockup */
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          


          background:rgb(var(--product-color)) var(--background-style-url) center center no-repeat;          
          

          background:rgb(var(--product-color));
          



          background-size:56%;
          background-position:40% 10%;

          height:100%;
          left:0;     
          mask-image: url('/images/product-custom-pet-blanket-small-mask.png?v=j');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;




          transition:0.2s ease-out;
          position:absolute;
          top:0;
          width:100%;
          z-index:0;
     }

/* furfam.css 8918-8925 */
.product-16.size-small div.design-canvas::before,
section#order-page-2.product-studio-blanket div.image.image-small div.design::before {
     background-size:56%;
          background-position:42% 12%;     

     

}

/* furfam.css 8934-8937 */
.order-image.product-16.size-large div.product{
          background:transparent url('/images/product-custom-pet-blanket-extra-large.jpg?v=2') top left;
     background-size:contain;
}

/* furfam.css 8938-8946 */
.order-image.product-16.size-large div.design-canvas{
        mask-image: url('/images/product-custom-pet-blanket-extra-large-mask.png?v=2');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;


      mix-blend-mode:multiply;
}

/* furfam.css 8953-8976 */
body.canvas.size-large div#canvas-image.product-studio-blanket div.design,
     section#order-page-2.product-studio-blanket div.image.image-large div.color-mask,
     section#order-page-2.product-studio-blanket div.image.image-large div.design{
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          

          background:rgb(var(--product-color)) var(--background-style-url) center center no-repeat;          

          

          background-size:auto 100%;
          background-position:45% 60%;
          background:rgb(var(--product-color));


          mask-image: url('/images/product-custom-pet-blanket-extra-large-mask.png');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;





     }

/* furfam.css 8977-8979 */
section#order-page-2.product-studio-blanket div.image.image-large div.color-mask{
     display:none;
}

/* furfam.css 8981-8985 */
body.canvas.size-large div#canvas-image.product-studio-blanket div.design::before,
     section#order-page-2.product-studio-blanket div.image.image-large div.design::before{
          background-position:center 20%;
          background-size:72% auto;
     }

/* furfam.css 8987-8997 */
body.canvas.size-large div#canvas-image.product-studio-blanket div.design div.custom-design,
     section#order-page-2.product-studio-blanket div.image.image-large div.design div.custom-design{
          /* Position the custom design on the mockup */


          height:68%;
          left:16%;
          padding:0;
          top:24%;
          width:65%;
     }

/* furfam.css 9004-9009 */
body.print-image.product-studio-blanket div.front-design img.subject,
     section#order-page-2 form#order-info div.design.product-16 > div.custom-design img,
     div.design-canvas.product-16 > div.custom-design > img.custom-design{
          height:90%;
          margin-top:5%;
     }

/* furfam.css 9013-9043 */
body.print-image.product-studio-blanket div.profile-name,
     body.print-image.product-studio-blanket div.profile-image::before,
     body.canvas div#canvas-image.product-studio-blanket div.design span.custom-design-name,
     div.design-canvas.product-16 div.custom-design-name,
     div.design-canvas.product-16 div.custom-design::before,
     section#order-page-2.product-studio-blanket div.image div.design div.custom-design-name{
          background:#fff;
          background-color: rgb(var(--mockup-contrast-color));
          display:block;
          
          mask-repeat: no-repeat;
          mask-size: contain;
          mask-position:center center;

          position:absolute;
          

          height:20%;
          left:0;

          margin:0 auto;
          opacity:1;
          right:0;
          top:-24%;

          top:-20%;
          width:80%;

          z-index:100;
          
     }

/* furfam.css 9044-9050 */
body.print-image.product-studio-blanket div.profile-name,
body.canvas div#canvas-image.product-studio-blanket div.design span.custom-design-name,
div.design-canvas.product-16 div.custom-design-name,

section#order-page-2.product-studio-blanket div.image div.design div.custom-design-name{
          opacity:0.7;     
}

/* furfam.css 9052-9062 */
body.print-image.product-studio-blanket div.profile-image::before,
div.design-canvas.product-16 div.custom-design::before{
     background:transparent;
          background-image: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(var(--product-color), 0.9) 20%, #fff0 50%);
     content:'';

     mask:none;
     transform:scale(1.4, 1.7);
     z-index:-10;

     }

/* furfam.css 9066-9069 */
.background-style-spotlight div.design-canvas.product-16 div.custom-design::before,
section#order-page-2.product-studio-blanket form.background-style-370 div.image div.design div.custom-design::before{
background:transparent;
}

/* furfam.css 9071-9089 */
body.print-image.product-studio-blanket div#design::before,
     section#order-page-2.product-studio-blanket form:not(.has-pets) div.image.image-design-detail::before{
          background:rgb(var(--product-color));
           background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center top no-repeat;         
          
          background:rgb(var(--product-color)) var(--background-style-url) center top no-repeat;
          background:rgb(var(--product-color));
          background-size:cover;
          content:'';
          display:block;
          height:100%;
          left:0;
          margin:auto;

          position:absolute;
          right:0;
          top:0;
          width:75%;     
     }

/* furfam.css 9106-9115 */
section#order-page-2.template-blanket div.image.image-design-detail div.design div.custom-design{
          bottom:1%;
          height:76%;
          left:0;
          margin:auto;
          position:absolute;
          right:0;
          top:auto;
          width:70%;
     }

/* furfam.css 9116-9119 */
section#order-page-2.template-blanket div.image.image-design-detail::after{
          top:68% !important;
          right:55% !important;;
}

/* furfam.css 9120-9123 */
section#order-page-2.template-blanket div#product-image-gallery div.image.image-design-detail div.design div.custom-design::after{
bottom:4%;
          right:-12%;
}

/* furfam.css 9124-9127 */
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.color-title,
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.design-canvas::after{
display:none !important;
}

/* furfam.css 9128-9139 */
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions{
     display:block;
     font-size: clamp(19px, 2.5cqi, 21px);
     font-weight:bold;
     height:100%;
     left:0;
     mix-blend-mode:normal;
     position:absolute;
     top:0;
     width:100%;
     z-index:1000;
}

/* furfam.css 9140-9147 */
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions > span::before{
     border-radius:5rem;
     color:#fff;
     padding:0rem 0.5rem;
     position:absolute;
     background:#555c;
     color:#fff;
}

/* furfam.css 9148-9152 */
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.width::before{
     bottom:0%;
     content:'30"';
     right:47%;
}

/* furfam.css 9153-9157 */
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.height::before{
     top:70%;
     content:'40"';
     right:5%;
}

/* furfam.css 9160-9163 */
section#order-page-2.template-blanket div#product-image-gallery.size-small div.image.image-design-detail{
         background:transparent url("/images/products/product_16_detail_small.jpg?v=2") center center no-repeat;
         background-size:cover;
}

/* furfam.css 9164-9170 */
section#order-page-2.template-blanket div#product-image-gallery.size-small div.image.image-design-detail div.design-canvas{
         mask-image: url("/images/products/product_16_detail_small_mask.png?v=4");
    mask-size:140%;

    mask-position:center center;
    mask-repeat:no-repeat;
}

/* furfam.css 9171-9173 */
section#order-page-2.template-blanket div#product-image-gallery div.carousel-cell .image.image-design-detail div.design-canvas{
     mix-blend-mode:multiply;
}

/* furfam.css 9174-9176 */
section#order-page-2.template-blanket div#product-image-gallery div.image.image-design-detail div.design-canvas::before{
         background-size:cover;
}

/* furfam.css 9177-9185 */
section#order-page-2.template-blanket div#product-image-gallery div.image.image-design-detail div.design-canvas{
          aspect-ratio:0.75;
          height:95%;
          left:0;
          margin:0 auto;
          right:0;
          top:2.5%;
          width:auto;
     }

/* furfam.css 9187-9190 */
section#order-page-2.template-blanket div#product-image-gallery.size-medium div.image.image-design-detail{
         background:transparent url("/images/products/product_16_detail_medium.jpg?v=2") center center no-repeat;
         background-size:cover;
}

/* furfam.css 9191-9196 */
section#order-page-2.template-blanket div#product-image-gallery.size-medium div.image.image-design-detail div.design-canvas{
         mask-image: url("/images/products/product_16_detail_medium_mask.png?v=3");
    mask-size:125.7%;
    mask-position:center center;
    mask-repeat:no-repeat;
}

/* furfam.css 9197-9200 */
section#order-page-2.template-blanket div#product-image-gallery.size-medium div.image.image-design-detail div.design-canvas{
          aspect-ratio:0.83;
     height:96%;
}

/* furfam.css 9201-9203 */
section#order-page-2.template-blanket form.has-pets div#product-image-gallery.size-medium div.carousel-cell div.image.image-design-detail div.dimensions span.width::before{
     content:'50"';
}

/* furfam.css 9204-9206 */
section#order-page-2.template-blanket form.has-pets div#product-image-gallery.size-medium div.carousel-cell div.image.image-design-detail div.dimensions span.height::before{
     content:'60"';
}

/* furfam.css 9208-9214 */
section#order-page-2.template-blanket div#product-image-gallery.size-large div.image.image-design-detail div.design-canvas{
          aspect-ratio:0.75;


         height:98%;
         top:1.5%;
     }

/* furfam.css 9215-9219 */
section#order-page-2.template-blanket div#product-image-gallery.size-large div.image.image-design-detail{

         background:transparent url("/images/products/product_16_detail_large.jpg?v=2") center center no-repeat;
         background-size:cover;
}

/* furfam.css 9220-9225 */
section#order-page-2.template-blanket div#product-image-gallery.size-large div.image.image-design-detail div.design-canvas{
         mask-image: url("/images/products/product_16_detail_large_mask.png?v=3");
    mask-size:136.4%;
    mask-position:center center;
    mask-repeat:no-repeat;
}

/* furfam.css 9226-9228 */
section#order-page-2.template-blanket form.has-pets div#product-image-gallery.size-large div.carousel-cell div.image.image-design-detail div.dimensions span.width::before{
     content:'60"';
}

/* furfam.css 9229-9231 */
section#order-page-2.template-blanket form.has-pets div#product-image-gallery.size-large div.carousel-cell div.image.image-design-detail div.dimensions span.height::before{
     content:'80"';
}

/* furfam.css 9253-9255 */
section#order-page-2.product-studio-blanket form.status-generating div.image.image-design-detail div.design div.custom-design{
         top:-25%;
     }

/* furfam.css 9256-9258 */
section#order-page-2.product-studio-blanket div.image.image-design-detail img.design-detail{
     visibility:hidden;
     }

/* furfam.css 9259-9262 (minus its div#design-status-message selector, see header) */
section#order-page-2.product-studio-blanket form#order-info.status-generating div.custom-design div.status-bar div.progress{
          animation: progressAnimation 22s ease-in;
     }

/* furfam.css 12832-12834 */
form#order-info.status-generating div.main-carousel div.custom-design div.status-bar{
top:60%;
}

/* furfam.css 21338-21354 */
@keyframes progressAnimation {

        0% {
          width: 0%;
        }







        100% {
          width: 100%;
        }

      }

/* furfam.css 24156-24177 */
div#shopping-cart li.order a.order-image{


            background:transparent url(/l.svg) top center no-repeat;


            background-size:80% 80%;

          background:transparent;
            min-height:100px;
          position:relative;

          width:140px;
          height:140px;
          pointer-events:none;
          aspect-ratio:1;
          height:auto;
          width:100%;
          border-radius:1.5rem;
          overflow:hidden;
          
     }

/* furfam.css 24209-24226 */
div#shopping-cart li.order img.order-image,
     div#shopping-cart li.order img.order-design-image{
          aspect-ratio:1;
          left:0;
          object-fit:cover;
          position:relative;

          position:absolute;




          top:0;
          width:100%;
          z-index:300;

          opacity:0;
     }

/* furfam.css 24232-24244 */
div#shopping-cart li.order img.copyright{
          border:1px solid #000;

          display:block;
          height:100%;
          left:0;

          opacity:1;
          position:absolute;
          top:0;
          width:100%;
          z-index:50;
     }

/* furfam.css 24669-24674 */
.order-image{
          display:block;
          padding:0;
          position:relative;
          aspect-ratio:1;
     }

/* furfam.css 24675-24683 */
.order-image div.design-canvas{

          aspect-ratio:1;
          height:auto;
          display:block;
          position:relative;
          width:100%;
          z-index:1;
     }

/* furfam.css 24684-24696 */
.order-image div.product{
          aspect-ratio:1;
          background:transparent url("/images/product-vintage-bootleg-pet-shirt.jpg") center top no-repeat;
          background-size:contain;
          display:block;
          height:auto;

          mix-blend-mode:multiply;
          position:absolute;
          z-index:10;

          width:100%;
     }

/* furfam.css 24718-24721 */
.order-image.product-16 div.product{

          background-image:url("/images/product-custom-pet-blanket.jpg?v=b");
     }

/* furfam.css 25823-25833 */
@keyframes pulseOutlineUpdatedDesign {
           0%{
              box-shadow:0px 0px 3px 3px var(--alert);

           }

           100%{
              box-shadow:0px 0px 0px 50px #fff0;

          }
      }

/* furfam.css 28108-28114 */
section#order-page-2 div#product-image-gallery div.carousel-cell div.image,


body.admin-gallery-screenshot section#order-page-2 div#product-image-gallery div.carousel-cell div.image > img{
     border-radius:0 !important;

}
