html{font-size:10px}*,*:after,*:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:400;margin:0}body{display:flex;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#303d4e;font-size:1.6rem;min-height:100dvh}.movie-card{display:flex;flex-direction:column;row-gap:2rem;max-width:76rem;width:100%;background-color:#25262b;border-radius:.4rem;margin:auto;padding:2rem;color:#fff;box-shadow:.1rem .3rem 1.4rem .3rem #0000004d}.movie-card__header{display:grid;grid-template-columns:fit-content(40rem) 1fr min-content;gap:1rem;align-items:center;padding-bottom:2rem;border-bottom:.1rem solid #515155}.movie-card__header>*{overflow-wrap:anywhere}.movie-card__title{font-size:3rem;font-weight:700;grid-column:1/2}.movie-card__badges{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;grid-row:1/2;grid-column:2/3}@media(max-width:576px){.movie-card__badges{grid-row:2/3;grid-column:1/-1}}.movie-card__badge{font-size:1.2rem;padding:.6rem;background-color:#515155;font-weight:500;text-transform:uppercase;border-radius:.4rem;white-space:nowrap}.movie-card__subtitle{color:silver;grid-column:1/-1}.movie-card__date{font-size:1.8rem;grid-column:1/-1}.movie-card__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem;padding-top:1.8rem;border-top:.1rem solid #515155}.movie-card__info{display:flex;align-items:center;flex-wrap:wrap;gap:2.4rem;color:silver}.movie-card__price{display:flex;column-gap:1rem;align-items:center}.movie-card__price:before{content:"";display:block;width:1rem;height:1rem;border-radius:50%;background-color:#66a8f8;flex-shrink:0}.movie-card__price--vip:before{background-color:#82cf68}.movie-card__btn{font-size:1.4rem;border:none;text-transform:uppercase;background-color:#66a8f8;color:#fff;padding:1.2rem;min-width:15rem;border-radius:.4rem;transition:background-color .2s ease}@media(hover:hover){.movie-card__btn{cursor:pointer}.movie-card__btn:hover{background-color:#4f8eda}}.close-btn{padding:0;position:relative;display:flex;align-items:center;justify-content:center;grid-row:1/span 1;grid-column:-2;width:4.4rem;aspect-ratio:1;border-radius:50%;background-color:transparent;border:.2rem solid #515155;transition:border-color .2s ease}.close-btn span{border-radius:.2rem;position:absolute;width:2rem;height:.2rem;background-color:#515155;top:50%;left:50%;translate:-50% -50%;transition:background-color .2s ease}.close-btn span:nth-child(1){rotate:45deg}.close-btn span:nth-child(2){rotate:-45deg}@media(hover:hover){.close-btn{cursor:pointer}.close-btn:hover{border-color:#fff}.close-btn:hover span{background-color:#fff}}.cinema{display:grid;padding-top:4rem;padding-bottom:6rem;overflow-x:auto}@media(max-width:576px){.cinema{padding-top:2rem;padding-bottom:3rem;margin-inline:-2rem}}.cinema__wrapper{perspective:10rem}.cinema__screen{margin-inline:6rem;aspect-ratio:6;box-shadow:0 .5rem 1.3rem #ffffff4d;transform:rotateX(-3deg)}.cinema__screen img{display:block;width:100%;height:100%;object-fit:cover}.cinema__grid{display:grid;grid-template-columns:repeat(12,1fr);align-content:start;margin-inline:3rem;padding-top:3rem;gap:2rem;counter-reset:row 0;transform:rotateX(6deg)}@media(max-width:576px){.cinema__grid{padding-bottom:3rem;margin-inline:2rem}}.cinema__row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;place-items:center;counter-increment:row 1;counter-reset:seat 0}.cinema__row:before,.cinema__row:after{content:counter(row);grid-row:1;color:silver}.cinema__row:before{grid-column:1}.cinema__row:after{grid-column:-2}.seat{--default-accent-color: #66a8f8;appearance:none;margin:0;counter-increment:seat 1}.seat:before{content:counter(seat);display:grid;place-items:center;color:var(--seat-color, transparent);width:2rem;aspect-ratio:1;border-radius:50%;background-color:var(--seat-background, var(--default-accent-color));outline-style:solid;outline-width:.2rem;outline-offset:.3rem;outline-color:var(--seat-outline, transparent);transition-property:background-color,color,outline-color;transition-duration:.2s;transition-timing-function:ease}@media(hover:hover){.seat:not(:disabled){cursor:pointer}.seat:not(:disabled):hover{--seat-color: #fff;--seat-outline: var(--seat-background, var(--default-accent-color))}}.seat:disabled{--seat-background: #515155;opacity:.3}.seat:checked{--seat-background: #515155;--seat-color: #fff;--seat-outline: var(--seat-background)}.seat--vip{--seat-background: #82cf68}