.wrapper[data-v-359f1e32]{width:100%;min-width:380px;height:100%;overflow-x:hidden;overflow-y:auto;z-index:1}.containerModalBackground[data-v-359f1e32]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100}.containerModal[data-v-359f1e32]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background-color:var(--accent-color);border-radius:20px;z-index:101;display:grid;grid-template-rows:10% 90%;grid-template-columns:100%}.modalHead[data-v-359f1e32]{display:grid;grid-row:1;grid-column:1;grid-template-rows:100%;grid-template-columns:90% 10%;color:var(--white)}.modalTitle[data-v-359f1e32]{padding-left:20px;grid-row:1;grid-column:1;display:flex;align-items:center;justify-content:flex-start;font-weight:100;font-size:2rem}.modalClose[data-v-359f1e32]{padding-right:20px;display:flex;grid-row:1;grid-column:2;align-items:center;justify-content:flex-end}.modalClose button[data-v-359f1e32]{background-color:transparent;border:none;color:var(--white);font-size:1.3rem;font-weight:100;cursor:pointer;transition:.1s}.modalClose button[data-v-359f1e32]:hover{color:var(--accent-color);background-color:var(--white);border-radius:5px}.modalBody[data-v-359f1e32]{color:var(--white)}.modalBodyImprint[data-v-359f1e32],.modalBodyItem[data-v-359f1e32],.modalBodySetting[data-v-359f1e32]{grid-row:2;grid-column:1}.containerHeader[data-v-359f1e32]{width:100%;height:10vh;background-color:var(--accent-color);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0 30px;color:var(--white);box-shadow:0 0 10px #161616}.containerHeaderLogo[data-v-359f1e32]{width:10%;max-width:100px;min-width:50px;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.containerHeaderLogo img[data-v-359f1e32]{width:auto;height:50%;transition:.2s cubic-bezier(.175,.885,.32,1.275)}.containerHeaderTitle[data-v-359f1e32]{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.containerHeaderTitle h1[data-v-359f1e32]{font-size:2rem;font-weight:100;transition:.2s cubic-bezier(.175,.885,.32,1.275)}.containerHeaderImprint[data-v-359f1e32]{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.containerHeaderImprint h1[data-v-359f1e32]{font-size:2rem;font-weight:100;transition:.2s cubic-bezier(.175,.885,.32,1.275)}.containerHeaderImprint h1[data-v-359f1e32]:hover,.containerHeaderTitle h1[data-v-359f1e32]:hover{font-size:2.2rem}.containerHeaderLogo img[data-v-359f1e32]:hover{height:60%}.containerContent[data-v-359f1e32]{width:100%;min-height:calc(90vh - 40px);display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;justify-items:center;align-content:space-around;gap:20px;padding:20px 0}.containerItem[data-v-359f1e32]{width:300px;height:300px;background-color:var(--accent-color);border-radius:20px;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 5px #262222;border:1px solid #363636;cursor:pointer}.containerItem[data-v-359f1e32]:hover{transform:scale(1.025)}.containerItemTitle[data-v-359f1e32]{height:75px;font-size:2rem}.containerItemPicture[data-v-359f1e32],.containerItemTitle[data-v-359f1e32]{width:100%;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center;color:var(--white)}.containerItemPicture[data-v-359f1e32]{height:225px}.containerItemPicture img[data-v-359f1e32]{width:auto;height:150px}.containerFooter[data-v-359f1e32]{width:100%;height:5vh;display:none;background-color:var(--accent-color)}.modal-enter-from[data-v-359f1e32],.modal-leave-to[data-v-359f1e32]{opacity:0;transform:scale(1.1) translateY(30px)}.modal-enter-active[data-v-359f1e32],.modal-leave-active[data-v-359f1e32]{transition:.3s ease}@media only screen and (max-width:1450px){.containerContent[data-v-359f1e32]{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:1450px)and (max-width:1000px){.containerContent[data-v-359f1e32]{grid-template-columns:repeat(2,1fr)}.containerModal[data-v-359f1e32]{width:95%;height:95%}}@media only screen and (max-width:1450px)and (max-width:1000px)and (max-width:700px){.containerContent[data-v-359f1e32]{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:1450px)and (max-width:1000px)and (max-width:700px)and (max-width:500px){.containerHeaderImprint[data-v-359f1e32],.containerHeaderLogo[data-v-359f1e32],.containerHeaderTitle[data-v-359f1e32]{width:calc(100% - 20px);padding:0 10px}.containerHeader[data-v-359f1e32]{gap:0}.containerHeaderImprint h1[data-v-359f1e32],.containerHeaderTitle h1[data-v-359f1e32]{font-size:1.5rem}.containerHeaderLogo[data-v-359f1e32]{max-width:10%}.containerHeaderImprint h1[data-v-359f1e32]:hover,.containerHeaderTitle h1[data-v-359f1e32]:hover{font-size:1.8rem}}:root{--html-background:#515254;--base-color:#4f4f50;--accent-color:#39393b;--white:#e7e8ea;--black:#000;--scrollbar-color:#d3d3d3;--scrollbar-color-hover:#a9a9a9}#app{width:100%;height:100%;font-family:Work Sans,Segoe UI Light,Avenir,Helvetica,Arial,sans-serif}body{margin:0;padding:0;background-color:var(--html-background)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{border-radius:5px}::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color-hover)}