{"version":3,"file":"blocks/FlipCard/style-index.css","mappings":";;;AAAA;EACC;EACA;EACA;EACA;AACD;AAEC;EACC;AAAF;AAGC;EACC;AADF;AAIC;EACC;EACA;EACA;EACA;AAFF;AAMC;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;AALF;AAWE;EACC;AATH;AAaE;EACC;AAXH;AAeG;EACC;AAbJ;AAgBG;EACC;AAdJ;AAqBE;EACC;AAnBH;AAsBE;EACC;AApBH;AAwBG;EACC;AAtBJ;AAyBG;EACC;AAvBJ;AA6BC;EACC;;IAEC;EA3BD;AACF;AA+BC;EACC;EACA;AA7BF,C","sources":["webpack://brandy-blocks/./src/blocks/FlipCard/style.scss"],"sourcesContent":[".wp-block-brandy-flip-card {\n\tperspective: 1200px;\n\tcursor: pointer;\n\twidth: var(--flip-width, 100%);\n\tmax-width: 100%;\n\n\t// Height handling\n\t&.height-auto {\n\t\theight: var(--flip-height, auto);\n\t}\n\n\t&:not(.height-auto) {\n\t\theight: var(--flip-height);\n\t}\n\n\t.brandy-flip-card-inner {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttransform-style: preserve-3d;\n\t}\n\n\t// Front and back — each side rotates independently (Reanimated pattern)\n\t.brandy-flip-card-front,\n\t.brandy-flip-card-back {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackface-visibility: hidden;\n\t\t-webkit-backface-visibility: hidden;\n\t\toverflow: auto;\n\t\ttransition: transform var(--flip-duration, 0.5s)\n\t\t\tcubic-bezier(0.4, 0, 0.2, 1);\n\t\twill-change: transform;\n\t}\n\n\t// ── Horizontal flip (rotateY) ──\n\t&.flip-direction-horizontal {\n\t\t// Front: 0° → 180°\n\t\t.brandy-flip-card-front {\n\t\t\ttransform: rotateY(0deg);\n\t\t}\n\n\t\t// Back: 180° → 360°\n\t\t.brandy-flip-card-back {\n\t\t\ttransform: rotateY(180deg);\n\t\t}\n\n\t\t&.is-flipped {\n\t\t\t.brandy-flip-card-front {\n\t\t\t\ttransform: rotateY(180deg);\n\t\t\t}\n\n\t\t\t.brandy-flip-card-back {\n\t\t\t\ttransform: rotateY(360deg);\n\t\t\t}\n\t\t}\n\t}\n\n\t// ── Vertical flip (rotateX) ──\n\t&.flip-direction-vertical {\n\t\t.brandy-flip-card-front {\n\t\t\ttransform: rotateX(0deg);\n\t\t}\n\n\t\t.brandy-flip-card-back {\n\t\t\ttransform: rotateX(180deg);\n\t\t}\n\n\t\t&.is-flipped {\n\t\t\t.brandy-flip-card-front {\n\t\t\t\ttransform: rotateX(180deg);\n\t\t\t}\n\n\t\t\t.brandy-flip-card-back {\n\t\t\t\ttransform: rotateX(360deg);\n\t\t\t}\n\t\t}\n\t}\n\n\t// Reduced motion preference\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.brandy-flip-card-front,\n\t\t.brandy-flip-card-back {\n\t\t\ttransition: none;\n\t\t}\n\t}\n\n\t// Focus styles for accessibility\n\t&:focus-visible {\n\t\toutline: 2px solid var(--wp--preset--color--primary, #007cba);\n\t\toutline-offset: 2px;\n\t}\n}\n"],"names":[],"sourceRoot":""}