:root{--text-color-primary: rgba(248, 248, 248, 1);--text-color-secondary: rgba(183, 183, 183, 1)}#app{max-width:24rem;margin:0 auto}body{font-family:Be Vietnam Pro,sans-serif;font-family:Poppins,sans-serif;background-color:#f8f8f8}header{display:flex;justify-content:space-between;margin:1rem 0}p,img,button{margin:0;padding:0}button{border:none;cursor:pointer;background-color:#fff}img{width:100%}.header-icon{margin:0 1rem;width:2rem;height:2rem}.header-icon.active{width:4.5rem;height:2rem}.main-body{margin:0 .25rem;position:relative}.main-body .main-image{border-radius:.5rem}.text-primary,.text-secondary{margin:0 1rem;position:absolute;z-index:1}.main-body .text-primary{font-weight:700;bottom:3.5rem;color:var(--text-color-primary)}.main-body .text-secondary{font-weight:500;bottom:1rem;color:var(--text-color-secondary)}.like-badge,.nope-badge{display:none;position:absolute;z-index:1;top:4rem;left:1rem;width:12rem;transform:rotate(-.125turn)}.main-buttons{display:flex;justify-content:center;margin:.5rem 0}.main-buttons-item{display:block;margin:0 1rem;padding:1.25rem;background-color:#fff;border-radius:50%;box-shadow:0 .625rem 1.25rem #e9e9ea}.main-buttons-item.like:hover{background-color:#dbfff499;box-shadow:0 .625rem 1.25rem #ccf1e6}.main-buttons-item.nope:hover{background-color:#ffe7ef;box-shadow:0 .625rem 1.25rem #edd9df}.main-buttons-item img{width:1.8rem;display:block}