@font-face{font-family:BrandonTextBlack;font-display:auto;src:url(/assets/brandon-text-black.b969b434.otf),url(/assets/brandon-text-black.a5629fd3.woff) format("woff"),url(/assets/brandon-text-black.6d80e9a2.ttf) format("truetype")}@font-face{font-family:BrandonTextBold;font-display:auto;src:url(/assets/brandon-text-bold.07449ec1.otf),url(/assets/brandon-text-bold.8522ac60.woff) format("woff"),url(/assets/brandon-text-bold.c3636f71.ttf) format("truetype")}@font-face{font-family:Avenir;font-display:auto;src:url(/assets/AvenirLTStd-Roman.32919092.otf),url(/assets/AvenirLTStd-Roman.cb4374e7.woff) format("woff"),url(/assets/AvenirLTStd-Roman.76826071.ttf) format("truetype")}@font-face{font-family:AvenirMedium;font-display:auto;src:url(/assets/AvenirLTStd-Medium.5e25b13a.otf),url(/assets/AvenirLTStd-Medium.908b46a6.woff) format("woff"),url(/assets/AvenirLTStd-Medium.277e0373.ttf) format("truetype")}@font-face{font-family:AvenirHeavy;font-display:auto;src:url(/assets/AvenirLTStd-Heavy.c9bb9964.otf),url(/assets/AvenirLTStd-Heavy.e7fafed7.woff) format("woff"),url(/assets/AvenirLTStd-Heavy.0c8dc66a.ttf) format("truetype")}::selection{background:rgba(239,197,64,.45)}div::-webkit-scrollbar{width:0;background:transparent}.v-enter-active,.v-leave-active{transition:opacity .25s ease}.v-enter-from,.v-leave-to{opacity:0}.katex-display{margin:0!important}.art{background-color:#dc6543;color:#dc6543}.art *{color:#dc6543}.art circle:first-child{stroke:#dc6543!important}.art tspan{fill:#ab3a1a!important}.business{background-color:#efc540;color:#efc540}.business *{color:#efc540}.business circle:first-child{stroke:#efc540!important}.business tspan{fill:#c6990a!important}.cs{background-color:#7a5fd4;color:#7a5fd4}.cs *{color:#7a5fd4}.cs circle:first-child{stroke:#7a5fd4!important}.cs tspan{fill:#7a5fd4!important}.engineering{background-color:#9bc724;color:#9bc724}.engineering *{color:#9bc724}.engineering circle:first-child{stroke:#9bc724!important}.engineering tspan{fill:#5e8003!important}.humanities{background-color:#ea9c28;color:#ea9c28}.humanities *{color:#ea9c28}.humanities circle:first-child{stroke:#ea9c28!important}.humanities tspan{fill:#b86e00!important}.ms,.med{background-color:#06c6bf;color:#06c6bf}.ms *,.med *{color:#06c6bf}.ms circle:first-child,.med circle:first-child{stroke:#06c6bf!important}.ms tspan,.med tspan{fill:#008f8b!important}.math{background-color:#4382ff;color:#4382ff}.math *{color:#4382ff}.math circle:first-child{stroke:#4382ff!important}.math tspan{fill:#273fbd!important}.pg{background-color:#ccc543;color:#ccc543}.pg *{color:#ccc543}.pg circle:first-child{stroke:#ccc543!important}.pg tspan{fill:#97911f!important}.science{background-color:#38a9fb;color:#38a9fb}.science *{color:#38a9fb}.science circle:first-child{stroke:#38a9fb!important}.science tspan{fill:#1075be!important}.ss{background-color:#eb4b71;color:#eb4b71}.ss *{color:#eb4b71}.ss circle:first-child{stroke:#eb4b71!important}.ss tspan{fill:#a82b49!important}.multi{background-color:#c3a764;color:#c3a764}.multi *{color:#c3a764}.multi circle:first-child{stroke:#c3a764!important}.multi tspan{fill:#9c834a!important}.other{background-color:#ebebed;color:#ebebed}.other *{color:#ebebed}.read{background-color:#bed481;color:#bed481}.read i{color:#bed481}.watch{background-color:#b18fc5;color:#b18fc5}.watch i{color:#b18fc5}.private{background-color:#8999f3}.basic{background-color:#efc540}.essential{background-color:#dc6543}.popular{background-color:#f39980}.disabledText,.disabledText *{color:#ccccd3!important}.error{color:#f25146}.fa-folder-plus{color:#1ec05f}.fa-clone{color:#9bc724}.fa-star{color:#efc540}.fa-crown{color:#ea9c28}.fa-bolt-lightning{color:#fa6400}.fa-eye{color:#06c6bf}.fa-heart{color:#dc6543}.fa-circle-check{color:#4ca86c}.fa-square-plus{color:#38a9fb}.fa-thumbtack{color:#eb4b71}.fa-bookmark,.fa-users{color:#4382ff}.fa-user-plus{color:#38a9fb}.fa-message-pen{color:#9bc724}.katex-display{display:inline-block!important}*{box-sizing:border-box;color:#33344f;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Avenir,Helvetica,sans-serif;font-weight:400;margin-block-start:0px;margin-block-end:0px;background-repeat:no-repeat}html{min-height:100%;position:relative}body{margin:0!important;background-color:#faf9f7}#app{padding:0!important}.scroll{overflow:scroll}h1,h2,h3,h1 *,h2 *,h3 *{font-family:BrandonTextBold,Helvetica,sans-serif}h1{font-size:36px}h2{font-size:32px}h3{font-size:24px}h4{font-size:18px;font-family:AvenirHeavy,Helvetica,sans-serif}h4 *{font-family:AvenirHeavy,Helvetica,sans-serif}h5{font-size:16px;font-family:AvenirHeavy,Helvetica,sans-serif}h5 *{font-family:AvenirHeavy,Helvetica,sans-serif}ul{padding-inline-start:0}.multiLines{line-height:1.5}.avanirTitle{font-family:AvenirHeavy,Helvetica,sans-serif}a{text-decoration:none}input:focus,textarea:focus{outline:none}input[type=text],input[type=password]{caret-color:#fa6400}input[type=text]::placeholder,input[type=password]::placeholder{color:#ccccd3}ul{padding-inline-start:20px}ul li{line-height:24px;margin-bottom:10px}.bold,b,.bold span,b span{font-family:AvenirHeavy,Helvetica,sans-serif}.caption{font-size:14px}.note{font-size:12px}.textAlignRight{text-align:right}.highlight{color:#fa6400}.goldLink{color:#c3a764;transition:color .25s;cursor:pointer}.goldLink *{color:#c3a764;transition:color .25s}.goldLink:hover,.goldLink:hover i{color:#9c834a}.goldLinkvisited,.goldLinkvisited *{color:#b7a699}button{cursor:pointer}textarea{resize:none}.checkbox{cursor:pointer;display:flex;align-items:center}.checkbox .box{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:#ccccd3}.checkbox .box i{color:#fff;font-size:12px}.checkbox .text{font-size:16px;margin-left:10px;color:#747583}.checkbox.checked .box{background-color:#fa6400}.checkbox.checked .text{color:#33344f}.radio{cursor:pointer;display:flex;align-items:flex-start}.radio .box{width:20px;height:20px;outline:2px solid #CCCCD3;border-radius:50%;outline-offset:-2px;flex-shrink:0;transition:outline-color .25s}.radio .text{font-size:16px;margin-left:10px;color:#747583;transition:color .25s}.radio:hover .box{outline-color:#fa6400}.radio:hover .text{color:#33344f}.radio.selected .box{outline:6px solid #FA6400;outline-offset:-6px}.radio.selected .text{color:#33344f;font-family:AvenirHeavy,Helvetica,sans-serif}.toggle{cursor:pointer}.toggle .bold{margin-bottom:10px}.toggle .caption{color:#747583}.toggle .switch{width:42px;height:24px;border-radius:16px;position:relative;background-color:#ccccd3}.toggle .switch .button{background-color:#fff;box-shadow:0 1px 2px #34344f26;border-radius:16px;width:18px;height:18px;position:absolute;top:3px;transition:right .25s;right:21px}.toggle .on{background-color:#fa6400!important}.toggle .on .button{right:3px!important}.spinner{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;width:80px;height:80px}.spinner div{position:absolute;width:16px;height:16px;border-radius:50%;background:#CCCCD3;animation:spinner 1.2s linear infinite}.spinner div:nth-child(1){top:8px;left:8px;animation-delay:0s}.spinner div:nth-child(2){top:8px;left:32px;animation-delay:-.4s}.spinner div:nth-child(3){top:8px;left:56px;animation-delay:-.8s}.spinner div:nth-child(4){top:32px;left:8px;animation-delay:-.4s}.spinner div:nth-child(5){top:32px;left:32px;animation-delay:-.8s}.spinner div:nth-child(6){top:32px;left:56px;animation-delay:-1.2s}.spinner div:nth-child(7){top:56px;left:8px;animation-delay:-.8s}.spinner div:nth-child(8){top:56px;left:32px;animation-delay:-1.2s}.spinner div:nth-child(9){top:56px;left:56px;animation-delay:-1.6s}@keyframes spinner{0%,to{opacity:1}50%{opacity:.5}}.loader{width:48px;height:48px;border:5px dotted #CCCCD3;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.primaryBtn,.secondaryBtn,.miniBtn{transition:transform .25s;font-family:AvenirHeavy,Helvetica,sans-serif;cursor:pointer}.primaryBtn.activated:hover,.secondaryBtn.activated:hover,.miniBtn.activated:hover{transform:scale(1.03)}.primaryBtn{display:block;font-size:18px;width:100%;line-height:60px;text-align:center;border-radius:30px;border:none;color:#fff;cursor:pointer;background-color:#fa6400}.secondaryBtn{text-align:center;border-radius:30px;border:none;color:#fff;padding:12px 20px;background-color:#fa6400}.secondaryBtn *{color:#fff}.miniBtn{font-size:12px;padding:6px 12px;text-align:center;border-radius:30px;border:none;color:#fff;background-color:#ccccd3}.uppercaseBtn{text-transform:uppercase;color:#c3a764;letter-spacing:.5px;font-size:14px;padding:10px 20px;border:1px solid #C3A764;border-radius:20px;cursor:pointer;transition:color .25s,background-color .25s}.uppercaseBtn:hover{color:#fff;background-color:#c3a764}.tooltipWrapper{position:relative;display:inline-block}.tooltipWrapper .tooltipIcon{color:#8999f3;transition:color .25s;display:block;padding-bottom:4px}.tooltipWrapper .tooltip{color:#fff;background-color:#33344f;font-size:14px;max-width:300px;min-width:200px;border-radius:0 10px 10px;position:absolute;z-index:10000;padding:10px;display:none;transition:opacity .25s,height .25s;transition-delay:.5s}.tooltipWrapper:hover .tooltipIcon{color:#33344f}.tooltipWrapper:hover .tooltip{display:initial}.spacebetween{display:flex;justify-content:space-between;align-items:center}.flex{display:flex}.alignmid{align-items:center}.divider{background-color:#ebebed;height:1px;width:100%}.tag{display:inline-block;flex-shrink:0;width:max-content}.tag span{font-size:14px;line-height:14px;font-family:AvenirHeavy,Helvetica,sans-serif;white-space:nowrap}.tag i{margin-right:4px}.coloredTag{padding:6px 12px;border-radius:20px}.coloredTag span,.coloredTag i{color:#fff}.labelTag{background-color:transparent}.userTag{display:flex;align-items:center}.userTag .avatar{border-radius:50%;background-size:cover;background-position:center}.cardWhite{background-color:#fff;border-radius:30px;box-shadow:0 5px 20px #312f001a;cursor:pointer}.cancel{color:#ccccd3;margin-right:40px;cursor:pointer;transition:color .25s}.cancel:hover{color:#747583}.giphyM,.giphyL{border-radius:50%;object-fit:cover;object-position:center;flex-shrink:0;flex-grow:0}.giphyM{width:160px;height:160px}.giphyL{width:200px;height:200px}.viewMore{color:#b7a699;transition:color .25s;cursor:pointer}.viewMore i{color:#b7a699;transition:color .25s}.viewMore:hover,.viewMore:hover i{color:#c3a764}.masteredNum{color:#4ca86c}#dagreIcon path,#nebulaIcon path{transition:.25s fill}#dagreIcon:hover path,#nebulaIcon:hover path{fill:#33344f}#close{text-align:right;margin-bottom:20px}#close i{cursor:pointer;font-size:20px;color:#ccccd3;transition:color .25s,transform .25s}#close i:hover{color:#747583;transform:rotate(90deg)}.backArrow{color:#747583;cursor:pointer;transition:.25s color}.backArrow *{color:#747583;transition:.25s color}.backArrow:hover,.backArrow:hover i{color:#33344f}.overlay{position:absolute;top:0;left:0;bottom:0;z-index:1000000;width:100vw;height:100vh;background-color:#33344f33;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.overlay{overflow:hidden}.overlay .cardWhite{max-width:800px;min-width:400px;cursor:initial;position:relative}.overlay .cardWhite .fa-times{position:absolute;right:20px;top:20px;font-size:20px;color:#747583;transition:color .25s;padding:10px;cursor:pointer}.overlay .cardWhite .fa-times:hover{color:#33344f}.overlay .cardWhite #cancel{color:#ccccd3;margin-right:20px;padding:10px;cursor:pointer;transition:color}.overlay .cardWhite #cancel:hover{color:#747583}.domainPercentage{width:100%;height:8px;display:flex;align-items:center;margin-top:20px}.domainPercentage .domainBar{height:100%;border-radius:4px;margin-right:2px}.domainLegend{margin-top:10px;display:flex;align-items:center}.domainLegend .legend{background:none;font-family:Avenir,Helvetica,sans-serif;margin-right:20px}.domainLegend .art,.domainLegend .art i{color:#dc6543}.domainLegend .business,.domainLegend .business i{color:#efc540}.domainLegend .cs,.domainLegend .cs i{color:#7a5fd4}.domainLegend .engineering,.domainLegend .engineering i{color:#9bc724}.domainLegend .humanities,.domainLegend .humanities i{color:#ea9c28}.domainLegend .ms,.domainLegend .ms i{color:#06c6bf}.domainLegend .math,.domainLegend .math i{color:#4382ff}.domainLegend .pg,.domainLegend .pg i{color:#ccc543}.domainLegend .ss,.domainLegend .ss i{color:#eb4b71}.domainLegend .science,.domainLegend .science i{color:#38a9fb}.domainLegend .other,.domainLegend .other i{color:#747583}.tooltipWrapper.fa-circle-info{font-size:14px;color:#ccccd3;margin-left:4px;cursor:pointer;transition:color .25s}.tooltipWrapper.fa-circle-info:hover{color:#747583}.tooltipWrapper.fa-circle-info .tooltip{line-height:20px}.toast{position:absolute;padding:10px 20px;border-radius:30px;z-index:3000;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.starred,.toStar{margin-left:20px;position:relative}.toStar{color:#eeba4f;border:1px solid #EEE9E0;transition:color .25s,border .25s,background-color .25s}.toStar i{color:#eeba4f}.toStar:hover{color:#fff;background-color:#efc540;border:1px solid #DFAA3C}.toStar:hover i{mix-blend-mode:multiply}.starred{color:#fff;background-color:#efc540;border:1px solid #DFAA3C;transition:color .25s,border .25s,background-color .25s}.starred i{color:#c6990a}.starred:hover{color:#eeba4f;background-color:#fff;border:1px solid #EEE9E0}.starred:hover i{color:#eeba4f}.progress{flex-shrink:0}.progress .inProgress .circle-bg{fill:none;stroke:#eee9e0;stroke-width:5}.progress .inProgress .circle{fill:none;stroke-width:5;stroke:#4ca86c}.progress .inProgress text{fill:#4ca86c;font-family:BrandonTextBold,Helvetica,sans-serif;line-height:60px;margin:0;font-size:7px;text-anchor:middle}.progress .inProgress text tspan{fill:#4ca86c;font-family:BrandonTextBold,Helvetica,sans-serif;color:#4ca86c;font-size:14px}.progress .zero{border:7px solid #EEE9E0;border-radius:50%;text-align:center;color:#d6cab7;font-family:BrandonTextBold,Helvetica,sans-serif;font-size:9px}.progress .zero *{color:#d6cab7;font-family:BrandonTextBold,Helvetica,sans-serif}.progress .complete{border-radius:50%;text-align:center;color:#fff;width:50px;height:50px;border:6px solid #3F8B59;background-color:#4ca86c;display:inline-block}.progress .complete i{line-height:36px;font-size:20px;color:#fff}@keyframes bang{0%{transform:translateZ(0);opacity:1}}#brickRowWrapper{width:100%;max-width:800px;min-width:200px}.brickRow{margin-bottom:20px;cursor:pointer}.brickRow .brickTitle .tags{margin-bottom:10px;display:flex}.brickRow .brickTitle .tags .tag{margin-right:20px}.brickRow .brickTitle h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brickRow .brickTitle .oneliner{margin-top:10px;line-height:1.5}.brickRow .brickTitle .note{margin-top:10px;color:#747583}.brickRow .brickTitle .note *{color:#747583}.brickRow .brickStatus{display:flex;align-items:center;margin:12px 0}.brickRow .brickStatus i{margin-right:16px;font-size:16px}.brickRow .brickStatus .interestedStatusN,.brickRow .brickStatus .masteredStatusN{color:#ccccd3}.brickRow .brickStatus .interestedStatusY{color:#dc6543}.brickRow .brickStatus .masteredStatusY{color:#4ca86c}.brickRow .brickStatus .inBrickset{display:flex;align-items:center;font-size:14px}.brickRow .brickStatus .inBrickset img{width:30px;height:30px;border-radius:50px;margin-right:6px;object-fit:cover}.brickRow .brickStatus .inBrickset .bold{margin-right:10px}.brickRow .intro{line-height:24px}.brickRow .divider{margin:20px 0}#bricksetRowWrapper{width:100%;max-width:1000px;min-width:200px}#bricksetRowWrapper .divider{margin:40px 0}.bricksetRow{width:100%;margin-bottom:40px;cursor:pointer;display:flex}.bricksetRow .bricksetImage{min-width:100px;max-width:250px;width:100%;background-size:cover;background-position:center;border-radius:20px;margin-right:30px}.bricksetRow .bricksetInfo{width:100%;padding:10px 0}.bricksetRow .bricksetInfo .left span{margin-left:10px}.bricksetRow .bricksetInfo .right{display:flex;align-items:center}.bricksetRow .bricksetInfo .right .caption{margin-left:10px}.bricksetRow .bricksetInfo .right .fa-star{color:#efc540}.bricksetRow .bricksetInfo .right .fa-clone{color:#9bc724}.bricksetRow .bricksetInfo .brickNumber{margin-top:20px;margin-bottom:20px}.bricksetRow .bricksetInfo .brickNumber span{color:#4ca86c;margin-left:10px}.bricksetRow .bricksetInfo .bricksetDetail p{margin-top:10px;line-height:20px}.bricksetRow .bricksetInfo .bricksetDetail .progress{margin-left:20px}.bricksetRow .bricksetInfo .bricksetDetail .progress .inProgress{width:80px;height:80px}.bricksetRow .bricksetInfo .bricksetDetail .progress .zero{width:80px;height:80px;display:inline-block}.bricksetRow .bricksetInfo .bricksetDetail .progress .zero *{font-size:28px;margin-left:8px}.bricksetRow .creator{margin-top:10px;display:flex;align-items:center}.bricksetRow .creator .userTag{margin-right:10px}.bricksetRow .creator .userTag .avatar{width:30px;height:30px;margin-right:6px}.bricksetRow .creator .userTag .name{font-size:14px}.bricksetRow .creator .updated{color:#747583}.circleIndicator{position:relative;width:28px;height:28px}.circleIndicator .circle{border-radius:50%;border:2px solid #CCCCD3;position:absolute}.circleIndicator .circle:nth-child(1){width:28px;height:28px}.circleIndicator .circle:nth-child(2){width:20px;height:20px;top:4px;left:4px}.circleIndicator .circle:nth-child(3){width:12px;height:12px;top:8px;left:8px}.circleIndicator .circle:nth-child(4){width:4px;height:4px;top:12px;left:12px}.brickAction i{padding:10px;border:2px solid;border-radius:50%;cursor:pointer}.segmentControl{display:flex;align-items:center;border-bottom:1px solid #EBEBED}.segmentControl .segment{padding-bottom:10px;margin-right:40px;color:#ccccd3;cursor:pointer;font-family:BrandonTextBold,Helvetica,sans-serif;white-space:nowrap;text-transform:uppercase;font-size:14px}.segmentControl .segment *{color:#ccccd3}.segmentControl .active{color:#33344f;padding-bottom:4px;border-bottom:6px solid #FA6400}.segmentControl .active *{color:#33344f}#back{transition:transform .25s,color .25s;color:#747583;cursor:pointer}#back *{color:#747583;transition:color .25s}#back:hover{transform:translate(-2px);color:#33344f}#back:hover *{color:#33344f}#random{width:24px;height:24px;border-radius:50%;background-color:#c3a764;cursor:pointer;transition:background-color .25s,transform .25s}#random i{line-height:24px;color:#fff;text-align:center;width:100%;font-size:14px}#random:hover{background-color:#9c834a;transform:rotate(30deg)}#userAvatarWrapper{position:relative}#userAvatarWrapper #avatar{background-position:center;background-size:cover;border-radius:50%;box-shadow:0 0 0 4px #d6cab7cc}#userAvatarWrapper #notificationNumber{display:inline-block;background-color:#f25146;color:#fff;outline:2px solid #FFFFFF;border-radius:20px;width:auto;min-width:20px;height:20px;line-height:20px;text-align:center;position:absolute;padding:1px 4px 2px;top:0;right:-6px}#search{width:100%;min-width:300px}#search #searchbar{padding:0 10px;width:100%}#search #searchbar input{width:100%;border:none;line-height:46px;font-size:18px;margin-right:20px;background:none!important;white-space:nowrap;text-align:right}#search #searchbar input::placeholder{font-family:AvenirMedium,Helvetica,sans-serif}#search #searchbar i{font-size:18px;display:inline-block;color:#747583;cursor:pointer}.collapsed{width:50px!important;min-width:50px!important;height:50px;outline:none!important}.collapsed #searchbar{width:50px;padding:0!important}.collapsed #searchbar input{display:none}.collapsed #searchbar i{width:100%;text-align:center;line-height:46px}.focused #searchbar{border-radius:30px 30px 0 0;border:1px solid #EBEBED;border-bottom:none;padding:5px 20px!important;background-color:#fff}.focused #suggestion{border-radius:0 0 30px 30px;border:1px solid #EBEBED;border-top:none}#header{width:100%;background-color:#fff;padding-left:20px}#header #headerRight{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-direction:row-reverse}#header #headerRight #user{margin:10px 10px 10px 0}#header #headerRight #avatar{width:60px;height:60px}#header #headerRight #auth{position:relative}#header #headerRight #auth #icon{background-color:#fa6400;cursor:pointer}#header #headerRight #auth #icon i{color:#fff;padding:20px}#header #headerRight #auth #options{position:absolute;display:flex;flex-direction:column;gap:10px;background-color:#fff;border-radius:0 0 20px 20px;padding:20px;right:0;align-items:center;box-shadow:0 20px 20px #5139001a}#header #headerRight #auth #options a{white-space:nowrap;color:#747583;display:block;transition:color .25s}#header #headerRight #auth #options a:hover{color:#33344f}#action{display:inline-block;white-space:nowrap;background-color:#fa6400;padding:30px 40px;color:#fff;transition:background-color .25s;cursor:pointer}#action span{margin:0 10px;transition:transform .25s}#action span:hover{transform:translateY(-5px)}#action span a{color:#fff}#action:hover{background-color:#e05a00}#user{margin:10px 20px 10px 10px;cursor:pointer;position:relative;z-index:1000;display:flex;align-items:center;flex-wrap:nowrap}#user #userInfoWrapper{margin-right:20px;display:flex;flex-direction:column;align-items:flex-end}#user #userDisplayName{margin-bottom:10px}#user #userDisplayName #pro{color:#fff;background:#C3A764;padding:4px 8px;border-radius:15px;margin-left:6px}#user #quickNumbers{display:grid;grid-auto-flow:column;column-gap:20px}#user #quickNumbers #streakNum{color:#fa6400;margin:0}#user #quickNumbers #streakNum i{color:#fa6400}#user #quickNumbers #donutNum{color:#eb4b71;display:flex;align-items:flex-start}#user #quickNumbers #donutNum img{width:16px;height:16px;object-fit:cover;margin-right:5px}#user #quickNumbers #donutNum svg{margin-right:4px}#user #quickNumbers #donutNum #freshDonut{margin-left:6px;opacity:70%;color:#fb7268;font-family:AvenirHeavy,Helvetica,sans-serif;display:flex;align-items:flex-start}#user #quickNumbers #donutNum #freshDonut svg{margin-left:6px}#user #quickNumbers #masteredBrickNum{white-space:nowrap;color:#4ca86c}#user #quickNumbers #masteredBrickNum *,#user #quickNumbers #masteredBrickNum i{color:#4ca86c}#user #quickNumbers .zero,#user #quickNumbers .zero *{color:#ccccd3!important}#user #headerMenu{display:flex;flex-direction:column;gap:10px;padding:40px}#user #headerMenu a{display:block}#user #headerMenu a i{margin-right:10px}#user #headerMenu .divider{margin:0}#search{width:100%;position:relative;height:min-content}#search #suggestion{padding:0 20px 20px;position:absolute;z-index:1000;width:100%;background-color:#fff;box-shadow:0 20px 20px #5139001a}#search #suggestion #noResult{margin-top:10px;text-align:center;line-height:1.5}#search #suggestion .result .note{margin-bottom:10px}#search #suggestion .result .divider{margin:20px 0}#search #suggestion .divider{margin:0}#search #suggestion .suggestionWrapper{margin-top:20px;max-height:35vh;overflow-y:scroll}#search #suggestion .suggestionWrapper .suggestionRow{padding:10px;border-radius:30px;cursor:pointer;display:flex;align-items:center}#search #suggestion .suggestionWrapper .suggestionRow:hover{background-color:#faf9f7}#search #suggestion .suggestionWrapper .suggestionRow .circleIndicator{flex-shrink:0}#search #suggestion .suggestionWrapper .suggestionRow .suggestionText{margin-left:10px}#search #suggestion .suggestionWrapper .fa-trash-can{color:#ccccd3}#brickActions{display:flex;align-items:center}#brickActions .action{width:36px;height:36px;border-radius:50%;border:2px solid;margin-right:10px;cursor:pointer}#brickActions .action i{font-size:16px;line-height:32px;width:100%;text-align:center}#brickActions .action .tooltip{min-width:initial;white-space:nowrap;border-radius:10px 10px 10px 0;top:-32px;left:32px;z-index:1000}#brickActions #interested{border-color:#dc6543}#brickActions #interested i{color:#dc6543}#brickActions #mastered{border-color:#4ca86c}#brickActions #mastered i{color:#4ca86c}#brickActions #playlist{border-color:#ccccd3;transition:border-color .25s}#brickActions #playlist i{color:#ccccd3;transition:color .25s}#brickActions #playlist:hover{border-color:#747583}#brickActions #playlist:hover i{color:#747583}#brickActions .interestedMarked{background-color:#dc6543;border-color:#d05330!important}#brickActions .interestedMarked i,#brickActions .interestedMarked:hover i{color:#fff!important}#brickActions .masteredMarked{background-color:#4ca86c;border-color:#3f8b59!important}#brickActions .masteredMarked i,#brickActions .masteredMarked:hover i{color:#fff!important}#brickActions #bricksetWrapper img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;box-shadow:-1px 1px 3px #33344f66;margin-right:-18px}#brickActions #bricksetWrapper #inBrickset{border-color:#4382ff;background-color:#fff;transition:background-color .25s}#brickActions #bricksetWrapper #inBrickset i{color:#4382ff;transition:color .25s}#brickActions #bricksetWrapper #inBrickset:hover{background-color:#4382ff}#brickActions #bricksetWrapper #inBrickset:hover i{color:#fff}.brickCard{width:300px;padding:20px;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.brickCard .tags{margin-bottom:10px}.brickCard .tags .labelTag{flex-shrink:1;margin-right:20px;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.brickCard .tags .coloredTag{flex-shrink:0}.brickCard h4{width:100%;margin:10px 0}.brickCard:hover{box-shadow:0 5px 10px #312f0026;transform:translateY(-3px)}.brickCard .multipleSubject{position:relative;width:100%}.brickCard .multipleSubject .multi{cursor:pointer;display:flex;justify-content:space-between;width:100%}.brickCard .multipleSubject .multi .fa-ellipsis-vertical{color:#ccccd3;transition:color .25s;margin-left:10px}.brickCard .multipleSubject .multi:hover .fa-ellipsis-vertical{color:#747583}.brickCard .multipleSubject .showMoreSubjects{padding:10px;position:absolute;right:0;border-radius:20px}.brickCard .multipleSubject .showMoreSubjects .tag{display:block;flex-wrap:nowrap;white-space:nowrap;padding:4px}.blueprintCard{padding:20px}.blueprintCard .spacebetween{gap:20px}.blueprintCard h2{margin-top:10px}.blueprintCard h4{margin-bottom:20px;line-height:1.5}.blueprintCard .tagMatch{margin-bottom:10px}.blueprintCard .domainPercentage{margin:0}.blueprintCard .blueprintTag{background-color:#ebebed;border:1px solid #CCCCD3;padding:4px 10px;border-radius:20px;color:#747583;transition:color .25s;margin:0}.blueprintCard .blueprintTag i{color:#747583;transition:color .25s}.blueprintCard .blueprintTag:hover,.blueprintCard .blueprintTag:hover i{color:#33344f}.blueprintCard .blueprintTag.starred{background-color:#efc540;border:1px solid #C6990A;color:#fff}.blueprintCard .blueprintTag.starred i{color:#c6990a}.blueprintCard .brickNum{margin:10px 0}.blueprintCard .brickNum .note{color:#747583}.blueprintCard .domainLegend .legend{font-size:12px;margin-right:10px}.blueprintCard .domainLegend .legend span{display:none}.blueprintCard .domainLegend .legend:hover span{display:initial}.oneliner{color:#747583;line-height:1.4}.cheatCard{min-width:300px;max-width:400px;margin-right:20px}.cheatCard .image{width:100%;height:200px;border-radius:30px 30px 0 0;object-fit:cover}.cheatCard .fa-star,.cheatCardRow .fa-star,.resourceCard .fa-star,.resourceRow .fa-star{color:#ccccd3}.cheatCard .favored,.cheatCardRow .favored,.resourceCard .favored,.resourceRow .favored{color:#efc540!important}.cheatCard .text,.cheatCard .cheatCardContent,.cheatCardRow .text,.cheatCardRow .cheatCardContent{padding:20px}.cheatCard .text .group .kid,.cheatCard .cheatCardContent .group .kid,.cheatCardRow .text .group .kid,.cheatCardRow .cheatCardContent .group .kid{color:#8999f3}.cheatCard .text .group .teen,.cheatCard .cheatCardContent .group .teen,.cheatCardRow .text .group .teen,.cheatCardRow .cheatCardContent .group .teen,.cheatCard .text .group .college,.cheatCard .cheatCardContent .group .college,.cheatCardRow .text .group .college,.cheatCardRow .cheatCardContent .group .college{color:#4382ff}.cheatCard .text .group .expert,.cheatCard .cheatCardContent .group .expert,.cheatCardRow .text .group .expert,.cheatCardRow .cheatCardContent .group .expert{color:#3c56dc}.cheatCard .text .explain,.cheatCard .cheatCardContent .explain,.cheatCardRow .text .explain,.cheatCardRow .cheatCardContent .explain{margin:20px 0}.cheatCard .text .userTag .avatar,.cheatCard .cheatCardContent .userTag .avatar,.cheatCardRow .text .userTag .avatar,.cheatCardRow .cheatCardContent .userTag .avatar{width:30px;height:30px;margin-right:4px}.cheatCard .text .userTag .name,.cheatCard .cheatCardContent .userTag .name,.cheatCardRow .text .userTag .name,.cheatCardRow .cheatCardContent .userTag .name{white-space:nowrap}.cheatCard .text .like,.cheatCard .cheatCardContent .like,.cheatCardRow .text .like,.cheatCardRow .cheatCardContent .like{width:100%;text-align:right;color:#747583;transition:color .25s;margin:0 10px;white-space:nowrap}.cheatCard .text .like i,.cheatCard .cheatCardContent .like i,.cheatCardRow .text .like i,.cheatCardRow .cheatCardContent .like i{color:#747583;transition:color .25s}.cheatCard .text .like:hover,.cheatCard .text .liked,.cheatCard .cheatCardContent .like:hover,.cheatCard .cheatCardContent .liked,.cheatCardRow .text .like:hover,.cheatCardRow .text .liked,.cheatCardRow .cheatCardContent .like:hover,.cheatCardRow .cheatCardContent .liked{color:#eb4b71}.cheatCard .text .like:hover *,.cheatCard .text .liked *,.cheatCard .cheatCardContent .like:hover *,.cheatCard .cheatCardContent .liked *,.cheatCardRow .text .like:hover *,.cheatCardRow .text .liked *,.cheatCardRow .cheatCardContent .like:hover *,.cheatCardRow .cheatCardContent .liked *{color:#eb4b71!important}.resourceCard{height:max-content}.resourceCard .cardWhite{border-radius:20px}.resourceCard .front{display:flex}.resourceCard .back{display:none}.resourceCard .resourceImg{object-fit:cover}.resourceCard .resourceDetail{flex-grow:1}.resourceCard .resourceDetail .tooltip{line-height:20px;left:0;top:20px}.resourceCard .pin .tooltip{border-radius:10px 0 10px 10px;left:-120px;top:24px;width:max-content;min-width:max-content}.flipcard:hover .front{display:none}.flipcard:hover .back{display:inherit}.flipcard:hover .back .tooltip{left:initial;right:10px;top:-35px}.excerpt{line-height:24px}.excerpt span{font-size:24px;color:#ccccd3;line-height:24px}.resourceDetail{display:flex;flex-direction:column;justify-content:space-between}.resourceCard,.bricksetCard,.resourceRow,.cheatCardRow{width:100%;min-width:200px;align-items:stretch;border-radius:20px;margin-bottom:10px}.resourceCard .resourceImg,.resourceCard .bricksetImg,.resourceCard .cheatCardImg,.bricksetCard .resourceImg,.bricksetCard .bricksetImg,.bricksetCard .cheatCardImg,.resourceRow .resourceImg,.resourceRow .bricksetImg,.resourceRow .cheatCardImg,.cheatCardRow .resourceImg,.cheatCardRow .bricksetImg,.cheatCardRow .cheatCardImg{width:25%;flex-shrink:0;min-width:60px;background-size:cover;background-position:center;border-radius:20px 0 0 20px}.resourceCard .resourceDetail,.resourceCard .bricksetDetail,.resourceCard .cheatCardDetail,.resourceCard .back,.bricksetCard .resourceDetail,.bricksetCard .bricksetDetail,.bricksetCard .cheatCardDetail,.bricksetCard .back,.resourceRow .resourceDetail,.resourceRow .bricksetDetail,.resourceRow .cheatCardDetail,.resourceRow .back,.cheatCardRow .resourceDetail,.cheatCardRow .bricksetDetail,.cheatCardRow .cheatCardDetail,.cheatCardRow .back{padding:20px}.resourceCard .resourceDetail .pin,.resourceCard .bricksetDetail .pin,.resourceCard .cheatCardDetail .pin,.resourceCard .back .pin,.bricksetCard .resourceDetail .pin,.bricksetCard .bricksetDetail .pin,.bricksetCard .cheatCardDetail .pin,.bricksetCard .back .pin,.resourceRow .resourceDetail .pin,.resourceRow .bricksetDetail .pin,.resourceRow .cheatCardDetail .pin,.resourceRow .back .pin,.cheatCardRow .resourceDetail .pin,.cheatCardRow .bricksetDetail .pin,.cheatCardRow .cheatCardDetail .pin,.cheatCardRow .back .pin{display:flex;align-items:center;justify-content:flex-end;padding:6px 8px}.resourceCard .resourceDetail .pin i,.resourceCard .bricksetDetail .pin i,.resourceCard .cheatCardDetail .pin i,.resourceCard .back .pin i,.bricksetCard .resourceDetail .pin i,.bricksetCard .bricksetDetail .pin i,.bricksetCard .cheatCardDetail .pin i,.bricksetCard .back .pin i,.resourceRow .resourceDetail .pin i,.resourceRow .bricksetDetail .pin i,.resourceRow .cheatCardDetail .pin i,.resourceRow .back .pin i,.cheatCardRow .resourceDetail .pin i,.cheatCardRow .bricksetDetail .pin i,.cheatCardRow .cheatCardDetail .pin i,.cheatCardRow .back .pin i{color:#eee9e0;cursor:pointer;transition:color .25s}.resourceCard .resourceDetail .pin .caption,.resourceCard .bricksetDetail .pin .caption,.resourceCard .cheatCardDetail .pin .caption,.resourceCard .back .pin .caption,.bricksetCard .resourceDetail .pin .caption,.bricksetCard .bricksetDetail .pin .caption,.bricksetCard .cheatCardDetail .pin .caption,.bricksetCard .back .pin .caption,.resourceRow .resourceDetail .pin .caption,.resourceRow .bricksetDetail .pin .caption,.resourceRow .cheatCardDetail .pin .caption,.resourceRow .back .pin .caption,.cheatCardRow .resourceDetail .pin .caption,.cheatCardRow .bricksetDetail .pin .caption,.cheatCardRow .cheatCardDetail .pin .caption,.cheatCardRow .back .pin .caption{color:#4382ff;margin-left:6px;display:none}.resourceCard .resourceDetail .pin:hover .caption,.resourceCard .bricksetDetail .pin:hover .caption,.resourceCard .cheatCardDetail .pin:hover .caption,.resourceCard .back .pin:hover .caption,.bricksetCard .resourceDetail .pin:hover .caption,.bricksetCard .bricksetDetail .pin:hover .caption,.bricksetCard .cheatCardDetail .pin:hover .caption,.bricksetCard .back .pin:hover .caption,.resourceRow .resourceDetail .pin:hover .caption,.resourceRow .bricksetDetail .pin:hover .caption,.resourceRow .cheatCardDetail .pin:hover .caption,.resourceRow .back .pin:hover .caption,.cheatCardRow .resourceDetail .pin:hover .caption,.cheatCardRow .bricksetDetail .pin:hover .caption,.cheatCardRow .cheatCardDetail .pin:hover .caption,.cheatCardRow .back .pin:hover .caption{display:inline-block}.resourceCard .resourceDetail .pin:hover i,.resourceCard .bricksetDetail .pin:hover i,.resourceCard .cheatCardDetail .pin:hover i,.resourceCard .back .pin:hover i,.bricksetCard .resourceDetail .pin:hover i,.bricksetCard .bricksetDetail .pin:hover i,.bricksetCard .cheatCardDetail .pin:hover i,.bricksetCard .back .pin:hover i,.resourceRow .resourceDetail .pin:hover i,.resourceRow .bricksetDetail .pin:hover i,.resourceRow .cheatCardDetail .pin:hover i,.resourceRow .back .pin:hover i,.cheatCardRow .resourceDetail .pin:hover i,.cheatCardRow .bricksetDetail .pin:hover i,.cheatCardRow .cheatCardDetail .pin:hover i,.cheatCardRow .back .pin:hover i{color:#4382ff}.resourceCard h4,.bricksetCard h4,.resourceRow h4,.cheatCardRow h4{line-height:22px;margin-top:20px;margin-bottom:10px}.resourceCard .bookTitle,.bricksetCard .bookTitle,.resourceRow .bookTitle,.cheatCardRow .bookTitle{margin-bottom:10px}.resourceCard .comment,.bricksetCard .comment,.resourceRow .comment,.cheatCardRow .comment{margin-top:10px;line-height:18px;color:#747583}.userTag{margin-right:10px;flex-wrap:nowrap}.userTag .avatar{width:30px;height:30px}.userTag .name{font-size:14px;margin-left:6px}.contribution{margin-top:20px}.contribution .addedByMe{display:block;color:#747583;margin-right:10px;flex-wrap:nowrap}.contribution .addedByMe i{color:#747583}.inReview{color:#747583;position:relative}.inReview .fa-clock-rotate-left{color:#747583}.inReview .fa-circle-info .tooltip{top:16px;line-height:20px;left:-200px;border-radius:10px 0 10px 10px}.helpful{color:#747583;transition:color .25s;flex-shrink:0;margin:0 20px}.helpful *{color:#747583;transition:color .25s}.helpful:hover,.helpful:hover *{color:#fa6400}.isHelpful{color:#fa6400;font-family:AvenirHeavy,Helvetica,sans-serif}.isHelpful *{color:#fa6400}.rowAction{color:#747583;transition:color .25s;margin-right:20px;cursor:pointer}.rowAction i{color:#747583;transition:color .25s}.rowAction:hover,.rowAction:hover i{color:#33344f}.cardAction{display:flex;justify-content:flex-end;align-items:center}.cardAction .deleteBtn .caption{color:#747583;transition:color .25s;white-space:nowrap}.cardAction .deleteBtn .caption i{color:#747583;transition:color .25s}.cardAction .deleteBtn .caption:hover,.cardAction .deleteBtn .caption:hover i{color:#33344f}.cardAction .deleteBtn .confirmation{cursor:pointer}.cardAction .deleteBtn .confirmation span{padding:5px;transition:color .25s}.cardAction .deleteBtn .confirmation span:first-child{color:#f25146;margin-right:10px}.cardAction .deleteBtn .confirmation span:first-child:hover{color:#d64a40}.cardAction .deleteBtn .confirmation span:last-child{color:#747583}.cardAction .deleteBtn .confirmation span:last-child:hover{color:#33344f}.cardAction .report{position:relative}.cardAction .report i{color:#ccccd3;transition:color .25s;padding:10px}.cardAction .report .reportOption{display:none;position:absolute;z-index:1000;padding:10px;border-radius:10px 0 10px 10px;left:-150px;transition:display .25s}.cardAction .report .reportOption p{white-space:nowrap;padding:5px;color:#747583;transition:color .25s}.cardAction .report .reportOption p:hover{color:#33344f}.cardAction .report .reportOption .success,.cardAction .report .reportOption .success *{color:#4ca86c}.cardAction .report:hover i{color:#33344f}.cardAction .report:hover .reportOption{display:initial}.resourceRow,.cheatCardRow{width:100%;margin-bottom:20px;max-width:900px;min-width:200px}.resourceRow .brickTitle,.cheatCardRow .brickTitle{display:flex;align-items:center;margin-bottom:20px}.resourceRow .brickTitle .colorBar,.cheatCardRow .brickTitle .colorBar{height:24px;width:10px;margin-right:20px}.resourceRow .brickTitle i,.cheatCardRow .brickTitle i{color:#ccccd3;font-size:16px;padding:0 10px;transition:color .25s}.resourceRow .brickTitle i:hover,.cheatCardRow .brickTitle i:hover{color:#747583}.resourceRow .resourceContent,.resourceRow .cheatCardContent,.cheatCardRow .resourceContent,.cheatCardRow .cheatCardContent{display:flex;margin-left:30px}.resourceRow .resourceContent .resourceImg,.resourceRow .resourceContent .cheatCardImg,.resourceRow .cheatCardContent .resourceImg,.resourceRow .cheatCardContent .cheatCardImg,.cheatCardRow .resourceContent .resourceImg,.cheatCardRow .resourceContent .cheatCardImg,.cheatCardRow .cheatCardContent .resourceImg,.cheatCardRow .cheatCardContent .cheatCardImg{border-radius:16px;width:200px;flex-shrink:0}.resourceRow .resourceContent .resourceDetail,.resourceRow .resourceContent .cheatCardDetail,.resourceRow .cheatCardContent .resourceDetail,.resourceRow .cheatCardContent .cheatCardDetail,.cheatCardRow .resourceContent .resourceDetail,.cheatCardRow .resourceContent .cheatCardDetail,.cheatCardRow .cheatCardContent .resourceDetail,.cheatCardRow .cheatCardContent .cheatCardDetail{flex-grow:1}.resourceRow .resourceContent .excerpt,.resourceRow .cheatCardContent .excerpt,.cheatCardRow .resourceContent .excerpt,.cheatCardRow .cheatCardContent .excerpt{margin-top:20px}#aboutCardWrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));column-gap:20px;row-gap:20px;margin:40px 0;width:100%;max-width:1200px}#aboutCardWrapper .aboutCard{padding:40px;min-width:100px;max-width:400px;cursor:initial}#aboutCardWrapper .aboutCard .title{font-size:18px;margin-top:20px}#aboutCardWrapper .aboutCard .title a{font-size:14px}#aboutCardWrapper .aboutCard .cardDetail{margin-top:20px}#about{width:90%;margin:100px auto 60px;display:flex;flex-direction:column;align-items:center}#about .divider{margin-bottom:60px}#about #demo{width:80%;min-width:400px;max-width:1200px;margin-top:20px}#about #aboutText{max-width:800px}#about #aboutText #quote{text-align:center;line-height:24px;margin-bottom:20px}#about #aboutText p{margin-bottom:10px}#about #aboutText h1{margin-bottom:20px}#about h1{text-align:center}#about p{line-height:24px}#about video{display:block;width:100%;margin:40px;max-width:1000px;min-width:300px}#team{width:90%;margin:0 auto}#team h2{text-align:center}#team #teamCardWrapper{width:100%;display:flex;gap:20px;flex-wrap:wrap}#team #teamCardWrapper .cardWhite{width:300px;display:flex;flex-direction:column;align-items:center;padding:0 30px 30px;flex-grow:1;cursor:initial;margin-top:60px}#team #teamCardWrapper .cardWhite img{border-radius:50%;position:relative;object-fit:cover;object-position:center;width:80px;height:80px;margin-top:-40px;box-shadow:0 0 0 6px #fff}#team #teamCardWrapper .cardWhite h4{margin:20px 0}#addResourcePopup .cardWhite{padding:30px 60px 0;max-height:80vh;display:flex;flex-direction:row-reverse;justify-content:space-between}#addResourcePopup .cardWhite #close{margin-right:-30px}#addResourcePopup .cardWhite #addResourceContent{margin-top:0;margin-right:40px;min-width:300px;max-width:600px;overflow-y:scroll;overflow-x:visible}#addResourcePopup .cardWhite #addResourceContent::-webkit-scrollbar{width:0;background:transparent}#addResourcePopup .cardWhite #addResourceContent #selectType{display:grid;grid-auto-flow:column;grid-column-gap:40px;margin-bottom:20px}#addResourcePopup .cardWhite #addResourceContent #selectType>div{display:flex;flex-direction:column;align-items:center}#addResourcePopup .cardWhite #addResourceContent #selectType>div .secondaryBtn{color:#33344f;border:2px solid #33344F;background-color:#fff;transition:color .25s,background-color .25s}#addResourcePopup .cardWhite #addResourceContent #selectType>div .secondaryBtn:hover{color:#fff;background-color:#33344f}#addResourcePopup .cardWhite #addResourceContent #selectType i{font-size:36px}#addResourcePopup .cardWhite #addResourceContent label{display:block;margin-bottom:10px}#addResourcePopup .cardWhite #addResourceContent input::-webkit-outer-spin-button,#addResourcePopup .cardWhite #addResourceContent input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#addResourcePopup .cardWhite #addResourceContent input[type=number]{-moz-appearance:textfield}#addResourcePopup .cardWhite #addResourceContent input[type=text]{font-family:AvenirHeavy,Helvetica,sans-serif;font-size:20px;border:none;width:100%;min-width:200px}#addResourcePopup .cardWhite #addResourceContent input[type=file]{display:none}#addResourcePopup .cardWhite #addResourceContent input[type=number],#addResourcePopup .cardWhite #addResourceContent #startAt span{font-family:AvenirHeavy,Helvetica,sans-serif;font-size:20px;border:none;width:40px;margin-right:10px;text-align:center}#addResourcePopup .cardWhite #addResourceContent input[type=number]::placeholder,#addResourcePopup .cardWhite #addResourceContent #startAt span::placeholder{color:#ccccd3}#addResourcePopup .cardWhite #addResourceContent textarea{width:100%;border:1px solid #CCCCD3;border-radius:10px;padding:20px;font-size:16px;line-height:20px}#addResourcePopup .cardWhite #addResourceContent textarea::placeholder{color:#ccccd3}#addResourcePopup .cardWhite #addResourceContent #startAt{margin-top:20px}#addResourcePopup .cardWhite #addResourceContent #startAt p{margin-bottom:10px}#addResourcePopup .cardWhite #addResourceContent #startAt span{color:#747583}#addResourcePopup .cardWhite #addResourceContent .instruction{line-height:24px;color:#747583;margin-top:10px}#addResourcePopup .cardWhite #addResourceContent .instruction *{color:#747583}#addResourcePopup .cardWhite #addResourceContent .warning{color:#f25146}#addResourcePopup .cardWhite #addResourceContent .btnWrapper{display:flex;justify-content:flex-end;overflow:visible}#addResourcePopup .cardWhite #addResourceContent .secondaryBtn{display:inline-block;margin:30px 10px}#addResourcePopup .cardWhite #addResourceContent .message{line-height:16px}#addResourcePopup .cardWhite #addResourceContent .message i{margin-right:5px}#addResourcePopup .cardWhite #addResourceContent .message .btn{margin-left:20px;flex-shrink:0;color:#fa6400;border:2px solid #EEE9E0;padding:10px 20px;border-radius:20px;cursor:pointer}#addResourcePopup .cardWhite #addResourceContent .success,#addResourcePopup .cardWhite #addResourceContent .success i{color:#4ca86c}#addResourcePopup .cardWhite #addResourceContent .notsuccess,#addResourcePopup .cardWhite #addResourceContent .notsuccess>div *{color:#4382ff}#addResourcePopup .cardWhite #addResourceContent .notsuccess p,#addResourcePopup .cardWhite #addResourceContent .notsuccess>div * p{margin-top:10px}#addResourcePopup .cardWhite #addResourceContent .row{margin-top:30px}#addResourcePopup .cardWhite #addResourceContent .row #coverImage{width:250px;height:140px;border-radius:10px;background-position:center;background-size:cover;cursor:pointer;display:flex;justify-content:center;align-items:center}#addResourcePopup .cardWhite #addResourceContent .row #coverImage:hover #uploadbtn{opacity:1}#addResourcePopup .cardWhite #addResourceContent .row #upload{font-size:20px;color:#ccccd3;transition:color .25s;cursor:pointer}#addResourcePopup .cardWhite #addResourceContent .row #upload:hover{color:#747583}#addResourcePopup .cardWhite #addResourceContent .row #uploadbtn{opacity:0;padding:10px 20px;border-radius:20px;background-color:#fff;transition:opacity .25s;cursor:pointer}#addResourcePopup .cardWhite #addResourceContent .row .instruction{margin-top:10px}#addResourcePopup .cardWhite #addResourceContent .row textarea{width:100%;border-radius:10px;border:1px solid #EEE9E0;padding:20px;font-size:16px;line-height:24px}#addResourcePopup .cardWhite #addResourceContent .row textarea::placeholder{color:#ccccd3}#addResourcePopup .cardWhite #addResourceContent #confirmation{display:flex;flex-flow:column;align-items:center;margin-top:40px}#addResourcePopup .cardWhite #addResourceContent #confirmation .giphyM{margin-bottom:10px}#addResourcePopup .cardWhite #addResourceContent #confirmation h3{text-align:center;margin-top:10px;margin-bottom:30px}#addResourcePopup .cardWhite #addResourceContent #confirmation p{line-height:24px;text-align:center}#addResourcePopup .cardWhite #addResourceContent #confirmation p .bold{color:#fa6400}#addResourcePopup .cardWhite #addResourceContent #confirmation .secondaryBtn{margin-top:30px}#studyplanPopup>.cardWhite,#editStudyplanPopup>.cardWhite{position:relative;padding:30px;max-height:calc(100vh - 40px);overflow-y:scroll}#studyplanPopup>.cardWhite>h4,#editStudyplanPopup>.cardWhite>h4{margin-bottom:10px;text-align:center}#studyplanPopup>.cardWhite>p,#editStudyplanPopup>.cardWhite>p{color:#747583;margin-bottom:0;text-align:center}#studyplanPopup>.cardWhite>div,#editStudyplanPopup>.cardWhite>div{display:flex;flex-direction:column;align-items:center}#studyplanPopup>.cardWhite .divider,#editStudyplanPopup>.cardWhite .divider{margin:20px 0;width:100%}#studyplanPopup>.cardWhite #blueprints,#editStudyplanPopup>.cardWhite #blueprints{height:50vh;min-height:200px;overflow-y:scroll;margin:0}#studyplanPopup>.cardWhite #blueprints .blueprintRow,#editStudyplanPopup>.cardWhite #blueprints .blueprintRow{display:flex;gap:20px;align-items:center;padding:10px}#studyplanPopup>.cardWhite #blueprints .blueprintRow:hover .blueprint,#editStudyplanPopup>.cardWhite #blueprints .blueprintRow:hover .blueprint{transform:scale(1.02)}#studyplanPopup>.cardWhite #blueprints .loader,#editStudyplanPopup>.cardWhite #blueprints .loader{margin-top:30px}#studyplanPopup>.cardWhite .blueprint,#editStudyplanPopup>.cardWhite .blueprint{padding:20px;width:360px;cursor:pointer;gap:20px;transition:transform .25s}#studyplanPopup>.cardWhite .blueprint .title,#editStudyplanPopup>.cardWhite .blueprint .title{display:flex;align-items:center;gap:20px}#studyplanPopup>.cardWhite .blueprint p,#editStudyplanPopup>.cardWhite .blueprint p{margin-bottom:10px;color:#747583}#studyplanPopup>.cardWhite .secondaryBtn,#editStudyplanPopup>.cardWhite .secondaryBtn{background-color:#ccccd3;margin-top:20px}#studyplanPopup>.cardWhite .activated,#editStudyplanPopup>.cardWhite .activated{background-color:#fa6400}#studyplanPopup>.cardWhite .time,#editStudyplanPopup>.cardWhite .time{padding:20px 40px;margin-top:20px}#studyplanPopup>.cardWhite .time input[type=number],#editStudyplanPopup>.cardWhite .time input[type=number]{width:50px;line-height:24px;font-size:24px;border:none;text-align:center}#studyplanPopup>.cardWhite .time input[type=number]::placeholder,#editStudyplanPopup>.cardWhite .time input[type=number]::placeholder{color:#ccccd3}#studyplanPopup>.cardWhite .time input[type=number]::-webkit-inner-spin-button,#studyplanPopup>.cardWhite .time input[type=number]::-webkit-outer-spin-button,#editStudyplanPopup>.cardWhite .time input[type=number]::-webkit-inner-spin-button,#editStudyplanPopup>.cardWhite .time input[type=number]::-webkit-outer-spin-button{opacity:0}#studyplanPopup>.cardWhite .time .caretWrapper,#editStudyplanPopup>.cardWhite .time .caretWrapper{display:flex;flex-direction:column}#studyplanPopup>.cardWhite .time .caretWrapper i,#editStudyplanPopup>.cardWhite .time .caretWrapper i{cursor:pointer}#studyplanPopup>.cardWhite .time>span,#editStudyplanPopup>.cardWhite .time>span{margin-left:20px}#studyplanPopup>.cardWhite .time>span .bold,#editStudyplanPopup>.cardWhite .time>span .bold{display:inline-block;width:150px}#editStudyplanPopup>.cardWhite>h4{margin-bottom:20px}#editStudyplanPopup #remove{margin-top:40px;color:#747583;cursor:pointer;transition:color .25s}#editStudyplanPopup #remove:hover{color:#33344f}#iwannahelpPopup .cardWhite{display:flex;flex-direction:column;gap:30px}#iwannahelpPopup .cardWhite>.support{display:flex;gap:20px;align-items:center}#iwannahelpPopup .cardWhite>.support h4{transition:color .25s}#iwannahelpPopup .cardWhite>.support:hover *{color:#fa6400}#iwannahelpPopup .cardWhite>.support i{display:inline-block;transition:color .25s}#iwannahelpPopup .cardWhite>.support>div{flex:1}#iwannahelpPopup .cardWhite p{margin:0;transition:color .25s}#rate #ratebox{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px;background-color:#fff;padding:20px;border-radius:20px}#rate p{font-size:16px;height:20px}#rate .stars{display:flex;gap:10px}#rate .stars i{font-size:24px;color:#ebebed;transition:color .25s;cursor:pointer}#rate .stars .fill{color:#efc540}#rate .checkbox{padding:10px 0}#rate .checkbox .box{background-color:#ebebed}#rate .checked .box{background-color:#fa6400}#rate textarea{width:100%;border:1px solid #CCCCD3;border-radius:10px;padding:10px;font-size:16px;line-height:24px;margin-top:10px}#rate textarea::placeholder{color:#ccccd3}#inviteFriendPopup .cardWhite>div{display:flex;flex-direction:column;align-items:center;gap:10px}#inviteFriendPopup .cardWhite>div p{margin:0}#inviteFriendPopup .cardWhite>div .emailInput{display:flex;flex-direction:column;align-items:center;gap:10px;margin:20px 0}#inviteFriendPopup .cardWhite>div .emailInput input[type=email]{width:100%;max-width:600px;min-width:300px;border:1px solid #CCCCD3;font-size:16px;line-height:24px;border-radius:40px;padding:10px 20px}#inviteFriendPopup .cardWhite>div .emailInput input[type=email]::placeholder{color:#ccccd3}#inviteFriendPopup .cardWhite>div .emailInput .emailList{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-left:20px}#inviteFriendPopup .cardWhite>div .message{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}#inviteFriendPopup .cardWhite>div .message .image{position:relative}#inviteFriendPopup .cardWhite>div .message .fa-rotate{background-color:#c3a764;border-radius:50%;padding:5px;color:#fff;position:absolute;bottom:10px;right:10px;transition:background-color .25s;cursor:pointer}#inviteFriendPopup .cardWhite>div .message .fa-rotate:hover{background-color:#9c834a}#inviteFriendPopup .cardWhite>div .message textarea{width:100%;border:1px solid #CCCCD3;border-radius:10px;padding:10px;line-height:1.5}#inviteFriendPopup .cardWhite>div .message textarea::placeholder{color:#747583}#inviteFriendPopup .cardWhite>div .secondaryBtn{background-color:#ccccd3}#inviteFriendPopup .cardWhite>div .activated{background-color:#fa6400}#footer{width:100%;margin-bottom:20px;display:flex;flex-direction:column;gap:20px;align-items:center}#footer #links{display:flex;justify-content:center;gap:30px}#footer #links a{display:inline-block}#noSearchResult{margin:80px 0;width:100%}#noSearchResult *:not(span){text-align:center;display:block}#noSearchResult .giphyL{margin:0 auto}#noSearchResult h3{margin:20px 0}#noSearchResult p{line-height:24px}#noSearchResult a{margin-top:20px}#noSearchResult .fa-magnifying-glass{display:inline-block}#help{position:fixed;bottom:0;cursor:pointer}#help #helpDoodle{width:80px;height:80px;background-image:url(/assets/help.df79a7fe.svg);background-position:bottom right;background-size:cover;position:absolute;right:0;bottom:0}#help #smallLabel{position:absolute;padding:10px;border-radius:10px;color:#fff;background-color:#33344f;right:60px;bottom:20px}#help #helpMenu{position:absolute;bottom:20px;left:-250px;padding:20px 10px;cursor:pointer}#help #helpMenu .item{display:block;padding:10px 20px;font-family:AvenirMedium,Helvetica,sans-serif;border-radius:20px;transition:background-color .25s}#help #helpMenu .item:hover{background-color:#f6d175}#help #helpMenu .item *{color:#33344f}#help #helpMenu .otherRow{color:#747583}#help.hidden{right:-50px;transition:right .2s}#help.hidden #smallLabel{display:block}#help.hidden #helpMenu{display:none}#help.hidden:hover{right:0}#help.show{right:0px}#help.show #smallLabel{display:none}#help.show #helpMenu{display:initial}#buttons{display:flex;align-items:center;justify-content:center;margin-top:30px}#buttons #cancel{color:#ccccd3;cursor:pointer}#buttons .secondaryBtn{margin-left:40px}#contact #logo{display:block;margin-left:40px;margin-top:20px}#contact #contentWrapper{min-width:200px;max-width:600px;margin:0 auto;margin-top:10vh;display:flex;flex-direction:column;align-items:center}#contact #contentWrapper h1{text-align:center;margin-bottom:30px}#contact #contentWrapper .spacebetween{width:100%}#contact #contentWrapper .spacebetween .grayBox{border:1px solid #CCCCD3;line-height:50px;border-radius:30px;transition:border .25s;background-color:#fff;display:flex;align-items:center;padding:0 20px;margin-top:6px}#contact #contentWrapper .spacebetween .grayBox i{line-height:50px;color:#ccccd3}#contact #contentWrapper .spacebetween .grayBox:hover{border:1px solid #747583}#contact #contentWrapper .spacebetween .grayBox input{border:none;font-size:16px;width:100%}#contact #contentWrapper .spacebetween .focused{border:1px solid #747583}#contact #contentWrapper .inputWrapper{margin-right:20px;width:70%}#contact #contentWrapper .inputWrapper i{margin-right:20px}#contact #contentWrapper #dropdown{width:30%;min-width:200px;position:relative}#contact #contentWrapper #dropdown p{cursor:pointer;white-space:nowrap}#contact #contentWrapper #dropdown p i{margin-left:10px}#contact #contentWrapper #dropdown #menu{width:100%;position:absolute;padding:10px;background-color:#fff;border-radius:20px;border:1px solid #CCCCD3;margin-top:6px}#contact #contentWrapper #dropdown #menu .option{padding:5px 10px;border-radius:30px;transition:background-color .25s}#contact #contentWrapper #dropdown #menu .option:hover{background-color:#f6d175}#contact #contentWrapper textarea{width:100%;min-height:200px;margin-top:20px;margin-bottom:20px;border-radius:20px;padding:20px;font-size:16px;border:1px solid #CCCCD3;resize:none;line-height:24px}#contact #contentWrapper textarea::placeholder{color:#ccccd3}#contact #contentWrapper .secondaryBtn{margin-top:40px}#contact #confirmation{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:40px;height:80vh;min-height:400px;min-width:400px}#contact #confirmation h2{margin:20px 0}#contact #confirmation p{margin-bottom:10px}#contact #confirmation .secondaryBtn{margin-top:40px}#createNewBricksetPopup{padding:40px;width:60vw;max-width:500px;min-width:250px}#createNewBricksetPopup #cover{width:300px;height:200px;margin-bottom:10px;background-color:#faf9f7;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center}#createNewBricksetPopup #cover #options{opacity:0;width:100%;height:100%;border-radius:10px;background-color:#33344fbf;transition:opacity .25s}#createNewBricksetPopup #cover:hover #options{opacity:1}#createNewBricksetPopup #cover>div{display:flex;flex-direction:column;align-items:center;justify-content:center}#createNewBricksetPopup #cover #upload .btn{outline:1px solid #EEE9E0;background-color:#fff;color:#fa6400;border-radius:20px;transition:color .25s,background-color .25s,outline .25s;display:inline-block}#createNewBricksetPopup #cover #upload .btn i{color:#fa6400;transition:color .25s}#createNewBricksetPopup #cover #upload .btn:hover{background-color:#fa6400;color:#fff;outline:none}#createNewBricksetPopup #cover #upload .btn:hover i{color:#fff}#createNewBricksetPopup #cover #upload input[type=file]{display:none}#createNewBricksetPopup #cover p{margin:10px 0;color:#ccccd3}#createNewBricksetPopup #cover #unsplash{position:relative;width:70%;min-width:200px}#createNewBricksetPopup #cover #unsplash input{border-radius:20px;font-size:16px}#createNewBricksetPopup #cover #unsplash i{position:absolute;right:4px;top:4px;background-color:#fa6400;border-radius:50%;padding:8px;color:#fff;cursor:pointer}#createNewBricksetPopup #cover #unsplash i:hover{background-color:#ff781e}#createNewBricksetPopup #cover,#createNewBricksetPopup input,#createNewBricksetPopup textarea{width:100%;border-radius:10px;border:1px solid #EEE9E0}#createNewBricksetPopup input,#createNewBricksetPopup textarea,#createNewBricksetPopup .btn{display:block;padding:10px 20px}#createNewBricksetPopup #title{font-size:18px}#createNewBricksetPopup #title::placeholder{font-family:AvenirHeavy,Helvetica,sans-serif}#createNewBricksetPopup textarea{font-size:16px;line-height:24px;margin:10px 0}#createNewBricksetPopup textarea::placeholder{color:#ccccd3}#createNewBricksetPopup #private{margin-top:40px!important;color:#8999f3;text-align:center}#createNewBricksetPopup .checkbox{margin:20px 10px;width:100%}#createNewBricksetPopup .btnWrapper{display:flex;justify-content:flex-end;align-items:center;margin-top:20px;cursor:pointer}#createNewBricksetPopup .btnWrapper .bold{margin-right:20px;color:#ccccd3;transition:color .25s}#createNewBricksetPopup .btnWrapper .bold:hover{color:#747583}#createNewBricksetPopup #warning{color:#f25146;margin:0}#deleteConfirmation{max-width:600px;min-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}#deleteConfirmation h3{text-align:center}#deleteConfirmation p{margin:0}#pageNotFound{width:100vw;height:100vh;overflow:hidden}#pageNotFound #header{position:absolute}#pageNotFound #content{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#pageNotFound #content .giphyL{margin-bottom:40px}#pageNotFound #content h2{margin-bottom:20px}#pageNotFound #content p{margin-bottom:4px}#pageNotFound #content .secondaryBtn{margin-top:20px}#pageNotFound iframe{margin-top:20px;border-radius:20px}#deleteAccount #content{width:100vw;margin:10vh 0;min-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}#deleteAccount #content h4{margin-bottom:20px}#deleteAccount #content .giphyL{margin-bottom:40px}#deleteAccount #options{margin:30px 0}#deleteAccount #options .radio{margin-bottom:20px}#deleteAccount #options textarea{width:100%;border:1px solid #CCCCD3;border-radius:10px;padding:10px;font-size:16px;line-height:20px}#deleteAccount #options textarea::placeholder{color:#ccccd3}#adios{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#adios .giphyL{margin-bottom:40px}#adios h4{margin-bottom:20px}#tos{margin:0 auto;max-width:1200px;min-width:300px;display:flex}#tos #catalogue{margin:60px 60px 0 0}#tos #catalogue a{display:block;white-space:nowrap;min-width:max-content;color:#747583;transition:color .25s;margin-bottom:20px}#tos #catalogue a:hover{color:#33344f}#tos h2{text-align:center}#tos #tosText{margin-top:20px}#tos #tosText p,#tos #tosText li{margin-bottom:10px;line-height:24px}#tos #tosText .clause{margin-top:20px}#tos #tosText .clause h3{margin-bottom:10px;text-transform:uppercase}#privacy,#cookie{margin:0 auto;max-width:1000px;min-width:400px;padding:60px;display:flex;flex-direction:column}#privacy h2,#cookie h2{text-align:center;margin-bottom:20px}#privacy h4,#cookie h4{margin-top:20px}#privacy p,#privacy li,#cookie p,#cookie li{margin-bottom:10px;line-height:24px}#discord{color:#fff;text-align:center;transition:transform .25s;margin:0 auto;cursor:pointer;display:block;margin-top:40px!important}#discord a{background-color:#33344f;padding:10px 20px;border-radius:20px}#discord *{color:#fff}#discord:hover{transform:scale(1.02)}#desktopToast{position:fixed;z-index:999999;bottom:0;left:0;background-color:#f6d175;width:100vw;padding:20px;line-height:1.5;display:none;justify-content:space-between;align-items:center}#desktopToast i{font-size:24px}.mobileOnly{display:none!important}.esterEgg{width:100vw;height:100vh;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1000000;display:flex;align-items:center;justify-content:center;pointer-events:none!important}.esterEgg img{width:400px;height:400px;flex-grow:0;animation:jumping 3s ease-in-out infinite}@keyframes jumping{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}#player{position:fixed;z-index:10000;bottom:10px;left:50%;transform:translate(-50%)}#player .cardWhite{cursor:initial}#player #playerContainer,#player #recommendation{width:600px;width:100%;display:flex;flex-direction:column;gap:10px}#player #playerContainer #brickInfo .note,#player #recommendation #brickInfo .note{display:inline-block}#player #playerContainer .fa-dice,#player #recommendation .fa-dice{font-size:24px;opacity:.4;padding:10px;transition:opacity .25s;cursor:pointer}#player #playerContainer .fa-dice:hover,#player #recommendation .fa-dice:hover{opacity:1}#player img{width:60px;height:60px;object-fit:cover;border-radius:10px;flex-shrink:0}#player #playlistwrapper{max-width:600px;height:400px;max-height:600px;border-radius:20px;padding:20px;overflow-y:hidden;border:1px solid #EEE9E0}#player #playlist{width:100%;height:100%;overflow-y:scroll;display:flex;padding-right:20px;flex-direction:column}#player #playlist::-webkit-scrollbar{width:10px}#player #playlist::-webkit-scrollbar-thumb{background:#EEE9E0;border-radius:10px}#player #playlist::-webkit-scrollbar-track{background:#FAF9F7;border-radius:10px}#player #playlist::-webkit-scrollbar-thumb:hover{background:#555}#player #playlist #title{padding-left:10px;margin-bottom:10px}#player #playlist .fa-check-circle{opacity:0;font-size:20px;color:#4ca86c}#player #playlist .visible{opacity:1}#player #playlist .playlistItem{display:flex;gap:20px;align-items:center;padding:10px;border-radius:10px;transition:background-color .25s;cursor:pointer}#player #playlist .playlistItem .info{flex-grow:1;display:flex;flex-direction:column;gap:4px}#player #playlist .playlistItem .controls{display:none}#player #playlist .playlistItem:hover{background-color:#f6f3ef}#player #playlist .playlistItem:hover .controls{display:flex;gap:10px}#player #playlist .playlistItem:hover .controls i{padding:5px;color:#747583;transition:color .25s;cursor:pointer}#player #playlist .playlistItem:hover .controls i:hover{color:#33344f}#player #playerWrapper{max-width:600px;padding:0 20px 0 40px;display:flex;gap:20px;align-items:center;border-radius:100px;position:relative;border:1px solid #EEE9E0}#player #playerWrapper #playlistIcon{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.4;transition:opacity .25s;cursor:pointer}#player #playerWrapper #playlistIcon .fa-list{font-size:20px}#player #playerWrapper #playlistIcon .note{letter-spacing:.5px;text-transform:uppercase}#player #playerWrapper #playlistIcon:hover,#player #playerWrapper #playlistIcon.active{opacity:1}#player #playerWrapper #playlistIcon .footnote{font-size:10px}#player #playerWrapper #brickInfo{display:flex;align-items:center;gap:20px;padding:12px 0}#player #playerWrapper #brickInfo>div{display:flex;flex-direction:column;gap:4px}#player #playerWrapper .controls{display:flex;align-items:center;gap:10px}#player #playerWrapper .controls .caption{text-transform:uppercase;opacity:.4;transition:opacity .25s;padding:5px;text-align:center;letter-spacing:.5px;cursor:pointer}#player #playerWrapper .controls .caption:hover{opacity:1}#player #playerWrapper #oneliner{color:#747583}#player #playerWrapper .fa-play{flex-shrink:0;font-size:24px;background-color:#fa6400;width:50px;height:50px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 12px -6px #fa640066;cursor:pointer;transition:font-size .25s,width .25s,height .25s}#player #playerWrapper .fa-play:hover{font-size:26px;width:52px;height:52px}@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 600px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 600px),only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 600px),only screen and (min-device-pixel-ratio: 2) and (max-width: 600px),only screen and (min-resolution: 192dpi) and (max-width: 600px),only screen and (min-resolution: 2dppx) and (max-width: 600px){#contact{padding:20px}#contact #logo{margin:0;display:flex;justify-content:center}#player{bottom:0}#player #playerContainer,#player #recommendation{width:100vw;gap:0}#player #playlistwrapper{border-radius:20px 20px 0 0;padding:20px 10px 0;border:none;border-top:1px solid #EEE9E0}#player #playlistwrapper .playlistItem{gap:10px}#player #playerWrapper{border-radius:0;border:none;border-top:1px solid #EEE9E0;padding:0 20px}#player #playerWrapper #playlistIcon .note{display:none}#player #playerWrapper .controls{flex-direction:column;align-items:center}}#popup{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:20px;padding:20px;position:absolute;border-radius:20px}#popup #options{display:flex;gap:20px}#popup #options .icon{display:flex;flex-direction:column;color:#fa6400;align-items:center;cursor:pointer;transition:opacity .25s;opacity:.7}#popup #options .icon:hover{opacity:1}#popup #options .icon i:not(.fa-crown){font-size:20px}#popup #options .icon .note{margin-top:4px}#popup #options .icon .premium{padding-left:10px}#popup #triangle{position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #FFFFFF;bottom:-10px;left:50%;transform:translate(-50%)}#AIQA{position:fixed;z-index:10000;bottom:0;right:0;padding:20px 20px 20px 0;display:flex;flex-direction:column;max-height:100vh}#AIQA #conv{flex-grow:1;display:flex;flex-direction:column;width:320px}#AIQA #conv #salut{padding:20px 10px 0 20px;background-color:#eee9e0;border-radius:20px 20px 0 0}#AIQA #conv #history{padding:10px 0;border-radius:20px 20px 0 0;flex-shrink:1;max-height:60vh;min-height:200px;overflow-y:scroll}#AIQA #conv #history p{line-height:1.5}#AIQA #conv #history #respond{display:flex;flex-direction:column;gap:10px;margin:10px}#AIQA #conv #history #respond .message{display:flex;flex-direction:column;align-items:flex-end;gap:10px}#AIQA #conv #history #respond .message .question{padding:10px 20px;border-radius:20px;background-color:#fcdf85;max-width:75%;overflow-x:scroll}#AIQA #conv #history #respond .message .question::-webkit-scrollbar{display:none}#AIQA #conv #history #respond .message .respond{display:flex;gap:10px;width:100%}#AIQA #conv #history #respond .message .respond .avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}#AIQA #conv #history #respond .message .respond p{width:100%;overflow-x:scroll}#AIQA #conv #history #respond .message .respond p::-webkit-scrollbar{display:none}#AIQA #conv #userInput{padding:10px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;background-color:#eee9e0;border-radius:0 0 20px 20px}#AIQA #conv #questions{width:100%;display:grid;flex-direction:column;gap:8px}#AIQA #conv #questions .questionOption{width:100%;padding:8px 16px;border-radius:40px;cursor:pointer;background-color:#fff;transition:background-color .25s}#AIQA #conv #questions .questionOption:hover{background-color:#fcdf85}#AIQA #conv textarea{width:100%;border-radius:20px;border:1px solid #EBEBED;font-size:16px;padding:20px}#AIQA #AIbtn{padding:5px 10px;display:flex;align-items:center;gap:10px;transition:transform .25s}#AIQA #AIbtn:hover{transform:scale(1.02)}#AIQA #AIbtn .fa-crown{color:#c3a764}.premiumTag{display:inline-block}.premiumTag i{color:#c3a764;font-size:14px}#plans{display:flex;gap:20px;padding:20px}#plans h2{text-align:center;padding:10px 0}#plans .option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border-radius:20px;cursor:pointer;transition:transform .25s}#plans .option:hover{transform:scale(1.02)}#plans .option .tier{width:100%}#plans .option .tier .badge{padding:5px 10px;background-color:#33344f;border-radius:20px;color:#fff}#plans .option .features{display:flex;flex-direction:column;align-items:center;gap:10px}#plans .option .features p{font-size:14px;width:100%;display:block;text-align:initial!important;line-height:1}#plans .option .features .fa-circle-check{color:#ccccd3}#plans .option .secondaryBtn{width:100%;margin-top:10px;transition:transform .25s}#plans .option .secondaryBtn:hover{transform:scale(1.02)}#plans #free,#plans #monthly{border:1px solid #EBEBED}#plans #free .secondaryBtn,#plans #monthly .secondaryBtn{background-color:#fff;border:1px solid #EBEBED;color:#33344f}#plans #annual{background-color:#fa6400;transform:scale(1.05);box-shadow:0 10px 20px -5px #fa640099}#plans #annual p,#plans #annual h2,#plans #annual span,#plans #annual i{color:#fff}#plans #annual .secondaryBtn{background-color:#fff;color:#fa6400}#plans #annual:hover{transform:scale(1.07)}#premiumPopup .cardWhite{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:1200px}#premiumPopup .cardWhite>h1,#premiumPopup .cardWhite p{text-align:center;margin:0}#premiumPopup .cardWhite>h1 .caption,#premiumPopup .cardWhite p .caption{font-size:14px}#premiumPopup .cardWhite img{width:160px;height:160px}#paymentSuccess{width:100vw;height:100vh;min-width:300px;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}#paymentSuccess #confetti{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}#paymentSuccess .cardWhite{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:800px;padding:20px 40px 40px}#paymentSuccess .cardWhite h2,#paymentSuccess .cardWhite p,#paymentSuccess .cardWhite h4{text-align:center;line-height:1.5}#paymentSuccess .cardWhite #reference{width:100%;padding:10px;border-radius:10px;background-color:#faf9f7}@media only screen and (max-width: 600px){.overlay .cardWhite{min-width:initial!important}#editStudyplanPopup{padding:20px}#editStudyplanPopup .cardWhite{padding:30px 10px!important;width:100%!important}#editStudyplanPopup .cardWhite .time{padding:10px 0!important}#studyplanPopup{width:100%!important;padding:20px}#studyplanPopup .loader{margin:40px auto 0!important;display:block}#studyplanPopup .fa-times{right:10px!important;top:10px!important}#studyplanPopup>.cardWhite{padding:30px 10px!important}#studyplanPopup #blueprints{height:400px!important;width:100%!important}#studyplanPopup #blueprints .blueprintRow{width:100%!important;min-width:initial!important;gap:10px!important}#studyplanPopup #blueprints .blueprintRow .blueprint{margin-bottom:0!important;min-width:initial!important;flex-shrink:1;gap:10px}#studyplanPopup #blueprints .blueprintRow .blueprint .title{flex-direction:column;align-items:flex-start;gap:10px!important;flex-shrink:1}#studyplanPopup #blueprints .blueprintRow .blueprint .title *{flex-shrink:1}#studyplanPopup #blueprints .blueprintRow .blueprint .title h2{margin:0!important}.choosed{position:absolute!important;width:100%;max-width:initial!important;left:0;top:0;background-color:#fff;z-index:1000;padding:16px;margin-top:0!important}.choosed #searchbar input{text-align:left!important}.choosed #suggestion{left:0}.focused #searchbar{border-radius:0!important;border:none;padding:5px 20px!important}#footer #links{flex-direction:column;align-items:center;gap:20px}#footer #links a{display:inline-block}}@media only screen and (max-width: 1000px){#app{width:100vw}.desktopOnly{display:none!important}.mobileOnly{display:initial!important}h1{font-size:30px!important}h2{font-size:24px!important}h3{font-size:18px!important}#headerContentWrapper{width:100%}#search{flex-grow:1;margin-left:0!important;min-width:200px}#homeContent #cards{flex-direction:column}#homeContent .cardWhite{margin-right:0!important;margin-bottom:20px}#homeContent #bottom{grid-auto-flow:row!important}#logIn #loginContent{padding-bottom:100px!important}#logIn #logo,#signUp #logo{display:flex;justify-content:center;margin:20px 0!important}#header #userInfoWrapper{display:none}#desktopToast{display:flex}#premiumPopup{padding:20px}#premiumPopup .cardWhite{width:100%;height:100%;padding:20px 10px;overflow-y:scroll;gap:10px}#premiumPopup .cardWhite img{width:140px;height:140px}#plans{flex-direction:column;width:100%;padding:10px}}#wikiWrapper{padding:60px;width:80%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:40px}#wikiWrapper #brickIntro #actions{display:flex}#wikiWrapper #brickIntro .green,#wikiWrapper #brickIntro .green i{color:#4ca86c}#wikiWrapper #brickIntro .red,#wikiWrapper #brickIntro .red i{color:#f25146}#wikiWrapper #brickIntro #multipleSubject{position:relative;display:inline-block}#wikiWrapper #brickIntro #multipleSubject .multi{cursor:pointer}#wikiWrapper #brickIntro #multipleSubject .multi .fa-ellipsis-vertical{color:#ccccd3;transition:color .25s;margin-left:10px}#wikiWrapper #brickIntro #multipleSubject .multi:hover .fa-ellipsis-vertical{color:#747583}#wikiWrapper #brickIntro #multipleSubject #showMoreSubjects{padding:20px;position:absolute;right:0;border-radius:10px}#wikiWrapper #brickIntro #multipleSubject #showMoreSubjects .tag:not(:last-child){display:block;flex-wrap:nowrap;white-space:nowrap;margin-bottom:10px}#wikiWrapper #brickIntro #wikicontent{display:flex;align-items:center;gap:30px;width:100%}#wikiWrapper #brickIntro #wikicontent img{width:300px;border-radius:20px;object-fit:contain}#wikiWrapper #brickIntro #wikicontent #text{display:flex;flex-direction:column;gap:10px}#wikiWrapper .outlinedBox{border:1px solid #EEE9E0;border-radius:20px;width:100%;padding:20px}#wikiWrapper .outlinedBox .note{margin-bottom:20px;background-color:transparent;text-transform:uppercase;letter-spacing:.6px}#wikiWrapper .belonging #parents{display:flex;flex-direction:column;gap:10px}#wikiWrapper .belonging a{display:block}#wikiWrapper .section{display:flex;flex-direction:column;gap:10px}#wikiWrapper .section h4{color:#747583;padding-bottom:10px;border-bottom:1px solid #EEE9E0}#wikiWrapper .section h4 *,#wikiWrapper .section .validator{color:#747583}#wikiWrapper .section #resourceCardWrapper{padding:10px 0;display:flex;gap:20px;flex-wrap:wrap}#wikiWrapper .section .resourceCard{width:300px;margin:0}#wikiWrapper #footer{margin-top:40px}@media only screen and (max-width: 1000px){#wikiWrapper{padding:40px 0}}@media only screen and (max-width: 600px){#wikiWrapper{width:100%;padding:20px}#wikicontent{flex-direction:column;gap:20px}#wikicontent img{width:100%!important}}