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}@property --mask{syntax: "<percentage>"; initial-value: 0%; inherits: false;}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}body{display:grid;place-items:center;margin:0;min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#bfb0f4;color:#fff}.icon{display:inline-block;aspect-ratio:1}.icon--18{width:18px}.icon--25{width:25px}.icon--30{width:30px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.main-btn{display:flex;align-items:center;justify-content:center;font-family:inherit;padding-inline:2rem;border:.2rem solid #fff;color:#fff;background-color:transparent;height:4.8rem;min-width:13.6rem;border-radius:2.4rem;text-transform:uppercase;font-weight:700;white-space:nowrap;transition:background-color,.25s ease}@media(hover:hover){.main-btn{cursor:pointer}.main-btn:hover{background-color:#ffffff1a}}.app{width:100%;max-width:93rem;padding-inline:4.4rem;background-color:#535771;border-radius:.4rem;overflow:hidden}@media(max-width:576px){.app{padding-inline:2rem}}.app__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:2rem;padding-top:4.4rem;padding-bottom:3.4rem}@media(max-width:576px){.app__header{padding-top:2.4rem;padding-bottom:1.4rem}}.app__header-title{font-size:6.4rem;font-weight:700;color:#e290a7}.app__header-title,.app__header-subtitle{text-transform:uppercase}.app__header-subtitle{font-size:1.8rem;font-weight:600;color:#d3d3d3}.app__main{display:grid;grid-template-columns:min-content 1fr;grid-template-rows:22rem;column-gap:2rem;row-gap:5rem;padding-bottom:4.4rem;margin-bottom:4rem;border-bottom:.1rem solid rgba(169,171,173,.6)}@media(max-width:768px){.app__main{grid-template-columns:1fr;grid-template-rows:22rem 30rem;row-gap:3rem}}@media(max-width:576px){.app__main{row-gap:2.5rem;margin-bottom:2rem;padding-bottom:2.4rem}}.app__inner{position:relative}.app__content{--mask: 50%;position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column;row-gap:.5rem;background-color:#474a5f;padding-top:2rem;padding-inline:2rem;-webkit-mask-image:linear-gradient(#000 var(--mask),transparent calc(var(--mask) + 25%));mask-image:linear-gradient(#000 var(--mask),transparent calc(var(--mask) + 25%));transition:--mask .25s ease}.app__content--open{overflow-y:auto;--mask: 75%}.app__content-title{font-size:3.3rem;text-transform:capitalize;font-weight:700}.app__content-subtitle{font-size:2rem;color:#a9abad;padding-bottom:1.5rem}.app__content-text{font-size:1.6rem}.app__btn{position:absolute;inset-inline:1rem;bottom:0;border-color:#a9abad}.screen{position:relative;aspect-ratio:4/3;box-shadow:0 3.5rem 2rem -2rem #0009;height:100%}.screen:before{content:"";position:absolute;inset:0;border-image:fill 0 linear-gradient(#0000001a,#000000b3);z-index:1}@media(max-width:768px){.screen{width:100%;aspect-ratio:auto}}.screen img{display:block;width:100%;height:100%;object-fit:cover}.screen__btn{position:absolute;inset:0;margin:auto;padding:0;width:7.2rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:50%;border:.1rem solid rgba(255,255,255,.7);color:#fff;transition:background-color,.25s ease;z-index:2}@media(hover:hover){.screen__btn{cursor:pointer}.screen__btn:hover{background-color:#ffffff1a}}.pagination{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;column-gap:2rem}.pagination__btn{width:5rem;border:none;aspect-ratio:1;padding:0;background-color:transparent;color:#e290a7}@media(hover:hover){.pagination__btn{cursor:pointer}}.pagination__dots{display:flex;align-items:center}.pagination__dot{position:relative;width:2rem;aspect-ratio:1}.pagination__dot:before{content:"";position:absolute;width:1rem;scale:-.5;aspect-ratio:1;border-radius:50%;inset:0;margin:auto;background-color:#d3d3d3;transition-property:scale,background-color;transition-duration:.25s;transition-timing-function:ease}@media(hover:hover){.pagination__dot{cursor:pointer}.pagination__dot:hover:before{background-color:#e290a7;scale:1}}.nav{display:flex;align-items:center;column-gap:3rem;row-gap:1rem;overflow-x:auto;-webkit-mask-image:linear-gradient(to right,#000 90%,transparent);mask-image:linear-gradient(to right,#000 90%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nav__btn{font-family:inherit;flex-shrink:0;background-color:transparent;border:none;position:relative;color:#a9abad;text-transform:uppercase;font-size:1.2rem;font-weight:700;padding:0;padding-bottom:.5rem;overflow:hidden;transition:color .25s ease}.nav__btn:before{content:"";position:absolute;width:60%;height:.2rem;background-color:transparent;left:0;bottom:0;translate:-100%;transition-property:background-color,translate;transition-duration:.25s;transition-timing-function:ease}.nav__btn--active{color:#fff;pointer-events:none}.nav__btn--active:before{background-color:#e290a7;translate:0}@media(hover:hover){.nav__btn:hover{cursor:pointer;color:#fff}.nav__btn:hover:before{background-color:#e290a7;translate:0}}.category{display:flex;flex-direction:column;row-gap:2rem}.category__title{font-size:2.8rem;color:#a9abad;font-weight:700}.footer{position:relative;display:grid;grid-template-columns:1fr min-content;align-items:center;column-gap:2rem;row-gap:1rem;min-height:8rem;background-color:#3d3f5a;margin-inline:-4.4rem;margin-top:-1rem;padding-inline:4.4rem;box-shadow:0 0 2rem #00000080;z-index:1}@media(max-width:576px){.footer{grid-template-rows:1fr 1fr;grid-template-columns:1fr;padding-inline:0;margin-inline:-2rem}}.footer__nav{display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media(max-width:576px){.footer__nav{grid-row:2/3}}.footer__btn{height:8rem;aspect-ratio:1;border:none;padding:0;background-color:transparent;color:#fff;transition:background-color .25s ease}.footer__btn--active{pointer-events:none;background-color:#535771}@media(hover:hover){.footer__btn{cursor:pointer}.footer__btn:hover{background-color:#535771}}@media(max-width:576px){.footer__btn{flex-grow:1}}.search{background-color:transparent;outline:none;width:25rem;height:5rem;padding-inline:3.5rem;border-radius:2.5rem;border:.1rem solid #a9abad;color:#fff}@media(max-width:576px){.search{width:90%;margin-inline:auto}}