.share{align-items:center;background-color:#fff;color:#000;display:flex;padding:.5em 1em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.share--hide-label .share__label{display:block;height:1px;overflow:hidden;width:1px}.share-notification{background-color:#00000080;color:#fff;left:0;padding:1em;position:fixed;text-align:center;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:100000}.notify-enter-active,.notify-leave-active{transition:transform .5s ease}.notify-enter-from,.notify-leave-to{transform:translateY(-100%)}.ys-card-like{color:#c3c3c3;cursor:pointer}.ys-card-like:disabled{cursor:default}.ys-card-like--liked{color:var(--c-red)}.ys-card-like--clicked .ico-heart__fg{fill:var(--c-red);--easing:cubic-bezier(.175,.885,.32,1.275);animation:.5s var(--easing) 0s fill-in;animation-fill-mode:both;transform-origin:50%}.ys-card-like--clicked .ico-heart__bg{fill:#c3c3c3;display:inline}@keyframes fill-in{0%{transform:scale(0)}to{transform:scale(1)}}.ys-card{align-content:flex-start;background-color:var(--c-white);border-radius:4px;color:var(--c-black);display:grid;grid-template-areas:"name links" "img img";overflow:hidden;padding:1.125rem 1rem;position:relative;row-gap:.625rem}.ys-card:before{background:url(./watermark.ec01bbe7.png);background-position:center 60%;background-repeat:no-repeat;background-size:auto 30%;content:"";height:200%;left:-50%;opacity:.5;position:absolute;top:-50%;transform:rotate(4deg);width:200%;z-index:-1}.ys-card:nth-child(2n):before{background-size:auto 25%;transform:rotate(-4deg)}.ys-card:nth-child(3n):before{background-position:center 55%;background-size:auto 35%;transform:rotate(-2deg)}.ys-card .disabled{pointer-events:none}.ys-card__name{align-self:center;color:var(--c-grey-darkest);font-weight:600;grid-area:name;letter-spacing:.0095em;line-height:1;text-align:left}.ys-card__links{align-items:center;display:grid;grid-area:links;grid-auto-flow:column;justify-content:end}.ys-card__img{align-self:self-start;background-color:#eee;border:1px solid #ddd;border-radius:4px;grid-area:img;overflow:hidden;position:relative}.ys-card__img-bg,.ys-card__img-fg{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%}.landscape .ys-card__img-bg,.landscape .ys-card__img-fg{border:1px solid #ddd;border-radius:6px}