flip-box{position:relative}flip-box::part(hover){transform:rotateY(180deg)}flip-box>*{backface-visibility:hidden;grid-column:1;grid-row:1;height:100%;overflow:hidden;width:100%}flip-box>:first-child{z-index:2}flip-box>:last-child{transform:rotateY(180deg);z-index:2}flip-box::part(root){display:inline-block;height:100%;width:100%}flip-box::part(toggle){align-items:center;background-color:#fff;border:1px solid #a9a9a9;border-radius:9999px;color:#444;cursor:pointer;display:inline-grid;font:var(--fa-font-solid);font-size:1rem;height:20px;justify-content:center;justify-items:center;position:absolute;right:10px;top:10px;width:20px}flip-box::part(toggle):after{content:"\f2f1"}flip-box::part(toggle):hover{color:blue}flip-box::part(container){display:inline-grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%;perspective:1000px;transform-style:preserve-3d;transition:.6s;width:100%}flip-box[first-visible=on]>:first-child,flip-box[first-visible=true]>:first-child,flip-box[first-visible=yes]>:first-child{backface-visibility:visible}flip-box img:not([styler-object-fit]){-o-object-fit:contain;object-fit:contain}@media (max-width:700px){flip-box img:not([styler-max-width]){max-width:100vw}}body:not([editing]) flip-box:hover::part(container){transform:rotateY(180deg)}body:not([editing]) flip-box::part(toggle){display:none}
/*# sourceMappingURL=FlipBox.css.map */