html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{scrollbar-gutter:stable}body{background-color:#f5f5f5}.page{width:80%;max-width:1400px;margin-left:auto;margin-right:auto;padding-top:2rem;padding-bottom:200px}.menu-bar{display:flex;gap:1rem;padding:1rem 0}.card{border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 0 2px #00000024}.card_pronounced{box-shadow:0 0 4px #0000002e}.button{padding:.75rem 1.5rem;border:none;border-radius:6px;background:#e5e7eb;color:#384252;font-weight:700;cursor:pointer;font-size:1rem}.button:hover{background:#d1d5db}.button:active{background:#c4c8cf}.button_outline{border:1px solid #ccc;background-color:#fafafa}.button_like{background:#ef4444;color:#fff}.button_like:hover{background:#dc2626}.button_like:active{background:#b91c1c}.button_toggled{background-color:#2563eb;color:#fff}.button_toggled:hover{background:#1d4ed8}.button_toggled:active{background:#1e40af}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,calc(300px + 2rem));gap:1rem;justify-content:space-around}.card{width:fit-content;padding:1rem;display:grid;grid-template-rows:subgrid;grid-row:span 5;grid-template-columns:subgrid;grid-column:span 1;gap:1rem}.card__poster{display:block;max-width:500px}.card__title{font-size:1.75rem;width:fit-content}.card_id{font-size:14px;font-weight:700}.card__plot{width:0;min-width:100%;font-size:18px;line-height:1.5rem;display:-webkit-box;overflow:hidden;line-clamp:3;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card__controls{display:flex;justify-content:space-between}.search{width:100%;display:flex;gap:2rem}.search-field__wrapper{flex:1;position:relative}.search-field{width:100%;height:100%;display:block;box-sizing:border-box;padding:.5rem}.search-result{min-width:40%;position:absolute;display:flex;flex-direction:column;gap:1px;background-color:#ccc;box-shadow:0 8px 16px #00000024}.search-result-item{padding:1rem 2rem;border:0;background-color:#fff;cursor:pointer;font-size:1.5rem;text-align:start}.search-controls{display:flex;gap:1rem}.search-radio:checked+.search-button{background-color:red}.movie__wrapper{display:flex;gap:2rem}.movie__info{padding-top:1rem;padding-right:2rem;display:flex;flex-direction:column;gap:1rem}.movie__title{font-size:3rem}.movie__id{font-size:1rem;font-weight:700}.movie__plot{font-size:1.5rem}.movie__controls{margin-top:auto;padding-top:1rem;padding-bottom:1rem;display:flex;gap:1rem;justify-content:space-between}.form{min-width:60%;margin-left:auto;margin-right:auto;padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem;font-family:sans-serif}.form__heading{padding:2rem 0;font-size:1.5rem}.form__label{display:flex;gap:2rem;align-items:center;justify-content:space-between;font-size:1.25rem;text-wrap:nowrap}.form__input{width:60%;padding:1rem;background-color:#f3f4f6;border:1px solid #d2d5da;border-radius:8px}.form__controls{display:flex;align-items:end;gap:1rem}.form__button{margin-left:auto}