.control-bar[data-v-6dec4dc5]{font-size:2rem;align-items:center;justify-content:center;z-index:100;top:0;display:flex;position:fixed;height:3rem;background-color:#0e100f;width:100%}body[data-v-1ba14197]{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#0e100f}[data-v-1ba14197]{position:relative;box-sizing:border-box}.image-content[data-v-1ba14197]{width:100%;max-width:400px}.description[data-v-1ba14197]{border-top:.0625rem solid #e3dddd;margin:2rem 0}.button[data-v-1ba14197]{position:relative;display:inline-block;background:#3e3e3f;color:#fff;border:none;border-radius:0;padding:1.25rem 2.5rem;font-size:1rem;text-transform:uppercase;cursor:pointer;letter-spacing:.0625rem}.image-container[data-v-1ba14197]:before{float:left;padding-top:133.76623376623376%;content:""}.image-container[data-v-1ba14197]:after{display:block;content:"";clear:both}.images[data-v-1ba14197]{width:100%;height:100%;position:absolute;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:8px;grid-template-areas:"img-1 img-1 img-1" "img-1 img-1 img-1" "img-1 img-1 img-1" "img-2 img-3 img-4"}.product[data-v-1ba14197]{background-size:75%;background-position:center;background-repeat:no-repeat;cursor:pointer;border:1px solid #7e7e7e;will-change:transform;background-color:#0e100f}.product[data-grid=img-1][data-v-1ba14197]{grid-area:img-1;z-index:1;cursor:default}.product[data-grid=img-2][data-v-1ba14197]{grid-area:img-2}.product[data-grid=img-2][data-v-1ba14197]{grid-area:img-3}.product[data-grid=img-4][data-v-1ba14197]{grid-area:img-4}.product-1[data-v-1ba14197]{background-image:url(https://assets.codepen.io/16327/ui-flair-1.png)}.product-2[data-v-1ba14197]{background-image:url(https://assets.codepen.io/16327/ui-flair-2.png)}.product-3[data-v-1ba14197]{background-image:url(https://assets.codepen.io/16327/ui-flair-3.png)}.product-4[data-v-1ba14197]{background-image:url(https://assets.codepen.io/16327/ui-flair-4.png)}@media(max-width:800px){.app[data-v-1ba14197]{flex-direction:column}.main-content[data-v-1ba14197]{padding-top:1.5rem}}.container[data-v-6896062e]{position:relative;top:3rem;display:flex;flex-direction:column;gap:5rem}.container-row[data-v-6896062e]{min-height:5rem;display:flex;width:100%;height:max-content;background-color:#8e9d9d;justify-content:center}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}html,body{margin:0;padding:0;width:100%;height:100%}body{place-items:center;min-width:320px}body #app{width:100%}