@import"https://fonts.googleapis.com/css2?family=Oswald:wght@600&family=Roboto:wght@400;500&family=Tilt+Neon&display=swap";.navbar-container{width:100%;height:80px;display:flex;align-items:center}.navbar-wrapper{display:flex;width:100%;justify-content:space-between;align-items:center}.navbar-title,.navbar-items,.normal-button{display:inline-block;cursor:pointer}.navbar-title{margin-left:4%;display:flex;align-items:center}.navbar-title-logo{background-image:url(./mm-logo-1393b54b.svg);background-size:contain;width:40px;height:40px;background-color:var(--primary-font-color-3);border-radius:10px}.navbar-title>p{margin-left:10px;font-size:30px;font-weight:700;letter-spacing:2px;width:0;font-family:Oswald,sans-serif}.navbar-buttons-wrapper{display:flex;margin-right:4%;align-items:center;justify-content:space-between}#login-button{border:none}.navbar-items .community-img{display:inline-block;border:1px solid red;height:20px;min-width:20px;width:20px;z-index:auto;background:url(./home-menu-community-svgrepo-com-a92a1855.svg)}.navbar-items span{letter-spacing:1.42px;line-height:1.08;padding:2px 0;white-space:nowrap;position:relative}#signin-button{border-color:var(--primary-font-color-3);color:var(--primary-font-color-1);background-color:var(--primary-font-color-3)}.navbar-items>li{list-style-type:none;display:inline-block;margin:10px;font-size:18px;transition:.2s ease-in-out}.navbar-items>li:hover{color:var(--primary-font-color-4);cursor:pointer}.searchbar-container{display:block;width:90%;height:550px;height:60%;background-image:url(./home-page-2-f4f8dcae.jpg);background-size:cover;background-repeat:no-repeat;background-position:10%;border-top-right-radius:400px;border-bottom-right-radius:400px}.searchbar-title-container{position:relative;top:4%}.search-auto-complete-container::-webkit-scrollbar-thumb{border-radius:10px}.searchbar-title-container>p{width:900px;text-wrap:balance;font-size:30px;line-height:1.5;font-weight:500;color:var(--primary-background-color);margin-left:4%;font-family:Oswald,sans-serif}.searchbar-title-container>p:nth-child(1){color:red;font-size:3.5rem}.searchbar-title-container>p:nth-child(2){color:var(--primary-background-color);font-size:2.5rem}.search-bar{position:relative;top:16%;width:90%;display:flexbox;align-items:center;justify-content:center}.search-bar-form{margin-left:4%;height:60px;width:100%;background:rgba(155,155,155,.6);display:flex;align-items:center;padding:20px;border:2px solid var(--primary-font-color-4);position:relative;transition:.3s ease-in-out;border-radius:60px}.search-bar-form-focus{border-radius:20px 20px 0 0}.search-bar-form input{background:transparent;flex:1;border:0;outline:0;padding:18px 14zpx;font-size:20px;color:var(--primary-font-color-4);font-weight:500}::placeholder{color:var(--primary-font-color-4);font-weight:500}.search-bar-form>button{width:150px;border-color:var(--primary-font-color-3);color:var(--primary-font-color-1);background-color:var(--primary-font-color-3)}.search-bar-form>button:hover{width:150px;border-color:var(--primary-font-color-3);color:var(--primary-font-color-1);background-color:var(--primary-font-color-4)}.search-bar-switch{position:relative;display:inline-block;width:55px;height:28px;scale:.65}.search-bar-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#006400;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:28px;width:28px;background-color:#9acd32;-webkit-transition:.4s;transition:.4s}.search-bar-switch input:checked+.slider{background-color:#8b0000}.search-bar-switch input:focus+.slider{box-shadow:0 0 1px #8b0000}.search-bar-switch input:checked+.slider:before{background-color:#d90000;-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translate(25px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.search-bar-form>label:nth-child(3){margin-right:20px}.badges-container{align-self:center;position:relative;top:22%;margin:0 auto;height:fit-content;width:60%!important;padding:10px;display:flex;row-gap:30px;flex-wrap:wrap;justify-content:center;align-items:center}.badge{cursor:pointer;display:inline;margin:10px;padding:6px 12px;border-radius:80px;font-weight:500;width:fit-content;height:min-content;transition:.3s ease-in-out;background-color:#18064c;background-image:radial-gradient(90.68% 92.96% at 9.32% 7.04%,rgb(24,6,76,0) 0%,rgb(24,6,76,.68) 40.97%,rgb(24,6,76,.8) 51.93%,rgb(24,6,76,.95) 77.75%,rgb(24,6,76,.95) 100%)}.badge:hover{background-color:#d3d3d3}.badge>span{color:inherit}.search-auto-complete-container{position:absolute;width:calc(100% + 1px);max-height:240px;overflow-y:scroll;background-color:var(--primary-background-color);border-radius:0 0 20px 20px;left:0;top:100%;z-index:10;border-top:0;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;box-shadow:#3131327a 6px 2px 16px,#393737cc -6px -2px 16px}.search-auto-complete-container li{width:30%;height:60px;list-style-type:none;border-radius:10px;margin:10px;display:flex;align-items:center;box-shadow:#000000b0 0 26px 30px -10px,#000000ba 0 16px 10px -10px;transition:.3s ease-in-out;background-color:#18064c;background-image:radial-gradient(90.68% 92.96% at 9.32% 7.04%,rgb(24,6,76,0) 0%,rgb(24,6,76,.68) 40.97%,rgb(24,6,76,.8) 51.93%,rgb(24,6,76,.95) 77.75%,rgb(24,6,76,.95) 100%);overflow:hidden}.search-auto-complete-container li:hover{cursor:pointer}.search-auto-complete-container::-webkit-scrollbar-track{background:transparent}.search-auto-complete-container li img{background-image:url(./image-not-found-27b0f24b.svg);background-repeat:no-repeat;background-position:center;background-size:cover;height:100%;width:45px;object-fit:cover;margin-right:10px}.search-auto-complete-container li div{display:flex;height:100%;flex-direction:column;justify-content:space-between;padding:5px}.search-auto-complete-container li div p{color:#fff}.search-auto-complete-container li div p:first-child{font-size:15px}.search-auto-complete-container li div p:last-child{font-size:13px;font-style:italic;color:#d3d3d3}.category-main-wrapper{width:100%;display:flex;align-items:center}.category-container{position:relative;height:30%;width:92%;margin-left:4%;display:flex;justify-content:space-between;align-items:center}.category-box{margin:calc((30vh - 120px)/2) 0;position:relative;display:inline-block;transition:all .25s cubic-bezier(.25,.46,.45,.25);border-radius:10px;cursor:pointer;overflow:hidden;box-shadow:#000000b0 0 26px 30px -10px,#000000ba 0 16px 10px -10px;transition:.3s ease-in-out;width:190px;height:120px;background-color:#18064c;background-image:radial-gradient(90.68% 92.96% at 9.32% 7.04%,rgb(24,6,76,0) 0%,rgb(24,6,76,.68) 40.97%,rgb(24,6,76,.8) 51.93%,rgb(24,6,76,.95) 77.75%,rgb(24,6,76,.95) 100%)}.category-box img{right:0;bottom:0;left:0;display:block;height:100%;object-fit:cover;opacity:1;position:absolute;transition:opacity .5s ease-in-out 0s;width:100%;top:0}.category-box img{z-index:1}.category-box video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;opacity:0;z-index:0}.category-box:hover{box-shadow:#000000b0 0 26px 30px -10px,#000000ba 0 16px 10px -10px;transform:scale(1.05)}.category-box:hover video{opacity:1}.signin-page-container{width:100%;height:100vh;font-size:12px;background-color:var(--primary-background-color);color:var(--primary-font-color-1);background-image:url(./login-background-d9f43e53.jpg);background-size:cover}.userimage{display:flex;position:absolute;right:0;top:10%;margin-right:10%;border-radius:50%;height:125px;width:125px;border:1px solid #cf1414;background:url(./user-profile-a088f775.svg);background-size:85%;background-repeat:no-repeat;background-position:center;background-color:#18064c}.rat-btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAADdElEQVR4nO2aXahVRRTHl5npy73HM///nFMZiHAxyo8HlQgCexESelHCQPxAsHowQX1RxIdAEaSHwoeCIKgEXyKSSBT8QAxRr5w961y9fSjYg6IGPmikFqWemN29cryce8/e3j377g39YcF5OTPz22vNzJo1I/K/uuvEzJnTlDzjyOMtkUlSVjlypZItbxG5WMoqJY8MgzjgCymjBox5Qcn7bSB3zhrTK2WTIz8YhngEQ74jZVJLZJIDLo8EUfK0lEnOmCUdIP7zijEvS1mk5P5RQcgPpQxqVKsVBe6OCgL81hCZIkWXAu+PBvHIgGVSdCnZ6ApCfidF1kCtNi8BhLd/GuRzUlQpsDchiA+vrVJEDYo8o8DNpCAOuFjIRFLJtxN7Y9isfU2KJgUOpwYBPs93kJXKdJ8ERsa8pMa84nfuyNq31Np1asxGJXe0J4gpwusPBbY5YIMzZq0aszxuG1g0ALyoxsxInGgq+a6S+xz5rZJH/fLpyF+UvKbk76m/cji77cirSv6k5Ll4rMA3Sn6p1q4Qn14XYJDjMgdclsjapZ52ogczHk81rX0jDq/I2j4lfyzAoFqpDLjk5+1jc+VnoMeRB0oEccgvQh0nvt+g4lWEfDDhA2Vnc+RDR+5piTzVfSWzdkUhFwHgTwVWSxpFtdp8B/xaIE9ciciF8iTq7+mBkscmHAL4oVmv12Q8OiHytI/JCfTEZ5meKBVYpcC9HL3wlyPXSwgNkAt8rAYHAa43jHlVQioCnh/KdUKBnPN9SB5ywMcBQ+qjXCBiEHIw4OS+kAtEv7XP+t01IMjDXAoT8QEo8GSPgDXBQfwhLDSIkl8FhRhKKq8HBwFuBK2wNKvVuTl4oxVbtTonGIiSm/MCceSmYCAOOJhyQH8rsDs2/zsNCHAwWCUxLt8kH4i2p92+LuzI/hT/v3Opr29q5iCOfD3hRL3nT5lfi0we2YY/1Sn5XtIPEoW40nbArgQQJ5vk7G5tNev1We1X12O0tzN7EPLsGBPzlv/SaZdMf6TuUvg+kymEr1aMVhJ1wPe+tPmkbZ+v1epjbLL3z1cq1exAjFnewe03fP03sz7INzuedbK8plPy07Yw8gnjvsHeXiNhLlL3jihHfZJZBw44NRRGF/N4HBORi31fmT8yiBs2Zrt/tiT5PpHa4pf9vPoshP4F9vXl21QokewAAAAASUVORK5CYII=)}.acc-heart-btn{background:url(./heart-filled-0c4ee0ac.svg)}.acc-bookmark-btn{background:url(./bookmark-filled-4b2100b2.svg)}.googleButton{scale:.6}.signin-page-main{transform:translate(-50%,-50%);left:50%;top:50%;position:relative;width:1000px;min-width:1000px;min-height:600px;height:600px;padding:25px;background-color:var(--primary-background-color);box-shadow:#000000b0 0 26px 30px -10px,#000000ba 0 16px 10px -10px;border-radius:12px;overflow:hidden}@media (max-width: 1200px){.signin-page-main{transform:scale(.7)}}@media (max-width: 1000px){.signin-page-main{transform:scale(.6)}}@media (max-width: 800px){.signin-page-main{transform:scale(.5)}}@media (max-width: 600px){.signin-page-main{transform:scale(.4)}}.signin-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;width:600px;height:100%;padding:25px;background-color:var(--primary-background-color);transition:1.25s}.signin-form{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.signin-form-link{padding:10px}.label-text{font-size:.75rem;color:var(--primary-font-color-4);font-weight:700;position:relative;top:.5rem;left:-20%;margin:0 0 0 7px;padding:0 3px;background:var(--primary-background-color);width:fit-content}.error-alert{border:solid 2px red;background-color:#c84141;padding:11px 10px;border-radius:5px;opacity:0}.show-erorr-alert{opacity:1!important}.form__input::placeholder{opacity:.5}.form__input{padding:11px 10px;width:55%;font-size:.75rem;border:2px var(--primary-font-color-4) solid;border-radius:5px;background:var(--primary-background-color)}.form__input:focus{outline:none}.form__span{margin-top:30px;margin-bottom:12px}.form__link{color:var(--primary-font-color-4);font-size:15px;margin-top:25px;border-bottom:1px solid #a0a5a8;line-height:2}.title{font-size:34px;font-weight:700;line-height:3;color:var(--primary-font-color-4)}.description{font-size:14px;letter-spacing:.25px;text-align:center;line-height:1.6}.signin-button{cursor:pointer;width:180px;height:50px;border-radius:25px;margin-top:50px;font-weight:700;font-size:14px;letter-spacing:1.15px;background-color:var(--primary-font-color-4);color:#f9f9f9;box-shadow:#000000b0 0 26px 30px -10px,#000000ba 0 16px 10px -10px;border:none;outline:none}.a-container{z-index:100;left:calc(100% - 600px)}.b-container{left:calc(100% - 600px);z-index:0}.logo{width:100px;height:100px}.signin-switch{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;height:100%;width:400px;padding:50px;z-index:200;transition:1.25s;background-color:var(--primary-background-color);overflow:hidden;box-shadow:#000000b0 0 26px 30px -10px,#000000ba 0 16px 10px -10px}.switch-container{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;width:400px;padding:50px 55px;transition:1.25s}.is-txr{left:calc(100% - 400px);transition:1.25s;transform-origin:left}.is-txl{left:0;transition:1.25s;transform-origin:right}.is-z200{z-index:200;transition:1.25s}.is-hidden{visibility:hidden;opacity:0;position:absolute;transition:.25s}.is-gx{animation:is-gx 1.25s}@keyframes is-gx{0%,10%,to{width:400px}30%,50%{width:500px}}.movie-card{width:200px;height:250px;background:transparent;background-color:var(--primary-background-color);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:#000000b0 0 26px 30px -10px,#000000ba 0 16px 10px -10px;flex-shrink:0;position:relative;margin:0 17.5px}.movie-card-left{width:200px;height:100%;float:left;background:transparent;position:relative;z-index:1;transition:.5s 0s ease-out}.movie-card-left img{width:100%;height:100%;position:relative;border-radius:10px;transition:.5s ease-in-out}.movie-card-left:hover{z-index:11}.movie-card-left:hover img{-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px}.movie-card-right{opacity:0;width:250px;height:100%;overflow:hidden;position:absolute;top:0;border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;z-index:-1;border-left:none;background-color:var(--primary-background-color);background-image:radial-gradient(90.68% 92.96% at 9.32% 7.04%,rgb(24,6,76,0) 0%,rgb(24,6,76,.68) 40.97%,rgb(24,6,76,.8) 51.93%,rgb(24,6,76,.95) 77.75%,rgb(24,6,76,.95) 100%)}.show-card-details{transition:.3s .3s cubic-bezier(.25,.46,.45,.34);opacity:1;transform:translate(200px);width:236px;border:3px solid rgba(77,77,77,.8);border-left:none;z-index:10}.movie-card-title{color:#fff;font-family:Oswald,sans-serif;font-weight:400;text-align:left;font-size:17px;margin:10px 0 0;padding:0 0 0 20px;letter-spacing:1px;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.movie-card-right-details ul{list-style-type:none;padding:0 0 0 20px;margin:5px 0 0}.movie-card-right-details ul li{display:inline;color:#adff2f;font-family:Oswald,sans-serif;font-weight:400;font-size:12px;padding:0 20px 0 0}.movie-card-right-review p{color:#fff;font-family:Roboto,sans-serif;font-size:12px;width:100%;padding:0 20px;letter-spacing:1px;margin:5px 0 0;line-height:15px;text-overflow:ellipsis;overflow:hidden;line-height:13px;height:104px}.movie-card-right-review a{text-decoration:none;font-family:Roboto,sans-serif;font-weight:700;font-size:12px;padding:0 0 0 20px;color:var(--primary-font-color-4);margin:0}.movie-card-right-button{padding:0 0 0 20px;margin:10px 0 0;position:absolute;bottom:20px;color:#fff;scale:1.2;opacity:0;transition:.3s ease-in-out}.show-card-details div .movie-card-right-button{opacity:1}.movie-card-right-button a{color:#fff;font-weight:500;text-decoration:none;font-family:Roboto,sans-serif;border:2px solid var(--primary-font-color-4);padding:5px 5px 5px 20px;font-size:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAeklEQVR4nO3U0QnCYAxF4eos3UTRUTpC9+scSl90gcL//JVCXxRBpYlY6Fng5JLkVtXG34IjetzRYBctuHqkQx0peEVBi32WIC6N95RFaT4QLEvjOwacMwUT/aoFA06rW3LJPNMu69FKZFVcwqd+Ehzmur6l1PXGzxgBkrJRw30hcKUAAAAASUVORK5CYII=);background-color:var(--primary-font-color-3);background-size:12px 12px;background-repeat:no-repeat;background-position:7% 50%;border-radius:5px;transition-property:all;transition-duration:.5s}.movie-card-right-button a:hover{color:#000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAe0lEQVR4nO3UwQnCYBCE0RdrsRNFS7EE+0sdihfTQOA/r5ccPEhE3BUDGZjzx7Czw6p/1h43DDihywZcEU/usc0ExAs3nLGpAkRmmjlAZKR5B4hv08QHHnGsBMRU6eUCRhwWd+RWWdO+6tFa5lRcqsduN1XvXjXXq36jB1+ohXM+C8t5AAAAAElFTkSuQmCC);background-color:var(--primary-font-color-4);background-size:12px 12px;background-repeat:no-repeat;background-position:10% 50%;cursor:pointer;transition-property:all;transition-duration:.5s}.media-page{width:100%;position:relative}.media-details{position:relative;width:100%;height:100vh}.backdrop-img{width:100%;height:100%;object-fit:cover;object-position:right}.backdrop-details{display:flex;flex-direction:column;justify-content:center;position:absolute;width:65%;height:100%;gap:20px;top:0;background:linear-gradient(to right,rgba(0,0,0,.8),rgba(0,0,0,0));z-index:0;padding-left:5%}.media-rating-list{display:flex;width:100%;height:30px;gap:25px;font-size:15px;align-items:center;font-family:Oswald,sans-serif;font-weight:500;list-style-type:disc}.media-rating-list li:first-child{display:flex;list-style-type:none;gap:4px}.star-icon{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAADdElEQVR4nO2aXahVRRTHl5npy73HM///nFMZiHAxyo8HlQgCexESelHCQPxAsHowQX1RxIdAEaSHwoeCIKgEXyKSSBT8QAxRr5w961y9fSjYg6IGPmikFqWemN29cryce8/e3j377g39YcF5OTPz22vNzJo1I/K/uuvEzJnTlDzjyOMtkUlSVjlypZItbxG5WMoqJY8MgzjgCymjBox5Qcn7bSB3zhrTK2WTIz8YhngEQ74jZVJLZJIDLo8EUfK0lEnOmCUdIP7zijEvS1mk5P5RQcgPpQxqVKsVBe6OCgL81hCZIkWXAu+PBvHIgGVSdCnZ6ApCfidF1kCtNi8BhLd/GuRzUlQpsDchiA+vrVJEDYo8o8DNpCAOuFjIRFLJtxN7Y9isfU2KJgUOpwYBPs93kJXKdJ8ERsa8pMa84nfuyNq31Np1asxGJXe0J4gpwusPBbY5YIMzZq0aszxuG1g0ALyoxsxInGgq+a6S+xz5rZJH/fLpyF+UvKbk76m/cji77cirSv6k5Ll4rMA3Sn6p1q4Qn14XYJDjMgdclsjapZ52ogczHk81rX0jDq/I2j4lfyzAoFqpDLjk5+1jc+VnoMeRB0oEccgvQh0nvt+g4lWEfDDhA2Vnc+RDR+5piTzVfSWzdkUhFwHgTwVWSxpFtdp8B/xaIE9ciciF8iTq7+mBkscmHAL4oVmv12Q8OiHytI/JCfTEZ5meKBVYpcC9HL3wlyPXSwgNkAt8rAYHAa43jHlVQioCnh/KdUKBnPN9SB5ywMcBQ+qjXCBiEHIw4OS+kAtEv7XP+t01IMjDXAoT8QEo8GSPgDXBQfwhLDSIkl8FhRhKKq8HBwFuBK2wNKvVuTl4oxVbtTonGIiSm/MCceSmYCAOOJhyQH8rsDs2/zsNCHAwWCUxLt8kH4i2p92+LuzI/hT/v3Opr29q5iCOfD3hRL3nT5lfi0we2YY/1Sn5XtIPEoW40nbArgQQJ5vk7G5tNev1We1X12O0tzN7EPLsGBPzlv/SaZdMf6TuUvg+kymEr1aMVhJ1wPe+tPmkbZ+v1epjbLL3z1cq1exAjFnewe03fP03sz7INzuedbK8plPy07Yw8gnjvsHeXiNhLlL3jihHfZJZBw44NRRGF/N4HBORi31fmT8yiBs2Zrt/tiT5PpHa4pf9vPoshP4F9vXl21QokewAAAAASUVORK5CYII=);width:16px;height:16px;background-size:contain;background-repeat:no-repeat}.media-logo{height:150px;object-fit:contain;object-position:left}.media-logo-alt{max-height:3em;width:80%;font-size:50px;font-family:Oswald,sans-serif;overflow:hidden;white-space:normal;text-overflow:ellipsis}.media-tagline{font-weight:500;font-size:15px;font-family:Oswald,sans-serif;letter-spacing:2px}.media-genere-list{gap:10px}.media-genere-list .badge{margin:0}.media-overview{width:70%;font-size:15px}.media-page-actions{width:100%;display:flex;align-items:center;gap:20px}.media-page-play-btn{display:flex;width:130px;align-items:center;gap:5px;font-weight:500;background:linear-gradient(338deg,#d5e30c,#e30c76,#e30c0c);background-size:600% 600%;-webkit-animation:AnimationName 6s ease infinite;-moz-animation:AnimationName 6s ease infinite;-o-animation:AnimationName 6s ease infinite;animation:AnimationName 6s ease infinite}.media-page-play-btn:hover{animation:none;background:none}.bookmark-btn{background:url(./bookmark-empty-cc537fbd.svg)}.bookmark-btn-selected{background:url(./bookmark-filled-4b2100b2.svg)}.heart-btn{background:url(./heart-empty-547e7ce1.svg)}.heart-btn-selected{background:url(./heart-filled-0c4ee0ac.svg)}.icon-button{width:40px;height:40px;background-size:30px 30px;background-repeat:no-repeat;background-position:center;border-radius:50%;border:none;transition:.3s ease-in-out}.icon-button:hover{cursor:pointer;background-size:30px 30px;background-repeat:no-repeat;background-position:center}@-webkit-keyframes AnimationName{0%{background-position:13% 0%}50%{background-position:88% 100%}to{background-position:13% 0%}}@-moz-keyframes AnimationName{0%{background-position:13% 0%}50%{background-position:88% 100%}to{background-position:13% 0%}}@-o-keyframes AnimationName{0%{background-position:13% 0%}50%{background-position:88% 100%}to{background-position:13% 0%}}@keyframes AnimationName{0%{background-position:13% 0%}50%{background-position:88% 100%}to{background-position:13% 0%}}.rating{display:inline-block}.rating label{float:right;cursor:pointer;color:#ccc;transition:color .3s}.rating label:before{content:"★";font-size:30px}.rating label:hover,.rating label:hover~label{color:var(--primary-font-color-4);transition:color .3s}.rating .in-rate-range{color:var(--primary-font-color-4);transition:color .3s}.loading{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:50%;left:50%;width:100%;height:100%;max-width:200px;transform:translate(-50%,-50%)}.loading .logo{display:block;width:100%;margin-bottom:20px}.loading .spinner{position:relative;width:25px;height:25px;padding-top:1px}.loading .spinner img{position:absolute;width:100px;height:100px;top:0;left:0;animation:spinner 1s linear forwards infinite}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slider-container{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-self:center;flex-wrap:nowrap}.slide{height:100%;width:100%;object-fit:cover;object-position:center;background-color:gray;position:absolute;left:0;top:0;opacity:0;transition:opacity .8s ease}.slide.active{opacity:1}.slider-nav{width:110px;height:50px;position:absolute;bottom:1rem;right:2rem;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px}.slider-nav-btn{width:40px;height:40px;cursor:pointer;background-color:#000000b3;color:#fff;font-size:1.5rem;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:ease .3s}.slider-nav-btn:hover{background-color:var(--primary-font-color-4)!important;color:#000}.slide-number-container{position:absolute;bottom:1rem;left:2rem;padding:10px;z-index:5;font-size:1.5rem;display:flex;gap:.5rem;align-items:center;color:#fff;letter-spacing:.2rem}.slide-number-container hr{width:3rem;font-weight:700;transform:rotate(130deg);border:solid 1px white}.pTag-title-container{width:calc(10% + 300px)}.pTagTitle{position:absolute;top:0;left:-10%;margin-left:5%;width:calc(10% + 300px);height:70px;overflow:hidden;font-family:Oswald,sans-serif;font-size:40px;text-align:center;text-transform:uppercase;text-rendering:optimizeLegibility;background:url(./title-background-3a938e0e.svg);background-size:cover;padding-left:6%}.pTagTitle.elegantshadow{color:#131313;letter-spacing:.15em;text-shadow:1px -1px 0 #767676,-1px 2px 1px #737272,-2px 4px 1px #767474,-3px 6px 1px #787777,-4px 8px 1px #7b7a7a,-5px 10px 1px #7f7d7d,-6px 12px 1px #828181,-7px 14px 1px #868585,-8px 16px 1px #8b8a89,-9px 18px 1px #8f8e8d,-10px 20px 1px #949392,-11px 22px 1px #999897,-12px 24px 1px #9e9c9c,-13px 26px 1px #a3a1a1,-14px 28px 1px #a8a6a6,-15px 30px 1px #adabab,-16px 32px 1px #b2b1b0,-17px 34px 1px #b7b6b5,-18px 36px 1px #bcbbba,-19px 38px 1px #c1bfbf,-20px 40px 1px #c6c4c4,-21px 42px 1px #cbc9c8,-22px 44px 1px #cfcdcd,-23px 46px 1px #d4d2d1,-24px 48px 1px #d8d6d5,-25px 50px 1px #dbdad9,-26px 52px 1px #dfdddc,-27px 54px 1px #e2e0df,-28px 56px 1px #e4e3e2}.pTagTitle.deepshadow{color:#e0dfdc;letter-spacing:.1em;text-shadow:0 -1px 0 #fff,0 1px 0 #2e2e2e,0 2px 0 #2c2c2c,0 3px 0 #2a2a2a,0 4px 0 #282828,0 5px 0 #262626,0 6px 0 #242424,0 7px 0 #222,0 8px 0 #202020,0 9px 0 #1e1e1e,0 10px 0 #1c1c1c,0 11px 0 #1a1a1a,0 12px 0 #181818,0 13px 0 #161616,0 14px 0 #141414,0 15px 0 #121212,0 22px 30px rgba(0,0,0,.9)}.pTagTitle.insetshadow{color:#202020;letter-spacing:.1em;text-shadow:-1px -1px 1px #111,2px 2px 1px #363636}.pTagTitle.retroshadow{color:#2c2c2c;letter-spacing:.05em;text-shadow:4px 4px 0px #d5d5d5,7px 7px 0px rgba(0,0,0,.2)}.poster-section{padding:0;margin:0;height:100vh;display:flex;flex-direction:column-reverse;position:relative;background-size:cover;-webkit-backdrop-filter:brightness(10%);backdrop-filter:brightness(10%);overflow:hidden}.poster-section-title{font-family:Oswald,sans-serif;position:absolute;top:0;left:0;color:#fff;font-size:40px;text-align:left;font-weight:700;width:20%;height:80px;z-index:10;overflow:visible;display:flex;align-items:center;text-transform:uppercase;padding-left:5%;background-color:#18064c}.poster-section-title:before{transform:skew(-30deg);display:block;left:calc(100% - 30px);position:absolute;content:"";height:80px;top:0;width:60px;z-index:-1;border-right:5px solid var(--primary-font-color-4);background-color:#18064c}.card-slider-container{margin-top:auto}.movie-cards-container{display:flex;overflow-x:hidden;width:100%;align-items:center;transition:.3s ease;z-index:1;height:37%}.movie-card-slider-button{background-color:#fff;border:none;border-radius:50%;color:var(--primary-font-color-4);font-size:24px;width:35px;height:35px;cursor:pointer;transition:background-color .3s ease;position:absolute;z-index:12}.movie-card-slider-button:hover{background-color:var(--primary-background-color)}.movie-card-slider-button.left-btn{margin-right:10px}.movie-card-slider-button.right-btn{margin-left:10px}.right-btn{right:0}.media-back{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--primary-background-color);z-index:-1}.movie-cards-outer-container{width:100%;border-radius:10px;align-items:flex-end;margin-bottom:15px;z-index:1;position:relative}.movie-cards-inner-container{padding:20px;display:flex;position:relative;width:calc((200px + 35px) * var(--total-cards) + 40px);transition:1s ease-in-out}.movie-cards-inner-container.animation-play{animation-play-state:running;animation-fill-mode:forwards;animation:scrollAnimation 60s infinite;animation-timing-function:linear}@keyframes scrollAnimation{0%{left:0}50%{left:calc(100% - ((200px + 35px) * var(--total-cards)) - 40px)}to{left:0}}.media-backdrop{position:fixed;width:100%;background-position:top;background-size:cover;background-repeat:no-repeat;transition:opacity .15s linear;z-index:1;aspect-ratio:1920/1080}.media-backdrop:after{content:"";display:block;background-image:radial-gradient(farthest-side at 73% 21%,transparent,rgba(41,41,62,.717));width:100%;height:100%;position:absolute;top:0;left:0}.discover-section{display:flex;width:100%;height:calc(100vh - 60px);overflow:hidden}.filters-slide{display:flex;height:100%;align-items:center;width:25%;border-right:1px solid red;box-shadow:#000000b0 0 26px 30px -10px,#000000ba 0 16px 10px -10px;border-top-right-radius:10px}.movies-slides{height:100%;margin:20px;padding-top:14px;padding-bottom:50px!important;display:flex;row-gap:30px;column-gap:0;overflow:scroll;width:75%;flex-wrap:wrap;justify-content:space-between;background-color:#18064c;border-radius:10px}.movies-slides::-webkit-scrollbar{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{scale:1.5;margin:0 10px 0 0}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button:before{content:"▲";padding-right:5px}input[type=number]::-webkit-inner-spin-button:after{content:"▼";padding-left:5px}select{width:150px;padding:5px;border:1px solid #ccc;border-radius:5px;font-size:16px;background-color:#fff;color:#333}select::-ms-expand{display:none}select:after{content:"▼";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none}option{background-color:#fff;color:#333;padding:10px}option:checked{background-color:#007bff;color:#fff}.desc-arrow{--color: #a5a5b0;--size: 30px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;font-size:var(--size);-webkit-user-select:none;user-select:none;fill:var(--color);z-index:100}.desc-arrow .chevron-down{position:absolute;animation:keyframes-return .5s}.desc-arrow input:clied~.chevron-down{animation:keyframes-rotate .5s;transform:rotate(180deg)}.desc-arrow input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.community-group-main{width:100%;height:100vh;display:flex}.community-nav{width:25%;height:100vh;background-color:#36305d;border-right:10px rgb(53,53,53) solid;box-sizing:border-box}.community-nav>.nav-title-wrapper{display:flex;align-items:center;height:60px;background-color:#1e1939}.community-nav>.nav-title-wrapper>p{font-size:34px;font-weight:700;font-family:Tilt Neon,sans-serif;margin-left:10px;letter-spacing:2px}.chat-container-main{width:75%;height:100vh;overflow:hidden;padding-bottom:15px;display:flex;flex-direction:column;background-color:#5f9ea0;background:url(./chat-bg-ceeb27e2.jpg);background-size:cover;background-repeat:no-repeat}.chat-title-wrapper{width:100%;height:60px;display:flex;padding:5px 0;align-items:center;background-color:#1e1939b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.community-chat-logo{width:50px;height:50px;background-color:gray;border-radius:50%;margin-left:20px}.chat-title-wrapper p{font-size:34px;text-transform:capitalize;font-weight:700;letter-spacing:2px;font-family:Tilt Neon,sans-serif;padding-left:20px}.msg-sender{height:60px;display:flex;justify-content:center;width:100%;gap:1%}.msg-sender input{all:unset;height:60px;width:calc(89% - 60px);padding-left:20px;background-color:#2f3425;border-radius:50px;border:solid #76a813 2px;font-family:Tilt Neon,sans-serif}.msg-sender input::placeholder{color:#ffffffc6;font-size:18px;letter-spacing:2px}.msg-sender button{all:unset;text-align:center;height:60px;width:60px;cursor:pointer;background:url(./forward-icon-cc5d95c6.svg);background-color:#76a518;border-radius:50px;background-size:60%;background-position:center;background-repeat:no-repeat;font-family:Tilt Neon,sans-serif}.chat-msg-container{height:100%;margin-bottom:20px;width:100%;padding-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;overflow-y:scroll;scrollbar-base-color:black 10px}.msg{cursor:pointer;color:#000;display:inline;position:relative;line-height:28px;font-size:23px;padding:8px;max-width:75%;word-wrap:normal;z-index:2;margin-top:14px}.left-msg{align-self:flex-start;border-radius:0px 1.5vw 1.5vw 1.8vw;margin-left:20px;border:2.5px solid;border-color:#76a813;color:#fff;margin-top:20px}.right-msg{background-color:#76a813;color:#fff;margin-right:20px;align-self:flex-end;border-radius:1.5vw 0px 1.5vw 1.8vw}.msg-text{font-family:Tilt Neon,sans-serif;color:inherit;padding:0 10px}.msg-time-stamp{font-size:12px;font-weight:lighter;font-style:italic;position:absolute;left:0;top:-14.5px;min-width:150px;line-height:10px;opacity:0;transition:.3s cubic-bezier(.47,0,.745,.715)}.right-msg>.msg-time-stamp{top:-12.5px;right:0;left:unset;text-align:right;font-family:Tilt Neon,sans-serif}.msg .msg-time-stamp:nth-child(2){opacity:0;transform:translateY(100%);z-index:0}.msg:hover .msg-time-stamp:nth-child(2){opacity:1;transform:translate(0)}.msg .msg-time-stamp:nth-child(3){opacity:1;font-size:14px;top:-15.5px;font-style:normal;font-family:Tilt Neon,sans-serif}.msg:hover .msg-time-stamp:nth-child(3){transform:translateY(-100%);opacity:0}.community-page{width:100%;background-color:var(--primary-background-color);background-color:#bc9999;opacity:1;background-image:radial-gradient(circle at 46.5vw 50vh,#cf1414,var(--primary-background-color)),repeating-radial-gradient(circle at 46.5vw 50vh,#cf1414,#cf1414,12px,transparent 24px,transparent 12px);background-blend-mode:multiply}.community-page-title-section{display:flex;width:100%;height:100vh}.community-page-title-section>.cp-left{display:flex;width:45%;height:100%;justify-content:center;flex-direction:column;padding-left:5%}.community-page-title-section>.cp-left>.media-overview:first-child{text-transform:uppercase;font-size:18px;letter-spacing:5px;font-weight:400;color:#ff9830}.community-page-title-section>.cp-left>.media-overview:last-child{color:#d76c00;font-size:18px}.community-page-title-section>.cp-left>.media-logo-alt{margin-bottom:20px;background:#ff9830;background:repeating-radial-gradient(ellipse farthest-corner at center center,#ff9830 0%,#e81616 53%,#8f0e0e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.community-page-title-section>.cp-left>a{width:20%;position:relative;top:70px;border-color:#ff9830;color:#ff9830;font-weight:500;text-align:center}.community-page-title-section>.cp-left>a:hover{background-color:#ff9830;color:#000}.community-page-title-section>.cp-right{width:55%;height:calc(100% - 60px);position:relative;top:60px;background-image:url(./community-page-c0e7cb0c.jpg);background-size:cover;background-position:center top;opacity:.8}.community-sections{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;background:url(./login-background-d9f43e53.jpg);padding-top:30px;padding-bottom:30px}.community-container{width:700px;height:250px;border-radius:30px;overflow:hidden;position:relative;border:solid 2px rgba(255,255,255,.5)}.community-bg{width:100%;height:100%;display:flex;align-items:center;background-size:cover!important;background-position:top!important;background-repeat:no-repeat!important;z-index:0}.community-logo{display:flex;align-items:center;width:30%;height:100%;background-image:radial-gradient(circle at -10% center,#cf1414,var(--primary-background-color)),repeating-radial-gradient(circle at -10% center,#cf1414,#cf1414,12px,transparent 24px,transparent 12px);background-blend-mode:multiply}.community-logo img{border-radius:30px 0 0 30px;width:100%;height:250px;object-fit:contain;transition:.3s ease-in-out}.community-details-main-wrapper{background-size:cover!important;background-position:top!important;background-repeat:no-repeat!important;width:70%;height:100%}.community-details-wrapper{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;border-radius:0 30px 30px 0;height:250px;padding-left:10px;background-color:#0006}.community-details{text-transform:uppercase;font-size:80px;font-weight:500;font-family:Oswald,sans-serif;color:#ff9830;margin-bottom:10px;background:#ff9830;background:repeating-radial-gradient(ellipse farthest-corner at 0 center,#ff9830 0%,#e81616 53%,#8f0e0e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.community-button{width:40px;height:40px;border-radius:50%;position:absolute;background:url(./right-arrow-0b542802.svg);background-color:#8b0000;border:solid 3px rgba(255,255,255,.33);background-size:30px;background-position:center;background-repeat:no-repeat;right:10px;bottom:10px;cursor:pointer}.filters-containar{display:flex;flex-direction:column;padding-left:1.5%;padding-top:2%;height:100%;width:100%}.filter-containar-title{margin-top:20px;text-align:left;font-weight:700;display:flex;align-items:center;text-transform:uppercase}.filters-containar ul{list-style-type:none}.filter-list{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.filter-list-item{display:flex;justify-content:space-between;padding:10px;margin-left:30px}.filter-list-item .desc-arrow{background-color:#18064c;border-radius:50px;cursor:pointer;font-size:1.2rem;width:40px;height:40px;font-weight:700}.filter-list-category-title{color:var(--primary-font-color-4);text-align:left;font-weight:700;display:flex;align-items:center;text-transform:uppercase;padding:10px;margin-top:10px;margin-left:10px}.filter-sortby-label{display:flex;cursor:pointer;font-weight:500;position:relative;overflow:hidden;margin-bottom:.375em;background-color:#18064c;box-shadow:#000000b0 0 26px 30px -10px,#000000ba 0 16px 10px -10px;border-radius:50px}.filter-sortby-label input{position:absolute;left:-9999px}.filter-sortby-label input:checked+span{background-color:var(--primary-font-color-4);color:#fff}.filter-sortby-label input:checked+span:before{box-shadow:inset 0 0 0 .4375em #00005c}.filter-sortby-label span{display:flex;align-items:center;padding:.375em .75em .375em .375em;border-radius:99em;transition:.25s ease;color:#fff}.filter-sortby-label span:hover{background-color:#d6d6e5;color:#00008b}.filter-sortby-label span:before{display:flex;flex-shrink:0;content:"";background-color:#fff;width:1.5em;height:1.5em;border-radius:50%;margin-right:.375em;transition:.25s ease;box-shadow:inset 0 0 0 .125em var(--primary-font-color-4)}.filter-input-input{font-weight:500;font-size:14px;height:40px;border-radius:10px;padding-left:10px;border:none;width:45%;outline:none;background-color:#18064c}.filter-input-input:focus{border-bottom:1px solid #c64141;-webkit-transition:.1s;transition:.5s}.filter-input-lable{display:flex;cursor:pointer;font-weight:500;position:relative;overflow:hidden;margin-bottom:.375em}.tab-container{width:100%;display:block;position:relative;top:-90px;overflow:hidden}.tab-buttons{display:flex;justify-content:flex-start;padding:20px 0 10px 5%;border-radius:5px;height:90px;align-items:center;gap:30px;flex-wrap:nowrap;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));flex-wrap:wrap}.tab-buttons button{border:none;cursor:pointer;transition:background-color .3s ease;font-family:Oswald,sans-serif;transition:.3s cubic-bezier(.785,.135,.15,.86)}.tab-buttons button.active{background-color:var(--primary-font-color-4);color:#fff}.episodeCard-cards{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;padding:20px;margin:10px -15px 0}.episodeCard-card{width:calc(20% - 30px);max-width:calc(20% - 30px);margin:15px;transition:transform .25s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.episodeCard-card .episodeCard-image{position:relative;width:100%;background:rgb(48,48,62);background:linear-gradient(94deg,rgba(48,48,62,1) 0%,rgba(30,31,42,1) 100%);border-radius:5px;padding-top:56.25%;filter:drop-shadow(0 8px 15px rgb(0,0,0))}.episodeCard-card .episodeCard-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;box-shadow:inset 0 0 0 4px #fff9;border-radius:5px;transition:opacity .15s linear}.episodeCard-card .episodeCard-image img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px}.episodeCard-card .episodeCard-image button{all:unset;display:flex;align-items:center;justify-content:center;position:absolute;left:15px;bottom:15px;width:20px;height:20px;background-color:#000;font-size:7px;border:1px solid #fff;border-radius:50%;opacity:0;transition:opacity .15s linear}.episodeCard-card .episodeCard-title{position:relative;margin-top:10px;font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episodeCard-card:hover{transform:scale(1.03)}.episodeCard-card:hover .episodeCard-image:after{opacity:1}.episodeCard-card:hover .episodeCard-image button{opacity:1}.player{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:11;overflow:hidden}.player iframe{width:100%;height:100%;border:0}.player .overlay{display:flex;flex-direction:row;align-items:center;position:absolute;top:30px;right:30px;z-index:12!important;cursor:pointer}.player .overlay i{display:flex;align-items:center;justify-content:center;margin:0 10px;font-size:20px;color:red}.player .overlay a .fa-close{font-size:26px}.player .overlay a:first-child{margin-left:0}.player .overlay a:last-child{margin-right:0}@media screen and (max-width: 600px){.player .overlay a i{font-size:16px;margin:0 5px;vertical-align:middle}.player .overlay a i.fa-xmark{font-size:18px}}.main-wrapper{width:100%;height:100vh}.main-wrapper .collection-img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-10;opacity:.4}.movies-slider-containar{width:100%;display:flex;position:absolute;top:20%;overflow-y:scroll;align-items:center;justify-content:center}.footer-container{max-width:100%;margin:auto;padding:0 4%}.footer-row{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;align-items:center}.footer-container ul{list-style:none}.footer{background-color:var(--primary-background-color);padding:70px 0}.footer-col{width:15%;padding:0 15px}.footer-col h4{font-size:18px;color:#fff;text-transform:capitalize;margin-bottom:35px;font-weight:500;position:relative}.footer-col h4:before{content:"";position:absolute;left:0;bottom:-10px;background-color:var(--primary-font-color-4);height:2px;box-sizing:border-box;width:50px}.footer-col ul li:not(:last-child){margin-bottom:10px}.footer-col ul li{cursor:pointer;font-size:16px;text-transform:capitalize;text-decoration:none;font-weight:300;color:#bbb;display:block;transition:all .3s ease}.footer-col ul li:hover{color:#fff;padding-left:8px}.footer-col .social-links a{display:inline-block;height:40px;width:40px;background-color:#fff3;margin:0 10px 10px 0;text-align:center;line-height:40px;border-radius:50%;color:#fff;transition:all .5s ease}.footer-col .social-links a:hover{color:#24262b;background-color:#fff}@media (max-width: 767px){.footer-col{width:50%;margin-bottom:30px}}@media (max-width: 574px){.footer-col{width:100%}}.abaut-main{width:100%;height:calc(100vh - 60px);display:flex;align-items:center}.abaut-profiles{background-color:var(--primary-background-color);width:100%;height:70%;display:flex;margin:0 4%}.profile{width:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:#000000b0 0 26px 30px -10px,#000000ba 0 16px 10px -10px}.profile h1{position:relative;margin-top:50px;font-size:3rem}.profile h2{position:relative;margin-top:30px;font-size:2rem;cursor:pointer;color:red}:root{--primary-background-color: #0a0025;--primary-font-color-1: #ffffff;--primary-font-color-2: #b745e0;--primary-font-color-3: darkred;--primary-font-color-4: #cf1414}html{scroll-behavior:smooth}*{padding:0;margin:0;font-family:Roboto,sans-serif;color:var(--primary-font-color-1);box-sizing:border-box}body{background-color:var(--primary-background-color);width:100%;position:relative}a{text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:white}.homepage-first-screen{height:100vh;display:flex;justify-content:space-between;flex-direction:column}.normal-button{height:40px;background-color:transparent;font-size:17px;padding:8px 16px;border:solid 2px white;border-radius:25px;transition:.2s ease-in-out}.normal-button:hover{border-color:var(--primary-font-color-3);color:var(--primary-font-color-1);background-color:var(--primary-font-color-3)}