@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--base:#fff;--neutral:#000;--neutral-1:#2c3137;--neutral-2:#838a95;--neutral-3:#b8bcc3;--primary:#b9927b;--secondary:#ff564e;--accent:#2e30f5}body{font-family:Poppins,sans-serif}.app-container{background:#fff;background:var(--base)}.dark-theme{--base:#2c3137;--neutral:#000;--neutral-1:#b8bcc3;--neutral-2:#838a95;--neutral-3:#2c3137;--primary:#b9927b;--secondary:#ff564e;--accent:#2e30f5}.content-layout{box-sizing:border-box;margin:0 auto;max-width:1280px;padding:0 20px}.header{align-items:center;display:flex;margin-bottom:70px;position:relative}.theme-button{background:#2c3137;background:var(--neutral-1);border:none;border-radius:0 0 4px 4px;color:#fff;color:var(--base);cursor:pointer;font-size:9px;padding:4px 8px;position:absolute;right:20px;text-transform:uppercase;top:0}.theme-button strong{font-weight:600}.logo-link{background:#ff564e;background:var(--secondary);border-radius:50px;display:block;margin:0 auto 0 0;padding:12px}.search-input{border:1px solid #b8bcc3;border:1px solid var(--neutral-3);color:#2c3137;color:var(--neutral-1);min-width:300px;padding:10px}.search-button{background:#2e30f5;background:var(--accent);border:none;color:#fff;color:var(--base);cursor:pointer;font-size:0;padding:7px}.search-form{align-items:center;display:flex;margin-right:15px}.watchlist{border-bottom:2px solid #ff564e;border-bottom:2px solid var(--secondary);color:#2c3137;color:var(--neutral-1);cursor:pointer;font-weight:600;text-decoration:none}.watchlist:hover{border-bottom:2px solid #000;border-bottom:2px solid var(--neutral)}.watchlist-icon{color:#b9927b;color:var(--primary);margin-right:5px}.watchlist-icon:hover{color:#ff564e;color:var(--secondary)}.page-title{color:#2c3137;color:var(--neutral-1);font-size:60px;font-weight:600;line-height:50px;margin-bottom:50px}.submenu{color:#838a95;color:var(--neutral-2);font-size:10px;letter-spacing:3px;line-height:24px;margin:0 0 10px;text-transform:uppercase}.submenu label{color:#2c3137;color:var(--neutral-1);cursor:pointer;font-size:11px;font-weight:600}.field-radio{margin:0 10px 0 0;position:relative}.field-radio:last-child{margin:0}.field-radio input{left:0;position:absolute;top:0;visibility:hidden;z-index:-100}.field-radio input:checked+label:after{background:#2e30f5;background:var(--accent);width:100%}.field-radio label{padding:5px 0}.field-radio label:after{background:#b8bcc3;background:var(--neutral-3);border-radius:2px;bottom:-4px;content:"";display:block;height:4px;left:0;position:absolute;transition:all .3s ease;width:0}.field-radio label:hover:after{width:100%}.form-filter,.form-sort{display:flex}.field-select{margin:0 15px 0 0}.field-select label{display:block}.field-select select{border:1px solid #b8bcc3;border:1px solid var(--neutral-3);cursor:pointer;min-width:171px;padding:5px}.submenu--filter{display:flex;flex-wrap:wrap}.submenu--filter form{width:100%}.submenu--filter h2{flex-grow:1}.reset-filters-button{background:transparent;border:none;border-bottom:1px dashed #838a95;border-bottom:1px dashed var(--neutral-2);color:#2c3137;color:var(--neutral-1);cursor:pointer;font-size:11px;letter-spacing:3px;line-height:14px;position:relative;text-transform:uppercase}.reset-filters-button:hover{border-bottom:1px solid #2c3137;border-bottom:1px solid var(--neutral-1)}.reset-filters-button:before{content:"x";font-size:9px;left:-7px;position:absolute;top:5px}.cartoon-list{display:flex;flex-wrap:wrap;margin-top:120px}.cartoon-item{color:#2c3137;color:var(--neutral-1);line-height:14px;margin:0 25px 30px 0;max-width:280px;position:relative;text-transform:uppercase}.cartoon-item__episode{font-size:9px}.cartoon-item__cover{display:block;-webkit-filter:grayscale(0);filter:grayscale(0);margin:0 0 10px;position:relative;transition:all .3s ease}.cartoon-item__cover img{display:block;height:auto;width:100%}.cartoon-item__cover:hover{-webkit-filter:grayscale(1);filter:grayscale(1)}.cartoon-item__cover__rating{bottom:0;color:#2c3137;color:var(--neutral-1);display:block;font-size:9px;left:0;pointer-events:none;position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.cartoon-item__year{font-size:10px;font-weight:600;letter-spacing:3px}.cartoon-item__title{font-size:22px;font-weight:600;line-height:30px}.cartoon-item__fav{background:#fff;background:var(--base);border:none;border-radius:4px;box-shadow:0 0 5px 2px rgba(0,0,0,.4);cursor:pointer;padding:4px 4px 0;position:absolute;right:3px;top:20px}.cartoon-item__fav svg{color:#2e30f5;color:var(--accent);opacity:.8;-webkit-transform:scale(2);transform:scale(2);transition:all .3s ease}.cartoon-item__fav:hover svg{opacity:1}.cartoon-item__fav--remove svg{color:#ff564e;color:var(--secondary)}.error-message{font-size:30px;font-weight:400;line-height:35px}.back-link{color:#2c3137;color:var(--neutral-1)}.back-link:hover{color:#ff564e;color:var(--secondary)}.detail{display:flex;justify-content:space-evenly}.detail-image{position:relative}.detail-title{font-size:50px;font-weight:600;line-height:50px}.detail-table,.detail-title{color:#2c3137;color:var(--neutral-1);margin-bottom:25px}.detail-table{border:2px solid #2c3137;border:2px solid var(--neutral-1);font-size:11px;letter-spacing:3px;line-height:16px;text-align:center;text-transform:uppercase}.detail-table span{color:#b9927b;color:var(--primary);margin-right:5px}.detail-table td{padding:10px 20px}.table-title{border-bottom:1px solid #2c3137;border-bottom:1px solid var(--neutral-1)}.info-cell{border-right:1px solid #2c3137;border-right:1px solid var(--neutral-1)}.info-cell:last-child{border:none}.link-list{display:flex;font-size:11px;line-height:16px}.link-list h3{color:#b9927b;color:var(--primary);letter-spacing:3px;margin-right:5px;text-transform:uppercase}.link-list a{border-bottom:1px solid #b8bcc3;border-bottom:1px solid var(--neutral-3);color:#2c3137;color:var(--neutral-1);text-decoration:none}.link-list a:hover{color:#b9927b;color:var(--primary)}.genre{margin-left:40px}.footer{background:#2c3137;background:var(--neutral-1);color:#fff;color:var(--base);margin-top:100px;padding:20px 0}.content-layout--footer{align-items:center;display:flex;justify-content:space-between}.social-media h4{color:#fff;color:var(--base);font-size:13px;font-weight:600;letter-spacing:4px;line-height:16px;margin-bottom:10px;text-transform:uppercase}.social-media a{color:#fff;color:var(--base);margin-right:15px;vertical-align:middle}.social-media a:hover{color:#ff564e;color:var(--secondary)}.social-media a:last-child{margin:0}.social-media a svg{height:auto;width:40px}
/*# sourceMappingURL=main.9455ff17.css.map*/