body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-animation:gradient 25s ease infinite;animation:gradient 25s ease infinite;background:linear-gradient(-45deg,#f1b988,#ffe97b,#bae96d,#8ce2cb,#7ac8fc,#b0a7f7) fixed;background-size:400% 400%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;max-width:100%;min-height:100vh;overflow-x:hidden;overscroll-behavior:none}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.image-background{background-image:url(/static/media/mountains_clouds.3bf513adb62ecd74c635.jpeg);background-size:100%}*{box-sizing:inherit}:root{--dark-grey:#2a2a2a;--disabled-color:hsla(0,2%,62%,.639)}.App{color:#2a2a2a!important;color:var(--dark-grey)!important;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.centered{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.translucid-white-background{background-color:hsla(0,0%,100%,.4)}.logo{cursor:pointer}.logo-outer{align-items:center;border:.4rem solid #2a2a2a;border:.4rem solid var(--dark-grey);border-radius:50%;display:flex;height:1.4rem;justify-content:center;width:1.4rem}.logo-inner{border:.2rem solid #2a2a2a;border:.2rem solid var(--dark-grey);border-radius:50%;height:.8rem;width:.8rem}.icon-button{color:#2a2a2a;color:var(--dark-grey);cursor:pointer;font-size:larger}.icon-button:hover{color:rgba(88,88,88,.684)}.main-container{height:100%;position:absolute;width:100%}.content{left:12vw;overflow:hidden;position:relative;top:0;width:82vw}.hidden{display:none}.mirror-img{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.disabled-button{cursor:default}.disabled-button,.disabled-button:hover{color:hsla(0,2%,62%,.639);color:var(--disabled-color)}.pointer{cursor:pointer}.view{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;min-height:50vh}.iframe-wrapper{border:none;bottom:0;height:100%;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;width:100%;z-index:11}.iframe-wrapper .url{bottom:0;font-weight:700;left:auto;position:fixed;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}.loader{box-sizing:border-box;height:48px;position:relative;width:48px}.loader,.loader:after,.loader:before{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.loader:after,.loader:before{background:var(--dark-grey);border-radius:50%;content:"";height:1rem;overflow:visible;position:absolute;-webkit-transform-origin:0 100%;transform-origin:0 100%;width:1rem}.loader:before{background:#fff;-webkit-transform-origin:0 50%;transform-origin:0 50%}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.floating-buttons-section{align-items:flex-end;bottom:2.4vh;display:flex;flex-direction:column;gap:.4rem;justify-content:center;position:fixed;right:1vw}.floating-buttons-section .icon-button{align-items:center;border-radius:50%;display:flex;font-size:large;height:2rem;justify-content:center;width:2rem}.floating-buttons-section .refresh-resources-section .refresh-icon:active{background-color:var(--dark-grey);color:#fff}.add-resource-section{align-items:flex-start;display:flex;justify-content:center}.add-resource-options-wrapper-wrapper{bottom:2px;display:none;left:28vw;min-height:5rem;position:fixed;width:50vw}.add-resource-options-wrapper{height:100%;overflow:hidden;position:absolute;width:100%}.add-resource-options{align-items:center;bottom:-3rem;display:flex;gap:.6rem;height:2rem;justify-content:center;position:absolute;transition:all .5s ease-in-out;width:97%}.visible{display:block}.slide{bottom:1.5rem;transition:all .2s ease-in-out}.input-with-icons{height:100%;position:relative;width:90%}.add-resource-options .input-with-icons input{border:1.5px solid var(--dark-grey);border-radius:.625rem;font-size:medium;height:100%;padding-left:.8rem;width:100%}.add-resource-options .input-with-icons .input-icons{align-items:center;bottom:0;display:flex;gap:.4rem;justify-content:center;margin:auto;position:absolute;right:0;top:.4rem}.add-resource-options .input-with-icons .icon-button{color:var(--dark-grey);height:1rem;width:1rem}.add-resource-options select{background-color:#fff;border:1px solid #fff;border:1.5px solid var(--dark-grey);border-radius:.625rem;color:var(--dark-grey);cursor:pointer;display:flex;font-size:small;font-weight:700;height:100%;justify-content:center;padding:0 0 0 .4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.black-and-white{background-color:var(--dark-grey);color:#fff}.rotate,.rotate.full{transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.rotate.full{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.rotate.quarter{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.icon-button-floating{background-color:var(--dark-grey);color:#fff}.icon-button-floating:hover{color:hsla(0,0%,100%,.795)}.invisible-button{background-color:initial;border:0}.white-border{border:1px solid #fff}.card{border:1px solid #dfe1e5;border-radius:.625rem;display:flex;flex-direction:column;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;min-width:14rem;overflow-wrap:anywhere;padding:.6rem 1rem 0;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.card:hover{border-color:rgba(223,225,229,0);box-shadow:0 1px 6px rgba(32,33,36,.28);z-index:999990}.card-top{justify-content:space-between;margin-bottom:1rem}.card-top,.card-top .title{align-items:center;display:flex;max-width:100%}.card-top .title{color:var(--dark-grey);cursor:pointer;font-size:small;font-weight:700;gap:1rem;overflow:hidden;text-decoration:none}.card-top .title .icon{max-width:1.4rem}.card-top i{font-size:x-small;font-style:normal;font-weight:bolder}.card-top .right{align-items:center;display:flex;gap:.5rem}.card-content{display:flex;flex-direction:column;font-size:small;gap:.2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin-bottom:0;min-height:2rem;padding-bottom:0}.card-content .iframe{aspect-ratio:16/9;border-radius:.625rem;max-height:100%;max-width:100%}.card-content img{border-radius:.625rem;max-height:12rem;max-width:100%}.card-footer{align-items:center;display:flex;font-size:small;font-weight:700;justify-content:space-between;margin:.8rem 0;max-width:100%;min-height:.9rem;overflow:hidden}.card-footer .left-text{align-items:center;display:flex;gap:.4rem;justify-content:left}.card-footer .right-text{max-width:90%;overflow:hidden}.card-footer select{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-weight:700;min-width:.5rem;padding-top:.1rem}.card-footer i{font-size:smaller;font-style:normal;font-weight:400}.card.is-flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between}.card__face--back{height:95%;max-width:92%;overflow:auto;position:absolute;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.img-with-icons{display:flex;justify-content:center;position:relative}.img-with-icons:hover .icons{visibility:visible}.img-with-icons .icons{display:flex;gap:.5rem;position:absolute;right:1rem;top:1rem;visibility:hidden}.img-with-icons .icons .icon-button{font-size:larger}.meta-item{padding:.2rem .4rem .2rem 0}.card-deletion-mode{-webkit-animation:tilt-n-move-shaking .25s linear infinite;animation:tilt-n-move-shaking .25s linear infinite;border-color:rgba(248,63,63,.75);cursor:pointer}.pin-icon{bottom:.5rem;position:fixed;right:.9rem;visibility:hidden}.card.is-flipped .pin-icon{visibility:visible}@-webkit-keyframes tilt-n-move-shaking{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}25%{-webkit-transform:translate(0) rotate(.2deg);transform:translate(0) rotate(.2deg)}50%{-webkit-transform:translate(0) rotate(0eg);transform:translate(0) rotate(0eg)}75%{-webkit-transform:translate(-1px,1px) rotate(-.2deg);transform:translate(-1px,1px) rotate(-.2deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes tilt-n-move-shaking{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}25%{-webkit-transform:translate(0) rotate(.2deg);transform:translate(0) rotate(.2deg)}50%{-webkit-transform:translate(0) rotate(0eg);transform:translate(0) rotate(0eg)}75%{-webkit-transform:translate(-1px,1px) rotate(-.2deg);transform:translate(-1px,1px) rotate(-.2deg)}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}.tag-pills-list{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.4rem}.tag-create-input-with-suggestions{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tag-create-input{background-color:initial;border:1px solid #2a2a2a3d;border-radius:.7rem;cursor:pointer;font-size:small;height:1rem;margin-left:.2rem;padding:.2rem;position:relative;text-align:center;top:.08rem;transition:all .2s ease-out;width:1rem}.tag-create-input:hover:not(:focus){border:1px solid #fff;width:1.8rem}.tag-create-input:focus{border-radius:.625rem;cursor:text;padding:.2rem .4rem;width:5.6rem}.tag-create-input:focus::-webkit-input-placeholder{color:transparent}.tag-create-input:focus::placeholder{color:transparent}.tag-create-input-suggestions{background-color:#fff;border:1px solid #2a2a2a3d;border-radius:.7rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:60rem;max-width:10rem;min-width:8rem;padding:0 .4rem .5rem;position:relative;top:.4rem;transition:opacity 2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:999999}.resource-description-wrapper{margin-bottom:0;margin-top:.4rem}.resource-description{background-color:initial;border:0;border-radius:.625rem;cursor:pointer;cursor:text;font-size:small;font-weight:400;max-height:5rem;max-width:100%;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;overflow:auto;overflow-wrap:anywhere;padding:.4rem .6rem;white-space:pre-wrap}.resource-description:hover{border-color:rgba(223,225,229,0);box-shadow:0 1px 6px rgba(32,33,36,.28)}.resource-description:focus{cursor:text}.pill{align-items:center;border-radius:1rem;display:flex;gap:.4rem;justify-content:space-between;max-height:2rem;padding-left:.4rem;padding-right:.4rem;transition:background-color 1s ease-in;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pill-selected{color:#fff;outline:2px solid #fff;outline-offset:-.1rem}.pill-hover:hover{opacity:80%}.pill h2{display:hidden;font-size:.8rem;font-weight:700}.pill-small{padding-left:.6rem;padding-right:.6rem}.pill-small h2{font-size:.6rem;font-weight:700}.pill-small .icon-button{font-size:small}.pill-big{padding-left:.8rem;padding-right:.8rem}.pill-big h2{font-size:1rem}.pill .pill-icon{padding:1.25rem}@media (max-width:866px){.pill>h2{display:none}}.masonry-grid{display:flex;gap:.5rem;margin-top:4rem;max-width:96vw;min-width:100%;width:auto}.masonry-grid_column>div{margin-bottom:.5rem}button{cursor:pointer}.invisible{visibility:hidden}.login-card{background-color:hsla(0,0%,100%,.4);border:solid #d6d6d6;border-radius:.625rem;flex-wrap:wrap;height:auto;justify-content:center;padding:2rem;width:20%}.login-button,.login-card{align-items:center;display:flex}.login-button{background-color:#4286f4;border:1px solid transparent;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0,0,0,.25);color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;height:2.5rem;justify-content:space-evenly;overflow:hidden;padding:.5rem;transition:all .5s ease;width:100%}.login-button:hover{box-shadow:0 10px 20px 2px rgba(0,0,0,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.login-button:active{box-shadow:0 2px 4px 0 rgba(0,0,0,.25);-webkit-transform:translateY(2px);transform:translateY(2px)}#profile-button{border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2rem;overflow:hidden;width:auto}#top-bar{align-items:center;-webkit-column-gap:.5rem;column-gap:.5rem;display:flex;justify-content:space-between;left:0;max-height:2rem;padding:.8rem 1vw .4rem 1.4rem;position:fixed;right:0;z-index:999991}#top-bar-left{font-size:.5rem}#top-bar-right{align-items:center;display:flex;gap:1rem}.profile-menu-outter{background-color:var(--dark-grey);border-radius:.625rem;position:absolute;right:1vw;top:3rem}.profile-menu{color:#fff;flex-direction:column;gap:.4rem;justify-content:center;margin:0;padding:.5rem 1rem}.profile-menu,.profile-tile{align-items:center;border:solid #fff;border-radius:.625rem;display:flex}.profile-tile{cursor:pointer;font-size:small;height:2rem;justify-content:space-evenly;overflow:hidden;padding:.1rem .4rem;width:100%}.profile-tile:hover{background-color:hsla(0,0%,100%,.8)}#user-name{font-weight:400}#top-bar-center{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-left:6.6vw;padding-top:.4rem;width:15rem}.resource-search-input{border:1px solid #dfe1e5;border-radius:1rem;color:var(--dark-grey);cursor:pointer;font-size:smaller;font-weight:400;height:1.4rem;padding-left:.8rem;padding-right:.8rem;text-align:center;width:100%}.resource-search-input:focus{cursor:text;outline:none}.resource-search-input:focus,.resource-search-input:hover{border-color:rgba(223,225,229,0);box-shadow:0 1px 6px rgba(32,33,36,.28)}.resource-search-input::-webkit-input-placeholder{text-align:center}.resource-search-input::placeholder{text-align:center}.resource-search-input:focus::-webkit-input-placeholder{opacity:0}.resource-search-input:focus::placeholder{opacity:0}.sidebar-container{border-radius:.625rem;color:var(--dark-grey);height:81.1vh;left:.2rem;margin:0 auto;min-width:2vw;overflow:auto;padding:0 .5rem 1rem;position:fixed;top:11vh;transition:left .8s ease-in-out;width:11vw;z-index:3}.hidden-sidebar{left:-18vw}.sidebar-icon{left:1.8vw;position:fixed;top:9vh;z-index:400}.pills-container{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;max-height:94%}.clear-selection-button{background:none;border:none;font-size:.8rem;font-weight:700}.clear-selection-button:hover{color:#fff}.undo-redo-section{bottom:2.4vh;display:flex;font-size:larger;gap:.2rem;left:1vw;position:fixed;z-index:999999}
/*# sourceMappingURL=main.73b66b4e.css.map*/