/* Garoon motion: preloader section. OWNER FILE: only the preloader agent edits this file. */
#preloader.pl-new { background-color: #e7e4e0; }
#preloader.pl-new .symbol-container { width: 120px; height: 120px; }
#preloader.pl-new .symbol { display: none; }
#preloader.pl-new #symbol1, #preloader.pl-new .pl-fill { display: block; opacity: 1; }
#preloader.pl-new #symbol1 path { stroke-width: 3; }
#preloader.pl-new .pl-fill { clip-path: inset(100% 0 0 0); }
#preloader.pl-new .pl-fill path { fill: #0d0d0d; stroke: #0d0d0d; stroke-width: 3; }
#preloader .pl-slices { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
#preloader .pl-slice { position: absolute; top: 0; bottom: 0; width: calc(20% + 1px); background: #e7e4e0; will-change: transform; }
#preloader .pl-slice:nth-child(1) { left: 0; }
#preloader .pl-slice:nth-child(2) { left: 20%; }
#preloader .pl-slice:nth-child(3) { left: 40%; }
#preloader .pl-slice:nth-child(4) { left: 60%; }
#preloader .pl-slice:nth-child(5) { left: 80%; width: 20%; }
#preloader .loader { position: relative; z-index: 1; }