@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;font-size:1em;display:flex;justify-content:center;align-items:center;height:100dvh;overflow:hidden}html{overflow:hidden}.container{color:var(--custom-color-content);background-color:var(--custom-color);height:100dvh;width:800px;animation:pop .9s cubic-bezier(.68,-.55,.27,1.55) forwards;padding:3em;border-radius:1em}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(.9)}100%{transform:scale(.94)}}.content{height:100%;display:flex;flex-direction:column}.content-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding-bottom:2em}.content-header .tag-container{display:flex;flex-direction:row;align-items:center;gap:.3em}.content-header .tag-container .tag{font-size:.8em;font-weight:800;background-color:var(--custom-color-content);color:var(--custom-color);padding:.2em 1em;border-radius:.3em;user-select:none}.content-header h1{font-size:2em;font-weight:800}.content-header p{font-style:italic;font-size:1em;font-weight:400}.content-header p #challenge-number{font-weight:900}.content-list{flex-grow:1;overflow-y:auto;scrollbar-width:6px;padding-right:6px}.content-list::-webkit-scrollbar{width:6px}.content-list::-webkit-scrollbar-track{background-color:transparent;border-radius:1em}.content-list::-webkit-scrollbar-thumb{background-color:var(--custom-color-content);border-radius:1em}.content-list::-webkit-scrollbar-thumb:active,.content-list::-webkit-scrollbar-thumb:hover{background-color:#edfdf5}.content-list::-webkit-scrollbar-thumb:vertical{height:50px}.content-list::-webkit-scrollbar-thumb:horizontal{width:50px}.content-list .list-item{padding:1em;border-radius:.3em;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s cubic-bezier(.25, .1, .25, 1),color .2s cubic-bezier(.25, .1, .25, 1)}.content-list .list-item .list-item-content{display:flex;flex-direction:row;align-items:center;gap:1em}.content-list .list-item .list-item-content .list-image{width:100px;height:100px;object-fit:cover;border-radius:.3em;aspect-ratio:1/1}@media (max-width:600px){.content-list .list-item .list-item-content .list-image{width:70px;height:70px}}.content-list .list-item .list-item-content .list-item-data{display:flex;flex-direction:column;justify-content:space-between}.content-list .list-item .list-item-content .list-item-data .list-item-title{font-size:1.2em;font-weight:800}@media (max-width:600px){.content-list .list-item .list-item-content .list-item-data .list-item-title{font-size:1em}}.content-list .list-item .list-item-content .list-item-description{font-size:.9em;font-weight:500}@media (max-width:600px){.content-list .list-item .list-item-content .list-item-description{font-size:.6em}}.content-list .list-item .list-item-content .list-item-rating-container{margin-top:.2em;display:flex;flex-wrap:wrap;flex-direction:row;align-self:flex-start;gap:.2em;padding:.1em .1em .1em .1em;border-radius:.3em}@media (max-width:600px){.container{padding:2em 1.3em}.content-list .list-item .list-item-content .list-item-rating-container{padding:0;font-size:.8em}.content-list .list-item .list-item-content .list-item-rating-container svg{width:1em;height:1em}.content-list .list-item .list-item-content .list-item-rating-container .list-item-timer{margin:0;font-size:1em;display:flex;align-self:center;justify-self:center}.content-list .list-item .list-item-content .list-item-rating-container .list-item-timer svg{display:flex;align-self:center}}@media (max-width:480px){.container{padding:1em 1em}.content-list{padding-right:0}.content-list .list-item{padding:.5em .3em}.content-list .list-item .list-item-content .divider{margin:0 .2em}}.content-list .list-item .list-item-content .list-item-timer{font-size:1em;margin-top:.2em;display:flex;flex-direction:row;align-self:flex-start;justify-content:center;gap:.2em;border-radius:.3em}.content-list .list-item .list-item-content .divider{height:4px;width:4px;background-color:var(--custom-color-content);border-radius:50%;display:flex;align-self:center;justify-self:center;margin:0 .5em 0 .5em}.content-list .list-item .list-item-price{font-size:1.2em;font-weight:800;padding:.1em .5em;margin:0 .2em 0 .4em;border-radius:1em;user-select:none;transition:background-color .2s cubic-bezier(.25, .1, .25, 1),color .2s cubic-bezier(.25, .1, .25, 1)}@media (max-width:600px){.content-list .list-item .list-item-price{font-size:.9em;padding:.2em .7em;background-color:var(--custom-color-content);color:var(--custom-color)}}.content-list .list-item:hover{background-color:var(--custom-color-content);color:var(--custom-color)}.content-list .list-item:hover svg{fill:var(--custom-color)!important}.content-list .list-item:hover .list-item-price{background-color:var(--custom-color);color:var(--custom-color-content)}.content-list .list-item:hover .divider{background-color:var(--custom-color)}.fade-in-group>*{opacity:0}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.spinning{animation:spin 2s linear infinite;animation-timing-function:linear}.modal{visibility:hidden;position:fixed;display:flex;align-items:center;justify-content:center;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4);opacity:0;backdrop-filter:blur(1px);transition:visibility 0s .2s,opacity .2s ease-in-out}.modal.show{visibility:visible!important;opacity:1;transition-delay:0s}.modal img{height:100px;border-radius:12px}.modal .button{margin-top:1em;font-size:1em;font-weight:800;padding:.3em .5em;border-radius:5px;border:none;outline:0;cursor:pointer;color:var(--custom-color);background-color:var(--custom-color-content)}.modal .modal-content{background-color:var(--custom-color);color:var(--custom-color-content);margin:15% auto;padding:20px;border-radius:1em;width:80%;transform:scale(0);transition:transform .3s ease-in-out}@media (min-width:600px){.modal .modal-content{width:40%}}.modal .modal-content.show{transform:scale(1)}.modal .close{color:var(--custom-color-content);float:right;font-size:28px;font-weight:700;cursor:pointer;transition:color .3s ease-in-out}.modal .close:focus,.modal .close:hover{color:#5448a3;text-decoration:none;cursor:pointer}@media (max-width:345px){.estimated{display:none}}@media (max-width:320px){.divider,.list-item-timer{visibility:hidden}}::-webkit-scrollbar{display:inherit!important}