@charset "UTF-8";@layer store, webawesome, base, components, utilities;@layer components{.item-card{--item-card-padding:1em;--item-card-border-radius:var(--radius-sm);--item-card-border-color:#dfdfe0;--item-card-max-width:18rem;background:var(--color-bg);border:var(--border-thin) solid var(--item-card-border-color);border-radius:var(--item-card-border-radius);display:flex;flex-direction:column;max-inline-size:var(--item-card-max-width);padding:0;position:relative;transition:all .2s}.item-card:not(.no-shadow){box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.item-card:has(.item-card-link):hover{transform:translateY(-5px)}.item-card a:not(.button){color:inherit;display:block;text-decoration:none;z-index:1}.item-card .item-card-link{position:static}.item-card .item-card-link:before{block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute;z-index:0}.item-card .badge{font-size:.6em;margin:0}.item-card-image-banner{aspect-ratio:16/9;position:relative}.item-card-image{aspect-ratio:16/9;border-radius:var(--item-card-border-radius) var(--item-card-border-radius) 0 0;display:block;inline-size:100%;-o-object-fit:cover;object-fit:cover}.card-flag,.item-card-flag{--card-flag-color:var(--color,#ffff61);align-items:center;background-color:var(--card-flag-color);block-size:2em;border-inline-start:1px solid hsla(0,0%,100%,.2);border-radius:.125em 0 0 .125em;box-shadow:0 1px 2px rgba(0,0,0,.3);color:rgba(0,0,0,.8);display:flex;font-size:.8em;font-weight:700;inset-block-start:1em;inset-inline-start:-2px;padding-inline:1em 1.25em;position:absolute}.card-flag:after,.card-flag:before,.item-card-flag:after,.item-card-flag:before{block-size:0;content:"";display:block;inline-size:0;inset-inline-end:-.51em;position:absolute}.card-flag:after,.item-card-flag:after{border-block-end:1rem solid var(--card-flag-color);border-inline-end:.5rem solid transparent;inset-block-end:0}.card-flag:before,.item-card-flag:before{border-block-start:1rem solid var(--card-flag-color);border-inline-end:.5rem solid transparent;inset-block-start:0}.item-card-image-popout{inset-block-start:-1em;inset-inline-start:50%;max-inline-size:50%;position:absolute;transform:translateX(-50%) rotate(-2deg)}.item-card-title{color:var(--color-heading);font-family:var(--font-display-bold);font-size:var(--text-body);line-height:var(--leading-tight);margin:.75em 0 .25em;text-transform:uppercase}.item-card-body{padding:0 var(--item-card-padding)}.item-card-footer{display:flex;flex-wrap:wrap;gap:.25em;margin-block-start:auto;padding:.5em var(--item-card-padding) var(--item-card-padding)}.item-card-footer.text-center{justify-content:center}.item-card.is-horizontal,.item-card.item-card-horizontal{display:grid;grid-template-columns:2fr 5fr}.item-card.is-horizontal>header,.item-card.item-card-horizontal>header{grid-area:1/1/3/2}.item-card.is-horizontal .item-card-body,.item-card.item-card-horizontal .item-card-body{grid-area:1/2/2/3}.item-card.is-horizontal .item-card-footer,.item-card.item-card-horizontal .item-card-footer{font-size:var(--text-small);grid-area:2/2/3/3}.item-card.is-horizontal .item-card-image,.item-card.item-card-horizontal .item-card-image{border-radius:var(--item-card-border-radius) 0 0 var(--item-card-border-radius)}.item-card.is-horizontal .item-card-image-popout,.item-card.item-card-horizontal .item-card-image-popout{inset-block-start:-.3em}.filters{margin-block-end:var(--rhythm)}.filters .filters-title{float:left;font-weight:700;padding:.25em 1em .25em 0}.filters ul{display:flex;flex-wrap:wrap;list-style:none}.filters ul,.filters ul li{margin:0;padding:0}.filters ul li:first-child{padding-left:0}.filters ul li:last-child{padding-right:0}.filters li+li{margin-inline-start:.25em}.filter{border-radius:var(--radius-xs);color:var(--color-text-mid);cursor:pointer;display:block;font-size:15px;padding:.25em 1em;text-transform:uppercase}.filter:hover{background:var(--color-bg-muted)}.filter.active,.filter.is-active,.filter.mixitup-control-active{background:var(--color-green);color:var(--color-text-invert)}[data-ref=clear-filters][hidden]{display:none}.filters-clear-button{block-size:51px;white-space:nowrap}.search-container{--search-icon-width:2em;--search-icon-padding:.5em;align-items:center;display:flex;flex:1}.search-container input{padding-inline-start:calc(var(--search-icon-width) + var(--search-icon-padding));z-index:0}.search-container:before{block-size:24px;content:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path fill="gray" fill-rule="evenodd" d="M11.25 0C7.52 0 4.5 3.02 4.5 6.75c0 1.333.375 2.562 1.042 3.604L.438 15.437a1.51 1.51 0 0 0 0 2.125A1.48 1.48 0 0 0 1.5 18c.375 0 .77-.146 1.063-.438l5.083-5.104A6.64 6.64 0 0 0 11.25 13.5c3.73 0 6.75-3.02 6.75-6.75S14.98 0 11.25 0m0 11.25c-2.48 0-4.5-2.02-4.5-4.5s2.02-4.5 4.5-4.5 4.5 2.02 4.5 4.5-2.02 4.5-4.5 4.5"/></svg>');inline-size:var(--search-icon-width);margin-inline-start:var(--search-icon-padding);position:absolute;text-align:center;z-index:10}.search-fallback{display:none}.mixitup-container-failed .search-fallback{display:block}details{--summary-details-padding:1rem;border:var(--border-thin) solid #ddd;border-radius:.5em;overflow:hidden;padding:1rem;transition:all .25s}details[open]{background-color:#fafafa}details[open]>summary:before{content:url('data:image/svg+xml; utf8, <svg fill="rgba(42, 197, 232, 1.00)" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M17.857 0c.595 0 1.101.208 1.518.625.417.417.625.923.625 1.518v15.714c0 .595-.208 1.101-.625 1.518a2.066 2.066 0 0 1-1.518.625H2.143a2.066 2.066 0 0 1-1.518-.625A2.066 2.066 0 0 1 0 17.857V2.143C0 1.548.208 1.042.625.625A2.066 2.066 0 0 1 2.143 0h15.714zM16.43 11.25v-2.5a.517.517 0 0 0-.157-.38.517.517 0 0 0-.38-.156H4.108a.517.517 0 0 0-.38.157.517.517 0 0 0-.156.379v2.5c0 .149.053.275.157.38.104.104.23.156.38.156h11.785a.517.517 0 0 0 .38-.157.517.517 0 0 0 .156-.379z"/></svg>')}details :last-child{margin-block-end:0}summary{align-items:center;color:var(--color-link);cursor:pointer;display:block;display:flex;font-weight:700;list-style-image:none;margin:calc(var(--summary-details-padding)*-1);padding:var(--summary-details-padding)}summary:before{block-size:20px;content:url('data:image/svg+xml; utf8, <svg fill="rgba(42, 197, 232, 1.00)" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M17.857 0c.595 0 1.101.208 1.518.625.417.417.625.923.625 1.518v15.714c0 .595-.208 1.101-.625 1.518a2.066 2.066 0 0 1-1.518.625H2.143a2.066 2.066 0 0 1-1.518-.625A2.066 2.066 0 0 1 0 17.857V2.143C0 1.548.208 1.042.625.625A2.066 2.066 0 0 1 2.143 0h15.714zM16.43 11.25v-2.5a.517.517 0 0 0-.157-.38.517.517 0 0 0-.38-.156h-4.106V4.107a.517.517 0 0 0-.157-.38.517.517 0 0 0-.379-.156h-2.5a.517.517 0 0 0-.38.157.517.517 0 0 0-.156.38v4.106H4.107a.517.517 0 0 0-.38.157.517.517 0 0 0-.156.379v2.5c0 .149.053.275.157.38.104.104.23.156.38.156h4.106v4.107c0 .149.052.275.157.38.104.103.23.156.379.156h2.5a.517.517 0 0 0 .38-.157.517.517 0 0 0 .156-.38v-4.106h4.107a.517.517 0 0 0 .38-.157.517.517 0 0 0 .156-.379z"/></svg>');inline-size:20px;margin-inline-end:.5em;opacity:.5;transition:opacity .25s}summary:hover{text-decoration:underline}summary:hover:before{opacity:1}summary+*{border-block-start:1px solid #2ac5e8;margin-block-start:var(--summary-details-padding);padding-block-start:var(--summary-details-padding)}summary::-webkit-details-marker{display:none}.pseudo-details-link{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:.5em;color:var(--color-brand);display:flex;font-weight:700;gap:.5em;overflow:hidden;padding:1rem;text-decoration:none}.pseudo-details-link:before{block-size:20px;content:url('data:image/svg+xml; utf8, <svg fill="rgba(42, 197, 232, 1.00)" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill-rule="nonzero" d="M17.143 0H2.857A2.857 2.857 0 0 0 0 2.857v14.286A2.857 2.857 0 0 0 2.857 20h14.286A2.857 2.857 0 0 0 20 17.143V2.857A2.859 2.859 0 0 0 17.143 0Zm-3.277 11.009-5 5a1.428 1.428 0 1 1-2.02-2.02L10.839 10 6.85 6.009a1.428 1.428 0 1 1 2.02-2.02l5 5c.278.279.417.645.417 1.011 0 .366-.139.732-.42 1.009Z"/></svg>');inline-size:20px;opacity:.5;transition:opacity .25s}.pseudo-details-link:hover{color:var(--color-brand);text-decoration:underline}.pseudo-details-link:hover:before{opacity:1}.learn-more-panel{margin:0;z-index:1}@media (min-width:900px){.learn-more-panel{margin:.5em 0 -.5em}}.learn-more-panel strong{color:var(--color-brand)}.register-heading .h3,.register-heading h3{align-items:center;display:flex;flex-wrap:wrap}.register-heading .h3>:last-child,.register-heading h3>:last-child{margin-inline-start:auto}.stripe-online-class-notifications a{color:var(--color-accent);inset-inline-start:-3em;position:relative}.stripe-online-class-notifications a:hover{color:var(--color-link-hover)}.stripe-online-class-notifications a:hover img{transform:scale(1.05)}.stripe-online-class-notifications img{inset-block-start:-.75em;margin-block-end:-.75em;position:relative;transition:all .2s}.stripe-featured-online-classes .box-blue:is(.grid,.l-grid){grid-template-columns:1fr}@media (min-width:900px){.stripe-featured-online-classes .box-blue:is(.grid,.l-grid){grid-template-columns:1fr 2fr}}.stripe-featured-online-classes .class-card-body{padding-block-end:1em}.stripe-featured-online-classes .class-card-footer{display:none}.online-classes-grid{--grid-item-width:165px;grid-template-columns:repeat(auto-fill,minmax(var(--grid-item-width),1fr))}@media (min-width:740px){.online-classes-grid{--grid-item-width:235px}}.online-classes-grid>.heading-squiggle-underline{grid-column-end:-1;grid-column-start:1;padding-block-start:1em}.online-classes-grid>.search-fallback{grid-column:1/-1}.online-class-grid-controls{align-items:flex-end;display:flex;min-block-size:11em;overflow-x:scroll;overflow-y:visible;padding:.5em}@media (min-width:1170px){.online-class-grid-controls{justify-content:center}}.online-class-grid-controls>*{margin:.25em}.class-card{background:#fff;border:1px solid #dfdfe0;border-radius:var(--radius-sm);box-shadow:0 2px 6px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .2s}.class-card:hover{transform:translateY(-5px)}.class-card a{color:inherit;display:block;position:relative;text-decoration:none;z-index:1}.class-card .class-card-link{position:static}.class-card .class-card-link:before{block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute;z-index:0}.class-card .badge{font-size:.6em;margin:0}.class-card-title{color:var(--color-brand);font-family:var(--font-display-bold);font-size:1em;line-height:1.2;margin:.75em 0 .25em;text-transform:uppercase}.class-card-body{padding:0 1em}.class-card-footer{display:flex;flex-wrap:wrap;gap:.25em;margin-block-start:auto;padding:.5em 1em 1em}.class-banner{background:#371909 url(/images/pages/online-class/tmp-banner-bg.jpg) 50% 50% no-repeat;background-size:cover;box-shadow:0 8px 0 rgba(0,0,0,.12);color:#fff;margin-block-end:0;margin-block-start:0;padding-block-end:var(--rhythm);padding-block-start:var(--rhythm);z-index:1}.class-banner,.class-banner .container{position:relative}.class-banner-content{display:flex;flex-wrap:wrap}@media (min-width:740px){.class-banner-content{flex-wrap:nowrap}}@media (min-width:480px){.class-banner-content>*{padding-inline-end:.5rem;padding-inline-end:1rem;padding-inline-start:.5rem;padding-inline-start:1rem}}.class-banner-thumbnail{flex:1 1 25%;max-inline-size:320px;min-inline-size:160px}.class-banner-thumbnail img{border:1px solid hsla(0,0%,100%,.25);box-shadow:var(--shadow-sm);display:block}.class-banner-overview{flex:1 1 66%}.class-banner-go-back{display:none}@media (min-width:740px){.class-banner-go-back{display:block;padding-block-start:4.5rem}}.class-banner-go-back-button{background-color:hsla(0,0%,100%,.2);block-size:3em;border-radius:var(--radius-xs);display:block;inline-size:3em;overflow:hidden;position:relative;text-align:left;text-indent:-119988px}.class-banner-go-back-button:hover{background-color:hsla(0,0%,100%,.3)}.class-banner-go-back-button:after{content:url(/images/arrow-go-back.svg);inset-block-start:50%;inset-inline-start:50%;margin:-15px 0 0 -13px;position:absolute;text-indent:0}.class-banner .class-signup-notes,.class-banner .class-teachers,.class-banner .class-title{color:inherit;font-weight:100}.class-banner .class-title{margin:.25em 0}.class-banner .class-teachers{font-size:18px;margin:0 0 1.5em}.class-banner .class-teachers a{border-block-end:2px solid var(--color-accent-light);color:inherit;text-decoration:none}.class-banner .class-teachers a:hover{border-block-end-color:var(--color-brand)}.class-banner-simple .class-banner-content{align-items:center}.class-banner-simple .class-banner-thumbnail{flex-basis:10%}.class-banner-simple .class-banner-go-back{padding-block-start:0}.class-schedule-table{font-size:.9em}.class-schedule-table td{vertical-align:middle}.class-schedule-table .class-type{justify-content:start;text-decoration:none}.class-schedule-table .class-type strong{text-decoration:underline}.class-schedule-table .class-type img{max-inline-size:7em}.semester-box .semester-title{color:var(--color-brand);font-family:var(--font-display-bold);margin:0 0 .25em;text-align:center}.semester-box .h4,.semester-box h4{font-size:.9em;line-height:1.5}.semester-box .h4 .text-quiet,.semester-box h4 .text-quiet{display:inline-block;padding-block-end:.5em;padding-inline-start:2em}.semester-box .coach{align-items:start;display:flex;gap:1em}.semester-box .coach-image{aspect-ratio:1/1;border-radius:50%;max-inline-size:5em;-o-object-fit:cover;object-fit:cover}.semester-box .coach-bio .h4,.semester-box .coach-bio h4{font-size:1em;font-weight:700}.semester-box .coach-bio .h4+*,.semester-box .coach-bio h4+*{margin-block-start:.25em}.semester-box :where(.class-image-stack,.class-image){display:block;margin-block-end:1em;margin-block-start:-2em;margin-inline:auto;position:relative}.semester-box :where(.class-image-stack,.class-image) img{border:1px solid #fff;border-radius:2px;margin-inline:auto;max-inline-size:70%}.semester-box .class-image-stack{aspect-ratio:5/3}.semester-box .class-image{max-inline-size:100%}.class-image img{display:block}.class-image-stack img:not(:first-child){inset-block-start:0;inset-inline-start:0;position:absolute}.class-image-stack img:nth-child(2){inset-block-start:1.5em;inset-inline-start:3em}.class-image-stack img:nth-child(3){inset-block-start:3em;inset-inline-start:6em}.class-image-stack img:nth-child(4){inset-block-start:4.5em;inset-inline-start:9em}.online-class .kicker{color:var(--color-text-quiet);font-family:var(--font-display-bold);margin-block-end:0;text-align:center;text-transform:uppercase}.online-class .kicker+.heading-cute{margin-block-start:0}.online-class .illustration-list{color:var(--color-brand)}.online-class details{background-color:#fff}.online-class summary{color:var(--color-brand)}.online-class details[open] summary{color:var(--color-green)}.online-class details[open] summary+*{border-block-start-color:var(--color-green)}.online-class-banner{--image-width:316px;color:#fff;padding-block-end:1em;padding-block-start:1em}.online-class-banner .back-button{align-self:center}.online-class-banner .class-image{grid-column:2/3;grid-row:1/2;position:relative}.online-class-banner .class-banner-overview{grid-column:3/4;grid-row:1/2;text-align:center}.online-class-banner .class-title{font-family:var(--font-cute);font-size:4.25em;line-height:1;margin:.125em 0}.online-class-banner .class-title .kicker{color:#facff9;display:block;font-family:var(--font-display);font-size:.3em;text-align:inherit;text-transform:none}.online-class-banner .class-banner-actions{background-color:rgba(0,0,0,.2);border-radius:.25em;display:flex;flex-direction:column;gap:.5em;grid-column:2/4;grid-row:2/3;margin:1em 0;padding:.5em}.online-class-banner .class-banner-actions .button{border:none;box-shadow:5px 5px 0 0 rgba(0,0,0,.3);color:var(--color-brand);font-size:1.25em}.online-class-banner .class-banner-actions ul{display:flex;flex:1;gap:1em;justify-content:center;list-style:none;margin:0;padding:0 1em}.online-class-banner .class-banner-actions li{align-items:start;display:flex}.online-class-banner .class-banner-actions li:before{content:"»";inline-size:1em}.online-class-banner .class-banner-actions li a{color:inherit;text-decoration:none}@media (min-width:660px){.online-class-banner>.container{display:grid;gap:1em;grid-template-columns:2.35rem 35% auto}.online-class-banner .class-banner-overview{display:flex;flex-direction:column;justify-content:center;text-align:start}.online-class-banner .class-title{font-size:5.75em;line-height:.8}.online-class-banner .class-tags{justify-content:start}}@media (min-width:960px){.online-class-banner>.container{display:grid;gap:1em;grid-template-columns:2.35rem var(--image-width) auto}.online-class-banner .class-banner-actions{flex-direction:row;gap:1em;margin:0;padding:0}.online-class-banner .class-banner-actions .button{flex:0 0 var(--image-width)}.online-class-banner .class-banner-actions ul{justify-content:space-evenly;padding:0 1em 0 0}.online-class-banner .class-banner-actions li{align-items:center}}.register-modal .class-title{color:var(--color-brand);font-family:var(--font-cute);font-size:4.25em;line-height:1;margin:.125em 0;text-align:center}.register-modal .class-title .kicker{color:#d977d6;display:block;font-family:var(--font-display-bold);font-size:.3em;text-transform:none}.register-modal .registration-details-list{margin-inline:-1em;padding:1px 1em}@media (min-width:900px){.register-modal .registration-details-list{margin-inline:-2em}}.registration-table{font-size:.9em}.registration-table .date-square{background-color:var(--color-accent)}.registration-table strong{font-size:1.1em}.registration-table td{vertical-align:middle!important}.registration-table tr:last-child td{border-block-end:none}.bg-image-fade-grey:before{display:none}@media (min-width:660px){.bg-image-fade-grey .intro{inline-size:60%;padding-inline-start:calc(2.35rem + 1em)}.bg-image-fade-grey:before{display:block}}.testimonial-boxes{display:grid;gap:1em}@media (min-width:740px){.testimonial-boxes{grid-template-columns:1fr 1fr}}@media (min-width:900px){.testimonial-boxes{grid-template-columns:1fr 5fr .5fr 4fr 1fr;grid-template-rows:1fr 4fr 1fr 4fr 1fr}.testimonial-boxes>:nth-child(4n-3){grid-column:1/4;grid-row:1/3}.testimonial-boxes>:nth-child(4n-2){grid-column:4/5;grid-row:2/4}.testimonial-boxes>:nth-child(4n-1){grid-column:2/3;grid-row:3/5}.testimonial-boxes>:nth-child(4n){grid-column:3/6;grid-row:4/6}}:is(.grid,.l-grid).how-features-icons{--grid-item-width:100px;line-height:1.2}:is(.grid,.l-grid).how-features-icons>*{transform:scale(.9)}@media (min-width:475px){:is(.grid,.l-grid).how-features-icons{--grid-item-width:130px}}@media (min-width:600px){:is(.grid,.l-grid).how-features-icons{--grid-item-width:180px}}@media (min-width:800px){:is(.grid,.l-grid).how-features-icons{--grid-item-width:100px}}:is(.grid,.l-grid).how-features-icons img{display:block;margin-inline:auto}#how-our-classroom{overflow:clip}#how-our-classroom .classroom-screenshot{border:2px solid var(--color-brand);border-radius:1em;box-shadow:.5em .5em 0 rgba(0,0,0,.125)}@media (min-width:900px){#how-our-classroom .classroom-screenshot{inline-size:125%;inset-inline-end:-2em;max-inline-size:125%;position:relative}}#how-our-classroom .classroom-screenshot-arrow{display:none}@media (min-width:900px){#how-our-classroom .classroom-screenshot-arrow{display:block;inset-block-start:1em;inset-inline-end:-2.5em;position:relative}}#how-sample-class .box{background-color:#fff;border:3px solid #a0dada;border-radius:.5em;color:var(--color-text)}#how-sample-class .box .heading-cute{color:var(--color-brand);margin-block:.125em 0}#how-sample-class .how-steps{--gap:3em;--grid-space:3em;counter-reset:steps;font-size:.85em;line-height:1.6;list-style:none;padding-inline:3%}#how-sample-class .how-steps li:before{background:transparent url(/images/rough-circle-green.svg) 50% 50%/contain no-repeat;color:#fff;content:counter(steps);counter-increment:steps;display:block;font-family:var(--font-cute);font-size:3em;line-height:.7;padding:.25em 0 .4em;text-align:center}#how-sample-class .how-steps code{font-size:.9em;font-weight:700}#how-sample-class .persona{display:none}@media (min-width:900px){#how-sample-class .persona{display:block;inset-inline-end:-2em;margin-block-end:-8em;position:relative}#how-community .content-features-grid>:first-child{display:grid;gap:4em;grid-column:1/3;grid-template-columns:1fr 1fr}#how-community .content-features-grid>:first-child>img{order:-1}}}
/*# sourceMappingURL=../maps/pages/online-classes.css.map */