.flip-card-3d-wrapper{position:relative;-o-perspective:2000px;-webkit-perspective:2000px;-ms-perspective:2000px;perspective:2000px;margin:0 auto;width:280px;flex:0 0 280px}@media screen and (min-width: 750px){.flip-card-3d-wrapper{width:auto}}.flip-card{text-align:center;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;display:grid;grid-template-columns:"content";cursor:pointer}.flip-card:hover img{scale:1.1}.flipped{-o-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}.flip-card__front,.flip-card__back{overflow:hidden;width:100%;height:100%;grid-area:content;-o-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:2;box-shadow:0 4px 12px #00000026;border-radius:8px;border:unset;min-height:250px}@media screen and (min-width: 1024){.flip-card__front,.flip-card__back{min-height:320px}}.flip-card__back{padding:54px 20px 34px;display:flex;-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card__front{display:grid;grid-template-rows:auto 1fr}.flip-card__front--text{grid-template-rows:1fr}.flip-card__back-content{font-size:var(--side-description-fz);line-height:1.4;text-align:left}@media screen and (min-width: 750px){.flip-card__back-content{font-size:var(--side-description-fz-pc)}}.flip-card__icon{position:absolute;top:10px;right:10px;width:34px;height:34px;background:#fff3;border:1px solid rgba(var(--color-foreground, .4));border-radius:50%;font-size:0;display:flex;align-items:center;justify-content:center;cursor:pointer;backface-visibility:hidden;-webkit-backface-visibility:hidden;z-index:2;pointer-events:none}.flip-card__icon svg{width:16px;height:auto}.flip-card__media{height:140px}@media screen and (min-width: 750px){.flip-card__media{height:160px}}.flip-card__media img{transition:all .3s ease-in-out}.flip-card__info{display:flex;padding:15px;flex-direction:column;justify-content:center}@media screen and (min-width: 480px){.flip-card__info{padding:18px}}@media screen and (min-width: 750px){.flip-card__info{padding:20px}}.flip-card__heading{font-size:var(--title-fz);margin-top:0;margin-bottom:10px}@media screen and (min-width: 750px){.flip-card__heading{font-size:var(--title-fz-pc)}}.flip-card__description{margin-block:0;line-height:calc(1 + .4 / var(--font-body-scale));font-size:var(--description-fz)}@media screen and (min-width: 750px){.flip-card__description{font-size:var(--description-fz-pc)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-flip-card.css.map */