.memory{margin:0 auto;position:relative;display:flex;flex-wrap:wrap;justify-content:space-around}.memory.int-content{padding:5px 3px 0 3px}.memory.columns-4 .memory-tile,.memory.columns-5 .memory-tile{width:calc(25% - 5px);padding-bottom:calc(25% - 5px)}.memory.columns-3 .memory-tile{width:calc(33.333% - 5px);padding-bottom:calc(33.333% - 5px)}.memory.columns-2 .memory-tile{width:calc(50% - 5px);padding-bottom:calc(50% - 5px)}.memory-tile{height:0;margin-bottom:5px;position:relative;display:flex;align-items:center;justify-content:center}.memory-tile img{max-width:100%}.memory-tile--flipped .memory-tile__button{display:none}.memory-tile__button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow:hidden;position:absolute;top:0;left:0;z-index:2;background-color:#f4f4f4;background-position:50%;background-size:cover;background-repeat:no-repeat}.memory-tile__button:focus{outline:4px solid #c99300}.memory-tile__button:after{content:"";width:42px;height:42px;border-radius:50%;background:#fff 50% no-repeat;border:1px solid #e0e6ee}@media(min-width:700px){.memory-tile__button:after{width:56px;height:56px}}.memory-tile--text .memory-tile__button:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNSI+PHBhdGggZmlsbD0iIzE3NjNhNiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwdjNoNXYxMmgzVjNoNVYwSDB6bTE5IDVoLTl2M2gzdjdoM1Y4aDNWNXoiLz48L3N2Zz4=)}.memory-tile--audio .memory-tile__button:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbD0iIzE3NjNhNiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiAwdjEwLjU1Yy0uNTktLjM0LTEuMjctLjU1LTItLjU1LTIuMjEgMC00IDEuNzktNCA0czEuNzkgNCA0IDQgNC0xLjc5IDQtNFY0aDRWMEg2ek00IDE2Yy0xLjEgMC0yLS45LTItMnMuOS0yIDItMiAyIC45IDIgMi0uOSAyLTIgMnoiLz48L3N2Zz4=)}.memory-tile--image .memory-tile__button:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbD0iIzE3NjNhNiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgMnYxNEgyVjJoMTRtMC0ySDJDLjkgMCAwIC45IDAgMnYxNGMwIDEuMS45IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjJjMC0xLjEtLjktMi0yLTJ6bS00Ljg2IDguODZsLTMgMy44N0w2IDEwLjE0IDMgMTRoMTJsLTMuODYtNS4xNHoiLz48L3N2Zz4=)}.memory-tile__button-icon{width:36px;transition:all .3s;opacity:.7}.memory-tile__index{position:absolute;top:-4px;right:-4px;z-index:1}.memory-tile__content{border-radius:5px;top:0;right:0;bottom:0;left:0;border:1px solid #b4b4b4;background-color:#eee;text-align:center}.memory-tile__content,.memory-tile__play{overflow:hidden;display:flex;align-items:center;justify-content:center;position:absolute}.memory-tile__play{padding:0;appearance:none;box-shadow:none;border:none;border-radius:0;background-color:transparent;text-indent:100%;white-space:nowrap;color:transparent;width:20px;height:20px;background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMCIgY3k9IjEwIiByPSI4Ii8+PHBhdGggZD0iTTggMTQuNWw2LTQuNS02LTQuNXY5ek0xMCAwQzQuNSAwIDAgNC41IDAgMTBzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNS41IDAgMTAgMHptMCAxOGMtNC40IDAtOC0zLjYtOC04czMuNi04IDgtOCA4IDMuNiA4IDgtMy42IDgtOCA4eiIgZmlsbD0iIzFCNjNBNCIvPjwvZz48L3N2Zz4=) 50% no-repeat}.memory-tile--text .memory-tile__play,.memory-tile:not(.memory-tile--audio) .memory-tile__play{position:absolute;bottom:5px;right:5px}.memory-tile--audio:not(.memory-tile--text) .memory-tile__play{width:100%;height:100%;top:0;right:0;bottom:0;left:0;background-size:48px}body:not(.has-touch) .memory-tile__button:hover .memory-tile__button-icon{opacity:1}.cta-valid{pointer-events:none}.memory--cards-opened .memory-tile__button{background:transparent;background-color:transparent!important;background-image:none!important}.memory--cards-opened .memory-tile__button:after{display:none}.memory--hidden-types .memory-tile--audio .memory-tile__button:after,.memory--hidden-types .memory-tile--image .memory-tile__button:after,.memory--hidden-types .memory-tile--text .memory-tile__button:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMTc2M2E2IiBkPSJNMjcuMzc5IDE1Ljg1bC00LjIyNy0yLjM3OGExMS4wNzUgMTEuMDc1IDAgMDAtMS4zNjQtNy43ODJDMTguNTY0LjI1IDExLjQyNC0xLjYxNCA1Ljg0MSAxLjUyNy4yNTcgNC42NjgtMS42NTYgMTEuNjIzIDEuNTY3IDE3LjA2M2MxLjQ1MiAyLjQ0OSAzLjY5NyA0LjE3MyA2LjIzNyA1LjA0MnY0Ljc1NmMwIDIuNDI5IDIuNyAzLjk0OCA0Ljg1OSAyLjczM2wxNC43MTYtOC4yNzdhMy4xMTYgMy4xMTYgMCAwMDAtNS40Njd6bS0xNC40MTEgNi44MzJsLjAyNi0uMDAzLS4wMjYuMDAzem0uNjI0LS4wODRsLjA0NC0uMDA3LS4wNDQuMDA3em0uMjc0LS4wNDh6bTMuNjQ5LTEuMzI0YTExLjg0NSAxMS44NDUgMCAwMS0zLjU3MSAxLjMxbC0uMDg3LjAxNi0uMjExLjAzNy0uMDY4LjAxMS0uMjQ3LjAzNy0uMDc3LjAxYTcuMzggNy4zOCAwIDAxLS4yNi4wMzJsLS4wNDkuMDA1YTE4LjAzIDE4LjAzIDAgMDEtLjIzMS4wMjJsLS4wNy4wMDZjLS4wODcuMDA3LS4xNzMuMDEzLS4yNi4wMThsLS4wNjYuMDAzYy0uMDc3LjAwNC0uMTU0LjAwOC0uMjMuMDFsLS4wNTMuMDAyYy0uMDg3LjAwMi0uMTc1LjAwNC0uMjYzLjAwNGwtLjA3MS4wMDFjLS4wODggMC0uMTc3LS4wMDEtLjI2NS0uMDAzaC0uMDIxbC0uMjU3LS4wMDktLjA2Ny0uMDA0YTcuNzg3IDcuNzg3IDAgMDEtLjI2NC0uMDE2bC0uMDUtLjAwMy0uMjM2LS4wMjEtLjA1NS0uMDA1YTExLjg0MiAxMS44NDIgMCAwMS0uMjY0LS4wM2wtLjA2MS0uMDA4Yy0uMDgyLS4wMS0uMTY1LS4wMjItLjI0OC0uMDM0bC0uMDI3LS4wMDRhMTIuMjggMTIuMjggMCAwMS0uMjY2LS4wNDRsLS4wNjItLjAxMWExMS4yNzYgMTEuMjc2IDAgMDEtLjI2NS0uMDUxbC0uMDI4LS4wMDZhOS42NyA5LjY3IDAgMDEtLjI0NS0uMDUzbC0uMDU2LS4wMTNjLS4wODctLjAyLS4xNzQtLjA0MS0uMjYtLjA2M2wtLjA1LS4wMTRjLS4wNzktLjAyLS4xNTctLjA0Mi0uMjM2LS4wNjRsLS4wMzktLjAxMWE3LjU5MSA3LjU5MSAwIDAxLS4yNTctLjA3N2wtLjA1OC0uMDE4Yy0uMDg3LS4wMjgtLjE3NC0uMDU2LS4yNi0uMDg2VjEwLjMwNmMwLTIuNDI5IDIuNy0zLjk0OCA0Ljg1OS0yLjczM2wxMC40ODcgNS44OThjLS4wMTcuMDg4LS4wMzYuMTc1LS4wNTUuMjYybC0uMDEyLjA1OGExMC41MTMgMTAuNTEzIDAgMDEtLjA3LjI5NWwtLjA2MS4yMy0uMDE0LjA0OWE3LjkwNyA3LjkwNyAwIDAxLS4wNzMuMjUxbC0uMDE3LjA1NGE4Ljk0NyA4Ljk0NyAwIDAxLS4wNzQuMjMybC0uMDA5LjAyOGExMC4zOCAxMC4zOCAwIDAxLS4yMDMuNTUzbC0uMDEuMDI2LS4wOTMuMjI1LS4wMjQuMDU2YTEyLjI1IDEyLjI1IDAgMDEtLjEwNS4yMzdsLS4wMjQuMDVjLS4wMzIuMDctLjA2NS4xMzktLjA5OS4yMDhsLS4wMjIuMDQ1YTkuOTI3IDkuOTI3IDAgMDEtLjExNy4yM2wtLjAzMS4wNTlhOS4zNjggOS4zNjggMCAwMS0uMTIuMjJsLS4wMTIuMDIxYTEyLjc4IDEyLjc4IDAgMDEtLjEyOS4yMjNsLS4wMzYuMDZhOS45MDYgOS45MDYgMCAwMS0uMTM1LjIxOWwtLjAyOC4wNDQtLjEyMy4xODlhNy44MzMgNy44MzMgMCAwMS0uMTgzLjI2NGwtLjA0MS4wNTctLjEzMy4xODItLjAzLjA0Yy0uMDUyLjA2OS0uMTA1LjEzNy0uMTU4LjIwNGwtLjA0OC4wNi0uMTU2LjE5LS4wNDQuMDUxYTExLjI3IDExLjI3IDAgMDEtLjEzOC4xNTlsLS4wNTguMDY2YTExLjU4IDExLjU4IDAgMDEtMi45NSAyLjM1OHptMy41NjctMy4xMDhsLS4wMTUuMDIuMDE1LS4wMnptLS4zODYuNDg0em0tLjE3OS4yMDdsLS4wNTEuMDU4LjA1MS0uMDU4eiIvPjwvc3ZnPg==)}.memory--waiting .memory:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,100%,.75);z-index:10}.dark-mode .memory-tile__content{border-color:#000;background:#2b2b2b}.dark-mode .memory-tile__button{background-color:#1a1a1a}@media(max-width:719px){.memory{max-width:calc(100vh - 156px)}}@media(min-width:720px){.memory.int-content{padding-top:10px}.memory.columns-5 .memory-tile{width:calc(20% - 10px);padding-bottom:calc(20% - 10px)}.memory.columns-4 .memory-tile{width:calc(25% - 10px);padding-bottom:calc(25% - 10px)}.memory.columns-3 .memory-tile{width:calc(33.333% - 10px);padding-bottom:calc(33.333% - 10px)}.memory.columns-2 .memory-tile{width:calc(50% - 10px);padding-bottom:calc(50% - 10px)}.memory-tile{margin-bottom:10px}.memory-tile__button-icon{width:auto}}