@import"https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap";*:where(:not(html,iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}:where([draggable="true"]){-webkit-user-drag:element}:root{--accent-color: #554EFF;--vc-off-color: #ffffff5b;--vc-on-color: var(--accent-color);--vc-animation-speed: .4s ease-in-out;--vc-font-family: Epilogue, sans-serif;--vc-font-size: 18px;--vc-font-weight: 400;--vc-on-font-color: var(--accent-color);--vc-off-font-color: white;--vc-label-position-off: .4vw;--vc-label-position-on: .4vw;--vc-width: 5.5vw;--vc-height: 1.4vw;--vc-handle-border-radius: 20px;--vc-box-border-radius: 18px;--vc-handle-shadow: 1px 1px 5px rgba(0, 0, 0, .2);--vc-handle-color: white;--vc-handle-width: 1vw;--vc-handle-height: 1vw;--vc-onclick-width: 1.2vw;--vc-handle-top: .2vw}.vc-small-switch{width:var(--vc-width);height:var(--vc-height)}.vc-toggle-container{font-family:var(--vc-font-family)}.vc-switch{width:var(--vc-width);height:var(--vc-height)}.vc-toggle-container label{position:relative;display:inline-block;vertical-align:top;border-radius:var(--vc-box-border-radius);cursor:pointer}.vc-switch-input{position:absolute;transform:translate3d(5px,5px,0)}.vc-switch-label{position:relative;display:block;height:inherit;font-size:var(--vc-font-size);font-weight:var(--vc-font-weight);background:var(--vc-off-color);border:1px solid var(--accent-color);border-radius:inherit}.vc-switch-label:before,.vc-switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:1.1}.vc-switch-label:before{content:attr(data-off);color:var(--vc-on-font-color)}.vc-switch-label:after{content:attr(data-on);color:var(--vc-off-font-color);opacity:0}.vc-switch-label:before{right:var(--vc-label-position-off)}.vc-switch-label:after{left:var(--vc-label-position-on)}.vc-switch-input:checked~.vc-switch-label{background:var(--vc-on-color)}.vc-switch-input:checked~.vc-switch-label:before{opacity:0}.vc-switch-input:checked~.vc-switch-label:after{opacity:1}.vc-handle{position:absolute!important;top:var(--vc-handle-top);left:5px;background:var(--vc-handle-color);border-radius:var(--vc-handle-border-radius);box-shadow:var(--vc-handle-shadow)}.vc-handle{width:var(--vc-handle-width);height:var(--vc-handle-height)}.vc-handle:before{content:"";top:50%;left:50%;position:absolute!important;margin:-6px 0 0 -6px;width:12px;height:12px;border-radius:6px}.vc-switch-label:active~.vc-handle,.vc-handle:active{width:var(--vc-onclick-width)}.vc-switch-input:checked~.vc-handle{left:unset;right:5px}:root{--accent-color: #554EFF;--black: black;--white: white;--lightWhite: #e6e6e6;--middleGrey: #B8B8B8;--padding-s: .3vw;--padding-l: 1vw;--padding-m: .5vw;--font-l: 1.5em;--font-m: 1.2em;--font-s: .8em;--font-accent: "PT Mono", monospace;--round-border-m: "1rem";--transition-time: .3s;--blur: 15px;--blur-color: rgba(189, 189, 189, .235);--bulles: #cecece9f;--links: #505050}html{width:100%;height:100%}body{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;flex-direction:row;overscroll-behavior-y:none;background-color:var(--lightWhite);font-family:Epilogue,sans-serif;user-select:none!important}canvas{position:fixed;top:0}#app{position:absolute;width:100%;min-height:100%;height:100%;z-index:0}.cssRenderer--full{z-index:1;pointer-events:none;position:fixed;top:0}.loading{position:absolute;background-color:red;width:100%;height:100%;z-index:20;pointer-events:none;transition:opacity .5s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center}.header{width:99vw;height:4.5vh;position:absolute;top:var(--padding-m);left:50%;transform:translate(-50%);background-color:var(--blur-color);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-radius:1rem;padding:var(--padding-m) var(--padding-l);display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:1;transition:all var(--transition-time) ease-in-out}.hiddenHeader{top:-10vh}#about-project{pointer-events:none;opacity:0;position:absolute;top:0;padding:0;margin:0;background-color:#d3d3d300;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;backdrop-filter:blur(0px);transition:backdrop-filter .8s linear,background-color .4s linear,opacity .8s linear;z-index:20}.aboutVisible{opacity:1!important;pointer-events:all!important}.aboutBackground{background-color:#d3d3d3!important}.aboutBlurry{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.aboutTexts{width:40%;flex-direction:column;height:60%;align-items:center;justify-content:space-between}.aboutTitle{color:#554eff;text-align:center;font-weight:400;font-size:2.4rem}.aboutTitle img{max-width:20%}.aboutText{font-size:1.2rem;color:#3f3f3f;font-weight:300;padding-top:4vh}.aboutText p{padding-bottom:var(--padding-l)}.headerButtons{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.enterButton{width:100%;display:flex;justify-content:center;flex-direction:row}.greyed-out span{border:1px grey solid!important;color:gray!important}.enterButton span{transition:1s ease-out background-color;text-transform:uppercase;font-size:var(--font-m);font-weight:500;cursor:pointer;color:#2f2f2f;background-color:#b8b8b813;border:1px var(--accent-color) solid;padding:.5vh 1vh;border-radius:2rem;margin-top:4%;display:inline-flex;align-items:center}.page-toggle{display:flex;align-items:center;margin-right:var(--padding-m)}.navCircles{transition:opacity .4s ease-in-out}.circle-toggle{width:1vw;height:1vw;background-color:#d3d3d3;border-radius:50%}.line-toggle{width:1vw;height:.4vw;background-color:var(--middleGrey);opacity:.2}.circle-toggle.moving{margin-left:0vw;position:fixed;background-color:var(--accent-color);transition:all .4s ease-in-out;z-index:10}.navCircles{display:flex;flex-direction:row}.line-toggle.moving{position:fixed;width:0vw;height:.4vw;background-color:var(--accent-color);opacity:.4;transition:all .4s ease-in-out}#page-title{height:3vh;position:absolute;left:50%;transform:translate(-50%)}#page-title img{height:100%;cursor:pointer}.view-toggle{display:flex;flex-direction:row;align-items:center}.view-toggle-caption{margin-right:var(--padding-m);font-size:18px;font-weight:500}.controls{max-height:91.5vh;width:20vw;position:absolute;right:1vw;bottom:var(--padding-l);border-radius:2rem;padding:1vh 0;display:flex;flex-direction:column;justify-content:space-between;overflow:scroll;background-color:var(--blur-color);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));transition:all .4s ease-in-out;z-index:1;cursor:default}.controls::-webkit-scrollbar{display:none}.hiddenControls{right:-30vw!important}#controls-topics,#controls-subtopics{display:flex;flex-direction:column;position:relative}.controls-folder{margin:var(--padding-l) var(--padding-l) var(--padding-s) 1.5vw;padding-bottom:1.5vh;border-bottom:solid 1px var(--middleGrey);transition:all .4s ease-in-out}.controls-folder.isLast{border-bottom:none}.smallerControls{height:35%!important}#controls-topics{border-bottom:none;transition:all .4s ease-in-out;height:100%;padding-bottom:0}#controls-subtopics{transition:all .4s ease-in-out;padding-bottom:var(--padding-m);border-bottom:none}.controls-folder-content{height:100%;display:flex;flex-direction:column;align-items:flex-start}.controls-folder-title{padding-top:var(--padding-m);padding-bottom:var(--padding-s);font-size:var(--font-m);font-weight:500}.navigation-images{width:100%;display:flex;flex-direction:row;justify-content:center}#navigationTitle{display:flex;justify-content:space-between;align-items:center}#navigationToggle{color:var(--links);background-color:var(--blur-color);backdrop-filter:blur(var(--blur));width:1.5vw;height:1.5vw;border-radius:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-s);border:1px solid var(--middleGrey);transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out,transform .3s ease-in-out;transform:rotate(-90deg)}#navigationToggle:hover{box-shadow:#25252574 2px 2px 10px;border-color:var(--accent-color)}.rotateButton{transform:rotate(-180deg)!important}.hideInstructions{display:none}.controls-caption{font-size:var(--font-s);color:var(--links);padding-bottom:var(--padding-m)}#about-project .controls-caption{text-align:center;margin-top:5vh}.classification-button{position:relative;margin-top:.5vh;margin-bottom:.3vh;height:2vw;border:solid 1px var(--middleGrey);border-radius:2rem;font-size:13px;padding:.5vh .5vw;opacity:.5;display:flex;align-items:center;transition:all var(--transition-time) ease-in-out}.classification-button span:nth-child(2){position:absolute;right:.5vw;opacity:0;transition:opactiy var(--transition-time) ease-in-out}#classification-personal{background-color:var(--black);border:1px solid var(--black);color:var(--white)}#classification-algo{background-color:var(--white);border:1px solid var(--white);color:var(--black)}.activeClassificationButton{opacity:1}.visibleCross{opacity:1!important}#controls-display .controls-folder-content{flex-direction:row}#controls-display .controls-folder-title{display:flex;flex-direction:row;width:100%;justify-content:space-between}.display-button{position:relative;margin-top:.5vh;margin-bottom:1vh;height:2vw;border:solid 1px var(--middleGrey);border-radius:2rem;font-size:var(--font-m);cursor:pointer;padding:.5vh 2vw;margin-right:.4vw;background-color:var(--accent-color);color:var(--white);display:flex;align-items:center;justify-content:center;opacity:.4;transition:opacity var(--transition-time) ease-in-out}.activeDisplayButton{opacity:1}#topicsListVertical{flex-wrap:wrap;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;height:100%}#subtopicsListVertical{flex-wrap:wrap;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;height:25vh;overflow-y:scroll}.topicsList,.subtopicsList{padding-right:1vw}#topicsListVertical .topicName,#subtopicsListVertical .subtopicName{margin-right:0}#topicsListVertical::-webkit-scrollbar,#subtopicsListVertical::-webkit-scrollbar{border-radius:10px;width:5px;background-color:transparent}#topicsListVertical::-webkit-scrollbar-thumb,#subtopicsListVertical::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--lightWhite)}.tagContainer{position:relative;margin:.2vh;cursor:pointer;text-transform:lowercase;display:flex;align-items:center;justify-content:center;transition:background-color .4s ease-in-out,border-color .4s ease-in-out,color .4s ease-in-out;border-radius:2rem}.tagContainer div{margin-bottom:.1vh}.topicContainer{height:1.7vw;border:solid 1px #252525;font-size:15px;background-color:#252525;color:var(--lightWhite);padding:.5vh 1.2vh;margin-right:.1vw;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out}.subtopicContainer{height:1.7vw;border:solid 1px #ffffff;font-size:15px;background-color:#fff;color:#252525;padding:.5vh 1.2vh;margin-right:.1vw;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out}.topicTotalNum{height:100%;display:flex;flex-direction:column;justify-content:center;font-size:10px;font-weight:500;padding-left:.3vw}.subtopicTotalNum{height:100%;display:flex;flex-direction:column;justify-content:center;font-size:8px;font-weight:500;padding-left:.3vw}.topicContainer:hover,.tableTopic:hover,.subtopicContainer:hover,.tableSubtopic:hover{border:solid 1px var(--accent-color);box-shadow:#25252574 2px 2px 10px}.activeTopicName,.activeSubtopicName{background-color:var(--accent-color);border-color:var(--accent-color)}.activeSubtopicName{color:#fff}.index{width:100%;height:90vh;position:absolute;top:9vh;left:var(--padding-m);padding:var(--padding-l);display:flex;flex-direction:row;justify-content:space-between;align-items:center}#index{border-collapse:separate;margin-left:var(--padding-s);margin-right:var(--padding-l);box-sizing:border-box;max-height:100%;width:100%;font-size:var(--font-s);opacity:1;transition:opacity .3s ease-in-out;overflow:auto}.tableContainer{position:relative;height:100%;width:78%;overflow-y:scroll;overflow-x:hidden}.tableContainer::-webkit-scrollbar{display:none}.tablePreviewImg{width:30%}td:first-child,th:first-child{border-radius:20px 0 0 20px;padding-left:1vw}td:last-child,th:last-child{border-radius:0 20px 20px 0}tr{background-color:var(--lightWhite);border:solid 1px black;transition:background-color .4s ease-in-out}tr:hover{background-color:#b8b8b86c;cursor:pointer}#index th,.tableAccent{background-color:var(--lightWhite);font-size:var(--font-l)}.currentSortingHeader{color:var(--accent-color)}.indexHeader th{position:sticky;padding-bottom:var(--padding-m);top:0%;transition:color .4s ease-in-out}.indexHeader th:not(:nth-child(2)):hover{color:var(--accent-color)}.indexHeader th:nth-child(2){cursor:default}td{vertical-align:middle}tr td:nth-child(2){width:7%;justify-content:flex-start}.tableTopicContainer{display:flex;justify-content:left;align-items:center}.tableTopic{border-radius:2rem;font-size:var(--font-s);background-color:var(--black);color:var(--white);cursor:pointer;padding:.5vh .5vw;opacity:1;display:flex;justify-content:center;border:solid 1px var(--black);transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out}.tableSubtopic{border-radius:2rem;font-size:var(--font-s);background-color:var(--white);color:var(--black);cursor:pointer;padding:.5vh .5vw;opacity:1;display:flex;justify-content:center;border:solid 1px var(--white);transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out}.isNoneSubtopic{color:#d6d6d6;border-color:#efefef;background-color:#efefef}tbody{width:100%;border-collapse:collapse}.details{width:99vw;height:80vh;position:absolute;transform:translateY(-50%);top:55%;left:var(--padding-m);padding:var(--padding-l)}.detailsContainer{display:flex;flex-direction:row;justify-content:center;align-items:top;gap:5vw;height:90%}.detailsDataContainer{width:35%;display:flex;flex-direction:column;justify-content:space-between}.detailsImgContainer{width:35%;min-height:100%;display:flex;flex-direction:row;justify-content:end}.detailsDataContainer .detailsRow:first-child{padding-top:1vh}.detailsRow{width:100%;padding:2vw 0;display:flex;flex-direction:row;border-bottom:1px solid var(--middleGrey)}.detailsItem{display:flex;flex-direction:column}.detailsRow .detailsItem:nth-child(2){padding-left:3vw}.detailsTitle{color:var(--accent-color);font-size:var(--font-m);padding-bottom:var(--padding-m)}#detailsImg{height:100%;object-fit:contain}#detailsTopic{border-radius:2rem;font-size:var(--font-m);background-color:var(--black);color:var(--white);cursor:pointer;padding:.6vh 2vh;opacity:1}.detailsTags{text-transform:lowercase;display:flex;gap:var(--padding-m);flex-direction:row}#detailsSubtopic{border-radius:2rem;font-size:var(--font-m);background-color:var(--white);color:var(--black);cursor:pointer;padding:.6vh 2vh;opacity:1}.labels{text-transform:lowercase;display:flex;flex-direction:column;align-items:flex-start;font-size:var(--font-s);padding:var(--padding-s);background-color:var(--blur-color);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-radius:.7em}.labelNumber{font-size:1rem;font-weight:600}.labels>div{padding:.1rem .5rem}.label{background-color:var(--black);color:var(--white);border-radius:2rem;display:flex;flex-direction:column;justify-content:center}#label{transition:all .1s ease-in-out}.sublabel{background-color:var(--lightWhite);color:var(--black);border-radius:2rem;display:flex;flex-direction:column;justify-content:center}.displayToggle.vc-switch-label:before,.displayToggle.vc-switch-label:after{top:55%;font-size:1em}.navArrows{z-index:12;width:100%;padding:1vw;position:absolute;top:50%;display:none;flex-direction:row;justify-content:space-between}.navArrows svg{cursor:pointer;height:70%}.navArrows path{stroke:gray}.navArrows path:hover{stroke:var(--accent-color)}.disabledArrow{opacity:.2;pointer-events:none}#stats{position:absolute;width:5vw;height:5vh;bottom:0;left:0}.displayButInvisible{display:flex;opacity:0;transition:opacity .4s ease-out}.opacity{opacity:1}.noOpacity{opacity:0}.hiddenLabel{display:none!important}.labelAsCursor{display:block;opacity:0;width:1vw;height:1vw}.displayNone{display:none!important}#cursorDiv{position:absolute;width:3vw;height:3vw;background-color:red;z-index:10;pointer-events:none}.enterButton span:hover{background-color:#ffffff67}body>div:last-child{top:95vh!important;display:none}