/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline;}.container-inline .details-wrapper{display:block;}
.clearfix:after{display:table;clear:both;content:"";}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}
.progress{position:relative;}.progress__track{min-width:100px;max-width:100%;height:16px;margin-top:5px;border:1px solid;background-color:#fff;}.progress__bar{width:3%;min-width:3%;max-width:100%;height:1.5em;background-color:#000;}.progress__description,.progress__percentage{overflow:hidden;margin-top:0.2em;color:#555;font-size:0.875em;}.progress__description{float:left;}[dir="rtl"] .progress__description{float:right;}.progress__percentage{float:right;}[dir="rtl"] .progress__percentage{float:left;}.progress--small .progress__track{height:7px;}.progress--small .progress__bar{height:7px;background-size:20px 20px;}
.ajax-progress{display:inline-block;padding:1px 5px 2px 5px;}[dir="rtl"] .ajax-progress{float:right;}.ajax-progress-throbber .throbber{display:inline;padding:1px 5px 2px;background:transparent url(/themes/contrib/stable/images/core/throbber-active.gif) no-repeat 0 center;}.ajax-progress-throbber .message{display:inline;padding:1px 5px 2px;}tr .ajax-progress-throbber .throbber{margin:0 2px;}.ajax-progress-bar{width:16em;}.ajax-progress-fullscreen{position:fixed;z-index:1000;top:48.5%;left:49%;width:24px;height:24px;padding:4px;opacity:0.9;border-radius:7px;background-color:#232323;background-image:url(/themes/contrib/stable/images/core/loading-small.gif);background-repeat:no-repeat;background-position:center center;}[dir="rtl"] .ajax-progress-fullscreen{right:49%;left:auto;}
.views-align-left{text-align:left;}.views-align-right{text-align:right;}.views-align-center{text-align:center;}.views-view-grid .views-col{float:left;}.views-view-grid .views-row{float:left;clear:both;width:100%;}.views-display-link + .views-display-link{margin-left:0.5em;}
.flip-container{-webkit-perspective:1000px;perspective:1000px;}.flip-container.open .flipper{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}.flip-container.found .flipper{-webkit-transform:rotateY(180deg) !important;transform:rotateY(180deg) !important;}.flip-container.found .flipper .back img{opacity:0.6;}.count-overlay{position:fixed;width:100%;height:100%;background-color:rgba(66,66,66,0.8);left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:white;opacity:1;z-index:100;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;}.count-overlay.fade{opacity:0;}.count-overlay label{font-size:3rem;text-transform:uppercase;font-weight:600;letter-spacing:0.1rem;color:#17a8e2;}.count-overlay.countdown label{letter-spacing:0.3rem;}.count-overlay span{font-size:75px;-webkit-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out;-webkit-transform:scale(0);transform:scale(0);min-height:112px;}.count-overlay span.scale{-webkit-transform:scale(2);transform:scale(2);}.cards{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}.card-overlay{position:absolute;width:100%;height:100%;padding:20px;background-color:#6fa6cc;color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-transform:uppercase;opacity:0;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;text-align:center;font-size:1.3rem;font-weight:600;letter-spacing:0.07rem;}.card-overlay:hover{opacity:1;}.card-overlay a{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#424242;text-transform:uppercase;font-size:1.1rem;font-weight:600;letter-spacing:0.1rem;}.card-overlay a:hover{color:#424242;text-decoration:none;}.card-overlay a:hover:after{bottom:-0.3rem;opacity:1;}.card-overlay a:after{content:"";opacity:0;position:absolute;bottom:-0.5rem;left:0;right:0;border:1.2px solid #424242;background-color:#424242;-webkit-transition:all 0.5s;transition:all 0.5s;}.pre-game{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:calc(100vh - 250px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;text-align:center;}@media (min-width:481px){.pre-game{min-height:calc(100vh - 150px);}}.options{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:50px;z-index:1;}@media (max-device-width:480px){.options{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;}}.options .diff{margin:0 10px;height:50px;padding:10px 20px;cursor:pointer;background-color:white;border-radius:5px;width:115px;}@media (max-device-width:480px){.options .diff{text-align:center;width:160px;margin-bottom:20px;}}.options .diff:nth-child(1){border:solid 2px #b3b4b3;color:#b3b4b3;}.options .diff:nth-child(1):hover{background-color:rgba(184,189,191,0.1);}.options .diff:nth-child(1).active{background-color:#b3b4b3;color:white;}.options .diff:nth-child(2){border:solid 2px #17a8e2;color:#17a8e2;}.options .diff:nth-child(2):hover{background-color:rgba(23,168,226,0.1);}.options .diff:nth-child(2).active{background-color:#17a8e2;color:white;}.options .diff:nth-child(3){color:#ffa500;border:solid 2px #ffa500;}.options .diff:nth-child(3):hover{background-color:rgba(255,165,3,0.1);}.options .diff:nth-child(3).active{background-color:#ffa500;color:white;}.options .diff:nth-child(4){color:#fd4f6d;border:solid 2px #fd4f6d;}.options .diff:nth-child(4):hover{background-color:rgba(253,78,109,0.1);}.options .diff:nth-child(4).active{background-color:#fd4f6d;color:white;}.flip-container{width:calc(20% - 16px);height:200px;margin:0 8px;margin-bottom:2rem;cursor:pointer;-webkit-transition:0.4s all cubic-bezier(0.99,-0.04,0.18,1.01);transition:0.4s all cubic-bezier(0.99,-0.04,0.18,1.01);}@media (max-device-width:480px){.flip-container{width:calc((100vw - 40px) / 4 - 16px) !important;height:calc((100vw - 40px) / 4 - 16px) !important;padding:0;background-size:80% !important;}}.front,.back{width:100%;height:200px;border-radius:5px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);background-color:white;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;}@media (max-device-width:480px){.front,.back{width:calc((100vw - 40px) / 4 - 16px) !important;height:calc((100vw - 40px) / 4 - 16px) !important;padding:0;background-size:80% !important;}}.flipper{-webkit-transition:0.6s;transition:0.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;}.front{z-index:2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background-image:url(/modules/custom/druplicon_games/images/hero.png);background-size:100px;background-position:center;background-repeat:no-repeat;opacity:0.4;}.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem 1.5rem;}.back img{height:140px;width:140px;-o-object-fit:contain;object-fit:contain;position:relative;top:0;margin-top:0;margin-bottom:0;}@media (max-device-width:480px){.back img{height:80% !important;width:80% !important;}}.back h5{color:#a2afb4;font-size:1.5rem;font-weight:normal;text-transform:uppercase;margin:0;text-align:center;display:none;}.board-header{width:100%;position:relative;}.board-header__content{display:-webkit-box;display:-ms-flexbox;display:flex;gap:3rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:2rem;}.board-header__content-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}.board-header .game-title{position:relative;text-transform:uppercase;font-weight:500;color:#17a8e2;font-size:2rem;line-height:1;}@media (min-width:480px){.board-header .game-title{font-size:3rem;}}@media (min-width:1024px){.board-header .game-title{font-size:4rem;}}.board-header .game-title span{color:#b3b4b3;}.start-again{position:relative;-ms-flex-item-align:end;align-self:flex-end;text-transform:uppercase;letter-spacing:0.1rem;font-weight:500;font-size:1.2rem;cursor:pointer;padding:5px 10px;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#17a8e2;color:white;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}@media (min-width:480px){.start-again{font-size:1.3rem;padding:10px 15px;}}@media (min-width:768px){.start-again{font-size:1.5rem;}}.start-again:hover{background-color:#0975a1;}.game-info{margin-top:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-transform:uppercase;color:#17a8e2;line-height:1;font-size:1.3rem;}@media (min-width:480px){.game-info{font-size:1.5rem;}}@media (min-width:620px){.game-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}}@media (min-width:768px){.game-info{font-size:1.8rem;}}.game-info .pairs-and-moves{display:-webkit-box;display:-ms-flexbox;display:flex;}@media (min-width:480px){.game-info .pairs-and-moves{font-size:1.5rem;}}@media (min-width:768px){.game-info .pairs-and-moves{font-size:1.8rem;}}.game-info #result,.game-info #clicks{margin-right:1rem;}@media (min-width:480px){.game-info #result,.game-info #clicks{margin-right:2rem;}}@media (min-width:768px){.game-info #result,.game-info #clicks{margin-right:3rem;}}.game-info #timer{width:112px;}@media (min-width:480px){.game-info #timer{width:122px;}}.game-info span{color:#b3b4b3;font-size:2.2rem;}.game-info span:not(.sec){margin-left:0.5rem;}.memory-board{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:calc(100vh - 150px);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}.memory-board header{display:none;}.memory-board h1{font-size:5rem;font-weight:600;color:#424242;margin-top:20px;}@media (max-device-width:480px){.memory-board h1{font-size:3rem;}}.memory-board h5{font-size:30px;text-transform:uppercase;font-weight:400;color:#424242;margin-bottom:30px;z-index:1;}@media (max-device-width:480px){.memory-board h5{font-size:2rem;margin:20px 0;}}.memory-board .region.region-content{display:none;}.memory-board.diff-5 .flip-container{width:calc(17.5% - 16px);height:150px;}.memory-board.diff-5 .front,.memory-board.diff-5 .back{height:150px;background-size:80px;}.memory-board.diff-5 .front img,.memory-board.diff-5 .back img{height:100px;width:100px;}.memory-board.diff-8 .flip-container{width:calc(13% - 16px);height:120px;}.memory-board.diff-8 .front,.memory-board.diff-8 .back{height:120px;background-size:70px;}.memory-board.diff-8 .front img,.memory-board.diff-8 .back img{height:100px;width:100px;}.memory-board.diff-10 .flip-container{width:calc(12.5% - 16px);height:120px;}.memory-board.diff-10 .front,.memory-board.diff-10 .back{height:120px;background-size:60px;}.memory-board.diff-10 .front img,.memory-board.diff-10 .back img{height:80px;width:80px;}.memory-board.diff-18 .flip-container{width:calc(10.5% - 16px);height:90px;}.memory-board.diff-18 .front,.memory-board.diff-18 .back{height:100px;background-size:50px;}.memory-board.diff-18 .front img,.memory-board.diff-18 .back img{height:70px;width:70px;}#replay{text-transform:uppercase;letter-spacing:0.1rem;font-weight:500;font-size:1.2rem;cursor:pointer;padding:5px 10px;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#17a8e2;color:white;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;border:0;margin-top:2rem;}@media (min-width:480px){#replay{font-size:1.3rem;padding:10px 15px;}}@media (min-width:768px){#replay{font-size:1.5rem;}}#replay:hover{background-color:#0975a1;}.diff{margin:0 10px;}#progress-bar{width:100%;position:relative;height:10px;border-bottom:solid 1px #ededed;margin-bottom:30px;}#progress-bar .bar{position:absolute;left:0;bottom:0;width:0;background-color:#17a8e2;height:100%;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;}#x_button{position:absolute;top:120px;right:30px;font-size:40px;cursor:pointer;font-weight:300;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;opacity:1;font-weight:500;}#x_buttonhover{opacity:0.5;}#close{display:none;}.expert-game{display:none;}@media (min-width:768px){.expert-game{display:block;}}#playButton{z-index:2;}.play-button-animation-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.center-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.box-container{font-size:10px;height:40em;width:40em;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:-10rem;}.group{position:absolute;top:0;right:0;bottom:0;left:0;}.box{position:absolute;height:11.3333333333em;width:11.3333333333em;border-radius:1.4166666667em;border:0.25em solid red;-webkit-transform-origin:center;transform-origin:center;opacity:0.52;border-color:#b5b5b5;-webkit-transition:-webkit-box-shadow 1s;transition:-webkit-box-shadow 1s;transition:box-shadow 1s;transition:box-shadow 1s,-webkit-box-shadow 1s;}.box:not(.center){-webkit-box-shadow:inset 0 0 0.2em rgba(68,68,68,0),0 0 1.5em rgba(123,123,123,0);box-shadow:inset 0 0 0.2em rgba(68,68,68,0),0 0 1.5em rgba(123,123,123,0);}.box.center{-webkit-box-shadow:inset 0 0 0.4em rgba(255,255,255,0),0 0 2em rgba(123,123,123,0);box-shadow:inset 0 0 0.4em rgba(255,255,255,0),0 0 2em rgba(123,123,123,0);border-color:black;text-decoration:none;opacity:1;-webkit-transition:background-color 0.3s,border-color 0.4s,-webkit-transform 0.8s;transition:background-color 0.3s,border-color 0.4s,-webkit-transform 0.8s;transition:transform 0.8s,background-color 0.3s,border-color 0.4s;transition:transform 0.8s,background-color 0.3s,border-color 0.4s,-webkit-transform 0.8s;}.box.top-left{top:0;left:0;}.box.top{top:0;}.box.top-right{top:0;right:0;}.box.right{right:0;}.box.bottom-right{bottom:0;right:0;}.box.bottom{bottom:0;}.box.bottom-left{bottom:0;left:0;}.box.left{left:0;}.play-button{position:relative;text-transform:uppercase;letter-spacing:0.4em;text-indent:-0.4em;direction:rtl;color:black;font-weight:700;font-size:1.8em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:color 0.3s,letter-spacing 0.3s,text-indent 0.3s,-webkit-transform 0.4s;transition:color 0.3s,letter-spacing 0.3s,text-indent 0.3s,-webkit-transform 0.4s;transition:transform 0.4s,color 0.3s,letter-spacing 0.3s,text-indent 0.3s;transition:transform 0.4s,color 0.3s,letter-spacing 0.3s,text-indent 0.3s,-webkit-transform 0.4s;}.play-button.pulse{-webkit-animation:2s pulse ease-in-out infinite;animation:2s pulse ease-in-out infinite;}.box.center:hover{border-color:darkgray;-webkit-transform:scale(1.2);transform:scale(1.2);background-color:black;-webkit-box-shadow:inset 0 0 0.4em rgba(255,255,255,0.6),0 0 2em rgba(123,123,123,0.5019607843);box-shadow:inset 0 0 0.4em rgba(255,255,255,0.6),0 0 2em rgba(123,123,123,0.5019607843);}.box.center:hover > .play-button{color:white;pointer-events:none;}.box-container.animated .inner{-webkit-animation:2s rotate cubic-bezier(0.25,0.2,0.75,0.9);animation:2s rotate cubic-bezier(0.25,0.2,0.75,0.9);}.box-container.animated .outer{-webkit-animation:2s rotate-reverse cubic-bezier(0.25,0.2,0.75,0.9);animation:2s rotate-reverse cubic-bezier(0.25,0.2,0.75,0.9);}.box-container.animated .box:not(.center){-webkit-box-shadow:inset 0 0 0.2em rgba(68,68,68,0.6),0 0 1.5em rgba(123,123,123,0.2745098039);box-shadow:inset 0 0 0.2em rgba(68,68,68,0.6),0 0 1.5em rgba(123,123,123,0.2745098039);}.box-container .box:not(.center){-webkit-animation:1.7s normal-opacity;animation:1.7s normal-opacity;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.box-container.full-opacity .box:not(.center){-webkit-animation:1.7s full-opacity;animation:1.7s full-opacity;-webkit-animation-fill-mode:both;animation-fill-mode:both;}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);}50%{-webkit-transform:rotate(45deg) scale(1.1);transform:rotate(45deg) scale(1.1);}100%{-webkit-transform:rotate(90deg) scale(1);transform:rotate(90deg) scale(1);}}@keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);}50%{-webkit-transform:rotate(45deg) scale(1.1);transform:rotate(45deg) scale(1.1);}100%{-webkit-transform:rotate(90deg) scale(1);transform:rotate(90deg) scale(1);}}@-webkit-keyframes rotate-reverse{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);}50%{-webkit-transform:rotate(-45deg) scale(1.1);transform:rotate(-45deg) scale(1.1);}100%{-webkit-transform:rotate(-90deg) scale(1);transform:rotate(-90deg) scale(1);}}@keyframes rotate-reverse{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);}50%{-webkit-transform:rotate(-45deg) scale(1.1);transform:rotate(-45deg) scale(1.1);}100%{-webkit-transform:rotate(-90deg) scale(1);transform:rotate(-90deg) scale(1);}}@-webkit-keyframes pulse{0%{-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);}50%{-webkit-transform:rotate(-45deg) scale(1.14);transform:rotate(-45deg) scale(1.14);}100%{-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);}}@keyframes pulse{0%{-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);}50%{-webkit-transform:rotate(-45deg) scale(1.14);transform:rotate(-45deg) scale(1.14);}100%{-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);}}@-webkit-keyframes full-opacity{0%{opacity:0.52;}100%{opacity:1;}}@keyframes full-opacity{0%{opacity:0.52;}100%{opacity:1;}}@-webkit-keyframes normal-opacity{0%{opacity:1;}100%{opacity:0.52;}}@keyframes normal-opacity{0%{opacity:1;}100%{opacity:0.52;}}