.flip-tiles-source[hidden]{display:none}.flip-tile-item{display:flex}.flip-tile-item[hidden]{display:none!important}.flip-tile{-webkit-appearance:none;appearance:none;position:relative;display:flex;width:100%;min-height:34rem;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer;perspective:140rem;-webkit-tap-highlight-color:transparent}.flip-tile:focus-visible{outline:.2rem solid #173F2D;outline-offset:.2rem}.flip-tile__inner{display:grid;width:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.flip-tile.is-flipped .flip-tile__inner{transform:rotateY(180deg)}.flip-tile__face{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:2.8rem 2.4rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-tile__face--front{background:#173f2d;color:#fffdf5}.flip-tile__face--back{background:#fff;color:#173f2d;transform:rotateY(180deg)}.flip-tile__eyebrow{font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.flip-tile__question,.flip-tile__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2.2rem;line-height:1.2;max-width:24rem}.flip-tile__answer{font-size:1.5rem;line-height:1.5;max-width:26rem}.flip-tile__face-img{width:7.2rem;height:7.2rem;border-radius:50%;object-fit:cover;background:#fffdf5}.flip-tile__hint{display:inline-flex;align-items:center;gap:.6rem;margin-top:.4rem;font-size:1.3rem;font-weight:700;text-decoration:underline;text-underline-offset:.3rem}.flip-tile__hint:before{content:"\21bb";font-size:1.5rem;text-decoration:none}@media(hover:hover){.flip-tile:hover:not(.is-flipped) .flip-tile__inner{transform:rotateY(8deg)}}@media(prefers-reduced-motion:reduce){.flip-tile__inner{transition:none}.flip-tile:hover:not(.is-flipped) .flip-tile__inner{transform:none}}@media screen and (max-width:749px){.flip-tile{min-height:22rem}.flip-tile__face{padding:2.4rem 2rem}.flip-tile__question,.flip-tile__title{font-size:2rem}}.tip-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;width:100%;min-height:34rem;padding:2.8rem 2.4rem;background:#fff;color:#173f2d;text-align:center}.tip-tile h3,.tip-tile p{margin:0}@media screen and (max-width:749px){.tip-tile{min-height:22rem;padding:2.4rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/flip-tiles.css.map */