.header,body,html{box-sizing:border-box}.header{z-index:100;position:fixed;padding:0 .5em;width:100%;top:0;display:flex;flex:1;align-items:center;height:50px;overflow:hidden;justify-content:space-between;background-color:#fff;color:#96151d}.header .MuiCircularProgress-circle{stroke:linear-gradient(90deg,red,red);animation:custom-spin 1.5s linear infinite}.header svg{color:#96151d}@media(min-width:780px){.header{padding:0 1em}}a.profile-link{text-decoration:none!important;color:#000!important}.logo,a.profile-link{display:flex;align-items:center}.logo{color:#96151d;text-decoration:none;font-weight:900}.login{display:flex}.login,.login svg{color:#000}.login:hover,.login:hover svg{color:#96151d}.searchbar{border:1px solid #c8c8c8!important;flex:1;color:#000!important;border-radius:0;transition:all .3s ease-in-out;background-color:transparent!important}.searchbar.open{opacity:1;transform:translateY(0)}@media(min-width:780px){.searchbar{background-color:transparent!important;margin:0 2em}}.result{background-color:#96151d!important}.side-nav{position:fixed;height:100vh;top:50px;z-index:90;background-color:#fff;left:-200px;font-weight:500;transition:left .3s ease}@media(min-width:780px){.side-nav{left:0;width:200px}}.side-nav ul{padding:0;margin:0;width:98%}.side-nav ul li{padding:0;display:flex;align-items:center;transition:background-color .5s ease,color .5s ease}.side-nav ul li:hover{background-color:#c07277;border-radius:4px}.side-nav ul li a{display:flex;align-items:center;text-decoration:none;color:#000;width:100%;padding:1em;box-sizing:border-box;font-family:Poppins,sans-serif;transition:background-color .5s ease,color .5s ease}.side-nav ul li a .fa-icon{width:1em;height:1em;margin-right:1em}.side-nav ul li a:hover{color:#fff;background-color:#c07277}.side-nav.open{left:0;width:100%}.create{overflow:scroll;width:80%}@media(max-width:780px){.create{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border-radius:0}}.create .tabs{display:flex;align-items:center;margin-bottom:1rem}.create .tabs a{font-weight:600;padding:1em 2em;position:relative}.create .tabs a.selected:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#96151d;animation:slide-in .3s ease-in-out forwards}.create .tabs a:last-child{padding:.5rem;margin-left:auto}.create .tabs a:hover{background-color:#e9ebf2}@media(max-width:780px){.create .tabs{display:flex;justify-content:space-between}.create .tabs a{padding:0 .5rem}}.create .form{display:flex;flex-direction:column}.create .form .editor-wrap{margin-bottom:1rem}.create .form .actions{margin-left:auto}.create .form .actions button{cursor:pointer;border:none;margin-left:1rem;padding:.75rem 1.25rem;font-weight:600;border-radius:1rem}.create .form .actions button:hover{background-color:#c8c8c8}.create .form .actions button.submit{color:#fff;background-color:#96151d}.create .form .actions button.submit:hover{background-color:#5a0c11;color:#fff}@media(max-width:780px){.create .form .actions{display:flex;margin-left:0;flex-direction:column-reverse}.create .form .actions button{margin-left:0;flex:1;border-radius:.5rem;margin-bottom:.25rem;padding:1rem}}.create input,.create select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;width:100%;padding:1em 1.25em;margin-bottom:1rem}.create .select-wrapper{position:relative;display:inline-block;width:100%}.create select{width:100%;padding:.75em 2.5em .75em 1em;border:1px solid #ccc;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;font-size:1rem}.create select option[disabled]{color:#fff!important}.create .select-wrapper:after{content:"▼";position:absolute;top:35%;right:1em;transform:translateY(-35%);pointer-events:none;font-size:.75em}@keyframes slide-in{0%{width:0}to{width:100%}}.editor{border:1px solid #c8c8c8;border-radius:5px;position:relative;min-height:150px;max-height:50vh;overflow:hidden;display:flex;flex-direction:column}.editor .ql-toolbar{border:none;border-bottom:1px solid #c8c8c8;background-color:#fff}.editor .actions{display:flex;flex-direction:row-reverse;padding:.25em;border-top:none}.editor .actions button{padding:.15em 1.5em;margin-left:.25em}.editor .actions .cancel{background-color:#fff;color:#c8c8c8;border:1px solid #c8c8c8}.editor .actions .submit{background-color:#96151d}.editor .ql-container{flex-grow:1;overflow-y:auto;border:none;background-color:#fff}.editor .ql-editor{height:300px;overflow:scroll;border:none;background-color:#fff;font-family:Arial,sans-serif}.loading-spinner{position:absolute;top:0;flex-direction:column;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:5px}.spinner{width:50px;height:50px;border:6px solid #e8e8e8;border-top-color:#96151d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-uploader{border:2px dashed #c8c8c8;background-color:#e9ebf2;min-height:250px;display:flex}.media-uploader div{display:flex;margin:auto}.dragging{background-color:#c8c8c8}.media-preview{display:flex}.media-preview img{margin:auto}.signin button{background-color:#96151d;color:#fff}*,:focus{outline:none}root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}*{-ms-overflow-style:none}::-webkit-scrollbar{display:none}body{margin:0;padding:0;color:rgb(var(--foreground-rgb))}a{cursor:pointer}.btn{background-color:#96151d;display:flex;align-items:center;color:#fff;border:0;justify-content:center;width:100%;padding:.5em 1em}.btn:hover{background-color:#5a0c11;cursor:pointer}.wrapper{overflow:hidden;padding-left:0}@media(min-width:780px){.wrapper{padding-left:200px!important}}.main{padding:0 .25em;margin-top:50px}.main .left{box-sizing:border-box}.main .left h1{margin-top:0}.main .right{min-width:0;flex:1;display:flex;box-sizing:border-box}@media(max-width:780px){.main{padding:1em}}@media(min-width:780px){.main{margin-right:1em;flex-direction:row;padding:0;justify-content:space-between}.main .right{margin-left:3em;flex:.5;max-width:400px}.main .left{display:flex;flex-direction:column;flex:1}}.footer{border-top:2px solid #e9ebf2;display:flex;position:absolute;bottom:0;z-index:90;width:100%;background-color:#fff;align-items:center;padding:.5em}.footer img{transition:all .3s ease-in-out;width:20px;height:auto;border-radius:100%;opacity:.5}@media(max-width:780px){.footer{position:relative}}.footer ul{list-style-type:none;margin:0;padding:0;align-items:center;display:flex;color:#c8c8c8}@media(max-width:780px){.footer ul{flex-wrap:wrap;padding:1em}}.footer ul li{margin-right:1em;display:flex}.footer ul li a{text-decoration:none;color:#c8c8c8}ul.creator-toolbar{position:absolute;right:0;top:.5em;margin:0;list-style-type:none;z-index:1;display:flex}ul.creator-toolbar li a{margin-left:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1rem;border:.1rem solid #000;color:#000}ul.creator-toolbar li a svg{color:#000}ul.creator-toolbar li a:hover{border:.1rem solid #96151d;color:#96151d}ul.creator-toolbar li a:hover svg{color:#96151d}.marketplace{background-color:#fff;flex-direction:column;box-sizing:border-box}.marketplace .card{background-color:#e8e8e8;flex-grow:1;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer}.marketplace .trending{padding:1em;background-color:#fff;border:1px solid #c8c8c8;margin-top:1em}.marketplace .trending a{color:#000;text-decoration:none;margin-bottom:1em;display:flex;flex-direction:column}.marketplace .trending a .avatar{height:1rem;width:1rem}.marketplace .trending a:hover{color:#96151d}.marketplace .trending h3{display:flex;align-items:center}.marketplace .trending ul.author{padding:0;margin:0;list-style-type:none;display:flex;align-items:center;font-size:.8rem}.marketplace .trending ul.author svg{width:1rem;height:1rem;margin-right:.25rem}.marketplace .trending ul.author li{position:relative;padding:0 .5em;display:flex;align-items:center}.marketplace .trending ul.author li:not(:first-of-type):before{content:"•";color:#000;position:absolute;top:50%;transform:translateY(-50%);line-height:1;font-size:.8em;left:-.25rem}.marketplace .trending ul.author li:first-of-type{padding-left:0}.marketplace .product-link{max-width:100%;overflow:hidden;filter:brightness(90%)}.marketplace .product-link img{display:block}.marketplace .product-link h3{position:absolute;bottom:10%;margin:.25em;left:5%;color:#fff;font-size:2rem;background-color:rgba(0,0,0,.6);padding:.5em 1em;border-radius:6px}a.new{color:#fff!important;display:flex;background-color:#000;margin-right:auto;border:1px solid #000;padding:.5rem 1rem}a.new svg{margin-left:5px}a.new:hover{border:1px solid #96151d;background-color:#96151d}@media(max-width:780px){a.new{align-items:center;justify-content:center}}.success{display:flex;color:#3cb371}.article{padding-bottom:3em;position:relative;cursor:pointer;flex-direction:column}.article,.article pre{word-wrap:break-word;overflow-x:auto}.article pre{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-all;max-width:100%;padding:1em;background-color:#f4f4f4;border:1px solid #ddd;border-radius:4px}.article a{text-decoration:none;color:#96151d}.article .metadata{display:flex;flex-direction:row}.article .metadata a{text-decoration:none;font-weight:900}@media(max-width:780px){.article .metadata{padding:1em 0}}.article ul.info{display:inline-flex;padding:0}.article ul.info li{display:flex;align-items:center;padding:0 .75em;position:relative}.article ul.info li .likeBtn{cursor:pointer;color:#96151d;background:none;font-weight:700;border:1px solid #96151d}.article ul.info li .likeBtn:hover{color:#fff;background-color:#96151d}.article ul.info li a{color:#000}.article ul.info li a:hover{color:#96151d}.article ul.info li:not(:first-of-type):before{content:"•";color:#000;position:absolute;top:50%;transform:translateY(-50%);line-height:1;font-size:.8em;left:-.15em}.article ul.info li:first-of-type{padding-left:0}@media(max-width:780px){.article ul.info{flex-direction:column}.article ul.info li{padding:0}.article ul.info li:not(:first-of-type):before{content:""}}.article .category{text-decoration:none;color:#96151d;display:flex;font-size:1.25em;padding:.5em 0;font-weight:800}@media(max-width:780px){.article .category{padding-top:0}}.article h1{font-weight:900;margin:0}@media(max-width:780px){.article h1{line-height:1.1;font-weight:900}}.article .img{display:flex;position:relative;max-width:100%;overflow:hidden;aspect-ratio:16/9}@media(min-width:780px){.article .img{margin-right:1em}}@media(max-width:780px){.article img{max-width:100%}}.landing{display:flex;flex-direction:column}.landing .featured{color:#000;flex:2;display:flex;text-decoration:none;flex-direction:column!important}.landing .featured .img{background-repeat:no-repeat;background-position:50%;background-size:cover;flex:1;width:100%}@media(max-width:780px){.landing .featured .img{padding-left:1em;min-height:100px;max-width:100%}}.landing .featured .author{font-size:1rem;margin:.5em 0;color:#000;text-decoration:none;font-weight:500}.landing .featured :hover{color:#000}.landing .featured h1{margin:0;word-wrap:break-word;line-height:1.1;font-weight:800;color:#000}.landing .featured:hover{transition:transform .2s ease,filter .3s ease;filter:brightness(1.1) contrast(1.1)}.landing .featured:hover h1{color:#5a0c11!important}.landing .links{flex:1;flex-direction:column}@media(min-width:780px){.landing .links{margin-left:2em;margin-top:0}}.landing .links h3.title{margin-top:0;font-size:1em;color:#000;margin-bottom:0;font-weight:800}.landing .links .author{font-weight:400;text-decoration:none;font-size:1rem;color:#000;padding-bottom:2em;border-bottom:1px solid #c8c8c8}.landing .links .author:not(:first-of-type){margin-top:1em}@media(min-width:780px){.landing .links .author{margin-left:1em}}.landing .links .author:hover{border-bottom:1px solid #5a0c11!important}.landing .links .author:hover .author,.landing .links .author:hover .title,.landing .links .author:hover p{color:#5a0c11!important}.landing .links .category{color:#96151d}@media(min-width:780px){.landing{flex-direction:row;padding-top:1em}}.user-card{display:flex;background-color:#e9ebf2;padding:1em;flex-direction:column}.user-card .profile{flex-direction:row;display:flex}.user-card .profile h1{margin:0;padding:0}.user-card .profile img{border-radius:100%;max-width:100%;width:100px;height:100px}.user-card .profile .meta{margin-left:.5em}.user-card .actions{margin-top:1em;width:50%}.user-card ul.stats{display:flex;width:75%;padding:0;margin:1em 0 0;font-size:14px}.user-card ul.stats li{align-items:center;display:flex;padding:0 1em}.user-card ul.stats li:first-of-type,.user-card ul.stats li:last-of-type{border-right:1px solid #c8c8c8;border-left:1px solid #c8c8c8}@media(max-width:780px){.user-card{min-width:auto}.user-card .profile{align-items:center;flex-direction:column}.user-card .about{justify-content:center;display:flex}.user-card .actions{width:100%}.user-card ul.stats{margin:auto}.user-card ul.stats li{flex-direction:column}}.edit-input{display:flex;align-items:center}.user{display:flex;flex-direction:column}.user .meta img{max-width:100%;border-radius:100%}@media(min-width:780px){.user .profile-info{margin-left:1em;min-width:30%}}