css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              .perspective
  .slider
    - for (i = 0; i < 5; i += 1)
      .corridor
        div
        div
        div
        div
        span.img
          span.eye
        span.img-mirror
          span.eye
            
          
!
            
              $maxScale: 4;
$currentScale: $maxScale;
$sections: 5;
$module: 320px;
$duration: 5s;
$perspective: $module;

@keyframes slide {
  0%   { transform: translateZ($module); }
  100% { transform: translateZ($module * 2); }
}

@keyframes fadeIn {
  0%   { transform: translateZ((-$sections + 1) * $module) translateY(-150%); }
  100% { transform: translateZ((-$sections + 1) * $module) translateY(-20%); }
}

@keyframes fadeIn2 {
  0%   { transform: translateZ((-$sections + 2) * $module) translateY(-20%); }
  100% { transform: translateZ((-$sections + 2) * $module) translateY(0); }
}

html, body {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#000, #fff);
}

.perspective {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: (-$module / 2) 0 0 (-$module / 2);
  width: $module;
  height: $module;
  perspective: $perspective;
  transform-style: preserve-3d;
}

.slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: slide #{$duration} linear infinite;
  transform-style: preserve-3d;
}

.corridor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  
  .img, .img-mirror {
    position: absolute;
    top: 0;
    left: 0;
    width: 400%;
    height: 400%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iV2Fyc3R3YV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyODBweCIgaGVpZ2h0PSIxMjgwcHgiIHZpZXdCb3g9IjAgMCAxMjgwIDEyODAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyODAgMTI4MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgkNCgkJPHJhZGlhbEdyYWRpZW50IGlkPSJTVkdJRF8xXyIgY3g9IjkxMS41MjczIiBjeT0iMTI1MC4yNSIgcj0iMzkuMTgzNCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAwLjMyOTcgMCA4MzguMDg1OSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4NCgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzAwMDAwMCIvPg0KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojMDIwMjAyO3N0b3Atb3BhY2l0eTowIi8+DQoJPC9yYWRpYWxHcmFkaWVudD4NCgk8ZWxsaXBzZSBvcGFjaXR5PSIwLjUiIGZpbGw9InVybCgjU1ZHSURfMV8pIiBjeD0iOTExLjUyOCIgY3k9IjEyNTAuMjUiIHJ4PSI0MC4zMzEiIHJ5PSI5LjcyNiIvPg0KCQ0KCQk8cmFkaWFsR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBjeD0iMTEzMS44ODI4IiBjeT0iMTI3MC4yNzQ0IiByPSIzOS4xODM0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDAuMjQ4MyAwIDk1NC44Njg1KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPg0KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMDAwMDAwIi8+DQoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMjAyMDI7c3RvcC1vcGFjaXR5OjAiLz4NCgk8L3JhZGlhbEdyYWRpZW50Pg0KCTxlbGxpcHNlIG9wYWNpdHk9IjAuNSIgZmlsbD0idXJsKCNTVkdJRF8yXykiIGN4PSIxMTMxLjg4MyIgY3k9IjEyNzAuMjc0IiByeD0iNDAuMzMxIiByeT0iOS43MjYiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzUxNTE1MSIgZD0iTTEyMzIuNjk2LDgyMi41NjNsLTguMDI4LDQuNzg5bC0yLjc0MywxLjYzMnYtOS40NTJsLTguNjc1LDkuNDUybC0xNi45MTEsOS45MDhsLTI0LjU2Myw1LjY5DQoJCQlsLTE0Ljc3NiwyLjI1N2wtMTYuNDE2LTIzLjIxMmwtMTguOTE5LTE1Ljc3bC0zLjM1LTkuMzMxdi0yNy42MzRsMzMuMTk5LTc1Ljg1OWwyNi45MzgtNTEuMDUzdi0yMC40NzFsLTkuNzA3LTI2LjYwOQ0KCQkJbC0xMS43ODYtMTAuMjM1bC0xMi40OS02MC45NTdsLTAuMjM5LTAuOTAybC0xOS4zMjctOTQuNDA2bC01LjM2NS0yNi4yMDFsMy42NDctNy41NzVsLTMuNjQ3LTQ4LjQzMmwtMC4xMTktMS4zNTFsLTguMTg4LTE2LjM3Ng0KCQkJbC0xOS43NzUtNi4xNDFsLTIwLjg3NS0xOC4yOThsLTQ0LjYyOC0zOS4wOTlsLTIzLjE3MS02MC4yMjJsLTcuOTAxLTIwLjU5MnYtMC4wNDJsLTEuMTktMi45ODhsMjYuOTc5LTczLjM2NGwtNC4wOTQtOC4zOTENCgkJCWwtMy4wMjMtNC43OWwtMTA1LjcxMSwxNC42NTZMODk5LDExNS42OTlsLTguNDc0LDguMTQ4bC0yLjA0OCwyNy42NzVsNC4yOTcsMTYuMDQ5bDIzLjIxMyw4Ni45MTVsMTIuNjQ5LDIuMzcybDM4Ljc2OS0zOC44OTINCgkJCWwyLjQ2Miw1LjY5MWwwLjg1NSwxOC4xNzZsMi4xNjcsNDUuMDM0bC0zNC41MTEsNTYuNDE1bC0xMS4xNzcsMzEuOTc1bC0wLjA0LDAuMjQ0bC0xNy44OSw1MS4xNzVMODY1LjAxOSw1MzcuNWwtMi4wODYsNS44OTUNCgkJCWwtMzcuNTgzLTMuODA4bC0xMjUuMzYxLDY0LjIzM2gtMzcuNTQxbC0xOS4yOC0zMS45NzJsLTIyLjAyNS0xNy45MzNsLTE2Ljg2Ny0xMC4yMzV2MTEuNTA0bDE5LjgxNSwyNS42NjlsNS4xNTgsOS42NjENCgkJCWwtMi40NTcsMTMuMzA1bC0xNy42NDYsOC40NzVsLTkzLjAxMi0xMS44NzFsLTE2LjEzLTAuMjQ2bDMuNDc3LDcuOTgybDEyLjY1Myw0LjYyOGgxNi4xNjlsMTkuMzI0LDcuNzM2bDguOTY2LDIuMjkzDQoJCQlsMTguNjY4LDExLjk5NWw4LjIyOCw5LjI0OWwtMjguNTc2LDEzLjU1NWwtMTYuMDQ4LDEuNzE4bC0xNy4zOTksMTAuMjM1bC0xMy4yMjQsMy4xMTFsLTE2LjAwNSw2LjEwMXY0LjA5M2wxLjkyNCwzLjA3DQoJCQlsNC4wOTMtMC4zNjhsNDMuODA2LTEwLjA3NGwxMi40ODYtMi44NjNsMjcuNzk3LTMuMjc5bDEwLjE1MywyLjcwM2wtMTMuMDIsMTcuOTc2bC0xMS42MjYsOC4xODdsLTMuNzI2LDcuMTY1bC0xNi43ODQsMTQuMDQxDQoJCQlsLTMuMzU5LDguNjQ0aDkuMjEybDE2LjA0OC0xNC4xNjlsNi4zMDUtMy42NDZsOS4zNzUtMTAuNjgzbDMxLjUyNC0xMi45NzdsNTMuNzE1LTE1LjUxM2wzNy4yOTMtNDAuMTIybDEzMS4yOTMtMzQuMDY0DQoJCQlsMTMuNTk0LTguMTg4bDIxLjE2Ni0yNC41NjRsNjEuMjM5LTEyOC4xODFsMC4zMjktMC41MzFsLTAuMDQxLDAuOTAxbC0wLjA4LDEuNTk2bDUuNDQ2LDI5LjMxMmwtMi4zNzUsNTUuMjY4bC02LjE0MiwxNC4zMw0KCQkJbC03LjE2MywxMi45NzdsLTE1LjM1MywyOC42MTdsLTcuNywxNC4zNjlsLTEzLjY3NCw2OC4wNDZsLTIuMTY3LDEwLjc2MmwtNi4zODgsMTI2Ljk5M2wtMC4wMzksMC40NTVsLTIuNzgzLDU1Ljc1Ng0KCQkJbC0xLjAyNCwxMS40MjZsLTIuMDQ2LDIzLjM3M2wzMi40MjMsMzU5LjczOGwxNC4wNDEtMTY5LjczOWwxMi4xMTYtNjIuMDYzVjkyNS40NGwtMC4zMjYtMi41NzVsLTEuOTYyLTE1LjUybC0yMC40NzEtMzIuNTQ0DQoJCQlsMjcuMzQ3LTYzLjQ1OGwxMS4wNTEtMjUuNjI1bDExLjMwMS00Ni40NzRsMTAuMTUxLDQ5LjA0OGwyNS4xLDc1LjczOGwxNy4zOTksNDUuMjAxbDAuMTE4LDAuMzY3bDAuMDQxLDAuMDRsMS44MDksNC43NQ0KCQkJbC0xLjgwOS00LjU1bDAuOTA0LDguOTMybDQuMDU0LDQyLjk4NWwzNi42NzcsMTE3Ljk3OWwzNS4yMTYsOTMuMDk4bDM3LjYyLDk5LjU2OGwtMi40NTQtMjcuMDIxbDIuNDU0LTEyLjM2MmwtMTcuMzk4LTIwOS44NTQNCgkJCWwtNS42MTUtMjMuMDEzbC0xNC42MDYtMjIuODgzbC0zNy4zODEtNTguNDk4bDkuMDAyLTQ5LjEyN2wtMTcuOTI3LTE0Mi43NjFsLTE1LjE0NS04MC44NTVMMTAyOCw2MjguNjNsLTcuNDEyLTUuMzY1bDEuNzU5LTUuODk1DQoJCQlsLTAuMDQtOS43MDFsLTcuODYtMTguM2wtOS45ODgtMjMuMTcybC0xLjY3OC0xMi4wMzdsNC43NDktMzEuNjQ2bDE2LjQxNi0zNy41bDguNjc2LTUuMjc5bDkuMzc5LTUuNjUydi0xMC45M2wxMS40MTgtMTAuNDgxDQoJCQlsMy4yMzktMTcuMTUzbDExLjA5LTExLjU4Nmw2LjgzNy0yMi45NjZsMy4xOTksMi44NjZsMS44NzksMS4wNjRsMTIuNTI4LDQ3Ljc3NWwzNy4zNDMsMTQyLjQ3MWwtMTEuMjE5LDMwLjkwOGwtMjMuNDYsMTQwLjI2Mg0KCQkJbDAuMTIsMy4wN2wwLjI4Nyw3LjY5Mmw2LjUwOSw3MC4wMDRsLTIuNjI0LDEzLjM5NWwxLjUyMSwzLjU1OWwxMS41NDUsMi4yMTRsMTMuMzg1LDcuNzMybDkuODY5LDcuNDUyaDEwLjIzNGwxNS44LTUuNDA0DQoJCQlsMjkuOTY5LTcuMDM3bDI2LjQwMi02LjQ3bDcuMTI0LTEyLjI4MmwtOS40OTIsNC45MUwxMjMyLjY5Niw4MjIuNTYzeiBNNjgzLjc4MSw2MjQuMjA4bC03LjI0OSwyMC4xODFsLTEwLjM1OSw4LjI2OA0KCQkJbC0zOS4zODIsMTIuMjlsLTEwLjcyNy0zLjAzbC0yMy4wNDgtNC4wOTRsLTQuMDk0LTYuMTQxbDEyLjgxNC0xMi4yODRsNi43OTctMTAuNzY3bDE5LjgxNC0xMi4yODNsMTYuMzc0LTMuNTZsMTMuODAyLDMuNTYNCgkJCWgzMC4wMDlsMC40ODcsNS40ODdMNjgzLjc4MSw2MjQuMjA4eiIvPg0KCQk8cG9seWdvbiBmaWxsPSIjOTM5MzkzIiBwb2ludHM9IjEwMTguMTEyLDk5LjIwMyA5OTQuNDA3LDEyNS44NTQgOTgzLjIzMywxMjguNzYgOTM5LjkyLDExMS42ODkgOTAwLjUzNSwxMTMuNTcxIDkwOS4zNzksMTA5LjA2OSANCgkJCTEwMTUuMDgzLDk0LjQxMiAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNzc3Nzc3IiBwb2ludHM9IjkzOS45MiwxMTEuNjg5IDkyMC4xNDUsMTMwLjY4NSA5MTIuMzY2LDE2Ni43MTEgODkwLjAxNCwxNDkuMzk1IDg5Mi4wNiwxMjEuNzIgOTAwLjUzNSwxMTMuNTcxIA0KCQkJCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzVFNUU1RSIgcG9pbnRzPSI5MTUuMTA3LDIxMi40IDkxNS4xMDcsMjEyLjYwNCA5MDYuMjI1LDE4Mi41NTUgODk0LjMxMiwxNjUuNDQyIDg5MC4wMTQsMTQ5LjM5NSA5MTIuMzY2LDE2Ni43MTEgDQoJCQkJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNjY2NjY2IiBwb2ludHM9IjkxNy41MjIsMjUyLjM1NiA4OTQuMzEyLDE2NS40NDIgOTA2LjIyNSwxODIuNTU1IDkxNS4xMDcsMjEyLjYwNCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNUI1QjVCIiBwb2ludHM9IjkzMC4xNzcsMjU0LjczMSA5MTcuNTIyLDI1Mi4zNTYgOTE1LjEwNywyMTIuNjA0IDkxNS4xMDcsMjEyLjQgOTE2LjgyNywxNzkuODUzIDkyMC42NzgsMTc4LjgyOSANCgkJCTkyOC4yODksMjEzLjA5NiA5MjguMjg5LDIxMy4yMTggCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzNBM0EzQSIgcG9pbnRzPSI5NzIuMTc5LDIxMi42MDQgOTY4Ljk0NCwyMTUuODM5IDkzMC4xNzcsMjU0LjczMSA5MjguMjg5LDIxMy4yMTggOTI4LjI4OSwyMTMuMDk2IA0KCQkJOTMyLjc5NiwxODAuOTU4IDk1OS4zMjEsMTc1LjkyMiA5NjUuMzQ0LDE4Mi4yNyA5NjUuNTg4LDE4My4zMzMgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzQ0NDQ0NCIgcG9pbnRzPSIxMDIyLjIwNSwxMDcuNTk1IDEwMDQuOTcyLDEyOS45NDcgOTg5LjAwMiwxNDIuMzkzIDk4OS43ODEsMTM2LjcwMyA5OTQuNDA3LDEyNS44NTQgDQoJCQkxMDE4LjExMiw5OS4yMDMgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzNEM0QzRCIgcG9pbnRzPSIxMDIyLjIwNSwxMDcuNTk1IDk5NS4yMjgsMTgwLjk1OCA5ODguMDYzLDE4OS4xNDYgOTgwLjQwNywyMDMuNDc1IDk4OC45NjMsMTQyLjQzMyANCgkJCTk4OS4wMDIsMTQyLjM5MyAxMDA0Ljk3MiwxMjkuOTQ3IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMzMDMwMzAiIHBvaW50cz0iOTkwLjkzLDE5Ny42NjIgOTkwLjkzLDE5Ny43MDIgOTg5Ljc4MSwyMDcuODk3IDk4NC4wMSwyNTMuNDIyIDk3Ni41NTcsMjUxLjc0MyA5NzIuMjYsMjM5LjcwNyANCgkJCTk3MS40LDIyMS41MjkgOTY4Ljk0NCwyMTUuODM5IDk3Mi4xNzksMjEyLjYwNCA5ODAuNDA3LDIwMy40NzUgOTg4LjA2MywxODkuMTQ2IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMyRDJEMkQiIHBvaW50cz0iOTk2LjQxMywxODMuOTQ3IDk5Ni40MTMsMTgzLjk4OCA5OTAuOTMsMTk3LjY2MiA5ODguMDYzLDE4OS4xNDYgOTk1LjIyOCwxODAuOTU4IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1NjU2NTYiIHBvaW50cz0iMTAwOS44NDQsMjUwLjYzNyAxMDA3LjUxMSwyOTcuOTY0IDk5Ny44MDcsMjk3Ljk2NCA5OTUuNzU5LDIxMi4yMzcgOTkwLjkzLDE5Ny43MDIgDQoJCQk5OTAuOTMsMTk3LjY2MiA5OTYuNDEzLDE4My45ODggMTAwNC4zMTMsMjA0LjU4MSAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNEM0QzRDIiBwb2ludHM9Ijk5Ny44MDcsMjk3Ljk2NCA5NzQuNDMsMjg0Ljc0IDk3Mi4yNiwyMzkuNzA3IDk3Ni41NTcsMjUxLjc0MyA5ODQuMDEsMjUzLjQyMiA5ODkuNzgxLDIwNy44OTcgDQoJCQk5OTAuOTMsMTk3LjcwMiA5OTUuNzU5LDIxMi4yMzcgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzNBM0EzQSIgcG9pbnRzPSIxMDI3LjQ4OCwyNjQuODAyIDEwMjMuMzk0LDI4My4xNDMgMTAwNy41MTEsMjk3Ljk2NCAxMDA5Ljg0NCwyNTAuNjM3IDEwMDQuMzEzLDIwNC41ODEgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzRGNEY0RiIgcG9pbnRzPSI5OTQuNDA3LDEyNS44NTQgOTg5Ljc4MSwxMzYuNzAzIDk4My4yMzMsMTI4Ljc2IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM2MDYwNjAiIHBvaW50cz0iOTg5Ljc4MSwxMzYuNzAzIDk2MC4zMDYsMTYwLjAzOSA5MjYuMTYxLDE2NS4xNTYgOTEyLjM2NiwxNjYuNzExIDkyMC4xNDUsMTMwLjY4NSANCgkJCTkzOS45MiwxMTEuNjg5IDk4My4yMzMsMTI4Ljc2IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM0NDQzNDMiIHBvaW50cz0iOTg5Ljc4MSwxMzYuNzAzIDk4OS4wMDIsMTQyLjM5MyA5ODguOTYzLDE0Mi40MzMgOTY4LjEyNiwxNjguMjI3IDk2NS4zNDQsMTgyLjI3IA0KCQkJOTYwLjMwNiwxNjAuMDM5IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMzNTM1MzUiIHBvaW50cz0iOTg4Ljk2MywxNDIuNDMzIDk4MC40MDcsMjAzLjQ3NSA5NzIuMTc5LDIxMi42MDQgOTY1LjU4OCwxODMuMzMzIDk2NS4zNDQsMTgyLjI3IA0KCQkJOTY4LjEyNiwxNjguMjI3IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM0NDQ0NDQiIHBvaW50cz0iOTY1LjM0NCwxODIuMjcgOTU5LjMyMSwxNzUuOTIyIDkzMi43OTYsMTgwLjk1OCA5MjguMjg5LDIxMy4wOTYgOTI2LjE2MSwxNjUuMTU2IA0KCQkJOTYwLjMwNiwxNjAuMDM5IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1QjVCNUIiIHBvaW50cz0iOTI4LjI4OSwyMTMuMDk2IDkyMC42NzgsMTc4LjgyOSA5MTYuODI3LDE3OS44NTMgOTE1LjEwNywyMTIuNCA5MTIuMzY2LDE2Ni43MTEgOTI2LjE2MSwxNjUuMTU2IA0KCQkJCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzc3Nzc3NyIgcG9pbnRzPSIxMDcyLjExMiwzMDMuOTAxIDEwNDkuMDIsMzA2LjkyOSAxMDM2LjY5OCwyOTAuNzk5IDEwMjMuMzk0LDI4My4xNDMgMTAyNy40ODgsMjY0LjgwMiAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNjg2NzY3IiBwb2ludHM9IjEwOTIuOTksMzIyLjE5OSAxMDcyLjE5MywzMjcuNjQ1IDEwNTEuNzY0LDMxMC41MzIgMTA0OS4wMiwzMDYuOTI5IDEwNzIuMTEyLDMwMy45MDEgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzdDN0M3QyIgcG9pbnRzPSIxMTIxLjA3NywzNDYuMDY3IDExMDguNjcxLDM1Mi45MDQgMTEwNS4yNzMsMzY1LjA2NCAxMTAzLjA2MiwzNTQuMDUxIDEwOTAuNjE2LDMzMy43ODYgDQoJCQkxMDcyLjE5MywzMjcuNjQ1IDEwOTIuOTksMzIyLjE5OSAxMTEyLjc2NywzMjguMzQgMTEyMC45NTMsMzQ0LjcxNiAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjM0YzRjNGIiBwb2ludHM9IjExMTUuMTgsNDE0LjMxMyAxMTExLjA0Nyw0MTMuOTQ1IDEwOTkuNDYsNDEyLjkyMSAxMDgxLjIsNDAyLjc2OCAxMDc5LjMxNiw0MDEuNzAzIA0KCQkJMTA3Ni4xMjIsMzk4LjgzOSAxMDY3LjA3NSwzOTAuNzczIDEwNjIuNjE0LDM4My45MzYgMTA1My4wNzQsMzY5LjI4IDEwNjguMSwzNjkuMjggMTA5My42ODcsMzU4LjM1IDExMDUuMjczLDM2NS4xMDMgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzYwNUY1RiIgcG9pbnRzPSIxMTI0LjcxOCwzOTQuNSAxMTIxLjA3Nyw0MDIuMDc0IDExMTUuMTgsNDE0LjMxMyAxMTA1LjI3MywzNjUuMTAzIDExMDUuMjczLDM2NS4wNjQgDQoJCQkxMTA4LjY3MSwzNTIuOTA0IDExMjEuMDc3LDM0Ni4wNjcgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzVCNUI1QiIgcG9pbnRzPSIxMDcyLjE5MywzMjcuNjQ1IDEwNTMuNDAyLDM0MC45NSAxMDMwLjQ3OSwzMjMuMjIzIDEwNDkuMDIsMzA2LjkyOSAxMDUxLjc2NCwzMTAuNTMyIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1NDU0NTQiIHBvaW50cz0iMTA1MS43MjQsMzUxLjE4NSAxMDUzLjA3NCwzNjkuMjggMTAwNC4zMTMsMzQ1Ljc0IDEwMzAuNDc5LDMyMy4yMjMgMTA1My40MDIsMzQwLjk1IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM2MDYwNjAiIHBvaW50cz0iMTEwNS4yNzMsMzY1LjA2NCAxMTA1LjI3MywzNjUuMTAzIDEwOTMuNjg3LDM1OC4zNSAxMDY4LjEsMzY5LjI4IDEwNTMuMDc0LDM2OS4yOCANCgkJCTEwNTEuNzI0LDM1MS4xODUgMTA1My40MDIsMzQwLjk1IDEwNzIuMTkzLDMyNy42NDUgMTA5MC42MTYsMzMzLjc4NiAxMTAzLjA2MiwzNTQuMDUxIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1OTU5NTkiIHBvaW50cz0iOTk3LjgwNywyOTcuOTY0IDk3Ny42NjUsMzMwLjcxNSA5MzkuOTIsMzQxLjE1MyA5NzQuNDMsMjg0Ljc0IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMzQTNBM0EiIHBvaW50cz0iOTc3LjkwOCwzNzMuMTI4IDk1Ni44NjcsMzc0LjM5NyA5NDEuMzExLDM0My44OTggOTM5LjkyLDM0MS4xNTMgOTc3LjY2NSwzMzAuNzE1IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMzQTNBM0EiIHBvaW50cz0iMTA1My4wNzQsMzY5LjI4IDEwMTAuNDE3LDM4OS4zODEgMTAwNC4zMTMsMzQ1Ljc0IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMzQTNBM0EiIHBvaW50cz0iMTEyNi40MzgsNDI4LjI3NCAxMTE4LjI1LDQzMy4zOTIgMTExMC43MTksNDMwLjAzMyAxMTA4LjEzOSw0MTguODE3IDExMTEuMDQ3LDQxMy45NDUgDQoJCQkxMTE1LjE4LDQxNC4zMTMgMTEyMS4wNzcsNDAyLjA3NCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjMkQyRDJEIiBwb2ludHM9IjExMDQuNDUyLDQ1MS4zMjMgMTEwNC4wNDUsNDUzLjA0MiAxMDkzLjcyNyw0MjcuOTQ2IDEwOTMuNzI3LDQ1MC41NDQgMTA4MS4yLDQwMi43NjggDQoJCQkxMDk4LjQzNyw0MjQuNTQ4IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM0NzQ3NDciIHBvaW50cz0iMTE0NS43Niw1MjIuNjgxIDExMjQuNzE4LDQ0MC43NiAxMTE5Ljg0NSw0NDAuNzYgMTExNi44NTgsNDc1LjkyOSAxMTE2Ljc3NCw0NzUuNjQxIA0KCQkJMTExMC43MTksNDMwLjAzMyAxMTE4LjI1LDQzMy4zOTIgMTEyNi40MzgsNDI4LjI3NCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNTY1NjU2IiBwb2ludHM9IjExNDQuMTI2LDYwMS42NTIgMTEzMS4wNjQsNTkzLjAxMyAxMDkzLjcyNyw0NTAuNTQ0IDEwOTMuNzI3LDQyNy45NDYgMTEwNC4wNDUsNDUzLjA0MiANCgkJCTExMDQuNDUyLDQ1MS4zMjMgMTEzNC45NTMsNTg2LjU4NyAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNEM0QjRCIiBwb2ludHM9IjExNTguNDkzLDU4NC41NCAxMTUzLjA0OSw1OTguODY3IDExNDQuMTI2LDYwMS42NTIgMTEzNC45NTMsNTg2LjU4NyAxMTA0LjQ1Miw0NTEuMzIzIA0KCQkJMTEwOC4xMzksNDM2LjY2NiAxMTE2Ljc3NCw0NzUuNjQxIDExMTYuODU4LDQ3NS45MjkgMTExOS44NDUsNDQwLjc2IDExMjQuNzE4LDQ0MC43NiAxMTQ1Ljc2LDUyMi42ODEgMTE0Ni4wMDgsNTIzLjU4MSAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNjY2NTY1IiBwb2ludHM9IjEwNDkuMDIsMzA2LjkyOSAxMDMwLjQ3OSwzMjMuMjIzIDEwMjIuMjA1LDMxMC45NDEgMTAwNy41MTEsMjk3Ljk2NCAxMDIzLjM5NCwyODMuMTQzIA0KCQkJMTAzNi42OTgsMjkwLjc5OSAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNUI1QjVCIiBwb2ludHM9IjEwMzAuNDc5LDMyMy4yMjMgMTAwNC4zMTMsMzQ1Ljc0IDk3Ny42NjUsMzMwLjcxNSA5OTcuODA3LDI5Ny45NjQgMTAwNy41MTEsMjk3Ljk2NCANCgkJCTEwMjIuMjA1LDMxMC45NDEgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzRDNEM0QyIgcG9pbnRzPSIxMDEwLjQxNywzODkuMzgxIDk3Ny45MDgsMzczLjEyOCA5NzcuNjY1LDMzMC43MTUgMTAwNC4zMTMsMzQ1Ljc0IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM0NDQ0NDQiIHBvaW50cz0iOTQwLjMyNywzODYuMzkzIDk0MS44NDIsNDA0LjIwMiA5NDEuNDM1LDQxNC4zMTMgOTQwLjk4NCw0MjQuNTQ4IDk0MC42MTUsNDMzLjE4NiANCgkJCTk0MC42MTUsNDMzLjMxIDk0MC4yODcsNDMzLjg0MSA4NzkuMDQzLDU2Mi4wMjMgODc0LjM3Myw1NjIuNzYgODY0LjQ2NSw1NTkuMjggODg3LjgwMyw1MzAuODI3IDg5OC41MjksNTA0LjIxNiA5MzQuMzUsNDI4LjQ3OCANCgkJCTkzNC4zNSwzODkuMzgxIDk0Mi43ODIsMzU0LjIxNSA5NDQuMjU4LDM2NC40OTEgOTM5Ljg3NiwzODAuODY3IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM0NDQ0NDQiIHBvaW50cz0iOTQyLjc4MiwzNTQuMjE1IDkzNC4zNSwzODkuMzgxIDkzNC4zNSw0MjguNDc4IDg5OC41MjksNTA0LjIxNiA4ODcuODAzLDUzMC44MjcgODY0LjQ2NSw1NTkuMjggDQoJCQk4NjEuMjc2LDU1MC40MzcgODg0LjkzNiw1MTAuMTU0IDkyMy4zOCw0MjIuMTM0IDkyOC43LDM3My4zNzQgOTI4Ljc0LDM3My4xMjggOTM5LjkyLDM0MS4xNTMgOTQxLjMxMSwzNDMuODk4IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1RTVFNUUiIHBvaW50cz0iOTI4LjcsMzczLjM3NCA5MjMuMzgsNDIyLjEzNCA4ODQuOTM2LDUxMC4xNTQgODYxLjI3Niw1NTAuNDM3IDg2NC40NjUsNTQxLjI2NyA4NjYuNTU4LDUzNS4zNzMgDQoJCQk5MTAuODEsNDI0LjU0OCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNjA2MDYwIiBwb2ludHM9IjExNTguNDkzLDU4NC41NCAxMTU4LjQ5Myw2MDUuNSAxMTQ0LjEyNiw2MTAuMTI2IDExMzAuMzI5LDYyNS40NzkgMTA5Ni4zODksNzY0LjE4MSANCgkJCTExMTkuODQ1LDYyMy45MjMgMTEzMS4wNjQsNTkzLjAxMyAxMTQ0LjEyNiw2MDEuNjUyIDExNTMuMDQ5LDU5OC44NjcgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzcyNzE3MSIgcG9pbnRzPSIxMTc5Ljk4NSw2MjEuMzg1IDExNzkuOTg1LDY0MS44NTQgMTE1My4wNDksNjkyLjkwNCAxMTE5Ljg0NSw3NjguNzY2IDExNzMuMzE1LDYzNS43MTMgDQoJCQkxMTcwLjI4NCw2MTkuODI4IDExNTguNDkzLDYwNS41IDExNTguNDkzLDU4NC41NCAxMTcwLjI4NCw1OTQuNzc0IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1MTUxNTEiIHBvaW50cz0iMTEyNy41MDIsODYwLjc1NyAxMTI1Ljc0Myw4NjEuOTA0IDExMTMuNDYsODUwLjY0NiAxMTA2LjgyNyw4MzYuMzE3IDEwOTYuNTEzLDc2Ny4yNTEgDQoJCQkxMDk2LjM4OSw3NjQuMTgxIDExMDkuMzY2LDc2NC4xODEgMTExNS43NTMsODI5LjY4NCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNDQ0NDQ0IiBwb2ludHM9IjExNDAuMDcsODUyLjY5MSAxMTI3LjUwMiw4NjAuNzU3IDExMTUuNzUzLDgyOS42ODQgMTEwOS4zNjYsNzY0LjE4MSAxMTE5Ljg0NSw3NjguNzY2IA0KCQkJMTExOS44NDUsNzk2LjQgMTEyMy4yMDUsODA1LjczNiAxMTMxLjU5NCw4MjkuMDcyIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1QjVCNUIiIHBvaW50cz0iMTEyNS43NDMsODYxLjkwNCAxMTEzLjc0OSw4NjQuMTE0IDExMDIuMiw4NjEuOTA0IDExMDAuNjg4LDg1OC4zNDIgMTEwMy4zMDYsODQ0Ljk1NiANCgkJCTEwOTYuNzk2LDc3NC45NDcgMTA5Ni41MTMsNzY3LjI1MSAxMTA2LjgyNyw4MzYuMzE3IDExMTMuNDYsODUwLjY0NiAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjMzUzNTM1IiBwb2ludHM9IjEyMjYuNTM2LDg0OC4xMDYgMTIxOS40MTIsODYwLjM4OSAxMTkzLjAwNSw4NjYuODU2IDExNjMuMDQsODczLjg5NyAxMTQ3LjIzNSw4NzkuMzAzIA0KCQkJMTEzNy4wMDEsODc5LjMwMyAxMTI3LjEzNCw4NzEuODUyIDExMTMuNzQ5LDg2NC4xMTQgMTEyNS43NDMsODYxLjkwNCAxMTM3LjAwMSw4NjcuNTEyIDExNTMuMzc2LDg2Ny41MTIgMTIwOS4xNzYsODU5LjMyNSAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjM0YzRjNGIiBwb2ludHM9IjEyMjYuNTM2LDg0OC4xMDYgMTIwOS4xNzYsODU5LjMyNSAxMTUzLjM3Niw4NjcuNTEyIDExMzcuMDAxLDg2Ny41MTIgMTEyNS43NDMsODYxLjkwNCANCgkJCTExMjcuNTAyLDg2MC43NTcgMTE0MC4wNyw4NTIuNjkxIDExNDYuNjYzLDg1My42NzYgMTE1MC43OTgsODU5LjMyNSAxMTY5LjYyOCw4NTcuMDI5IDExOTIuMjcsODU2Ljc4NiAxMjEzLjc2Myw4NTQuNzM5IA0KCQkJMTIxNy4wMzUsODUzLjAyMSAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNDQ0NDQ0IiBwb2ludHM9IjExNDQuMTY2LDg0Mi45NDkgMTEzMS41OTQsODI5LjA3MiAxMTIzLjIwNSw4MDUuNzM2IDExNDIuMTE2LDgyMS40OTYgMTEzNy43OCw4MjguOTA4IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM0NDQ0NDQiIHBvaW50cz0iMTE1OC41MzMsODQ0LjcwOCAxMTUzLjAwOSw4NDUuNTY4IDExNDQuMTY2LDg0Mi45NDkgMTEzNy43OCw4MjguOTA4IDExNDIuMTE2LDgyMS40OTYgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzU2NTY1NiIgcG9pbnRzPSIxMjM0LjIzLDgyMC40MzMgMTIxNy4wMzUsODUzLjAyMSAxMjEzLjc2Myw4NTQuNzM5IDExOTIuMjcsODU2Ljc4NiAxMTY5LjYyOCw4NTcuMDI5IA0KCQkJMTE1MC43OTgsODU5LjMyNSAxMTQ2LjY2Myw4NTMuNjc2IDExNDAuMDcsODUyLjY5MSAxMTQxLjk5NCw4NDguMDY3IDExNTMuMDA5LDg1MC42NDYgMTE5MS43MzcsODUzLjAyMSAxMjA5LjE3Niw4NDguMzU1IA0KCQkJMTIyNi4yMDgsODI1LjIyMiAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjM0YzRjNGIiBwb2ludHM9IjEyMjMuNDY1LDgxNy40MDIgMTIyMy40NjUsODI2Ljg2MyAxMjE3LjAzNSw4MzAuNjY5IDEyMTEuNzE1LDgzOS45MiAxMTk2Ljg5NSw4NDQuOTk2IA0KCQkJMTE3My44NDcsODQ3LjU3MyAxMTYxLjQ4NCw4NDguMTA2IDExNTMuMDA5LDg0NS41NjggMTE1OC41MzMsODQ0LjcwOCAxMTczLjMxNSw4NDIuNDU4IDExOTcuODc5LDgzNi43NjggMTIxNC43ODQsODI2Ljg2MyAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjM0EzQTNBIiBwb2ludHM9IjEwNzYuMTIyLDM5OC44MzkgMTA2OS4yODUsNDIxLjgwNSAxMDU1LjgxOCw0MjIuMTM0IDEwNTguMTkyLDM5Ny41NyAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNTk1OTU5IiBwb2ludHM9Ijk3Ny45MDgsMzczLjEyOCA5NzQuNzU4LDM4My45MzYgOTUxLjc0OCwzODMuOTM2IDk0NC4yNTgsMzY0LjQ5MSA5NDIuNzgyLDM1NC4yMTUgDQoJCQk5NDEuMzExLDM0My44OTggOTU2Ljg2NywzNzQuMzk3IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMyRDJEMkQiIHBvaW50cz0iMTA2OS4yODUsNDIxLjgwNSAxMDU4LjE5Miw0MzMuMzkyIDEwNTMuNDQyLDQzMC43NzEgMTA1NS44MTgsNDIyLjEzNCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjM0EzQTNBIiBwb2ludHM9IjEwNTguMTkyLDQzMy4zOTIgMTA1NC45NTYsNDUwLjU0NCAxMDUxLjM1NSw0NDYuMDQxIDEwNTMuMDc0LDQzMi4wNDEgMTA1My40MDIsNDMwLjc3MSANCgkJCTEwNTMuNDQyLDQzMC43NzEgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzJEMkQyRCIgcG9pbnRzPSIxMDU0Ljk1Niw0NTAuNTQ0IDEwNDMuNTM1LDQ2MS4wMjUgMTAzOS40NDEsNDU5LjM0NyAxMDUxLjM1NSw0NDYuMDQxIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMzQTNBM0EiIHBvaW50cz0iMTA0My41MzUsNDYxLjAyNSAxMDQzLjUzNSw0NzEuOTU3IDEwMzQuMTU5LDQ3Ny42MDUgMTAzOS40NDEsNDU5LjM0NyAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjM0EzQTNBIiBwb2ludHM9IjEwMzQuMTU5LDQ3Ny42MDUgMTAyNS40OCw0ODIuODg2IDEwMDkuMDY0LDUyMC4zODggMTAwNC4zMTMsNTUyLjAzNSAxMDA1Ljk5NCw1NjQuMDcgDQoJCQk5OTUuNDMyLDU4OS4zMjkgOTYwLjcxNyw1OTIuNzI3IDk4OC4zMDgsNTgyLjAwMSA5ODguMzA4LDU1MS43ODggOTk4LjQyMyw1MTMuMSAxMDA4LjQwOCw0OTguODk1IDEwMjMuMzk0LDQ3Ny42MDUgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzU5NTk1OSIgcG9pbnRzPSI5NjUuMDU2LDQ2MS4wMjUgOTU0LjI4Nyw1MjUuNjY4IDk0Ny4zMjcsNTc4LjcyNyA5MzAuMjU3LDU2OS43MTkgOTMwLjI1Nyw1NDcuNjk0IA0KCQkJOTM3LjQyMSw1MzQuNzE2IDk0My41NjEsNTIwLjM4OCA5NDUuOTM2LDQ2NS4xMTkgOTQwLjQ5LDQzNS44MDcgOTQwLjU3MSw0MzQuMjA5IDk0Ny4zMjcsNDQyLjgwNyA5NjIuNjAxLDQzOC4wOTkgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzNBM0EzQSIgcG9pbnRzPSI5NzQuNzU4LDM4My45MzYgOTcyLjE3OSwzOTYuMjE4IDk1MC4xOTQsMzk2LjIxOCA5NDAuMzI3LDM4Ni4zOTMgOTM5Ljg3NiwzODAuODY3IA0KCQkJOTQ0LjI1OCwzNjQuNDkxIDk1MS43NDgsMzgzLjkzNiAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNUI1QjVCIiBwb2ludHM9Ijk4Ny43MzYsNDkxLjg5NCA5OTAuNTYzLDQ4OS41MiA5ODcuNzM2LDQ5Mi45MTcgOTczLjU3LDUzNi40MzYgOTYwLjcxNyw1OTIuNzI3IDk0Ny4zMjcsNTc4LjcyNyANCgkJCTk1NC4yODcsNTI1LjY2OCA5NjUuMDU2LDQ2MS4wMjUgOTc3LjY2NSw0MzkuNjk3IDEwMDQuNjAyLDQ2MS4wMjUgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzNBM0EzQSIgcG9pbnRzPSIxMDU4LjE5MiwzOTcuNTcgMTA1NS44MTgsNDIyLjEzNCAxMDE0LjcxNCw0MTguODE3IDk3Mi4xNzksMzk2LjIxOCA5NzQuNzU4LDM4My45MzYgDQoJCQkxMDE0LjE4Miw0MDIuMDc0IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1QjVCNUIiIHBvaW50cz0iMTA2Mi42MTQsMzgzLjkzNiAxMDU4LjE5MiwzOTcuNTcgMTAxNC4xODIsNDAyLjA3NCA5NzQuNzU4LDM4My45MzYgOTc3LjkwOCwzNzMuMTI4IA0KCQkJMTAxMC40MTcsMzg5LjM4MSAxMDUzLjA3NCwzNjkuMjggCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzJEMkQyRCIgcG9pbnRzPSIxMDc2LjEyMiwzOTguODM5IDEwNTguMTkyLDM5Ny41NyAxMDYyLjYxNCwzODMuOTM2IDEwNjcuMDc1LDM5MC43NzMgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzNBM0EzQSIgcG9pbnRzPSIxMDUzLjQwMiw0MzAuNzcxIDEwNTMuMDc0LDQzMi4wNDEgMTA1MS4zNTUsNDQ2LjA0MSAxMDE2LjkyNSw0NTAuNTQ0IDk2OS40NzYsNDE2LjU2NSANCgkJCTk2OC45NDQsNDA4LjM3OCAxMDE1LjkwMSw0NDMuNjI2IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1OTU5NTkiIHBvaW50cz0iOTcyLjU0OCw0MjkuOTkzIDk2Ny40Myw0MjkuOTkzIDk0OS4yMTEsNDMzLjM5MiA5NDAuOTg0LDQyNC41NDggOTQxLjQzNSw0MTQuMzEzIA0KCQkJOTUwLjYwMiw0MjEuODA1IDk2OS40NzYsNDE2LjU2NSAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjM0EzQTNBIiBwb2ludHM9Ijk2OS40NzYsNDE2LjU2NSA5NTAuNjAyLDQyMS44MDUgOTQxLjQzNSw0MTQuMzEzIDk0MS44NDIsNDA0LjIwMiA5NTIuNzczLDQxMC4yMTkgDQoJCQk5NjguOTQ0LDQwOC4zNzggCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzU5NTk1OSIgcG9pbnRzPSI5NzIuMTc5LDM5Ni4yMTggOTY4Ljk0NCw0MDguMzc4IDk1Mi43NzMsNDEwLjIxOSA5NDEuODQyLDQwNC4yMDIgOTQwLjMyNywzODYuMzkzIA0KCQkJOTUwLjE5NCwzOTYuMjE4IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1QjVCNUIiIHBvaW50cz0iMTA1NS44MTgsNDIyLjEzNCAxMDUzLjQ0Miw0MzAuNzcxIDEwNTMuNDAyLDQzMC43NzEgMTAxNS45MDEsNDQzLjYyNiA5NjguOTQ0LDQwOC4zNzggDQoJCQk5NzIuMTc5LDM5Ni4yMTggMTAxNC43MTQsNDE4LjgxNyAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNUI1QjVCIiBwb2ludHM9IjEwNTEuMzU1LDQ0Ni4wNDEgMTAzOS40NDEsNDU5LjM0NyAxMDE0Ljg3OSw0NjAuMTY2IDk3Mi41NDgsNDI5Ljk5MyA5NjkuNDc2LDQxNi41NjUgDQoJCQkxMDE2LjkyNSw0NTAuNTQ0IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMzQTNBM0EiIHBvaW50cz0iMTAzOS40NDEsNDU5LjM0NyAxMDM0LjE1OSw0NzcuNjA1IDEwMjMuMzk0LDQ3Ny42MDUgMTAwOC40MDgsNDk4Ljg5NSAxMDIwLjg1NSw0NjguMzEyIA0KCQkJMTAxNS42OTcsNDY4LjMxMiA5OTAuNjAzLDQ4OS40NzggMTAxNC44NzksNDYwLjE2NiAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNzc3Nzc3IiBwb2ludHM9IjkzMC4yNTcsNTQ3LjY5NCA5MzAuMjU3LDU2OS43MTkgOTE4Ljg3Myw2MDUuNSA5MTQuOTA1LDU3Ni4zMTIgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzVCNUI1QiIgcG9pbnRzPSI5NjAuNzE3LDU5Mi43MjcgOTU4Ljk5Myw2MTUuMTYyIDk1OC45MTMsNjE3LjUzNiA5MzAuMjU3LDYwNS41IDkzNy45MTMsNTg4LjE0MiA5NTkuNjkzLDU5Mi41MjQgDQoJCQkJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNEM0QzRDIiBwb2ludHM9Ijk1OC45MTMsNjE3LjUzNiA5NTcuODkxLDY0My45MDEgOTQwLjk4NCw2MjguODM0IDkzMC4yNTcsNjA1LjUgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzQ3NDc0NyIgcG9pbnRzPSIxMDAwLjcxNCw2MTUuNDA3IDEwMDAuMDE4LDY0My40MDkgOTU3Ljg5MSw2NDMuOTAxIDk1OC45MTMsNjE3LjUzNiA5NTguOTkzLDYxNy41NzcgDQoJCQk5OTkuMzIxLDYxMC42NTcgOTk5LjY0OSw2MTAuMjA4IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM0QzRCNEIiIHBvaW50cz0iMTAyMy44ODYsNjE1LjI0MyAxMDIyLjEyNiw2MjEuMTM4IDEwMDAuMDE4LDY0My40MDkgMTAwMC43MTQsNjE1LjQwNyA5OTkuNjQ5LDYxMC4yMDggDQoJCQkxMDE1Ljk4Niw1ODcuMjQzIDEwMjMuODQ1LDYwNS41NDEgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzY4Njc2NyIgcG9pbnRzPSIxMDE1Ljk4Niw1ODcuMjQzIDk5OS42NDksNjEwLjIwOCA5OTUuNDMyLDU4OS4zMjkgMTAwNS45OTQsNTY0LjA3IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1QjVCNUIiIHBvaW50cz0iOTk5LjY0OSw2MTAuMjA4IDk5OS4zMjEsNjEwLjY1NyA5NTguOTkzLDYxNy41NzcgOTU4LjkxMyw2MTcuNTM2IDk1OC45OTMsNjE1LjE2MiANCgkJCTk2MC43MTcsNTkyLjcyNyA5OTUuNDMyLDU4OS4zMjkgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzcyNzE3MSIgcG9pbnRzPSI5MTguODczLDYwNS41IDkxNy45NzUsNjI4LjgzNCA5MDcuMjA3LDU5MC42ODEgOTE0LjkwNSw1NzYuMzEyIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM2MDYwNjAiIHBvaW50cz0iMTAwMC4wMTgsNjQzLjQwOSA5NTguOTEzLDY1NS42OTEgOTQ3LjMyNyw2NTMuNjg0IDk0MC45ODQsNjUyLjU4MSA5MTcuOTc1LDYyOC44MzQgDQoJCQk5MTguODczLDYwNS41IDkzOS45Miw2MzUuNzEzIDk1Ny44OTEsNjQzLjkwMSAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNzI3MTcxIiBwb2ludHM9IjEwMjkuNTM0LDYyNi41MDIgMTAwOS4wNjQsNjUyLjU4MSAxMDAwLjAxOCw2NDMuNDA5IDEwMjIuMTI2LDYyMS4xMzggCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzU5NTk1OSIgcG9pbnRzPSI5ODIuNDU0LDc4MS4wNDggOTk5Ljg1NCw4NjEuOTA0IDk3NC43NTgsNzg2LjE2NiA5NjQuNjAzLDczNy4xMTggOTQ3LjMyNyw2NTMuNjg0IA0KCQkJOTU4LjkxMyw2NTUuNjkxIDEwMDAuMDE4LDY0My40MDkgMTAwOS4wNjQsNjUyLjU4MSA5NjguOTA0LDY3MS4wMDMgOTY4LjkwNCw2ODcuMTMxIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM2MDYwNjAiIHBvaW50cz0iMTAzMS42Miw3NDguNSAxMDE4LjMxNyw2OTMuMDI4IDEwMDAuMDE4LDY2NC42MTQgOTY4LjkwNCw2NzEuMDAzIDEwMDkuMDY0LDY1Mi41ODEgDQoJCQkxMDIzLjg4Niw2OTcuMTIyIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1MTUxNTEiIHBvaW50cz0iMTA0Ni45MzMsODUwLjE1MyAxMDM4LjM3OSw5MTkuMTc5IDEwMzguMjU0LDkyMC4xMTkgMTAzOC4yNCw5MjIuNjMxIDEwMTkuMjIsOTEyLjI1NyANCgkJCTEwMTcuMjU2LDkwNy4xMDggOTk5Ljg1NCw4NjEuOTA0IDk5OC45MDksODU3LjU2MiA5ODIuNDU0LDc4MS4wNDggOTY4LjkwNCw2ODcuMTMxIDk2OC45MDQsNjcxLjAwMyAxMDAwLjAxOCw2NjQuNjE0IA0KCQkJMTAxOC4zMTcsNjkzLjAyOCAxMDMxLjYyLDc0OC41IDEwNDYuODEsODQ5LjQ1NyAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNDk0OTQ5IiBwb2ludHM9IjEwMjkuNTM0LDcwMy45NTkgMTAzMS42Miw3NDguNSAxMDIzLjg4Niw2OTcuMTIyIDEwMDkuMDY0LDY1Mi41ODEgMTAyOS41MzQsNjI2LjUwMiANCgkJCTEwMzIuODA5LDY0My45MDEgMTAxOC4zMTcsNjUxLjM5NCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjM0EzQTNBIiBwb2ludHM9IjEwNjUuODg4LDg2Ny41MTIgMTA1Ni44ODEsOTE2LjY0MSAxMDM4LjE3NCw5MjAuNzM0IDEwNDYuOTMzLDg1MC4xNTMgMTAzMS42Miw3NDguNSANCgkJCTEwMjkuNTM0LDcwMy45NTkgMTAxOC4zMTcsNjUxLjM5NCAxMDMyLjgwOSw2NDMuOTAxIDEwNDcuOTU4LDcyNC43NTYgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzNBM0EzQSIgcG9pbnRzPSIxMTQ0LjE2Niw4NDIuOTQ5IDExNDEuOTk0LDg0OC4wNjcgMTE0MC4wNyw4NTIuNjkxIDExMzEuNTk0LDgyOS4wNzIgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzVCNUI1QiIgcG9pbnRzPSIxMjI2LjIwOCw4MjUuMjIyIDEyMDkuMTc2LDg0OC4zNTUgMTE5MS43MzcsODUzLjAyMSAxMTUzLjAwOSw4NTAuNjQ2IDExNDEuOTk0LDg0OC4wNjcgDQoJCQkxMTQ0LjE2Niw4NDIuOTQ5IDExNTMuMDA5LDg0NS41NjggMTE2MS40ODQsODQ4LjEwNiAxMTczLjg0Nyw4NDcuNTczIDExOTYuODk1LDg0NC45OTYgMTIxMS43MTUsODM5LjkyIDEyMTcuMDM1LDgzMC42NjkgDQoJCQkxMjIzLjQ2NSw4MjYuODYzIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1MTUxNTEiIHBvaW50cz0iMTA5NC4yNTgsMTE3MC43MDcgMTA1OS4wNTIsMTA3Ny42MTQgMTA0Mi4yNjcsOTcwLjkyNiAxMDQ2LjkzMyw5MjcuOTM4IDEwNjAuMzE5LDk3MC44NDYgDQoJCQkxMDYwLjMxOSw5NzAuOTI2IDEwNjUuODg4LDEwNTguNDExIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1QjVCNUIiIHBvaW50cz0iMTEzMS44ODMsMTI3MC4yNzQgMTA5NC4yNTgsMTE3MC43MDcgMTA2NS44ODgsMTA1OC40MTEgMTA2MC4zMTksOTcwLjkyNiAxMDYwLjMxOSw5NzAuODQ2IA0KCQkJMTA2NS44ODgsOTQ3LjM0NiAxMDg5LjIyNCwxMDAwLjg5MyAxMDg5LjM0OCwxMDAxLjIyMiAxMDkxLjQzNiwxMDA2LjcwNiAxMDk5LjEzMiwxMDQyLjU2NyAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNDQ0NDQ0IiBwb2ludHM9IjEwODkuMjI0LDEwMDAuODkzIDEwNjUuODg4LDk0Ny4zNDYgMTA2MC4zMTksOTcwLjg0NiAxMDU2Ljg4MSw5MTYuNjQxIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM3MjcxNzEiIHBvaW50cz0iMTA3OS42ODUsOTU4LjkzMSAxMDg5LjM0OCwxMDAxLjIyMiAxMDg5LjIyNCwxMDAwLjg5MyAxMDU2Ljg4MSw5MTYuNjQxIDEwOTQuMjU4LDk3NS4xNDIgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzRDNEI0QiIgcG9pbnRzPSIxMTMxLjg4MywxMjcwLjI3NCAxMDk5LjEzMiwxMDQyLjU2NyAxMDkxLjQzNiwxMDA2LjcwNiAxMDg5LjM0OCwxMDAxLjIyMiAxMDc5LjY4NSw5NTguOTMxIA0KCQkJMTA5NC4yNTgsOTc1LjE0MiAxMTA4Ljg3NSw5OTguMDI2IDExMTQuNDg0LDEwMjEuMDM0IDExMTguMDQ2LDExNTYuNjY2IDExMjkuNDI3LDEyNDMuMjU3IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM3MjcxNzEiIHBvaW50cz0iMTEzMS44ODMsMTIzMC44OSAxMTI5LjQyNywxMjQzLjI1NyAxMTE4LjA0NiwxMTU2LjY2NiAxMTE0LjQ4NCwxMDIxLjAzNCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjMzUzNTM1IiBwb2ludHM9IjEwNDIuMjY3LDk3MC45MjYgMTAzNC42NTEsOTI3LjQwOCAxMDE4LjMxNyw5MTYuNjQxIDEwMTcuNDE4LDkwNy43MTcgMTAxOS4yMiw5MTIuMjU3IA0KCQkJMTAzOC4xNzQsOTIyLjI1IDEwMzguMjU0LDkyMS42MzYgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzNBM0EzQSIgcG9pbnRzPSIxMDYwLjMxOSw5NzAuODQ2IDEwNDYuOTMzLDkyNy45MzggMTA0Mi4yNjcsOTcwLjkyNiAxMDM4LjI1NCw5MjEuNjM2IDEwMzguMTc0LDkyMC43MzQgDQoJCQkxMDM4LjM3OSw5MjAuNjk0IDEwNTYuODgxLDkxNi42NDEgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzU5NTk1OSIgcG9pbnRzPSI5MTcuOTc1LDYyOC44MzQgOTExLjUwNiw2NjMuMzQ4IDkwNy4yMDcsNjM2LjczNyA4OTMuNTM1LDY1OC43MjEgOTA3LjIwNyw1OTAuNjgxIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM3MjcxNzEiIHBvaW50cz0iOTExLjUwNiw2NjMuMzQ4IDg5NS40NTgsNjg3LjEzMSA4ODQuOTgxLDc5Ni40OCA4OTEuMzY0LDY2OS40ODggODkzLjUzNSw2NTguNzIxIA0KCQkJOTA3LjIwNyw2MzYuNzM3IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMzNTM1MzUiIHBvaW50cz0iOTY0LjYwMyw3MzcuMTE4IDk1My4zMDUsNzgzLjU4NyA5NDIuMjUsODA5LjIxNCA5NTcuODkxLDczOS4wODUgOTQyLjAwNyw2NzAuNTEyIDkzNC4zNSw2NjMuMzQ4IA0KCQkJOTE3Ljk3NSw2MjguODM0IDk0MC45ODQsNjUyLjU4MSA5NDcuMzI3LDY1My42ODQgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzNBM0EzQSIgcG9pbnRzPSI5NTcuODkxLDczOS4wODUgOTQyLjI1LDgwOS4yMTQgOTE0LjkwNSw4NzIuNjY5IDkwMC4wODMsODcyLjY2OSA4OTEuMzY0LDg3MC4wOTEgDQoJCQk4OTYuNDgyLDc5OC45NzkgOTE3Ljk3NSw2NzcuNjc3IDkzMC4yNTcsNjc3LjY3NyAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNTk1OTU5IiBwb2ludHM9IjkyMy4zOCw2NjIuODE1IDkxNy45NzUsNjc3LjY3NyA4OTYuNDgyLDc5OC45NzkgODkxLjM2NCw4NzAuMDkxIDg4Mi4xNTMsODUyLjY5MSANCgkJCTg4NC45MzYsNzk2LjkzMiA4ODQuOTgxLDc5Ni40OCA4OTUuNDU4LDY4Ny4xMzEgOTExLjUwNiw2NjMuMzQ4IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1OTU5NTkiIHBvaW50cz0iOTE0LjkwNSw4NzIuNjY5IDkwMi42MjEsODgyLjkwNCA4ODkuODQ5LDg3Ni4yMzEgODgxLjEzLDg2NC4xMTQgODgyLjE1Myw4NTIuNjkxIA0KCQkJODkxLjM2NCw4NzAuMDkxIDkwMC4wODMsODcyLjY2OSAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNzI3MTcxIiBwb2ludHM9IjkzNy4zNCw5MjAuNzM0IDkyNy42NzgsOTAyLjg0NSA5MjUuMTM5LDkwNy43NTYgOTE0LjkwNSw4NzIuNjY5IDkzNS4zNzQsOTA1LjIxOCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNEM0QjRCIiBwb2ludHM9IjkzNy42NjQsOTIzLjMxMiA5MzcuNjY0LDEwMTUuNDI2IDkyNS4xMzksOTA3Ljc1NiA5MjcuNjc4LDkwMi44NDUgOTM3LjM0LDkyMC43MzQgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzVCNUI1QiIgcG9pbnRzPSI5MzcuNjY0LDEwMTUuNDI2IDkyNS41NDcsMTA3Ny40OTIgOTE1LjYsMTAzNy45NDMgOTA3LjkwNCw5NDUuOTU1IDkwOS40MTgsOTU0LjAxOCANCgkJCTkwOS40MTgsODkyLjA3NyA5MTQuOTA1LDg5MC41NjEgOTI1LjEzOSw5MDcuNzU2IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM0NDQ0NDQiIHBvaW50cz0iODg5Ljg0OSw4NzYuMjMxIDg4OS44NDksOTI1Ljg5MyA4ODQuOTM2LDg3OS4zMDMgODc5LjA4Myw4ODcuNDkxIDg4MS4xMyw4NjQuMTE0IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM3MjcxNzEiIHBvaW50cz0iOTExLjUwNiwxMjQ3LjIyNyA4NzkuMDgzLDg4Ny40OTEgODg0LjkzNiw4NzkuMzAzIDg4OS44NDksOTI1Ljg5MyA4ODkuODQ5LDk1My40ODUgDQoJCQk5MDQuMTc3LDEwODQuNDkxIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1MTUxNTEiIHBvaW50cz0iOTI1LjU0NywxMDc3LjQ5MiA5MTEuNTA2LDEyNDcuMjI3IDkwNC4xNzcsMTA4NC40OTEgODg5Ljg0OSw5NTMuNDg1IDg4OS44NDksOTI1Ljg5MyANCgkJCTg5MS4zNjQsODg3LjQ5MSA4OTYuOTc0LDg4Ny45ODIgOTA3LjkwNCw5NDUuOTU1IDkxNS42LDEwMzcuOTQzIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMzQTNBM0EiIHBvaW50cz0iOTA3LjkwNCw5NDUuOTU1IDg5Ni45NzQsODg3Ljk4MiA4OTEuMzY0LDg4Ny40OTEgODg5Ljg0OSw5MjUuODkzIDg4OS44NDksODc2LjIzMSANCgkJCTkwMi42MjEsODgyLjkwNCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNUI1QjVCIiBwb2ludHM9Ijk0MC45ODQsNjI4LjgzNCA5NTcuODkxLDY0My45MDEgOTM5LjkyLDYzNS43MTMgOTE4Ljg3Myw2MDUuNSA5MzAuMjU3LDU2OS43MTkgOTQ3LjMyNyw1NzguNzI3IA0KCQkJOTYwLjcxNyw1OTIuNzI3IDkzNy45MTMsNTg4LjE0MiA5MzAuMjU3LDYwNS41IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM3Nzc3NzciIHBvaW50cz0iODY0LjQ2NSw1NDEuMjY3IDg2MS4yNzYsNTUwLjQzNyA4MjcuNTgxLDU2Mi43NiA3OTguMjI3LDU3OC43MjcgNzY4Ljg3NSw1ODcuOTM4IA0KCQkJNzYxLjg3Myw1OTUuMjY2IDcwMi4wMTksNjEwLjY1NyA2ODguMzg3LDYxMC42NTcgNjYwLjA1Nyw2MDguMDc5IDY0Ni43NTEsNjAxLjY5MiA2MzkuMDU1LDU4NC41NCA2MDUuODEyLDU1My4wNTggDQoJCQk2MDUuODEyLDU0MS41NTQgNjIyLjY3OSw1NTEuNzg4IDY0NC43MDUsNTY5LjcxOSA2NjMuOTg3LDYwMS42OTIgNzAxLjUyOCw2MDEuNjkyIDgyNi44ODYsNTM3LjQ1OSAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNDQ0NDQ0IiBwb2ludHM9Ijg3OS4wNDMsNTYyLjAyMyA4NTcuODc3LDU4Ni41ODcgODQ0LjI4NCw1OTQuNzc0IDcxMi45OSw2MjguODM0IDY3NS42OTYsNjY4Ljk1NyANCgkJCTYyMS45ODQsNjg0LjQ3MyA2NzUuNDA5LDY2Mi4zMjMgNzE0Ljc5NCw2MjEuMTM4IDgzMi41MzQsNTkwLjY4MSA4NDQuODE0LDU4NC41NCA4NjQuNDY1LDU1OS4yOCA4NzQuMzczLDU2Mi43NiAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNTE1MTUxIiBwb2ludHM9Ijg2NC40NjUsNTU5LjI4IDg0NC44MTQsNTg0LjU0IDgzMi41MzQsNTkwLjY4MSA3MTQuNzk0LDYyMS4xMzggNjc1LjQwOSw2NjIuMzIzIDYyMS45ODQsNjg0LjQ3MyANCgkJCTU5MC40NTksNjk3LjQ1IDU4MS4wODUsNzA4LjEzNyA1NzQuNzc5LDcxMS43NzkgNTU4LjczMiw3MjUuOTQzIDU0OS41MjEsNzI1Ljk0MyA1NjIuODI2LDcxNC4xOTQgNTc2LjEzMSw3MDEuNTQ0IA0KCQkJNTk0Ljg4MSw2ODQuODQgNTk4LjAzMyw2NjkuOTM5IDU4Ny44ODEsNjY3LjIzNyA1NjAuMDgzLDY3MC41MTIgNTQ3LjU5NSw2NzMuMzc4IDUwMy43OTEsNjgzLjQ0OSA0OTkuNjk3LDY4My44MTcgDQoJCQk0OTcuNzcxLDY4MC43NDcgNTIwLjUzNSw2NzMuOTExIDUzOS45ODEsNjY5LjkzOSA1NjYuMSw2NjMuMzQ4IDU3OC4zODIsNjYyLjgxNSA1OTQuNTU0LDY2MC4yNzcgNjA2LjQyNiw2NjIuODE1IA0KCQkJNjExLjYyNSw2NjcuNDQxIDYzMy4xMTgsNjcwLjUxMiA2MzkuMDU1LDY2Ny40NDEgNjc3LjQ1Nyw2NTMuMTEzIDY5MC43NjEsNjI2LjUwMiA3MDQuMzExLDYxNi4yNjcgNzYxLjg3Myw1OTUuMjY2IA0KCQkJNzY4Ljg3NSw1ODcuOTM4IDc5OC4yMjcsNTc4LjcyNyA4MjcuNTgxLDU2Mi43NiA4NjEuMjc2LDU1MC40MzcgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzVFNUU1RSIgcG9pbnRzPSI1OTguMDMzLDY2OS45MzkgNTk0Ljg4MSw2ODQuODQgNTc2LjEzMSw3MDEuNTQ0IDU2Mi44MjYsNzE0LjE5NCA1NDkuNTIxLDcyNS45NDMgDQoJCQk1NTIuODc2LDcxNy4zMDUgNTY5LjY2Miw3MDMuMjYzIDU3My4zODgsNjk2LjA5OSA1ODUuMDE0LDY4Ny45MTEgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzNBM0EzQSIgcG9pbnRzPSI3NjEuODczLDU5NS4yNjYgNzA0LjMxMSw2MTYuMjY3IDY5MC43NjEsNjI2LjUwMiA2NzcuNDU3LDY1My4xMTMgNjM5LjA1NSw2NjcuNDQxIA0KCQkJNjI1LjI1OCw2NjcuNDQxIDYxNy42MDMsNjU5Ljc4NSA2MjguMzMsNjYyLjgxNSA2NjcuNzEzLDY1MC41MzQgNjc4LjA3Miw2NDIuMjYxIDY4NS4zMTUsNjIyLjA4IDY5MC41NTgsNjE5LjcwNSA2OTAuMDY2LDYxNC4yMiANCgkJCTY2MC4wNTcsNjE0LjIyIDY0Ni4yNTksNjEwLjY1NyA2MzQuNDY5LDYwOC43NzUgNjE3LjA3MSw2MTcuMjkgNjA2LjgzNSw2MjAuMDMzIDYwMS4zOSw2MjguODc3IDU5NC41NTQsNjM5LjQ3OSA1ODkuMDI2LDY0MS45MzQgDQoJCQk1ODAuNzk4LDYzMi42ODMgNTYyLjEzLDYyMC42ODggNTUzLjE2NCw2MTguMzk2IDUzMy44NCw2MTAuNjU3IDUxNy42Nyw2MTAuNjU3IDUwNS4wMTksNjA2LjAzMiA1MDEuNTM4LDU5OC4wNDkgNTE3LjY3LDU5OC4yOTMgDQoJCQk2MDMuNzY1LDYxNy4yOSA2MjEuOTg0LDYxMC42NTcgNjM5LjA1NSw2MDEuNjkyIDYzOS4wNTUsNTg0LjU0IDY0Ni43NTEsNjAxLjY5MiA2NjAuMDU3LDYwOC4wNzkgNjg4LjM4Nyw2MTAuNjU3IA0KCQkJNzAyLjAxOSw2MTAuNjU3IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM1RTVFNUUiIHBvaW50cz0iNjM5LjA1NSw1ODQuNTQgNjM5LjA1NSw2MDEuNjkyIDYyMS45ODQsNjEwLjY1NyA2MDMuNzY1LDYxNy4yOSA1MTcuNjcsNTk4LjI5MyA2MTAuNjg0LDYxMC4xNjYgDQoJCQk2MjguMzMsNjAxLjY5MiA2MzAuNzg1LDU4OC4zODggNjI1LjYyNiw1NzguNzI3IDYwNS44MTIsNTUzLjA1OCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNzc3Nzc3IiBwb2ludHM9IjU4OS4wMjYsNjQxLjkzNCA1NzguMzgyLDY1MS4zOTQgNTY5LjY2Miw2NTguNzIxIDU1MC44NzEsNjYyLjgxNSA1MzkuOTgxLDY2OS45MzkgDQoJCQk1MjAuNTM1LDY3My45MTEgNDk3Ljc3MSw2ODAuNzQ3IDQ5Ny43NzEsNjc2LjY1MiA1MTMuNzc5LDY3MC41NTIgNTI3LjAwNCw2NjcuNDQxIDU0NC40MDIsNjU3LjIwNyA1NjAuNDUxLDY1NS40ODggCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzJCMkIyQiIgcG9pbnRzPSIxMTA4LjEzOSw0MTguODE3IDExMTAuNzE5LDQzMC4wMzMgMTA5OC40MzcsNDI0LjU0OCAxMDgxLjIsNDAyLjc2OCAxMDk5LjQ2LDQxMi45MjEgDQoJCQkxMTExLjA0Nyw0MTMuOTQ1IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiM3MjcxNzEiIHBvaW50cz0iMTA1OS4wNTIsMTA3Ny42MTQgMTAyMi4zNjksOTU5LjYyNyAxMDE4LjMxNyw5MTYuNjQxIDEwMzQuNjUxLDkyNy40MDggMTA0Mi4yNjcsOTcwLjkyNiAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjM0EzQTNBIiBwb2ludHM9Ijk3Mi41NDgsNDI5Ljk5MyA5NjUuMDU2LDQ2MS4wMjUgOTYyLjYwMSw0MzguMDk5IDk0Ny4zMjcsNDQyLjgwNyA5NDAuNTcxLDQzNC4yMDkgDQoJCQk5NDAuNjE1LDQzMy4zMSA5NDAuNjE1LDQzMy4xODYgOTQwLjk4NCw0MjQuNTQ4IDk0OS4yMTEsNDMzLjM5MiA5NjcuNDMsNDI5Ljk5MyAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNTQ1NDU0IiBwb2ludHM9IjEwMjAuODU1LDQ2OC4zMTIgMTAwOC40MDgsNDk4Ljg5NSA5OTguNDIzLDUxMy4xIDk4OC4zMDgsNTUxLjc4OCA5ODguMzA4LDU4Mi4wMDEgDQoJCQk5NjAuNzE3LDU5Mi43MjcgOTczLjU3LDUzNi40MzYgOTg3LjczNiw0OTIuOTE3IDk5MC41NjMsNDg5LjUyIDk5MC42MDMsNDg5LjQ3OCAxMDE1LjY5Nyw0NjguMzEyIAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMzQTNBM0EiIHBvaW50cz0iMTAxNC44NzksNDYwLjE2NiA5OTAuNjAzLDQ4OS40NzggOTkwLjU2Myw0ODkuNTIgOTg3LjczNiw0OTEuODk0IDEwMDQuNjAyLDQ2MS4wMjUgDQoJCQk5NzcuNjY1LDQzOS42OTcgOTY1LjA1Niw0NjEuMDI1IDk3Mi41NDgsNDI5Ljk5MyAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjM0EzQTNBIiBwb2ludHM9IjExMTYuNzc0LDQ3NS42NDEgMTEwOC4xMzksNDM2LjY2NiAxMTA0LjQ1Miw0NTEuMzIzIDEwOTguNDM3LDQyNC41NDggMTExMC43MTksNDMwLjAzMyAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNTE1MTUxIiBwb2ludHM9IjExNTguNDkzLDYwNS41IDExNTguNDkzLDYyNC40NTUgMTE1My4wMDksNjQ2Ljk3MiAxMTA5LjM2Niw3NjQuMTgxIDEwOTYuMzg5LDc2NC4xODEgDQoJCQkxMTMwLjMyOSw2MjUuNDc5IDExNDQuMTI2LDYxMC4xMjYgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzQ5NDk0OSIgcG9pbnRzPSIxMTczLjMxNSw2MzUuNzEzIDExMTkuODQ1LDc2OC43NjYgMTEwOS4zNjYsNzY0LjE4MSAxMTUzLjAwOSw2NDYuOTcyIDExNTguNDkzLDYyNC40NTUgDQoJCQkxMTU4LjQ5Myw2MDUuNSAxMTcwLjI4NCw2MTkuODI4IAkJIi8+DQoJCTxwb2x5Z29uIGZpbGw9IiMzNTM1MzUiIHBvaW50cz0iOTI1LjEzOSw5MDcuNzU2IDkxNC45MDUsODkwLjU2MSA5MDkuNDE4LDg5Mi4wNzcgOTA5LjQxOCw5NTQuMDE4IDkwNy45MDQsOTQ1Ljk1NSANCgkJCTkwMi42MjEsODgyLjkwNCA5MTQuOTA1LDg3Mi42NjkgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzQ5NDk0OSIgcG9pbnRzPSI5MTcuOTc1LDY3Ny42NzcgOTIzLjM4LDY2Mi44MTUgOTExLjUwNiw2NjMuMzQ4IDkxNy45NzUsNjI4LjgzNCA5MzQuMzUsNjYzLjM0OCAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNDQ0NDQ0IiBwb2ludHM9Ijk1Ny44OTEsNzM5LjA4NSA5MzAuMjU3LDY3Ny42NzcgOTE3Ljk3NSw2NzcuNjc3IDkzNC4zNSw2NjMuMzQ4IDk0Mi4wMDcsNjcwLjUxMiAJCSIvPg0KCQk8cG9seWdvbiBmaWxsPSIjNUI1QjVCIiBwb2ludHM9IjYyNS4yNTgsNjY3LjQ0MSA2MzkuMDU1LDY2Ny40NDEgNjMzLjExOCw2NzAuNTEyIDYxMS42MjUsNjY3LjQ0MSA2MDYuNDI2LDY2Mi44MTUgDQoJCQk1OTQuNTU0LDY2MC4yNzcgNTc4LjM4Miw2NjIuODE1IDU2Ni4xLDY2My4zNDggNTM5Ljk4MSw2NjkuOTM5IDU1MC44NzEsNjYyLjgxNSA1NjkuNjYyLDY1OC43MjEgNTc4LjM4Miw2NTEuMzk0IA0KCQkJNTg5LjAyNiw2NDEuOTM0IDU5NC41NTQsNjM5LjQ3OSA2MDEuMzksNjI4Ljg3NyA2MDYuODM1LDYyMC4wMzMgNjE3LjA3MSw2MTcuMjkgNjM0LjQ2OSw2MDguNzc1IDY0Ni4yNTksNjEwLjY1NyA2MjkuODg0LDYxNC4yMiANCgkJCTYxMC4wNyw2MjYuNTAyIDYwMy4yNzQsNjM3LjI2OSA1OTAuNDU5LDY0OS41NSA1OTQuNTU0LDY1NS42OTEgNjE3LjYwMyw2NTkuNzg1IAkJIi8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
    background-size: 100% 100%;
    transform: translateZ(-$module / 4) scale(.25);
    transform-origin: 0 0;
    backface-visibility: hidden;
    
    .eye {
      $radius: 18px;
      position: absolute;
      top: 13%;
      left: 73%;
      z-index: 2;
      width: $radius;
      height: $radius;
      border-radius: $radius;
      background: red;
      box-shadow: 0 0 100px red;
    }
  }

  .img-mirror {
    transform: translateZ((-$module / 4) * 3) scale(-.25, .25) translateX(-100%);
  }
  
  @for $i from 1 through $sections {
    &:nth-child(#{$i}) {
      z-index: $sections - $i;
      transform: translateZ((-$i + 1) * $module);
    }
  }

  &:nth-child(#{$sections - 1}) {
    animation: fadeIn2 #{$duration} linear infinite;

    div:nth-child(2) {
      transform-style: preserve-3d;
    }

    div:nth-child(2)::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 200%;
      background: darken(#ccc, 40%);
      content: "";
      transform: rotateX(90deg);
      transform-origin: 0 0;
    }
  }

  &:last-child {
    animation: fadeIn #{$duration} linear infinite;

    div:nth-child(2)::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 200%;
      background: darken(#ccc, 40%);
      content: "";
      transform: rotateX(90deg);
      transform-origin: 0 0;
    }

    div:nth-child(2)::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 200%;
      background: darken(#ccc, 40%);
      content: "";
      transform: rotateX(-90deg);
      transform-origin: 0 50%;
    }
  }
  
  div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: 0 0;
    transform-style: preserve-3d;
  }

  %walls {
    background-image: linear-gradient(to bottom, #ccc, darken(#ccc, 40%));
  }

  @for $i from 1 through 4 {
    @if ($i % 2 == 1) {
      div:nth-child(#{$i}) {
        @extend %walls;

        @if ($i == 1) {
          transform: translateX(100%) scaleZ(1.01) rotateY(90deg);
        } @else {
          transform: scaleZ(1.01) rotateY(90deg);
        }
      }
    } @else {
      div:nth-child(#{$i}) {
        @if ($i == 2) {
          background: darken(#ccc, 10%);
          box-shadow: inset 0 0 $module rgba(#000, .5);
          transform: translateY(100%) scaleZ(1.01) rotateX(270deg);
        } @else {
          background: lighten(#ccc, 10%);
          transform: rotateX(270deg) scaleY(1.01);

          &::before {
            position: absolute;
            top: $module * .25;
            left: $module * .4;
            width: $module * .2;
            height: $module / 2;
            background: #fff;
            box-shadow: 0 0 $module / 4 #fff;
            content: "";
            transform: translateY(40px);
          }
        }
      }
    }
  }
}
            
          
!
            
              # GIF: https://www.gfycat.com/FrigidObviousDikdik
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console