.eye-card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none}.eye-card{text-align:var(--card-text-alignment);text-decoration:none}.eye-card--card{height:100%}.eye-card--standard>a{color:rgb(var(--color-foreground));text-decoration:none}.eye-card--standard>a:hover .full-unstyled-link{text-decoration:underline}.eye-card--card,.eye-card--standard .eye-card__inner{border-radius:var(--card-corner-radius);border:var(--card-border-width) solid rgba(var(--color-foreground),var(--card-border-opacity));position:relative;box-sizing:border-box}.eye-card--card:after,.eye-card--standard .eye-card__inner:after{content:"";position:absolute;width:calc(var(--card-border-width) * 2 + 100%);height:calc(var(--card-border-width) * 2 + 100%);top:calc(var(--card-border-width) * -1);left:calc(var(--card-border-width) * -1);z-index:-1;border-radius:var(--card-corner-radius);box-shadow:var(--card-shadow-horizontal-offset) var(--card-shadow-vertical-offset) var(--card-shadow-blur-radius) rgba(var(--color-shadow),var(--card-shadow-opacity))}.eye-card .eye-card__inner .eye-card__media{overflow:hidden;z-index:0;border-radius:calc(var(--card-corner-radius) - var(--card-border-width) - var(--card-image-padding))}.eye-card--card .eye-card__inner .eye-card__media{border-bottom-right-radius:0;border-bottom-left-radius:0}.eye-card--standard.eye-card--text{background-color:transparent}.eye-card-information{text-align:var(--card-text-alignment)}.eye-card__media,.eye-card .media{bottom:0;position:absolute;top:0}.eye-card .media{width:100%}.eye-card__media{margin:var(--card-image-padding);width:calc(100% - 2 * var(--card-image-padding))}.eye-card__title{margin-top:1rem;font-size:1.25rem;line-height:1.5;letter-spacing:0;text-align:center}.eye-card--standard .eye-card__media{margin:var(--card-image-padding)}.eye-card__inner{width:100%}.eye-card--media .eye-card__inner .eye-card__content{padding:calc(var(--card-image-padding) + 1rem);position:relative}@media screen and (min-width:750px){.eye-card__title{margin:22px 0 0;font-size:1.8rem}}.eye-card__badge{align-self:flex-end;grid-row-start:3;justify-self:flex-start}.eye-card__badge.top{align-self:flex-start;grid-row-start:1}.eye-card__badge.right{justify-self:flex-end}.eye-card__media .media img{height:100%;object-fit:contain;object-position:center center;width:100%}.eye-card__inner:not(.ratio)>.eye-card__content{height:100%}.eye-card__heading{margin-top:0;margin-bottom:2px;font-family:Noto Sans JP,sans-serif}.eye-card__heading:last-child{margin-bottom:0}.eye-card--card.eye-card--media>.eye-card__content{margin-top:calc(0rem - var(--card-image-padding))}.eye-card--standard.eye-card--text a:after,.eye-card--card .eye-card__heading a:after{bottom:calc(var(--card-border-width) * -1);left:calc(var(--card-border-width) * -1);right:calc(var(--card-border-width) * -1);top:calc(var(--card-border-width) * -1)}.eye-card__heading a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.eye-card__heading a:after{outline-offset:.3rem}.eye-card__heading a:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.eye-card__heading a:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.eye-card__heading a:focus:not(:focus-visible):after{box-shadow:none;outline:0}.eye-card__heading a:focus{box-shadow:none;outline:0}@media screen and (min-width:990px){.eye-card .media.media--hover-effect>img:only-child,.eye-card-wrapper .media.media--hover-effect>img:only-child{transition:transform var(--duration-long) ease}.eye-card:hover .media.media--hover-effect>img:first-child:only-child,.eye-card-wrapper:hover .media.media--hover-effect>img:first-child:only-child{transform:scale(1.03)}.eye-card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.eye-card-wrapper:hover .media.media--hover-effect>img+img{opacity:1;transition:transform var(--duration-long) ease;transform:scale(1.03)}.underline-links-hover:hover a{text-decoration:underline;text-underline-offset:.3rem}}.eye-card--standard.eye-card--media .eye-card__inner .eye-card__information,.eye-card--standard.eye-card--text>.eye-card__content .eye-card__heading,.eye-card--standard>.eye-card__content .eye-card__badge,.eye-card--standard.eye-card--text.article-card>.eye-card__content .eye-card__information,.eye-card--standard>.eye-card__content .eye-card__caption{display:none}.eye-card--standard>.eye-card__content{padding:0}.eye-card--standard>.eye-card__content .eye-card__information{padding-left:0;padding-right:0}.eye-card--card.eye-card--media .eye-card__inner .eye-card__information,.eye-card--card.eye-card--text .eye-card__inner,.eye-card--card.eye-card--media>.eye-card__content .eye-card__badge{display:none}.eye-card--extend-height{height:100%}.eye-card--extend-height.eye-card--standard.eye-card--text,.eye-card--extend-height.eye-card--media{display:flex;flex-direction:column}.eye-card--extend-height.eye-card--standard.eye-card--text .eye-card__inner,.eye-card--extend-height.eye-card--media .eye-card__inner{flex-grow:1}.eye-card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden}.eye-card-information>*+*{margin-top:.5rem}.eye-card-information{width:100%}.eye-card-information>*{line-height:calc(1 + .4 / var(--font-body-scale));color:rgb(var(--color-foreground))}.eye-card-information .price{color:rgb(var(--color-foreground))}.eye-card-information>.rating{margin-top:.4rem}.eye-card-information>*:not(.visually-hidden:first-child)+*:not(.rating){margin-top:.7rem}.eye-card-information__footer{position:relative;z-index:1}.eye-card-information__footer>.price{padding-right:28px}.eye-card-information__footer>.wk-button.icon-favorite{position:absolute;top:auto;bottom:0;right:0;line-height:1;display:block;width:25px;pointer-events:all;z-index:3;cursor:pointer}.eye-card-information__footer>.icon-favorite svg{width:100%}.eye-card-information .caption{letter-spacing:.07rem}.card-article-info{margin-top:1rem}
/*# sourceMappingURL=/cdn/shop/t/24/assets/eye-component-card.css.map */