.drawer-hamburger-menu{width:100%}.drawer-button{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;color:var(--color-white);align-items:flex-start;transition:.4s}.drawer-button-icon{width:1.5rem;height:1.5rem}.drawer-bar{width:100%;height:3px;background-color:var(--color-white);transition:.4s}.drawer-menu-items{display:flex;flex-direction:column;margin-top:0;align-items:center;margin-top:.6rem;min-height:2.5rem}.drawer-container{width:100%;margin-bottom:6.6rem}.drawer-container-ac{width:100%;margin-bottom:0}.drawer-item{color:var(--color-white);font-size:var(--size-text-1);border-radius:.2rem;width:100%;display:flex;align-items:center;justify-content:center;margin:.2rem;padding:.4rem 0;position:absolute;left:-.3rem;border:none;flex-direction:column}.drawer-item>button{background-color:var( --bg-btn-mobile);width:100%;padding:.5rem 0;margin:.2rem 0;font-weight:600}.drawer-item-a{color:var(--color-white);font-size:var(--size-text-1);background-color:var( --bg-btn-mobile);border-radius:.2rem;width:100%;display:flex;align-items:center;justify-content:center;margin:.2rem;padding:.4rem 0}.drawer-item-a>a{color:var(--color-white)}.drawer-item-a:hover{opacity:.9}.btn-green{color:var(--color-white);border:solid .25rem var(--color-green)}.btn-yellow{color:var(--color-white);border:solid .25rem var(--color-yellow)}.btn-logout{color:var(--color-white);border:solid .25rem var(--bg-btn-user);display:flex;align-items:center;justify-content:center}.btn-logout>img{width:1.2rem;height:1.2rem;margin-left:.2rem}.form-wapper{display:flex;flex-direction:column;width:25rem;background-color:var(--bg-form);padding:2rem;border-radius:1rem;align-items:center;justify-content:center}.form-title{font-size:var(--size-text-4);line-height:var(--line-height-4);color:var(--color-white);text-align:center;font-weight:700}.form-main{margin-bottom:2rem}.form-input-value{display:flex;align-items:center;justify-content:center;background-color:inherit;color:var(--color-white);width:25rem;overflow:hidden;padding:1rem;margin-top:1.2rem;font-size:var(--size-text-5);line-height:var(--line-height-5);font-weight:var(--weight-300);cursor:text;border:2px solid #5A698F;border-radius:1rem;box-sizing:border-box}.form-input-value:focus{outline:none;background-color:inherit}::placeholder{color:var(--color-title)}.form-btn-submit{display:flex;width:100%;align-items:center;justify-content:center;height:3rem;font-size:var(--size-text-3);line-height:var(--line-height-5);font-weight:var(--weight-300);border-radius:1rem;background-color:var(--bg-btn-submit);margin-bottom:2rem;border:none;color:var(--color-white);cursor:pointer}.form-btn-submit:hover{background-color:var(--bg-btn-submit-hover);color:var(--color-white)}.form-more{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:1rem 0;font-weight:var(--weight-300);font-size:var(--size-text-5)}.form-more-content{padding:0;margin:0;color:var(--color-white)}.form-more-link{padding:0;margin-left:.6rem;color:var(--color-green);cursor:pointer}.form-more>p{padding:0;margin:0}.form-error-message{text-align:center;color:var(--color-red);font-weight:700;font-size:var(--size-text-2);margin-bottom:1rem;visibility:hidden}.form-error-message.active{visibility:visible}.form-success-message{text-align:center;color:var(--color-green);font-weight:700;font-size:var(--size-text-2);margin-bottom:1rem}@media only screen and (max-width: 767px){.form-wapper{width:80%}}.navigation{display:flex;justify-content:space-between;align-items:center;background-color:#161d2f;height:70px}.logo{width:120px;margin-right:80rem}.navigation-buttons{display:flex}.signup-btn,.login-btn{font-size:var(--size-text-1);padding:.2rem;cursor:pointer;width:110px;border-radius:.7rem;color:var(--color-white);font-weight:700}.signup-btn{margin-right:2rem;background-color:#161d2f;border:2px solid #5A698F}.login-btn{background-color:#5a698f;margin-right:8rem}.signup-btn:hover,.login-btn:hover{color:var(--color-green);opacity:.9}.navigation-element{font-size:var(--size-text-1);line-height:var(--line-height);margin-right:1.5rem;cursor:pointer;background:inherit;border:none;width:100px}.navigation-element:hover{color:var(--color-green)!important;opacity:.9}.flex-end{justify-content:flex-end}.flex-end>.navigation-element{color:var(--color-white)}.between{justify-content:space-between}.between>.navigation-element{color:var(--color-green);font-weight:var(--weight-500)}.header-line{width:100%;border:solid .16rem var(--color-white)}.stream-button{font-size:var(--size-text-1);line-height:var(--line-height);border-radius:.625rem;background-color:initial;box-shadow:none;padding:.375rem 2.2rem}.green{color:var(--color-green);border:solid .25rem var(--color-green)}.yellow{color:var(--color-yellow);border:solid .25rem var(--color-yellow)}.header-drawer{display:none}.header-option{color:#fff;position:absolute;right:1.6rem;top:4.6rem;width:4rem;background-color:gray;padding:.6rem 4rem;display:flex;align-items:center;border-radius:.6rem;justify-content:center;text-align:center;cursor:pointer}.header-option>span{margin-right:.6rem}.header-option>img{width:2rem;height:2rem}.header-username{max-width:24rem;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width: 767px){.header-username{max-width:18rem;overflow:hidden;text-overflow:ellipsis}.header-drawer{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin:0;font-size:var(--size-text-1);line-height:var(--line-height);width:100%}.show{display:none}.navigation{align-items:flex-start;width:100%;position:relative}.flex-end{align-items:flex-start}.header-wapper{align-items:flex-start;width:100%;.navigation-element{font-size:var(--size-text-1);line-height:var(--line-height);margin-right:1.5rem}.navigation-element{margin-right:0}.header-option{display:none}}}.card-wapper{width:fit-content;height:fit-content;display:flex;flex-direction:column;color:var(--color-white);align-items:flex-start;padding:1rem;cursor:pointer;overflow:hidden}.card-image{position:relative;object-fit:cover}.card-favourite{position:absolute;top:.5rem;right:.5rem;height:2rem;width:2rem;border-radius:100%;opacity:.9;background-color:var(--bg-dark);display:flex;justify-content:center;align-items:center}.card-favourite:hover{opacity:1}.card-image>img{height:10.875rem;width:18.5rem;border-radius:.4rem}.card-title{display:flex;flex-direction:row;min-width:50%;align-items:center;justify-content:flex-start}.card-title>p{color:var(--color-title);line-height:var(--line-height-2);font-size:var(--size-text-2);font-weight:var(--weight-300);margin:.5rem .8rem .5rem 0}.card-name{display:flex;font-size:var(--size-text-3);color:var(--color-white);font-weight:var(--weight-500);line-height:var(--line-height-3)}.dot{border-radius:100%;height:.2rem;width:.2rem;background-color:var(--color-title)}.card-seri>path{margin:0 .2rem}.card-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;justify-content:center;align-items:center}