.card-flip{display:block;position:relative;transform:rotate(var(--rotation-mobile))}.card-flip__item{backface-visibility:hidden;transition:transform .8s ease,visibility .8s ease}.card-flip__item--front{position:absolute;top:0;left:0;width:100%;height:100%;padding:2.2rem;border:.1rem solid currentColor;text-align:center;background-color:var(--color-background-body)}.card-flip__item--front .card-flip__item-inner{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.card-flip__item--front .card-flip__item-content{padding:3rem;max-width:33rem}.card-flip__dots{--gap: 1rem;--dot-size: 1.2rem;display:flex;justify-content:space-between;gap:var(--gap);position:absolute;overflow:hidden}.card-flip__dots--bottom,.card-flip__dots--top{top:0;left:0;width:100%}.card-flip__dots--left,.card-flip__dots--right{top:calc(var(--gap) + var(--dot-size));right:0;bottom:calc(var(--gap) + var(--dot-size));flex-direction:column;justify-content:space-around}.card-flip__dots--bottom{top:auto;bottom:0}.card-flip__dots--left{right:auto;left:0}.card-flip__dots .circle-dot{width:var(--dot-size);height:var(--dot-size);flex-shrink:0}.card-flip__item--back{display:flex;align-items:center;min-height:28rem;border:.1rem solid currentColor;padding:2.6rem 2.9rem 3.1rem;background-color:var(--card-background);visibility:hidden;transform:rotateY(180deg)}.card-flip__item--back .card-flip__item-content{width:100%}.card-flip__item--back .card-flip__item-title{margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:.1rem solid currentColor;font-weight:400}.card-flip__item--back .card-flip__item-entry{padding-bottom:1.1rem;border-bottom:.1rem solid currentColor}@media not all and (hover:hover)and (pointer:fine){.card-flip.is-flipped .card-flip__item--front{visibility:hidden;transform:rotateY(-180deg)}.card-flip.is-flipped .card-flip__item--back{visibility:inherit;transform:none}}@media(hover:hover)and (pointer:fine){.card-flip:hover .card-flip__item--front{visibility:hidden;transform:rotateY(-180deg)}.card-flip:hover .card-flip__item--back{visibility:inherit;transform:none}}@media screen and (min-width:750px){.card-flip{transform:rotate(var(--rotation))}.card-flip__item--front{padding:2.8rem}.card-flip__item--front .card-flip__item-content{padding:4rem;max-width:40rem}.card-flip__item--back{min-height:36.5rem;padding:3.2rem 5.2rem 3.6rem}.card-flip__item--back .card-flip__item-title{margin-bottom:2.8rem;padding-bottom:2.6rem}.card-flip__item--back .card-flip__item-entry{padding-bottom:2.3rem;max-width:96%}.card-flip__dots{--gap: 1.4rem;--dot-size: 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-card-flip.css.map */