@import"https://fonts.googleapis.com/css?family=Montserrat:400,800";@import"https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,600|Tulpen+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Cookie&family=Edu+NSW+ACT+Foundation:wght@400;500;600;700&family=Edu+SA+Beginner:wght@700&display=swap";.navbar{position:sticky;top:0;z-index:99;background-color:#fff;box-shadow:0 2px 8px #0000001a;margin-bottom:40px}.navbar__container{display:flex;justify-content:space-between;max-width:1200px;margin:auto;padding:16px}.navbar__logo{font-size:xx-large;font-family:Edu SA Beginner,cursive;color:#000}.navbar__right{display:flex}.navbar .caret{display:inline-block;width:0;height:0;margin-left:4px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \	;border-right:4px solid transparent;border-left:4px solid transparent}.footer{background-color:#c7e6f5fd;padding:32px 16px;position:absolute;bottom:0;left:0;text-align:center;width:100%}.footer__madeby{display:flex;justify-content:center;align-items:center;color:#000;font-weight:600}.layout{background-color:#f2f2f2}.layout__container{min-height:calc(100vh - 164px);width:100%;max-width:1200px;margin:auto;padding-bottom:150px}.animated-logo{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.animated-logo .logo-image{padding-left:50px}.animated-logo .logo-image img{height:150px}.animated-logo .app-name{list-style:none;font-size:48px;font-family:Edu SA Beginner,cursive;padding:0 30px}.animated-logo .app-name li{display:inline-block;color:#000;opacity:1;transition:all .8s ease-in-out .8s;max-width:2em}.animated-logo .app-name li.spaced{padding-left:.25em}.animated-logo .app-name.hidden li.spaced{padding-left:0}.animated-logo .app-name.hidden li.ghost{opacity:0;max-width:0}.animated-logo .app-name.hidden li.capital{text-transform:uppercase}@media (max-width: 550px){.animated-logo .app-name{font-size:calc(30px + 1vw)}}@media (min-width: 550px) and (max-width: 650px){.animated-logo .app-name{font-size:calc(34px + 1vw)}}.aov-logo{display:flex;align-items:center;list-style:none}.aov-logo .logo-image{margin-right:10px;-webkit-transition:all .8s ease-in;-moz-transition:all .8s ease-in;-o-transition:all .8s ease-in;transition:all .8s ease-in}.aov-logo .logo-image.ghost{opacity:0;max-width:0}.aov-logo li{display:inline-block;color:#000;opacity:1;transition:all .8s ease-in-out .8s;max-width:2em}.aov-logo li.spaced{padding-left:.25em}.aov-logo.hidden li.spaced{padding-left:0}.aov-logo.hidden li.ghost{opacity:0;max-width:0}.aov-logo.hidden li.capital{text-transform:uppercase}#links-particles{background:#020024;background:linear-gradient(0deg,#020024 0%,#090979 35%,#00d4ff 100%)}.home-page{position:absolute;top:0;left:0;z-index:1;width:100%}.home-page__container{display:flex;justify-content:center;align-items:center}.animated-logo-container{width:75%;padding:20px 0;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:16px}@media (max-width: 500px){.animated-logo-container{border-radius:0;width:100%}}.content-page{display:flex;justify-content:center}.content-card{display:flex;flex-direction:column;justify-content:center;background-color:#c8dde698;width:600px}@media (max-width: 600px){.content-card{width:90%}}.content-card .media-container{margin:20px 0;display:flex;justify-content:center;align-items:center}@media (max-width: 600px){.content-card .media-container{margin:0}}.content-card .media-container img{width:564px;border-radius:8px}@media (max-width: 600px){.content-card .media-container img{width:100%}}.content-card .lang-tabs{padding:0 20px;border-bottom:1px solid rgba(0,0,0,.12)}.content-card .tab-panel-container{padding:10px 30px;margin-bottom:30px}.content-card .tab-panel-container .content-info{margin:10px 0}.content-card .tab-panel-container .content-info .title{font-family:Cookie,cursive;font-size:x-large;color:#393968;display:flex;align-items:center;padding-bottom:5px}.content-card .tab-panel-container .content-info .description{padding-left:30px}.content-card .tab-panel-container .content-info .description .first-line{padding-left:20px}.content-card .tab-panel-container .credit{display:flex;justify-content:space-between;align-items:center;margin-right:50px}.content-card .tab-panel-container .credit .role{color:gray}.content-card .tab-panel-container .credit .avatar{display:flex;align-items:center;gap:4px}.content-card .tab-panel-container .credit .avatar .MuiAvatar-root{width:30px;height:30px}.animated-border-quote{display:inline-block;overflow:hidden;margin-left:20px}.animated-border-quote blockquote{background-color:#fff;border:solid 2px #7abaef;display:inline-block;margin:0;padding:1em;position:relative}.animated-border-quote blockquote:before{animation:clockwise 30s infinite linear;background-color:#fff;bottom:10%;content:"";left:0;opacity:.5;position:absolute;right:0;top:10%}.animated-border-quote blockquote:after{animation:counter 30s infinite linear;background-color:#fff;bottom:10%;content:"";left:0;opacity:.5;position:absolute;right:0;top:10%}.animated-border-quote blockquote cite{display:block;font-style:italic}.animated-border-quote blockquote cite a{display:flex;align-items:center;justify-content:flex-end;color:#393968}.animated-border-quote blockquote cite a:hover{color:#a3c9e7}.animated-border-quote blockquote>*{position:relative;z-index:1}@keyframes clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.add-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;width:600px}@media (max-width: 400px){.add-content{width:95%}}.add-content .media-container{margin:20px 10px;display:flex;justify-content:center}.add-content .media-container img{width:564px;border-radius:8px}@media (max-width: 600px){.add-content .media-container img{width:100%}}.add-content .pagination-container{display:flex;align-items:center;justify-content:center}.add-content .annotations-container{margin-bottom:30px;width:500px}@media (max-width: 500px){.add-content .annotations-container{width:90%}}.add-content .annotations-container .boxes-per-page{margin-right:auto}.add-content .annotations-container .boxes-per-page label{margin:10px}.add-content .annotations-container .boxes-per-page .MuiSelect-select{padding:4px 32px 4px 8px}.add-content .annotations-container .annotation{border:1px solid gray;border-radius:5px;border-top:3px solid #549ef2;margin:10px}.add-content .annotations-container .annotation .anno-text{width:100%;border-bottom:1px solid gray;display:flex;align-items:center}.add-content .annotations-container .annotation .anno-text .index{padding:0 10px}.add-content .annotations-container .annotation .anno-text .input{flex-grow:1;padding-right:10px}.add-content .annotations-container .annotation .anno-text .editIcon{padding-right:10px;margin-left:auto;font-size:28px}.add-content .annotations-container .annotation .anno-text .editIcon:hover{color:#549ef2;cursor:pointer}.add-content .annotations-container .annotation .anno-text .deleteIcon{padding-right:10px;margin-left:auto;font-size:28px}.add-content .annotations-container .annotation .anno-text .deleteIcon:hover{color:red;cursor:pointer}.add-content .annotations-container .annotation .anno-pos{display:flex;justify-content:center;align-items:center}.add-content .annotations-container .annotation .anno-pos .geo-num{max-width:80px;margin:5px 15px}@media (max-width: 500px){.add-content .annotations-container .annotation .anno-pos .geo-num{margin:5px 30px}}.add-content .annotations-container .annotation .anno-pos .geo-num label{color:#4d5580}.add-content .annotations-container .annotation .anno-pos .groupfield{display:flex}@media (max-width: 600px){.add-content .annotations-container .annotation .anno-pos{flex-direction:column}}.annotation-editor .input{padding:8px 16px}.annotation-editor .input textarea{border:0;font-size:14px;margin:6px 0;min-height:60px;outline:0}.annotation-editor .submit-btn{display:flex;align-items:center;justify-content:center;background:whitesmoke;border:0;box-sizing:border-box;color:#363636;cursor:pointer;padding:8px 0;font-size:1rem;outline:0;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.1);width:100%;transition:background .21s ease-in-out}.annotation-editor .submit-btn:focus,.annotation-editor .submit-btn:hover{background:#eeeeee}.annotation-editor-container{z-index:1000;background:white;border-radius:2px;box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;margin-top:16px;transform-origin:top left;animation:fadeInScale .31s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}@keyframes fadeInScale{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.book-container{font-family:Cormorant Garamond,serif;max-width:720px;height:511.2px;box-shadow:0 0 100px #0000004d;margin:auto}@media (max-width: 500px){.book-container{width:720px;transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5);-o-transform:scale(.5);-moz-transform:scale(.5);transform-origin:5% 0%}}.book{width:100%;height:100%;display:flex;perspective:1200px}.book__page{position:relative;width:50%;height:100%;display:grid;transform:rotateY(0);transition:transform .9s cubic-bezier(.645,.045,.355,1);transform-origin:0% 0%;background-color:#e8e3d9;background-image:linear-gradient(90deg,rgba(116,116,116,.3) 20%,#fbf6ea 100%);box-shadow:inset 3px 0 20px #0003,0 0 15px #0000001a}.book__page:nth-of-type(1){background-color:#e8e3d9;background-image:linear-gradient(-90deg,rgba(116,116,116,.3) 20%,#fbf6ea 100%);box-shadow:inset 3px 0 20px #0003,0 0 15px #0000001a}.book__page--2{position:absolute;right:0;transform-style:preserve-3d;background-color:#e8e3d9;background-image:linear-gradient(90deg,rgba(116,116,116,.3) 20%,#fbf6ea 100%);box-shadow:inset 3px 0 20px #0003,0 0 15px #0000001a}.book__page--2.next-page{transition:transform .9s cubic-bezier(.645,.045,.355,1);transform:rotateY(-180deg)}.book__page--4{cursor:pointer;padding:0 36px}.book__page--4.pre-page{transition:transform .9s cubic-bezier(.645,.045,.355,1);transform:rotateY(-180deg)}.book__page-front{position:absolute;width:100%;height:100%;transform:rotateY(0) translateZ(1px)}.book__page-back{position:absolute;width:100%;height:100%;padding:0 21.6px;transform:rotateY(180deg) translateZ(1px)}.book__page .page__content{padding:12px;height:100%;position:relative;text-align:center}.did-you-know{font-family:Cormorant Garamond,serif}.did-you-know .image-container{position:relative;text-align:center;display:inline-block;margin:30px 30px 10px;transform:rotate(-2deg)}.did-you-know .image-container:before,.did-you-know .image-container:after{background:rgba(255,255,235,.6);box-shadow:0 1px 3px #0006;content:"";display:block;height:30px;position:absolute;margin:auto;width:100px}.did-you-know .image-container:before{left:-25px;top:10px;transform:rotate(-40deg)}.did-you-know .image-container:after{bottom:10px;right:-25px;transform:rotate(-35deg)}.did-you-know .image-container .image{background:#fff;border:1px solid #ddd;box-shadow:0 1px 3px #0006;display:inline-block;height:auto;max-width:100%;padding:8px}.did-you-know .title{margin:0 30px;font-style:italic}.did-you-know .description{margin:10px 50px;font-size:small}:root{--black-100: #333;--deep-purple-100: rgb(41, 9, 129);--ligt-purple-100: hsl(256, 90%, 80%)}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}body,button,input{font-family:Roboto,sans-serif}html{--scrollbarBG: #f1f1f1;--thumbBG: #ccc;position:relative;min-height:100%}*::-webkit-scrollbar{width:14px}*{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}*::-webkit-scrollbar-track{background:var(--scrollbarBG)}*::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:8px;border:3px solid var(--scrollbarBG)}.skeleton{position:relative;overflow:hidden;background:#ededed}.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ededed,white,#ededed);animation:skeleton-progress 1s linear forwards infinite;will-change:transform}@keyframes skeleton-progress{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}.kp-text-input__label{margin-bottom:8px;display:block}.kp-text-input__input,.kp-text-input__textarea{background-color:#f1f1f1;color:#333;padding:12px 16px;font-size:14px;border-radius:6px;border:none;margin-bottom:16px;outline:none}.kp-text-input__input::placeholder,.kp-text-input__textarea::placeholder{color:#bbb}.kp-text-input__textarea{height:120px;resize:none}.success-btn{background-color:#29a877;color:#fff;border:1px solid rgba(37,93,173,.25);padding:8px 16px;font-weight:700;border-radius:4px;box-shadow:0 4px 10px #29a87759;font-size:16px;cursor:pointer}.success-btn:hover{background-color:#249468}.danger-btn{background-color:#f15d5d;color:#fff;border:1px solid rgba(37,93,173,.25);padding:8px 16px;font-weight:700;border-radius:4px;box-shadow:0 4px 10px #f15d5d;font-size:16px;cursor:pointer}.danger-btn:hover{background-color:#df5555}.info-btn{background-color:#255dad;color:#fff;border:1px solid rgba(37,93,173,.25);padding:8px 16px;font-weight:700;border-radius:4px;box-shadow:0 4px 10px #255dad59;font-size:16px;cursor:pointer}.info-btn:hover{background-color:#1f4f92}.orange-btn{background-color:#ff976d;color:#fff;border:1px solid rgba(255,151,109,.25);padding:8px 16px;font-weight:700;border-radius:4px;box-shadow:0 4px 10px #ff976d59;font-size:16px;cursor:pointer}.orange-btn:hover{background-color:#e4845e}.yellow-btn{background-color:#f8ab2e;color:#fff;border:1px solid #e6a235;padding:8px 16px;font-weight:700;border-radius:4px;box-shadow:0 4px 10px #ffd16d59;font-size:16px;cursor:pointer}.yellow-btn:hover{background-color:#e6a235}.pink-btn{background-color:#f47983;color:#fff;border:1px solid rgba(244,121,131,.25);padding:8px 16px;font-weight:700;border-radius:4px;box-shadow:0 4px 10px #f4798359;font-size:16px;cursor:pointer}.pink-btn:hover{background-color:#e26d77}.mr5{margin-right:5px}