<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> html:not(.dark-theme) {

   .loading .ph,
   .loading-ph {
     position: relative;
     pointer-events: none;
     user-select: none;

     &amp;:after {
       content: "";
       position: absolute;
       top: -2px;
       left: -2px;
       bottom: -2px;
       right: -2px;
       background: linear-gradient(90deg, #ccc, #fff, #ccc);
       animation: ph-animation 1s infinite;
       background-size: 200% 100%;
     }

   }
 }

 .loading .ph-hide-loading {
   display: none !important;
 }

 .row&gt;.ph:after {
   left: 0.5rem;
   right: 0.5rem;
 }

 @keyframes ph-animation {
   0% {
     background-position: 100% 0%;
   }

   100% {
     background-position: -100% 0%;
   }
 }

 .ph-loading,
 .ph-sm-loading {
   display: none;
 }

 .loading .ph-loading {
   display: flex;
   flex-direction: column;
   gap: 1em;
 }

 .loading .ph-sm-loading {
   display: flex;
   flex-direction: column;
   gap: 0.5em;
 }

 .ph-sm-row {
   display: flex;
   height: 2em;
   gap: 0.5em;

   .ph-square {
     background: linear-gradient(90deg, #eee, #fff, #eee);
     animation: ph-animation 1s infinite;
     background-size: 200% 100%;
     width: 6em;
     height: 2em;
   }

   .ph-grow {
     flex-grow: 1;
   }
 }


 .ph-row {
   display: flex;
   height: 6em;
   gap: 2em;

   .ph-square {
     background: linear-gradient(90deg, #eee, #fff, #eee);
     animation: ph-animation 1s infinite;
     background-size: 200% 100%;
     width: 6em;
     height: 6em;
   }

   .ph-grow {
     flex-grow: 1;
   }
 }

 .ph-row-columns {
   display: flex;
   flex-direction: row;
   gap: 2em;
   flex-grow: 1;

   .ph-line {
     flex-grow: 1;
   }
 }

 .ph-lines {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 0.5em;
   flex-grow: 1;
 }

 .ph-big-line {
   background: linear-gradient(90deg, #eee, #fff, #eee);
   animation: ph-animation 1s infinite;
   background-size: 200% 100%;
   height: 4em;
   border-radius: 1em;
 }

 .ph-line {
   background: linear-gradient(90deg, #eee, #fff, #eee);
   animation: ph-animation 1s infinite;
   background-size: 200% 100%;
   height: 1em;
   border-radius: 1em;
 }



 html.dark-theme {

   .loading .ph,
   .loading-ph {
     position: relative;
     pointer-events: none;
     user-select: none;

     &amp;:after {
       content: "";
       position: absolute;
       top: -2px;
       left: -2px;
       bottom: -2px;
       right: -2px;
       background: linear-gradient(90deg, #333, #666, #333);
       animation: ph-animation 1s infinite;
       background-size: 200% 100%;
     }

   }

   .ph-sm-row {
     display: flex;
     height: 2em;
     gap: 0.5em;

     .ph-square {
       background: linear-gradient(90deg, #333, #666, #333);
       animation: ph-animation 1s infinite;
       background-size: 200% 100%;
       width: 6em;
       height: 2em;
     }

     .ph-grow {
       flex-grow: 1;
     }
   }

   .ph-row {
     display: flex;
     height: 6em;
     gap: 2em;

     .ph-square {
       background: linear-gradient(90deg, #333, #666, #333);
       animation: ph-animation 1s infinite;
       background-size: 200% 100%;
       width: 6em;
       height: 6em;
     }

     .ph-grow {
       flex-grow: 1;
     }
   }

   .ph-line {
     background: linear-gradient(90deg, #333, #666, #333);
     animation: ph-animation 1s infinite;
     background-size: 200% 100%;
     height: 1em;
     border-radius: 1em;
   }

   .ph-big-line {
    background: linear-gradient(90deg, #333, #666, #333);
    animation: ph-animation 1s infinite;
    background-size: 200% 100%;
    height: 4em;
    border-radius: 1em;
  }


 }</pre></body></html>