:root{--root-background-color: "white";--card-margin: 8px;--card-max-width: 480px;--card-navi-height: 100px;--card-item-clickable-color: rgba(236, 121, 194, .1);--gap-1: 8px;--gap-2: calc(var(--gap-1) * 2)}@keyframes card_transition{0%{opacity:0}to{opacity:100}}.visible{display:inline;animation:card_transition .5s ease-in}body{margin:0}.card-list{display:flex;flex-direction:column;align-items:center}.card{width:auto;height:auto;max-width:calc(min(100dvw,var(--card-max-width)) - var(--card-margin) * 2);max-height:calc(100dvh - var(--card-navi-height) - var(--card-margin) * 2);border:dotted 1px black;box-sizing:border-box;margin:var(--card-margin);background-size:contain;background-repeat:no-repeat}.card-item-link{display:flex;align-items:center;justify-content:center;background-color:var(--card-item-clickable-color)}.card-item-box{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:var(--card-item-clickable-color)}.back-card-item-date,.back-card-item-place{text-align:center}.card-navi{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--gap-1);font-size:10pt;margin:0 var(--card-margin)}.card-navi-button-list{display:flex;gap:var(--gap-2)}.card-button{background-size:cover;background-color:var(--root-background-color);cursor:pointer;height:3em;width:3em}.card-button .button-icon{height:3em;width:3em}.card-flipover-button{background-image:url(/emoji/21a9.png)}.card-download-button{background-image:url(/emoji/1f5a8.png)}