@charset "UTF-8";.nav_logout{width:2rem}.nav_logout svg{height:2rem;width:fit-content}.navbar{padding:0rem 1rem;height:80vh;z-index:0}@media(max-width:75em){.navbar{position:relative;height:80vh}}@media(max-width:56.25em){.navbar{position:relative;height:fit-content;padding:1rem 2rem}}@media(max-width:40.625em){.navbar{padding:0rem}}.navbar__logo{display:flex;align-items:center;justify-content:center}.navbar__container{background-color:var(--primary-blue-900);padding:1.5rem;height:60%;border-radius:20px;display:flex;flex-direction:column;gap:3rem;position:fixed}@media(max-width:56.25em){.navbar__container{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 2rem;height:fit-content;border-radius:10px;position:relative}}@media(max-width:40.625em){.navbar__container{padding:1rem;justify-content:space-between;border-radius:0;gap:0}}.navbar .settings__wrapper{margin-top:auto;display:flex;flex-direction:column;gap:2rem;align-items:center}@media(max-width:56.25em){.navbar .settings__wrapper{flex-direction:row;justify-content:center;align-items:center;padding:1rem 2rem;height:fit-content;border-radius:10px}}.navbar__avatar{border:2px solid var(--primary-white);border-radius:100%;display:flex}.navbar__avatar img{height:2.5rem}@media(max-width:40.625em){.navbar__avatar img{height:2rem;width:2rem}}.nav{display:flex;flex-direction:column}.nav__list{list-style:none;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center}@media(max-width:56.25em){.nav__list{flex-direction:row;gap:4rem}}@media(max-width:56.25em)and (max-width:40.625em){.nav__list{flex-direction:row;gap:1rem}}.nav__link{color:var(--primary-blue-500);transition:all .3s ease;cursor:pointer;padding:.5rem;background-color:transparent;border:none;height:100%;min-height:3rem}.nav__link:hover{color:var(--primary-red-500)}.nav__link.active{color:var(--primary-white)}.popup__wrapper{position:fixed;height:100%;width:100%;background-color:var(--primary-grey-dark);z-index:2;top:0;display:flex;justify-content:center;align-items:center}.popup__container{background-color:var(--primary-blue-950);width:400px;height:240px;border-radius:20px;padding:1.5rem 3rem;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem}.popup__container h2{color:var(--primary-white);font-size:var(--text-preset-1-size);font-weight:200;letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}.button__container{display:flex;width:100%;gap:1rem}.button__container button{padding:1rem 6rem;background-color:var(--primary-red-500);border:none;border-radius:6px;cursor:pointer;transition:all .4s ease-out;color:var(--primary-white);font-size:var(--text-preset-4-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease;font-family:var(--primary-font)}.button__container button:hover{background-color:var(--primary-white);color:var(--primary-black)}.button__container button{padding:1rem;width:100%}.button__container .cancel{background-color:var(--primary-white);color:var(--primary-blue-950)}.button__container .cancel:hover{color:var(--primary-white);background-color:var(--primary-red-500)}.layout-wrapper{display:grid;overflow-x:hidden;min-height:100vh;height:auto;grid-template-columns:8rem 1fr;padding:2rem 0 0}@media(max-width:56.25em){.layout-wrapper{display:flex;flex-direction:column}}@media(max-width:40.625em){.layout-wrapper{padding:0rem}}.layout-wrapper::-webkit-scrollbar{width:6px}.layout-wrapper::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.layout-wrapper::-webkit-scrollbar-thumb:hover{background-color:#fff3}.layout-wrapper .content-wrapper{width:calc(100vw - 8rem)}@media(max-width:56.25em){.layout-wrapper .content-wrapper{width:100vw}}.search{display:flex;gap:1rem;align-items:center;margin-left:2rem}@media(max-width:56.25em){.search{padding:1rem 2rem}}.search__wrapper{position:relative;width:100%}.search__wrapper:after{content:"";position:absolute;width:0rem;bottom:0;left:0;height:.05rem;background-color:var(--primary-blue-500);z-index:1;transition:width .3s ease}.search__wrapper:focus-within:after{width:50%}@media(max-width:40.625em){.search__wrapper:focus-within:after{width:100%}}.search__wrapper:hover:after{width:50%}@media(max-width:40.625em){.search__wrapper:hover:after{width:100%}}.search__bar{width:50%;background-color:transparent;color:var(--primary-white);font-size:var(--text-preset-3-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease;padding:1rem;outline:none;border:none;font-family:var(--primary-font)}@media(max-width:40.625em){.search__bar{width:100%}}.search__bar::placeholder{font-family:var(--primary-font);color:var(--primary-grey);font-size:var(--text-preset-3-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}.modal__wrapper{position:fixed;height:100%;width:100%;background-color:#030303ab;top:0;display:flex;justify-content:center;overflow-y:scroll;z-index:100}.modal__wrapper .player__wrapper{width:100%;position:relative}.modal__wrapper .player__wrapper img{width:100%;height:50vh}.modal__wrapper .player__wrapper iframe{width:100.1%;height:50vh;cursor:pointer;pointer-events:none;border:none}.modal__wrapper .overlay{opacity:1;position:absolute;pointer-events:none;height:50vh;bottom:0;width:100%;z-index:1000;border:none;background:linear-gradient(to bottom,transparent,var(--primary-blue-950))}.modal__wrapper .overlay h2{position:absolute;bottom:3rem;left:3rem;opacity:.8;color:var(--primary-white);font-size:var(--text-preset-1-size);font-weight:var(--font-weight-bold);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease;font-size:3rem;width:80%}.modal__wrapper::-webkit-scrollbar{width:6px}.modal__wrapper::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.modal__wrapper::-webkit-scrollbar-thumb:hover{background-color:#fff3}.modal__wrapper .modal__container{background-color:var(--primary-blue-950);height:fit-content;border-radius:8px;width:45%;color:var(--primary-white);min-height:80%;position:relative;margin:5rem 0}@media(max-width:1400px){.modal__wrapper .modal__container{width:70%}}@media(max-width:75em){.modal__wrapper .modal__container{width:90%}}@media(max-width:56.25em){.modal__wrapper .modal__container{width:85%}}.modal__wrapper .modal__container .card__img-placeholder{height:50vh}.modal__wrapper .modal__container .modal__content{padding:2rem 3rem;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between}.modal__wrapper .modal__container .modal__content .modal__generalInfo{display:flex;flex-direction:column;gap:1rem;width:55%}.modal__wrapper .modal__container .modal__content .modal__generalInfo .modal__overview{color:var(--primary-white);font-size:var(--text-preset-3-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}.modal__wrapper .modal__container .modal__content .modal__timeContainer{display:flex;gap:1rem;color:var(--primary-grey);font-size:var(--text-preset-4-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}.modal__wrapper .modal__container .modal__content .modal__timeContainer .modal_seriesText,.modal__wrapper .modal__container .modal__content .modal__rightContainer{display:flex;flex-direction:column;gap:1rem}.modal__wrapper .modal__container .modal__content .modal__genreList{width:100%;list-style:none;display:flex;gap:.3rem;flex-wrap:wrap}.modal__wrapper .modal__container .modal__content .modal__label{display:flex;gap:.3rem;color:var(--primary-grey-light);font-size:var(--text-preset-4-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease;width:100%}.modal__wrapper .modal__container .modal__content .modal__label .modal__text{color:var(--primary-white);font-size:var(--text-preset-4-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}.modal__wrapper .modal__container .modal__content .modal__label .modal__text:hover{cursor:pointer;text-decoration:underline}.modal__wrapper .modal__container .modal__content .modal__label .modal__text:after{content:","}.modal__wrapper .modal__container .modal__content .modal__label .modal__text:last-child:after{content:""}.modal__wrapper .modal__container .modal__content .modal__linkContainer{display:flex;gap:1rem}.modal__wrapper .modal__container .modal__content .modal__linkContainer .modal__links{text-decoration:none;color:var(--primary-blue-500);transition:.2s ease}.modal__wrapper .modal__container .modal__content .modal__linkContainer .modal__links:hover{color:var(--primary-white);text-decoration:underline}.modal__wrapper .modal__container .viewMore__btn{width:100%}.modal__wrapper .modal__container .card__img{bottom:0;height:100%;width:100%;background:linear-gradient(to top,#000000d9,#da070700)}.modal__wrapper .modal__container img{border-top-right-radius:8px;border-top-left-radius:8px;width:100%;position:relative;height:50vh;max-height:60vh}.modal__wrapper .modal__container img:after{content:"";z-index:100;position:absolute;bottom:0;right:0}.modal__wrapper .modal__person{width:25%}.modal__wrapper .modal__person .modal__personContainer{display:flex;flex-direction:column;gap:1rem}.modal__wrapper .modal__person .modal__content{padding:2rem 3rem}.similar{padding:3rem}.similar .similar__grid{padding:1rem 0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto,1fr);gap:1rem;overflow:visible;overflow-y:none}.similar .viewMore__container .viewMore__btn{width:3rem;padding:1rem}.card{min-height:fit-content;position:relative;border-radius:4px;height:100%;overflow:visible;height:12rem;min-height:12rem}.card.poster{height:25rem}@media(max-width:75em){.card.poster{height:15rem}}@media(max-width:40.625em){.card.poster{height:15rem}}@media(max-width:400px){.card.poster{height:12rem}}@media(max-width:75em){.card{height:10rem}}@media(max-width:40.625em){.card{height:10rem}}@media(max-width:400px){.card{height:8rem}}.card:hover{box-shadow:#000 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.card{color:var(--primary-white);cursor:pointer}.card .card__img{border-radius:4px;position:relative;height:100%;overflow:hidden}.card .card__img img{width:100%;border-radius:4px;height:100%}.card .card__img .card__bookmark-btn{position:absolute;top:15px;right:20px;background-color:var(--primary-grey-dark);border:none;border-radius:50%;padding:.8rem;cursor:pointer;color:var(--primary-white);transition:.3s ease-in-out;z-index:100}@media(max-width:56.25em){.card .card__img .card__bookmark-btn{top:10px;right:15px;padding:.5rem}}.card .card__img .card__bookmark-btn svg{width:20px;height:20px}@media(max-width:56.25em){.card .card__img .card__bookmark-btn svg{width:15px;height:15px}}.card__context{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem;position:absolute;left:0;right:0;bottom:0;pointer-events:none;border-radius:4px;height:100%}.card__context iframe{pointer-events:none;border-radius:4px}.card__context-list{display:flex;gap:2rem}@media(max-width:56.25em){.card__context-list{gap:0;justify-content:space-between}}.card__context-list li{list-style:none;color:var(--primary-white);font-size:var(--text-preset-5-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}@media(max-width:40.625em){.card__context-list li{color:var(--primary-white);font-size:var(--text-preset-5-size-mobile);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}}.card__context-list li:first-child{list-style:none}.card__context-list .list__item-catagory{display:flex;align-items:center;justify-content:center;gap:.7rem}.card__context-title{color:var(--primary-white);font-size:var(--text-preset-3-size);font-weight:var(--font-weight-medium);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}@media(max-width:40.625em){.card__context-title{color:var(--primary-white);font-size:var(--text-preset-3-size-mobile);font-weight:var(--font-weight-medium);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}}.card__img-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#222,#444);color:#fff;font-size:.9rem;border-radius:4px;background-color:red}.viewMore__container{width:100%;padding:3rem;position:relative}.viewMore__container .viewMore__btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 1.1rem;background-color:var(--primary-blue-950);border-radius:100%;border:1.5px solid var(--primary-grey-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s ease}.viewMore__container .viewMore__btn:hover{border:1.5px solid var(--primary-white)}.viewMore__container .viewMore__btn:hover svg{color:var(--primary-white)}.viewMore__container .viewMore__btn svg{color:var(--primary-grey-light);transform:rotate(90deg)}.viewMore__container .viewMore__line{width:100%;height:1px;background-color:var(--primary-grey-light)}.footer{padding:5rem;width:100%;grid-column:span 2;margin-top:1rem;background-color:var(--primary-blue-900);margin-top:5rem;display:flex;justify-content:space-evenly;gap:1rem}.footer p{color:var(--primary-white);font-size:var(--text-preset-3-size);font-weight:var(--font-weight-bold);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}.grid{gap:2rem;display:flex;flex-direction:column;min-height:80vh}.grid .grid__header{width:100%;display:flex;justify-content:space-between}.similar .card__grid{grid-template-columns:repeat(3,1fr)}.card__grid{padding:1rem 3rem 1rem 2rem;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(auto,1fr);gap:1rem;overflow:visible;overflow-y:none;min-height:80vh}@media(max-width:1400px){.card__grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:75em){.card__grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(max-width:56.25em){.card__grid{gap:2rem;padding:2rem}}@media(max-width:750px){.card__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:40.625em){.card__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:400px){.card__grid{padding:1rem;gap:.5rem}}.heading{width:fit-content}.heading__text{color:var(--primary-white);font-size:var(--text-preset-1-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}@media(max-width:56.25em){.heading__text{padding-left:2rem}}@media(max-width:40.625em){.heading__text{color:var(--primary-white);font-size:var(--text-preset-1-size-mobile);font-weight:var(--font-weight-thin);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}}.selection{background-color:transparent;width:15%;padding:1rem;color:var(--primary-white);cursor:pointer;font-size:1rem;appearance:none;border:1px solid var(--primary-grey)}.selection:hover{border:1px solid var(--primary-blue-500)}.selection option{font-family:var(--primary-font);background-color:var(--primary-blue-950);padding:10px;border:1px solid var(--primary-blue-500)}.skeleton__card{background:#333;animation:pulse 1.4s ease-in-out infinite;height:12vh;width:100%;border-radius:4px}.skeleton-img{height:180px;width:100%;border-radius:4px}.skeleton-title{height:18px;width:70%;margin-top:8px;border-radius:4px}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.hero .skeleton__card{height:72vh}.trending__grid{display:flex;gap:.3rem;overflow-x:auto;scroll-behavior:smooth;padding:3rem 4rem 4rem 2rem;z-index:1000;min-height:12rem}@media(max-width:56.25em){.trending__grid{padding:1rem 3rem 2rem 2rem}}@media(max-width:40.625em){.trending__grid{gap:1.5rem}}.trending__grid::-webkit-scrollbar{height:6px}.trending__grid::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.trending__grid::-webkit-scrollbar-thumb:hover{background-color:#fff3}.trending__grid .card{flex-shrink:0;width:20rem;height:12rem;border-radius:8px;position:relative;min-height:12rem}@media(max-width:75em){.trending__grid .card{height:10rem}}@media(max-width:40.625em){.trending__grid .card{height:10rem}}@media(max-width:400px){.trending__grid .card{height:8rem}}.trending__grid .card .bookmark__btn{position:absolute;top:15px;right:20px;background-color:var(--primary-grey-dark);border:none;border-radius:50%;padding:.8rem;cursor:pointer;color:var(--primary-white);transition:.3s ease-in-out;z-index:1}.trending__grid .card .bookmark__btn:hover{background-color:#fff;color:var(--primary-black)}.trending__grid .card .bookmark__btn svg{width:20px;height:20px}.trending__grid .card .overlay__btn{width:fit-content;height:fit-content}.trending__grid .card__background{position:absolute;height:100%;width:100%;z-index:-1;border-radius:8px}.trending__grid .trending__card__context{position:absolute;bottom:15px;left:20px;display:flex;flex-direction:column;gap:.5rem}.trending__grid .card__context-list li{color:var(--primary-white)}.row{display:flex;align-items:end;justify-content:start;padding:2rem 2rem 0rem;width:100%;overflow:hidden}.row:hover .row__btn svg{opacity:1}.row .row__btn{color:var(--primary-white);font-size:var(--text-preset-4-size);font-weight:var(--font-weight-bold);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease;margin-bottom:.3rem;display:flex;justify-content:center;align-items:center;gap:1rem;background-color:transparent;border:none;margin-left:1rem;color:var(--primary-blue-500);cursor:pointer}.row .row__btn:hover p{opacity:1;transform:translate(0)}.row .row__btn:hover svg{transform:translate(0)}.row .row__btn p{transition:.6s ease;opacity:0;transform:translate(-10px)}.row .row__btn svg{transition:.3s ease;transform:translate(-100px);height:1rem;opacity:0}.hero{height:72vh;min-height:72vh;position:relative;margin-top:1rem;width:100%}.hero__overlay{height:100%;width:96%;position:absolute;margin-left:2rem;background:linear-gradient(to bottom left,transparent,rgba(0,0,0,.862745098));border-radius:4px;top:0;left:0}@media(max-width:56.25em){.hero__overlay{width:93%;margin:0 2rem}.hero__overlay:hover .hero__text{transform:translate(0)}.hero__overlay .hero__text{opacity:1;transform:translate(0)}}.hero__overlay:hover .hero__text{opacity:1;transform:translate(10%,-50%)}.hero__overlay .hero__text{color:#fff;position:absolute;top:60%;left:0%;width:30%;display:flex;transform:translate(10%,-30%)}@media(max-width:56.25em){.hero__overlay .hero__text{width:70%}}.hero__overlay .hero__text{gap:2rem;flex-direction:column;opacity:0;transition:.3s ease}.hero__overlay .hero__text-header{color:var(--primary-white);font-size:var(--text-preset-1-size);font-weight:var(--font-weight-bold);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}.hero__overlay .hero__text p{color:var(--primary-white);font-size:var(--text-preset-3-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}.hero img{height:100%;object-fit:cover;object-position:center top;border-radius:4px;width:96%;position:absolute;inset:0;margin-left:2rem}@media(max-width:56.25em){.hero img{width:100%;padding:0 2rem;margin:0}}.hero__btn-container button{padding:1rem 6rem;background-color:var(--primary-red-500);border:none;border-radius:6px;cursor:pointer;transition:all .4s ease-out;color:var(--primary-white);font-size:var(--text-preset-4-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease;font-family:var(--primary-font)}.hero__btn-container button:hover{background-color:var(--primary-white);color:var(--primary-black)}.hero__btn-container button{font-size:1rem;padding:1rem 2rem}.wrapper{display:flex;flex-direction:column;overflow:visible;z-index:10000}.login{display:flex;flex-direction:column;align-items:center;height:100vh;gap:5rem}.login .logo{margin-top:5%}.container{background-color:var(--primary-blue-900);padding:2rem;border-radius:20px;min-width:400px;min-height:373px;display:flex;flex-direction:column;justify-content:space-evenly;gap:2rem;transition:height .3s ease}.container h1{color:var(--primary-white);font-size:var(--text-preset-1-size);font-weight:200;letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}.form{display:flex;flex-direction:column;gap:1rem}.form .input{background-color:transparent;border:none;border-bottom:1px solid var(--primary-blue-500);padding:1rem;font-size:var(--text-preset-4-size);outline:none;transition:.5s ease;color:var(--primary-white);font-family:var(--primary-font)}.form .input::placeholder{color:var(--primary-grey)}.form .input:focus{border-bottom:1px solid var(--primary-white)}.btn{padding:1rem 6rem;background-color:var(--primary-red-500);border:none;border-radius:6px;cursor:pointer;transition:all .4s ease-out;color:var(--primary-white);font-size:var(--text-preset-4-size);font-weight:var(--font-weight-regular);letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease;font-family:var(--primary-font)}.btn:hover{background-color:var(--primary-white);color:var(--primary-black)}.btn{padding:1rem;width:100%}.container-footer{display:flex;justify-content:center;align-items:center;color:var(--primary-white);font-size:var(--text-preset-4-size);font-weight:300;letter-spacing:var(--text-preset-1-spacing-other);line-height:var(--text-line-height);transition:1s ease}.container-footer span{cursor:pointer;color:var(--primary-red-500);margin-left:.5rem}.modalAll__wrapper{position:fixed;height:100%;width:100%;background-color:#030303ab;top:0;left:0;display:flex;justify-content:center;overflow-y:scroll;padding:1rem}@media(max-width:56.25em){.modalAll__wrapper{padding:2rem 0}}.modalAll__wrapper::-webkit-scrollbar{width:6px}.modalAll__wrapper::-webkit-scrollbar-thumb{background-color:#fffe;border-radius:10px}.modalAll__wrapper::-webkit-scrollbar-thumb:hover{background-color:#ffffffbe}.modalAll__wrapper .modalAll__container{background-color:var(--primary-blue-950);height:fit-content;border-radius:8px;width:90%;max-height:fit-content;min-height:90vh;color:var(--primary-white);position:relative;padding:1rem 3rem;margin-top:1rem}@media(max-width:56.25em){.modalAll__wrapper .modalAll__container{padding:1rem}}.modalAll__wrapper .modalAll__container .viewMore__container{width:100%;padding:3rem;position:relative}.modalAll__wrapper .modalAll__container .viewMore__container .viewMore__btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 1.1rem;background-color:var(--primary-blue-950);border-radius:100%;border:1.5px solid var(--primary-grey-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s ease}.modalAll__wrapper .modalAll__container .viewMore__container .viewMore__btn:hover{border:1.5px solid var(--primary-white)}.modalAll__wrapper .modalAll__container .viewMore__container .viewMore__btn:hover svg{color:var(--primary-white)}.modalAll__wrapper .modalAll__container .viewMore__container .viewMore__btn svg{color:var(--primary-grey-light);transform:rotate(90deg)}.modalAll__wrapper .modalAll__container .viewMore__container .viewMore__line{width:100%;height:1px;background-color:var(--primary-grey-light)}.close__btn{background-color:transparent;border:none;position:absolute;top:1rem;right:1rem;z-index:2;width:fit-content;height:fit-content;cursor:pointer;border-radius:100%;background-color:var(--primary-grey-dark);transition:.3s ease-in-out}.close__btn:hover{transform:scale(1.1);background-color:var(--primary-grey-light)}.close__btn svg{color:var(--primary-white);height:2.2rem;width:2.2rem}[data-theme=dark]:root{--primary-white: #ffffff;--primary-black: #000000;--primary-blue-950: #10141e;--primary-blue-900: #161d2f;--primary-blue-500: #5a698f;--primary-red-500: #fc4747;--primary-grey: #979797;--primary-grey-light: #97979788;--primary-grey-dark: #25252586;--primary-gradient: #fc4747;--primary-font: "Outfit", sans-serif;--text-preset-1-size: 2rem;--text-preset-2-size: 1.5rem;--text-preset-3-size: 1.125rem;--text-preset-4-size: .938rem;--text-preset-5-size: .813rem;--text-preset-1-size-mobile: 1.5rem;--text-preset-2-size-mobile: 1rem;--text-preset-3-size-mobile: .938rem;--text-preset-4-size-mobile: .875rem;--text-preset-5-size-mobile: .75rem;--text-preset-6-size-mobile: .688rem;--text-line-height: 1.25;--text-preset-1-spacing: -.5px;--text-preset-1-spacing-mobile: -.3px;--text-preset-1-spacing-other: 0px;--font-weight-thin: 200;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700}[data-theme=light]:root{--primary-white: #272626;--primary-black: #000000;--primary-blue-950: #ffffff;--primary-blue-900: #5a698f;--primary-blue-500: #979797d7;--primary-red-500: #fc4747;--primary-grey: #979797;--primary-grey-light: #979797cb;--primary-grey-dark: #25252586;--primary-gradient: #fc4747;--primary-font: "Outfit", sans-serif;--text-preset-1-size: 2rem;--text-preset-2-size: 1.5rem;--text-preset-3-size: 1.125rem;--text-preset-4-size: .938rem;--text-preset-5-size: .813rem;--text-preset-1-size-mobile: 1.5rem;--text-preset-2-size-mobile: 1rem;--text-preset-3-size-mobile: .938rem;--text-preset-4-size-mobile: .875rem;--text-preset-5-size-mobile: .75rem;--text-preset-6-size-mobile: .688rem;--text-line-height: 1.25;--text-preset-1-spacing: -.5px;--text-preset-1-spacing-mobile: -.3px;--text-preset-1-spacing-other: 0px;--font-weight-thin: 200;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--primary-font);line-height:var(--text-line-height);background-color:var(--primary-blue-950);transition:.3s ease}