html body.dialog.jam-home{background:url('/images/jam/jam-bg-small-16rbr12.svg'),#0039a4;background-repeat:no-repeat;background-position:center bottom;background-size:100%;padding-bottom:0}@media only screen and (min-width: 768px){html body.dialog.jam-home{background:url('/images/jam/jam-bg-large-i5nr0v.svg'),#0039a4;background-repeat:no-repeat;background-position:center bottom;background-size:100%;padding-bottom:70px}}html body.dialog.jam-home main{max-width:720px;margin-top:40px;margin-bottom:0;padding:10px 20px 20px 20px;border-radius:20px;background-color:#f8f8f8;box-shadow:none}@media only screen and (max-width: 470px){html body.dialog.jam-home main{margin-top:130px}}html body.dialog.jam-home main a{color:#22558a}html body.dialog.jam-home main button{background-repeat:no-repeat;background-color:#c6c6c6;color:#fff;background-image:url('/images/icons/jam-gray-cl7k6d.svg');background-position:22px 100%;padding-left:64px;padding-right:22px;line-height:2.75em;font-size:18px}html body.dialog.jam-home main button.active{background-color:#73c4da;color:#fff;background-image:url('/images/icons/jam-1e9rc2a.svg');background-position:.25em 100%;background-size:2.5em;padding-left:3em}html body.dialog.jam-home main button.active:hover{background-color:rgb(155.3389830508,213,228.6610169492)}html body.dialog.jam-home main .join-jam{max-width:615px;margin:auto}html body.dialog.jam-home main .join-jam .starburst-left{position:absolute;top:-35px;left:-10px;background-image:url('/images/jam/starburst-red-small-po01vf.svg');width:100px;height:72px;background-size:contain;background-repeat:no-repeat;z-index:-1}@media only screen and (min-width: 768px){html body.dialog.jam-home main .join-jam .starburst-left{background-image:url('/images/jam/starburst-red-1t9hf29.svg');top:-90px;left:-20px;width:154px;height:140px}}@media only screen and (min-width: 1180px){html body.dialog.jam-home main .join-jam .starburst-left{top:-50px;left:-110px;width:154px;height:140px}}html body.dialog.jam-home main .join-jam .starburst-right{position:absolute;top:-35px;right:-10px;background-image:url('/images/jam/starburst-blue-small-yf084r.svg');width:100px;height:72px;background-size:contain;background-repeat:no-repeat;z-index:-1}@media only screen and (min-width: 768px){html body.dialog.jam-home main .join-jam .starburst-right{background-image:url('/images/jam/starburst-blue-1b0cawu.svg');top:-90px;right:-15px;width:154px;height:140px}}@media only screen and (min-width: 1180px){html body.dialog.jam-home main .join-jam .starburst-right{top:-50px;right:-80px;width:154px;height:140px}}html body.dialog.jam-home main .join-jam h1{margin:0 auto 12px;font-size:25px;font-weight:400;color:#484848}html body.dialog.jam-home main .join-jam .start-your-own{width:230px;margin:auto;border-top:1px solid #c6c6c6}@media only screen and (min-width: 768px){html body.dialog.jam-home main .join-jam .start-your-own{width:auto}}html body.dialog.jam-home main .join-jam .start-your-own h2{margin:12px auto;font-size:20px;font-weight:400;color:#333}html body.dialog.jam-home main .join-jam .start-your-own p{text-align:center;margin:0 auto;color:#484848;font-size:14px}html body.dialog.jam-home main .join-jam .start-your-own a{font-weight:bold;color:#0275b8}html body.dialog.jam-home main .join-jam .joinpanel .code{margin:12px 0}html body.dialog.jam-home main .join-jam .joinpanel .code input[type=text]{font-weight:normal;font-size:25px;width:35px;margin:0 2px;border-radius:4px;border:1px solid #ccc;text-align:center;padding:15px 0}html body.dialog.jam-home main .join-jam .joinpanel .code-prompt{margin:auto;width:200px}html body.dialog.jam-home main .join-jam .joinpanel .code-prompt p{font-weight:400;margin:12px 0}@media only screen and (min-width: 768px){html body.dialog.jam-home main .join-jam .joinpanel .code-prompt{width:auto}}html body.dialog.jam-home main .join-jam .joinpanel .ask-teacher-prompt p{margin:12px 0;font-size:14px}html body.dialog.jam-home main .join-jam .joinpanel p{text-align:center !important;color:#484848}html body.dialog.jam-home main .join-jam .joinpanel .error{color:#c00}html body.dialog.jam-home #homeLink{position:absolute;top:-44px;bottom:auto;left:50%;margin-left:0;transform:translate(-50%, -50%)}html body.dialog.jam-home #homeLink img{opacity:1;height:48px;width:auto}@media only screen and (max-width: 470px){html body.dialog.jam-home #homeLink{top:-86px}}html body.dialog.jam-home .jam-join-header{font-size:20px;margin:24px auto}@media only screen and (min-width: 768px){html body.dialog.jam-home .jam-join-header{font-size:25px}}html body.dialog.jam-home .upcoming-jams{margin-top:24px;margin-bottom:200px;max-width:500px}@media only screen and (min-width: 965px){html body.dialog.jam-home .upcoming-jams{max-width:1280px;margin-bottom:340px}}html body.dialog.jam-home .upcoming-jams nav.cards{text-shadow:none;text-align:left;color:#333;display:flex;flex-wrap:wrap;justify-content:center;margin:10px -10px 10px -10px}html body.dialog.jam-home .upcoming-jams nav.cards .card{background-color:#f8f8f8;flex-grow:0;flex-shrink:1;margin:10px;border-radius:20px;overflow:hidden;user-select:none;flex-basis:100%;min-height:0px;max-width:504px;display:flex;flex-direction:column}@media only screen and (min-width: 965px){html body.dialog.jam-home .upcoming-jams nav.cards .card{min-height:220px;flex-basis:calc(50% - 20px)}}html body.dialog.jam-home .upcoming-jams nav.cards .card a{color:#0275b8}html body.dialog.jam-home .upcoming-jams nav.cards .card .content{padding:15px 15px 0;display:flex;justify-content:space-between;flex:1;font-weight:300;min-height:120px}html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details{display:flex;justify-content:space-between;align-items:center}html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details .type{display:block;font-size:.75em;margin:0}html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details a{text-decoration:none}html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details.list .info .title{font-size:1.25em;display:block;font-weight:300}html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details.unit .info{flex:1 1 100%;font-weight:300}html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details.unit .info .title{font-weight:600;font-size:18px;display:block}@media only screen and (min-width: 768px){html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details.unit .info .title{font-size:22px}}html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details.unit .info .chapter{font-size:1.5em;display:block;margin:0}html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details.unit .info .author{color:#666;font-weight:300;font-size:.75em;display:block}html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details .description{margin-top:.75em}html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details .icon img{width:100px;margin:0px 20px 0px 0px}html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details .icon img[src*=cover]{margin:10px 15px -10px 10px}@media only screen and (min-width: 768px){html body.dialog.jam-home .upcoming-jams nav.cards .card .content .details .icon img[src*=cover]{margin-right:20px}}html body.dialog.jam-home .upcoming-jams nav.cards .card .content.styled{padding-top:1.5em}html body.dialog.jam-home .upcoming-jams nav.cards .card .content.styled a{color:inherit}html body.dialog.jam-home .upcoming-jams nav.cards .card .content.styled .details .icon img{box-shadow:none;width:100px}html body.dialog.jam-home .upcoming-jams nav.cards .card .actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75em 15px 15px 15px;margin:0;gap:6px}@media only screen and (max-width: 465px){html body.dialog.jam-home .upcoming-jams nav.cards .card .actions{flex-direction:column;flex-wrap:wrap;justify-content:center}html body.dialog.jam-home .upcoming-jams nav.cards .card .actions .button{margin-top:2px !important;margin-bottom:2px !important}html body.dialog.jam-home .upcoming-jams nav.cards .card .actions .countdown{width:100%;margin-right:0;margin-bottom:10px;text-align:center}}html body.dialog.jam-home .upcoming-jams nav.cards .card .actions>:last-child{margin-right:0}html body.dialog.jam-home .upcoming-jams nav.cards .card .actions .buttons{display:flex;flex-direction:row;gap:6px}@media only screen and (max-width: 465px){html body.dialog.jam-home .upcoming-jams nav.cards .card .actions .buttons{flex-direction:column;gap:10px;flex-wrap:wrap;justify-content:center}}html body.dialog.jam-home .upcoming-jams nav.cards .card .actions .button,html body.dialog.jam-home .upcoming-jams nav.cards .card .actions button{background-color:#00a1c2;border:none;font-weight:normal;color:#fff;font-size:14px;line-height:2.5em;box-shadow:none;padding:0 1.25em;text-align:center;white-space:nowrap;box-sizing:border-box;background-repeat:no-repeat;background-position:.65em 50%;background-size:1.8em}html body.dialog.jam-home .upcoming-jams nav.cards .card .actions .button:hover,html body.dialog.jam-home .upcoming-jams nav.cards .card .actions button:hover{box-shadow:none}html body.dialog.jam-home .upcoming-jams nav.cards .card .actions .button.jam,html body.dialog.jam-home .upcoming-jams nav.cards .card .actions button.jam{color:#fff;background-image:url('/images/icons/jam-1e9rc2a.svg');background-position:.25em 100%;background-size:2.5em;padding-left:3em}html body.dialog.jam-home .upcoming-jams nav.cards .card .actions .button.jam:hover,html body.dialog.jam-home .upcoming-jams nav.cards .card .actions button.jam:hover{background-color:#02819b}html body.dialog.jam-home .upcoming-jams nav.cards .card .actions .button.explore:hover,html body.dialog.jam-home .upcoming-jams nav.cards .card .actions button.explore:hover{background-color:#02819b}html body.dialog.jam-home .upcoming-jams nav.cards .card .actions .countdown{font-size:14px;font-weight:400}@media only screen and (max-width: 465px){html body.dialog.jam-home .upcoming-jams nav.cards .card .actions .countdown{margin-left:0;margin-top:10px}}