:root{--container-padding:64px}[name=container]{text-align:center;padding:var(--container-padding);height:calc(100% - (2 * var(--container-padding)))}.container{display:flex;flex-direction:column;align-items:center;align-content:space-between;justify-content:space-between;height:100%}.hero{width:100%;max-width:520px}.unsubscribe-hero{width:100%;max-width:390px}.card{width:100%;max-width:420px}.bottom-padding{padding-bottom:36px}.avatar{max-width:160px}.title{margin-bottom:8px}.text{margin-bottom:32px}.store-container{display:flex;flex-direction:row;justify-content:center;gap:14px;margin-bottom:40px;width:100%}.store{display:inline-block}.store-badge{display:inline;width:180px}.ratings-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.ratings-stars-container{display:flex;justify-content:center;width:180px;height:30px;border-radius:36px;padding:5px 15px;align-items:center}.star{width:23px;height:23px;padding:0 2px}.grade{display:inline;margin-left:10px}.ratings-text{display:inline-flex;align-items:center}.logo-container{margin-top:48px}.logo{width:24px;height:24px;margin-right:6px}.code{margin-bottom:16px}.code>span{display:inline-block;border-radius:4px;padding:4px 0;margin:5px 2px;width:40px}.code.seven>span{border:1px solid var(--tint-seven)}.code.cycles>span{border:1px solid var(--tint-cycles)}.code.halo>span{border:1px solid var(--tint-halo)}.btn{width:50%}.app-icon{width:96px;height:96px;margin-bottom:32px}@media screen and (min-width:768px){.avatar{max-width:180px}.store-badge{width:210px}.ratings-container{display:flex;flex-direction:row;align-items:center}}