@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&family=Roboto:wght@300;400;500&display=swap";*{font-size:24px;box-sizing:border-box;margin:0;padding:0;user-select:none;color:#000}*:after,*:before{display:block}@media only screen and (min-width: 40.063em){#app{width:100%;font-size:24px}}@media only screen and (min-width: 40.063em) and (max-width: 64em){#app{width:95%;margin:0 auto;position:relative}}@media only screen and (min-width: 64.063em) and (max-width: 120em){#app{width:55%;margin:0 auto;font-size:36px;position:relative}}body{background:#181823}.card{width:46%;border-radius:12px;overflow:hidden;position:relative;margin-bottom:.75rem}.card img{max-width:100%;display:block;line-height:0}.card .card-footer{padding:.5rem .85rem;display:flex;flex-direction:column;align-items:center;position:absolute;width:100%;bottom:0;background:rgba(60,67,76,.65);backdrop-filter:blur(4px);text-overflow:ellipsis}.card .card-footer a{text-decoration:none;transition:.3s ease-in;text-align:center}.card .card-footer a:active{letter-spacing:1.5px}.card .card-footer h3{font-family:"Poppins",Sans-Serif;font-weight:500;color:#d9d9d9;font-size:.65rem;margin-bottom:-.1rem}.card .card-footer small{font-family:"Poppins",Sans-Serif;font-weight:300;color:#d9d9d9d9;font-size:.5rem;margin-top:0}@media only screen and (min-width: 40.063em) and (max-width: 120em){.card{width:30%;margin-bottom:1.2rem}.card .card-footer h3{font-size:1rem}.card .card-footer small{font-size:.75rem}}.state-wrapper{padding:.5rem .85rem;display:flex;justify-content:center;align-items:center;width:100%;text-align:center;margin-top:3rem}.state-wrapper strong{font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9;font-size:.7rem;display:block}.state-wrapper .button-to-bookmark{font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9;padding:.5rem .85rem;display:block;text-decoration:none;font-size:.7rem;background:#3C434C;border-radius:16px;margin:.5rem auto 0;transition:.3s}.state-wrapper .button-to-bookmark i{color:#d9d9d9;font-size:1rem}.state-wrapper .button-to-bookmark:active{border:1px solid #D9D9D9}body{background:#181823}#header-home{width:100%}#header-home .brand{padding:.5rem .85rem;display:flex;width:100%;justify-content:space-between}#header-home .brand strong{font-family:"Roboto",Sans-Serif;font-weight:600;color:#d9d9d9;font-size:.75rem;letter-spacing:1.3px}#header-home .brand .bookmark{width:auto;position:relative}#header-home .brand .bookmark img{max-width:24px}#header-home .brand .bookmark span{display:grid;place-items:center;font-family:"Poppins",Sans-Serif;font-weight:400;color:#fff;position:absolute;background:#3C434C;width:16px;height:16px;border-radius:50%;font-size:.4rem;top:-5px;right:-5px}#header-home .intro{padding:.5rem .85rem;width:100%}#header-home .intro h3{font-family:"Poppins",Sans-Serif;font-weight:600;color:#d9d9d9;font-size:1rem}#header-home .search-wrapper{padding:.5rem .85rem;width:100%}#header-home .search-wrapper .search-bar{display:flex;justify-content:space-between;height:2rem}#header-home .search-wrapper .search-bar input[type=text]{width:80%;border-radius:8px;border:none;background:#3C434C;padding:1rem;font-size:.65rem;font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9}#header-home .search-wrapper .search-bar input[type=text]:focus{outline:none;border:1px solid #D9D9D9}#header-home .search-wrapper .search-bar input[type=text]::placeholder{font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9}#header-home .search-wrapper .search-bar a:active{border:none;background:#3C434C;color:#d9d9d9}#header-home .search-wrapper .search-bar button[type=button]{display:grid;place-items:center;width:15%;border-radius:8px;border:none;background:#CFBC30;transition:.3s ease-in}#header-home .search-wrapper .search-bar button[type=button]:active{background:#3C434C;color:#d9d9d9}#header-home .search-wrapper .search-bar button[type=button] i{font-size:.85rem;color:#d9d9d9}#header-home .category-wrapper{padding:.5rem .85rem;width:100%;margin-bottom:0}#header-home .category-wrapper strong{font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9;font-size:.8rem;width:100%}#header-home .category-wrapper .badge-wrapper{width:100%;display:flex;justify-content:space-around;padding:0}#header-home .category-wrapper .badge-wrapper .active{background:#3C434C!important;border:1px solid #D9D9D9}#header-home .category-wrapper .badge-wrapper .badge{justify-content:center;align-items:center;background:rgba(60,67,76,.45);display:flex;padding:.3rem .45rem;border-radius:16px;margin-top:.5rem}@media only screen and (min-width: 64.063em) and (max-width: 90em){#header-home .category-wrapper .badge-wrapper .badge{width:100%}}#header-home .category-wrapper .badge-wrapper .badge:not(:last-child){margin-right:.5rem}#header-home .category-wrapper .badge-wrapper .badge img{width:20%;margin-right:.3rem}#header-home .category-wrapper .badge-wrapper .badge p{font-size:.65rem;font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9}#header-home .card-wrapper{padding:.5rem .85rem;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}#header-home .card-wrapper strong{font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9;font-size:.65rem;width:100%;margin-bottom:.75rem}@media only screen and (min-width: 40.063em) and (max-width: 120em){#header-home{padding:1rem 1.5rem}#header-home .brand strong{font-size:1.25rem}#header-home .brand .bookmark img{max-width:2rem}#header-home .brand .bookmark span{width:32px;height:32px;font-size:.75rem;top:-10px;right:-10px}#header-home .intro h3{font-size:1.75rem}#header-home .search-wrapper .search-bar{height:4rem}#header-home .search-wrapper .search-bar input[type=text],#header-home .search-wrapper .search-bar button[type=button] i{font-size:1.2rem}#header-home .category-wrapper strong{font-size:1.2rem;margin-top:1rem}#header-home .category-wrapper .badge-wrapper .badge{width:100%;border-radius:24px;padding:.65rem .9rem}#header-home .category-wrapper .badge-wrapper .badge:not(:last-child){margin-right:1rem}#header-home .category-wrapper .badge-wrapper .badge img{width:10%;margin-right:.6rem}#header-home .category-wrapper .badge-wrapper .badge p{font-size:1rem}#header-home .card-wrapper{margin-top:1rem}#header-home .card-wrapper strong{font-size:1.1rem}}body{background:#181823}.nav{padding:.5rem .85rem;width:100%;background:#181823;display:flex;position:fixed;top:0;z-index:9}@media only screen and (min-width: 40.063em) and (max-width: 120em){.nav{width:100%;position:absolute;left:50%;transform:translate(-50%);margin-bottom:2rem}}.nav .nav-back i{margin-right:.25rem;color:#fadf23;font-size:.85rem}@media only screen and (min-width: 40.063em) and (max-width: 120em){.nav .nav-back i{font-size:1.35rem}}.nav .nav-back strong{font-family:"Poppins",Sans-Serif;font-weight:500;color:#fadf23;font-size:.85rem}@media only screen and (min-width: 40.063em) and (max-width: 120em){.nav .nav-back strong{font-size:1.35rem}}.nav .nav-title{font-family:"Poppins",Sans-Serif;font-weight:500;color:#d9d9d9;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.85rem}@media only screen and (min-width: 40.063em) and (max-width: 120em){.nav .nav-title{font-size:1.35rem}}body{background:#181823}.rating small{font-family:"Poppins",Sans-Serif;font-weight:600;color:#d9d9d9d9;margin-right:.25rem;font-size:.6rem}@media only screen and (min-width: 40.063em) and (max-width: 120em){.rating small{font-size:1.1rem;margin-right:.45rem}}.rating .stars i{font-size:.55rem;color:#fadf23}@media only screen and (min-width: 40.063em) and (max-width: 120em){.rating .stars i{font-size:1.05rem}}body{background:#181823}.button-bookmark{padding:.5rem .85rem;width:100%}.button-bookmark .button-bookmark-wrapper{display:flex;justify-content:space-between;width:100%}.button-bookmark .button-bookmark-wrapper button{padding:.45rem .35rem;border-radius:12px;border:none;transition:.3s}@media only screen and (min-width: 40.063em) and (max-width: 120em){.button-bookmark .button-bookmark-wrapper button{padding:.65rem .55rem}}.button-bookmark .button-bookmark-wrapper .button-bookmark-main{font-family:"Poppins",Sans-Serif;font-weight:600;color:#d9d9d9;width:75%;background:#CFBC30}@media only screen and (min-width: 40.063em) and (max-width: 120em){.button-bookmark .button-bookmark-wrapper .button-bookmark-main{font-size:1.75rem}}.button-bookmark .button-bookmark-wrapper .button-bookmark-main:active{background:rgba(207,188,48,.85)}.button-bookmark .button-bookmark-wrapper .button-bookmark-main:disabled{background:rgba(207,188,48,.55)}.button-bookmark .button-bookmark-wrapper .button-share{width:20%;background:#3C434C}.button-bookmark .button-bookmark-wrapper .button-share i{color:#d9d9d9}@media only screen and (min-width: 40.063em) and (max-width: 120em){.button-bookmark .button-bookmark-wrapper .button-share i{font-size:1.35rem}}.button-bookmark .button-bookmark-wrapper .button-share:active{background:rgba(217,217,217,.85)}body{background:#181823}.waiting{padding:.5rem .85rem;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waiting .waiting-box{display:flex;flex-direction:column;align-items:center;width:50%;margin:0 auto}.waiting .waiting-box strong{font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9;text-align:center;font-size:.75rem;margin-bottom:.55rem}.waiting .waiting-box i{padding:.5rem .85rem;color:#d9d9d9;background:#3C434C;width:100%;border-radius:8px;text-align:center}body{background:#181823}.details{width:100%;margin-top:1rem;padding-top:2rem}@media only screen and (min-width: 40.063em) and (max-width: 120em){.details{padding-top:4rem}}.details .details-main-info{display:flex;flex-direction:column;align-items:center}.details .details-main-info img{width:50%;border-radius:12px;margin-bottom:.5rem}.details .details-main-info strong{font-family:"Poppins",Sans-Serif;font-weight:600;color:#d9d9d9;font-size:.85rem}@media only screen and (min-width: 40.063em) and (max-width: 120em){.details .details-main-info strong{font-size:1.55rem}}.details .details-main-info .details-flex{width:100%;text-align:center}.details .details-main-info .details-flex p{font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9d9;font-size:.55rem}@media only screen and (min-width: 40.063em) and (max-width: 120em){.details .details-main-info .details-flex p{font-size:1.05rem}}.details .details-opt-info{padding:.5rem .85rem;margin-top:.75rem}.details .details-opt-info p:first-child{font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9d9;font-size:.55rem}.details .details-opt-info p:nth-child(3){font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9d9;font-size:.55rem}.details .details-opt-info p:last-child,.details .details-opt-info p:nth-child(2){font-family:"Poppins",Sans-Serif;font-weight:400;color:#fff;font-size:.65rem;margin-bottom:.25rem}body{background:#181823}.bookmark-view{padding:.5rem .85rem;width:100%;margin-top:2rem;position:absolute}@media only screen and (min-width: 40.063em) and (max-width: 64em) and (max-width 90em) and (max-width: 120em){.bookmark-view{margin-top:3rem}}.bookmark-view .bookmark-empty{padding:.5rem .85rem;width:80%;text-align:center;margin:2rem auto}@media only screen and (min-width: 40.063em) and (max-width: 64em) and (max-width: 90em) and (max-width: 120em){.bookmark-view .bookmark-empty{width:55%}}.bookmark-view .bookmark-empty strong{font-family:"Poppins",Sans-Serif;font-weight:400;color:#d9d9d9;font-size:.75rem;display:block;margin-bottom:.55rem}@media only screen and (min-width: 40.063em) and (max-width: 64em) and (max-width: 90em) and (max-width: 120em){.bookmark-view .bookmark-empty strong{font-size:1.2rem}}.bookmark-view .bookmark-empty i{width:100%;padding:.5rem .85rem;background:#3C434C;font-size:1rem;color:#d9d9d9;border-radius:16px}@media only screen and (min-width: 40.063em) and (max-width: 64em) and (max-width: 90em) and (max-width: 120em){.bookmark-view .bookmark-empty i{font-size:1.55rem}}.bookmark-view .bookmark-card{width:100%;position:relative;overflow:hidden;max-height:100px;border-radius:12px;margin-top:.45rem}@media only screen and (min-width: 40.063em) and (max-width: 64em) and (max-width: 90em) and (max-width: 120em){.bookmark-view .bookmark-card{max-height:150px}}.bookmark-view .bookmark-card img{min-width:100%}.bookmark-view .bookmark-card .bookmark-layer{padding:.5rem .85rem;width:100%;height:100%;z-index:9;background:rgba(60,67,76,.35);backdrop-filter:blur(2px) brightness(85%);position:absolute;top:0}.bookmark-view .bookmark-card .bookmark-layer a,.bookmark-view .bookmark-card .bookmark-layer small{display:block;width:100%}.bookmark-view .bookmark-card .bookmark-layer a{font-family:"Poppins",Sans-Serif;font-weight:600;color:#d9d9d9;font-size:.7rem;text-decoration:none}@media only screen and (min-width: 40.063em) and (max-width: 64em) and (max-width: 90em) and (max-width: 120em){.bookmark-view .bookmark-card .bookmark-layer a{font-size:1.25rem}}.bookmark-view .bookmark-card .bookmark-layer small{font-family:"Poppins",Sans-Serif;font-weight:500;color:#d9d9d9d9;font-size:.55rem}@media only screen and (min-width: 40.063em) and (max-width: 64em) and (max-width: 90em) and (max-width: 120em){.bookmark-view .bookmark-card .bookmark-layer small{font-size:1.1rem}}.bookmark-view .bookmark-card .bookmark-layer i{color:#fadf23d9;display:block;font-size:.7rem;position:absolute;right:.85rem;top:50%;transform:translateY(-50%);transition:.3s}@media only screen and (min-width: 40.063em) and (max-width: 64em) and (max-width: 90em) and (max-width: 120em){.bookmark-view .bookmark-card .bookmark-layer i{font-size:1.25rem}}.bookmark-view .bookmark-card .bookmark-layer i:active{color:#fadf2380}