.movie-card-container{flex-direction:column;justify-content:center;align-items:center;height:auto;display:flex;position:relative;overflow:visible}.movie-card{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;width:165px;height:250px;transition:all .5s ease-in-out;display:inline-block;overflow:hidden;position:relative!important}.movie-card .catz{z-index:10;color:#fff;background-color:#00000073;border-left:1px solid #ff0320db;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:6px 8px;font-size:9px;font-weight:300;display:flex;position:absolute;bottom:-160px;left:0}.movie-card .year{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000090;border-left:1px solid #e992ffdb;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:6px 8px;font-size:9px;font-weight:500;display:flex;position:absolute;bottom:20px;left:0}.movie-card .vote{background-color:#00000068;border-radius:20px 0 0;padding:10px;font-size:.85rem;font-weight:600;display:flex;position:absolute;bottom:-220px;right:0}.movie-card:before{content:"";opacity:1;color:#e9e9e9d7;border-radius:10px;font-size:.975rem;font-weight:200;transition:opacity 1s;position:absolute;inset:0}@media (hover:hover){.movie-card:before{content:"";opacity:1;transition:opacity 1s;position:absolute;inset:0}.movie-card .btnz{color:#fff;justify-content:center;align-items:center;width:50%;height:50%;transition:all .3s ease-in-out;display:flex;transform:translate(40%,-50%)scale(0)scale(1.4);z-index:20!important}.movie-card:hover:before{z-index:inherit;opacity:1;background-image:linear-gradient(#0000,#0c0c0c 100%);transition:all .2s ease-in-out}.movie-card:hover .btnz{color:#fdfdfdea;z-index:inherit;transition:all .3s ease-in-out;transform:translate(36.7%,40%)scale(1.3)}.movie-card:hover .inCinema{color:#8eedfa;z-index:-1;transition:all .1s ease-in-out}}@media screen and (width<=900px){.movie-card{width:125px;height:193px}}.infomovie{text-align:center;z-index:1000;background-image:linear-gradient(#000000c1,#0000);border-radius:17px;flex-direction:column;justify-content:space-between;width:100%;padding:.2rem;font-size:.75rem;font-weight:400;transition:all .5s ease-in-out;display:none;position:absolute;top:0}@media screen and (width<=900px){.infomovie{padding:.5rem;font-size:8px;font-weight:300}}.infomovie .title{text-align:center;border-radius:5px;justify-content:center;align-items:center;gap:10px;padding:10px 0;font-size:.7rem;font-weight:300;display:flex}@media screen and (width<=900px){.infomovie .title{font-size:8px}}.infomovie .cat{border:none;justify-content:space-between;align-items:center;display:flex}.movie-card:hover .infomovie{transition:all .5s ease-in-out;display:flex}.titlename{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-overflow:ellipsis;white-space:nowrap;background-color:#02020285;border-radius:15px;padding:6px 10px;font-weight:450;overflow:hidden}.savemovie{background-color:#00000073;border-right:1px solid #ff0320db;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:8px;font-size:9px;font-weight:300;transition:all .3s ease-in-out;display:flex;position:absolute;bottom:-175px;right:0}.savemovie:hover{background-color:#1d1d1d73}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:color-mix(in srgb, var(--background-secondary), transparent 20%);z-index:999;width:100vw;height:100vh;position:fixed;top:0;left:0}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{width:100vw;height:100vh;position:fixed;top:0;left:0}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes bloomIn{0%{transform:scale(0)}60%{border-radius:14px}to{border-radius:10px;transform:scale(1)}}@keyframes bloomOut{0%{border-radius:20px;transform:scale(1)}60%{border-radius:14px}to{border-radius:50%;transform:scale(0)}}.movie-modal{width:350px;height:250px;top:0}.movie-modal .choicesmod{z-index:10;-webkit-backdrop-filter:brightness(.1);backdrop-filter:brightness(.1);cursor:pointer;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.movie-modal .choicesmod .video-wrapper{border-radius:0;width:100%;height:0;padding-top:56.25%;position:relative;overflow:hidden}.movie-modal .choicesmod .cancel{cursor:pointer;z-index:100;opacity:.5;background-color:#ffffff06;border:4px solid #85858545;border-radius:50%;justify-content:center;align-items:center;padding:7px;display:flex}.movie-modal .choicesmod .cancel:hover{border:4px solid #ff0000e9}@media screen and (width<=900px){.movie-modal .choicesmod .cancel i{font-size:2.25rem}}.movie-modal .choicesmod .videoframemod{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.movie-modal img{object-fit:cover;filter:brightness(.82);width:100%;height:60%;display:block}@media screen and (width<=900px){.movie-modal img{filter:brightness()}}.movie-modal h2{font-size:1.5rem;position:absolute;bottom:1rem}@media screen and (width<=900px){.movie-modal h2{font-size:1.5rem;bottom:10rem}}.movie-modal p{color:var(--type-text);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;margin-top:-5px;margin-bottom:3px;font-size:.85rem;transition:all .5s ease-in-out;display:-webkit-box;overflow:hidden}.movie-modal p:hover{color:#fff;cursor:row-resize}@media screen and (width<=900px){.movie-modal p{margin-bottom:1rem;font-size:.975rem}}.iframe__titlemod{justify-content:space-between;align-items:center;width:100%;padding:0 10px;display:flex}.iframe__titlemod h1{font-size:1rem;font-weight:500}@media screen and (width<=900px){.iframe__titlemod h1{font-size:1.25rem}}.movie-modal{touch-action:none;background-color:color-mix(in srgb, var(--background-main), transparent 30%);border-radius:15px;z-index:1000!important}.movie-modal.mobile{z-index:6000;border-radius:25px 25px 0 0;width:100%;height:45dvh;position:fixed;top:55dvh;left:0}.movie-modal img{object-fit:cover;cursor:pointer;background-position:50%;border-radius:17px;width:100%;height:100%;display:block;position:absolute;top:0}@media screen and (width<=900px){.movie-modal img{border-radius:25px 25px 0 0;height:80%}}.movie-modal h2{background-color:color-mix(in srgb, var(--background-secondary), transparent 30%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);isolation:isolate;border-radius:0 20px 20px 0;width:max-content;height:max-content;padding:.5rem 1rem .5rem .5rem;font-size:1rem;position:absolute;top:-2.5rem;left:0}@media screen and (width<=900px){.movie-modal h2{-webkit-backdrop-filter:none;width:max-content;height:max-content;color:var(--type-text);background-color:#0000;align-items:center;margin-bottom:.5rem;padding:.1rem 1rem .4rem 0;font-size:1.5rem;display:flex;position:relative;top:0;left:0}}.movie-modal .modaldetails{background-color:color-mix(in srgb, var(--background-secondary), transparent 20%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);isolation:isolate;width:100%;color:var(--type-text);border-bottom-right-radius:15px;border-bottom-left-radius:15px;padding:1rem 10px 8px;font-size:.975rem;font-weight:500;position:absolute;bottom:0}.movie-modal .modaldetails .modal-row{align-items:center;margin-bottom:2px;display:flex}@media screen and (width<=900px){.movie-modal .modaldetails .modal-row{margin-bottom:.5rem;padding:.2rem 0;position:relative}}.movie-modal .modaldetails .modal-row.controls{position:relative}.movie-modal .modaldetails .modal-row.controls .icon-btn{border:2.5px solid var(--background-accentB);color:var(--type-text);cursor:pointer;background:0 0;border-radius:50%;margin-top:3px;margin-right:10px;padding:6px;font-size:1.125rem;scale:1.1}@media screen and (width<=900px){.movie-modal .modaldetails .modal-row.controls .icon-btn{margin-top:0;margin-right:2rem;scale:1.5}}.movie-modal .modaldetails .modal-row.controls .icon-btn:hover{border-color:var(--background-accentA)}.movie-modal .modaldetails .modal-row.controls .icon-btn.play-btn{background-color:color-mix(in srgb, var(--background-accentB), var(--background-main) 50%);color:var(--type-text);scale:1.1}@media screen and (width<=900px){.movie-modal .modaldetails .modal-row.controls .icon-btn.play-btn{margin-left:.5rem;scale:1.5}}.movie-modal .modaldetails .modal-row.controls .icon-btn.close-btn{border-color:#890000bb;transition:all .4s ease-in-out;position:absolute;top:0;right:-10px}@media screen and (width<=900px){.movie-modal .modaldetails .modal-row.controls .icon-btn.close-btn{top:3px}}.movie-modal .modaldetails .modal-row.controls .icon-btn.close-btn:active{border-color:red;transform:scale(.95)}.movie-modal .modaldetails .modal-row.controls .icon-btn.close-btn:hover{border-color:#f00000;transform:rotate(360deg)}.movie-modal .modaldetails .modal-row.controls .icon-btn:active{background-color:#ffffff14;border-color:#fff;transform:scale(.95)}.movie-modal .modaldetails .modal-row.controls .icon-btn[data-tooltip]:after{content:attr(data-tooltip);background:var(--background-secondary);color:var(--type-text);white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border-radius:6px;padding:6px 10px;font-size:.85rem;transition:opacity .2s;position:absolute;bottom:130%;left:50%;transform:translate(-50%)}.movie-modal .modaldetails .modal-row.controls .icon-btn:hover:after,.movie-modal .modaldetails .modal-row.controls .icon-btn:focus-visible:after{opacity:1}.movie-modal .modaldetails .modal-row.controls .icon-btn:active{background-color:#ffffff14;border-radius:8px;transform:scale(.95)}.movie-modal .modaldetails .modal-row.info{scrollbar-width:none;justify-content:space-between;align-items:center;width:100%;display:flex;top:0;left:1px;overflow:auto}.movie-modal .modaldetails .modal-row.info::-webkit-scrollbar{display:none}.movie-modal .modaldetails .modal-row.info{gap:1px}@media screen and (width<=900px){.movie-modal .modaldetails .modal-row.info{align-items:center;position:relative}}.movie-modal .modaldetails .modal-row.info .inforight{align-items:flex-end;gap:2px;display:flex}@media screen and (width<=900px){.movie-modal .modaldetails .modal-row.info .inforight{flex-direction:row;align-items:center}}.movie-modal .modaldetails .modal-row.info .inforight .year,.movie-modal .modaldetails .modal-row.info .inforight .rating{justify-content:end;align-items:center;font-size:.75rem;font-weight:500;display:flex}@media screen and (width<=900px){.movie-modal .modaldetails .modal-row.info .inforight .year,.movie-modal .modaldetails .modal-row.info .inforight .rating{font-size:.85rem}}.movie-modal .modaldetails .modal-row.info .genremenutag{font-size:.75rem;font-weight:500}@media screen and (width<=900px){.movie-modal .modaldetails .modal-row.info .genremenutag{font-size:.975rem}}.movie-modal .modaldetails .modal-row.info span{white-space:nowrap;color:var(--type-text);margin-right:8px;font-size:.85rem;font-weight:500}.movie-modal .modaldetails .modal-row.info .inCinema{white-space:nowrap;background-color:var(--background-secondary);border-radius:23px;align-items:center;margin-right:8px;padding:5px 8px;font-size:.75rem;display:flex}@media screen and (width<=900px){.movie-modal .modaldetails .modal-row.info .inCinema{font-size:.975rem}}.movie-modal .modaldetails .modal-row.extra .overviewmodal{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.975rem;font-weight:300;display:-webkit-box;overflow:hidden}@media screen and (width<=900px){.movie-modal .modaldetails .modal-row.extra .overviewmodal{line-clamp:3;-webkit-line-clamp:3;padding:5px;font-size:1rem}.movie-modal .modaldetails{margin-bottom:auto;padding-bottom:.2rem!important}}.dbar{background-color:var(--background-accentB);z-index:999999;border-radius:5px;width:18%;height:6px;position:absolute;top:3px;left:42%;right:0}.add-to-list-backdrop{z-index:999;position:fixed;inset:0}.add-to-list-modal{background:color-mix(in srgb, var(--background-secondary) 85%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);isolation:isolate;border:1px solid color-mix(in srgb, var(--type-text), transparent 90%);z-index:1000;border-radius:12px;flex-direction:column;width:250px;margin-top:10px;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.add-to-list-modal .add-to-list-header{border-bottom:1px solid color-mix(in srgb, var(--type-text), transparent 90%);padding:12px 16px}.add-to-list-modal .add-to-list-header h4{color:var(--type-text);margin:0;font-size:.975rem;font-weight:600}.add-to-list-modal .add-to-list-content{scrollbar-width:thin;max-height:200px;overflow-y:auto}.add-to-list-modal .add-to-list-content::-webkit-scrollbar{width:4px}.add-to-list-modal .add-to-list-content::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--type-text) 30%, transparent);border-radius:4px}.add-to-list-modal .add-to-list-content .add-to-list-empty{text-align:center;padding:16px}.add-to-list-modal .add-to-list-content .add-to-list-empty p{color:var(--type-secondary);margin:0;font-size:.975rem}.add-to-list-modal .add-to-list-content .lists-container{flex-direction:column;display:flex}.add-to-list-modal .add-to-list-content .lists-container .list-item-row{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}.add-to-list-modal .add-to-list-content .lists-container .list-item-row:hover{background-color:color-mix(in srgb, var(--type-text) 10%, transparent)}.add-to-list-modal .add-to-list-content .lists-container .list-item-row .list-name{color:var(--type-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.975rem;overflow:hidden}.add-to-list-modal .add-to-list-content .lists-container .list-item-row .check-icon{color:var(--type-text)}.add-to-list-modal .add-to-list-content .lists-container .list-item-row.added .list-name{color:var(--type-text);font-weight:500}.add-to-list-modal .add-to-list-footer{border-top:1px solid color-mix(in srgb, var(--type-text), transparent 90%)}.add-to-list-modal .add-to-list-footer .create-new-btn{width:100%;color:var(--type-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:.975rem;transition:all .2s;display:flex}.add-to-list-modal .add-to-list-footer .create-new-btn:hover{background-color:color-mix(in srgb, var(--type-text) 10%, transparent);color:var(--type-text)}.add-to-list-modal .add-to-list-footer .create-list-input-row{background-color:color-mix(in srgb, var(--type-text) 5%, transparent);align-items:center;gap:8px;padding:8px 12px;display:flex}.add-to-list-modal .add-to-list-footer .create-list-input-row input{color:var(--type-text);background:0 0;border:none;outline:none;flex:1;font-size:.975rem}.add-to-list-modal .add-to-list-footer .create-list-input-row input::placeholder{color:color-mix(in srgb, var(--type-text) 30%, transparent)}.add-to-list-modal .add-to-list-footer .create-list-input-row .create-actions{align-items:center;gap:4px;display:flex}.add-to-list-modal .add-to-list-footer .create-list-input-row .create-actions .confirm-btn{color:var(--type-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.add-to-list-modal .add-to-list-footer .create-list-input-row .create-actions .confirm-btn:hover:not(:disabled){color:var(--type-text);background-color:color-mix(in srgb, var(--type-text) 20%, transparent)}.add-to-list-modal .add-to-list-footer .create-list-input-row .create-actions .confirm-btn:disabled{opacity:.5;cursor:not-allowed}
