.scenario[data-v-59010886]{background-color:#003e57;padding:16px;border-radius:6px}.scenario .name[data-v-59010886]{padding:0 0 12px 0;margin:0 0 16px 0;border-bottom:1px solid #c7ebfe;font-family:Josefin Sans;font-size:20px;color:#c7ebfe;line-height:1.2em;text-transform:uppercase}.scenario .content .grid[data-v-59010886]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:12px}.scenario .content .grid .main-icon[data-v-59010886]{grid-column:1/span 1;grid-row:1/span 3}.scenario .content .grid .box[data-v-59010886]{background-color:#024864;border-radius:4px;text-align:center;padding:16px;color:#c7ebfe}.scenario .content .grid .box.disabled[data-v-59010886]{background-color:rgba(2,72,100,.4)}.scenario .content .grid .box.disabled .box-content[data-v-59010886],.scenario .content .grid .box.disabled .box-title[data-v-59010886]{opacity:.2}.scenario .content .grid .box.amount-of-players[data-v-59010886]{grid-column:1/span 1;grid-row:1/span 3}.scenario .content .grid .box.recommended-grade[data-v-59010886]{grid-column:2/span 1;grid-row:1/span 3}.scenario .content .grid .box.episode-count[data-v-59010886]{grid-column:3/span 1;grid-row:1/span 3}.scenario .content .grid .box.episode-length[data-v-59010886]{grid-column:4/span 1;grid-row:1/span 3}.scenario .content .grid .box.remote-online-play[data-v-59010886]{grid-column:1/span 2;grid-row:4/span 1;padding:8px}.scenario .content .grid .box.classroom-play[data-v-59010886]{grid-column:3/span 2;grid-row:4/span 1;padding:8px}.scenario .content .grid .box .box-title[data-v-59010886]{padding:0 0 4px 0;margin:0 0 8px 0;border-bottom:1px solid #c7ebfe;text-transform:uppercase;font-size:1.1rem;line-height:1.2em;font-family:Josefin Sans;color:#c7ebfe}.scenario .content .grid .box .box-content[data-v-59010886]{min-height:calc(100% - 32px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:1.6rem}.scenario .content .grid .box .box-content .value[data-v-59010886]{height:100%;font-size:2.4rem}.scenario .content .grid .box .box-content .value.big[data-v-59010886]{font-size:4rem}.scenario .content .grid .box .box-content[data-v-59010886] .ui-icon{margin:0 8px 0 0}.scenario .content .description[data-v-59010886]{margin:0 0 16px 0;color:#c7ebfe;font-size:1.6rem;line-height:1.4em}.scenario .content .overview[data-v-59010886]{margin:16px 0 0 0;color:#c7ebfe;font-size:1.6rem;line-height:1.4em;max-height:80px;overflow:hidden}.scenario .content .overview.visible[data-v-59010886]{max-height:none}.scenario .content .overview.visible .more[data-v-59010886],.scenario .content .overview.visible[data-v-59010886]:after{display:none}.scenario .content .overview[data-v-59010886]:after{content:"";position:absolute;right:0;left:0;bottom:0;height:32px;background:-webkit-gradient(linear,left bottom,left top,color-stop(50%,#003e57),to(rgba(0,62,87,0)));background:linear-gradient(0deg,#003e57 50%,rgba(0,62,87,0));pointer-events:none}.scenario .content .overview .more[data-v-59010886]{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,62,87,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:24px;text-transform:uppercase;color:#fff}.scenario .content .overview .more .button[data-v-59010886]{display:inline-block;height:48px;padding:0 24px;border-radius:4px;background-color:#c7ebfe;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1.6rem;font-family:Josefin Sans;color:#00293a;font-weight:700;text-transform:uppercase;text-align:center;line-height:50px}.scenario .content .overview .more .button[data-v-59010886]:hover{background-color:#c7ebfe}.scenario .content .overview .more .button[data-v-59010886]:active{background-color:#c7ebfe;-webkit-transform:translateY(2px);transform:translateY(2px)}.scenario .content .buttons .button[data-v-59010886]{height:64px;border-radius:4px;background-color:#033144;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1.6rem;font-family:Josefin Sans;color:#fff;text-transform:uppercase;text-align:center;line-height:66px}.scenario .content .buttons .button[data-v-59010886]:hover{background-color:#00293a}.scenario .content .buttons .button[data-v-59010886]:active{background-color:#002534;-webkit-transform:translateY(2px);transform:translateY(2px)}.scenarios[data-v-28ce0496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.scenarios .side[data-v-28ce0496]{height:100%;width:350px;padding:32px}.scenarios .side .main-title[data-v-28ce0496]{height:48px!important}.scenarios .side .main-title>.ui-icon[data-v-28ce0496]{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.scenarios .main[data-v-28ce0496]{height:100%;width:calc(100% - 350px);max-width:800px;padding-right:16px}.scenarios .main .form[data-v-28ce0496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:72px;padding-bottom:8px}.scenarios .main .form .input[data-v-28ce0496]{width:100%;background:#e1e6e8 url(../../assets/img/search-blue-dark.ece930bf.svg) right 16px center no-repeat;background-size:24px;height:40px;padding:0 24px;border:none;border-radius:40px;font:inherit;color:#191919}.scenarios .main .scroll[data-v-28ce0496]{height:calc(100% - 72px)}.scenarios .main .scroll .scroll-content[data-v-28ce0496]{padding:16px}.scenarios .main .scroll .scroll-content[data-v-28ce0496] .scenario{margin:0 0 24px 0}.scenarios .main .scroll .scroll-content[data-v-28ce0496] .scenario:last-child{margin:0}