*{box-sizing:border-box}html,body{font:400 16px/24px Roboto,Arial,sans-serif}html.no-scroll{overflow:hidden}@media(hover: hover){html.no-scroll{padding-right:15px}}html.force-header #header-gender{top:0}hr{border:0;height:0;margin:24px 0;border-top:1px solid #d5d5d5}@media(min-width: 975px){hr{margin:16px 0}}.debug{z-index:1000;position:sticky;bottom:0;max-height:300px;overflow:auto;padding:10px;background:#ffc;border:1px solid orange;white-space:pre-wrap}
@keyframes pop-in{0%{transform:translate(-50%, -50%) scale(1)}30%{transform:translate(-50%, -50%) scale(0.7)}60%{transform:translate(-50%, -50%) scale(1.2)}80%{transform:translate(-50%, -50%) scale(0.9)}100%{transform:translate(-50%, -50%) scale(1)}}@keyframes pop-out{0%{transform:translate(-50%, -50%) scale(1)}30%{transform:translate(-50%, -50%) scale(1.2)}60%{transform:translate(-50%, -50%) scale(0.7)}80%{transform:translate(-50%, -50%) scale(1.1)}100%{transform:translate(-50%, -50%) scale(1)}}.favorite-icon-outer{display:flex;align-items:center;width:20px;height:20px;margin-right:12px}@media(min-width: 768px){.favorite-icon-outer{margin-right:16px}}.favorite-icon-wrapper{position:relative;width:100%;height:100%;cursor:pointer}.favorite-icon-wrapper .favorite-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);pointer-events:auto}.favorite-icon-wrapper.is-favorited .favorite-icon{animation:pop-in .4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.favorite-icon-wrapper.is-unfavorited .favorite-icon{animation:pop-out .4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}