.article{scroll-snap-align:start}.article{width:100%;margin:0;height:100%;position:relative;padding-bottom:130%}.article-card{top:0;left:0;position:absolute;display:flex;height:100%;width:100%}.article-content{transition:all ease-in-out .5s;height:100%;width:100%;display:flex;text-decoration:none}.article-card,.article-card__image,.article-card img,.article-card__shaddow-wrapper{border-radius:1rem}.article-card__image-wrapper,.article-card__shaddow-wrapper{position:absolute;width:100%;height:100%;top:0;display:flex;flex-direction:column;justify-content:flex-end}.article-card__svg{width:100%;display:none;margin-bottom:2rem}.article-card__svg svg{animation-name:fill-line;stroke-dasharray:1;animation-duration:5s;width:100%;height:auto}.article-card__shaddow-wrapper{background:linear-gradient(360deg,#102127 -12.89%,#10212700 67.59%);filter:drop-shadow(0px 0px 15px rgba(0,0,0,.1))}.article-card__image{height:100%;background:transparent}.article-card__info{display:flex;flex-direction:column;z-index:1;padding:2.4rem;align-items:flex-start;width:100%;height:100%;transition:all ease-in-out .5s}.article-card__header{display:flex;flex-direction:column;width:100%}.article-card__header span.tag{font-weight:500;font-size:1.6rem;line-height:2rem;color:#ffffffc2}.article-card__header h2:not(:first-child){margin-top:.2rem}.article-card__title{font-weight:var(--font-jp-medium);font-size:2.4rem;line-height:2.8rem;margin-bottom:0;text-decoration:none!important}.article-card__excerpt{font-size:1.6rem;line-height:.001rem;opacity:0;overflow:hidden;margin:0;transition:all ease-in-out .5s;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical}.article-card__excerpt--always-visible{opacity:1;line-height:2.6rem;flex-shrink:0;margin:1.2rem 0 0}.article-content .button{margin-top:2.4rem}.article-card__info--padding{display:flex;width:100%;height:100%;transition:all ease-in-out .5s}@media screen and (hover: hover){a.article-content:hover .article-card__excerpt{line-height:2.6rem;opacity:1;margin:1.2rem 0 0}.article-content:not(.articel-content--video):hover .article-card__info .article-card__info--padding{height:.01%;transition:all ease-in-out .5s}.article-content:not(.articel-content--video):hover .article-card__shaddow-wrapper{background:linear-gradient(0deg,#ed1c24ad,#ed1c24ad);box-shadow:0 0 1.5rem #0000001a}.article-content:not(.articel-content--video):hover{transition:all ease-in-out .5s;align-items:flex-start}.article-content:not(.articel-content--video):hover .article-card__svg{display:flex}.article-content:not(.articel-content--video):hover .button{background:#fff;color:#000;box-shadow:none}}.blog-petz video-component{width:100%;height:100%;position:absolute;z-index:3}.blog-petz video-component:not(.playing){width:6.4rem;height:6.4rem;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-petz video-component:not(.playing) video{opacity:0;transition:opacity ease-in-out .5s;width:.01rem;height:.01rem}.blog-petz video-component.playing video{display:flex;object-fit:cover;object-position:center;height:100%;width:100%;border-radius:1rem;opacity:1;transition:opacity ease-in-out .5s}.blog-petz video-component.playing .video-play-pause{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-petz video-component.playing{width:100%;height:100%;top:0;left:0}.blog-petz video-component .video-play-pause:not(.paused){opacity:0}.blog-petz video-component:hover .video-play-pause:not(.paused){opacity:1}@media only screen and (max-width: 1024px){.article-card__info{padding:2.4rem 1.6rem}.article-card__excerpt{font-size:1.4rem}}@media only screen and (max-width: 520px){.article-card__title{font-size:2.4rem;line-height:2.8rem}.article-content:not(.articel-content--video):hover .article-card__title{font-size:2.4rem;line-height:2.8rem}.article-content .button{font-size:1.4rem;height:4rem;line-height:1.7rem}}
/*# sourceMappingURL=/cdn/shop/t/299/assets/component-article-card-petz.css.map */