.flip-counter{display:flex}.flip-counter .flip-list{flex-basis:5em}@supports (transform-style:preserve-3d){.flip-list{transform-style:preserve-3d}.flip-list .flip-card{transition:transform .7s cubic-bezier(.5,-.55,.43,1.83)}.flip-list .flip-card__active{transform:translateZ(3em)}.flip-card{transform-style:preserve-3d}.flip-card .bottom,.flip-card .top{transition:transform .7s cubic-bezier(.5,-.55,.43,1.83)}.flip-card .top{transform-origin:50% 100%}.flip-card .bottom.flipped,.flip-card .top.flipped{transform:rotateX(179deg)}}.flip-list{position:relative;height:7.5em}.flip-list .flip-card{position:absolute;top:0;left:0;width:100%}.flip-list .flip-card .bottom,.flip-list .flip-card .top{box-shadow:0 0 4px -1px #000}.flip-list .flip-card .bottom.flipped,.flip-list .flip-card .top.flipped{box-shadow:none}.flip-list .flip-card__active{z-index:5}.flip-card{transform-style:preserve-3d;position:relative;height:3em;font-size:40px}.flip-card--centered .content{align-items:center}.flip-card .bottom,.flip-card .top{position:relative;height:50%;overflow:hidden;color:#e7e7e7;font-size:2.5em;backface-visibility:visible}.flip-card .bottom .content,.flip-card .top .content{height:200%;display:flex;flex-flow:column nowrap;justify-content:center}.flip-card .top{border-radius:10px 10px 0 0;background:linear-gradient(180deg,#45484d,#000);transform-origin:50% 100%}.flip-card .bottom{border-radius:0 0 10px 10px;transform-origin:50% 0;background:linear-gradient(0deg,#45484d,#000)}.flip-card .bottom .content{position:relative;top:-100%}.social-media-panel{display:flex;flex-wrap:wrap;margin:0 -1.5em}.social-media-panel .option{position:relative;padding:1.5em;flex:0 0 20%;max-width:20%}@media (max-width:500px){.social-media-panel .option{flex:0 0 25%;max-width:25%}}.social-media-panel .button{width:100%;height:100%;min-width:2.5em;min-height:2.5em;text-align:center;vertical-align:middle;color:#163a7f;border:thin solid #333;border-radius:.125em;cursor:pointer;padding:0 0 100%}.social-media-panel .icon.icon.icon{left:0;top:0;width:100%;height:100%;font-size:1.5em}.social-media-panel .icon.icon.icon svg{height:50%;width:100%}.social-media-panel .caption{position:absolute;left:0;bottom:0;width:100%;text-align:center}.social-media-panel .copied{position:absolute;z-index:1;display:flex;padding:.625em;background-color:#fff}.social-media-panel .copied .copied-header{font-weight:700}.flip-button{cursor:pointer;background-color:transparent;border:0;padding:0;width:8em;height:8em}.flip-button:focus{outline:0}.flip-button__content{transform-style:preserve-3d;perspective:1000px;transition:transform 1s ease-in-out;pointer-events:auto;width:100%;height:100%;position:relative;border:thin solid #000}.flip-button__content:hover{transform:rotateY(-180deg)}.flip-button__content--face{backface-visibility:hidden;position:absolute;top:0;left:0}.flip-button__content--face>*{object-fit:cover}.flip-button__content--front-face{background-color:red}.flip-button__content--back-face{background-color:#6495ed;transform:rotateY(180deg)}.flip-panel{transform-style:preserve-3d;transition:transform .4s ease-in-out}.flip-panel__bottom{transform:rotateX(-90deg);transform-origin:50% 0}.flip-panel--flipped{transform:translateY(-50%) rotateX(90deg)}.modal{position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#fff;animation-duration:.6s}