body[data-v-e9f8cd31]{--color-black:#000;--color-white:#fff;--color-red:#ff004d;--color-darkBrown:#161003;--color-midBrown:#211e16;--color-lightBrown:#3c3627;--color-yellow:#ffe000;--color-warmYellow:#ffd904;--color-subduedYellow:#f6c548;--color-lightYellow:#fff4a6;--color-warmGrey:#f3efd7;--color-nutrition:#d9f7bb;--color-stream:#b76eff;--color-pilates:#f7bbce}[data-component=class-card][data-v-e9f8cd31]{color:var(--color-white);display:flex;height:clamp(260px,170.69px + 100vw * .229,560px);position:relative;transition:color .5s cubic-bezier(.19,1,.22,1);width:calc((var(--computed-100vw) - 2*var(--grid-padding))/var(--grid-num-cols)*4 - var(--grid-gutter)*2)}@media only screen and (max-width:1023px){[data-component=class-card][data-v-e9f8cd31]{width:calc((var(--computed-100vw) - 2*var(--grid-padding))/var(--grid-num-cols)*6 - var(--grid-gutter)*2)}}@media only screen and (max-width:743px){[data-component=class-card][data-v-e9f8cd31]{width:calc((var(--computed-100vw) - 2*var(--grid-padding))/var(--grid-num-cols)*8 - var(--grid-gutter)*2)}}[data-component=class-card].no-media[data-v-e9f8cd31]{background-color:var(--color-midBrown)}[data-component=class-card][data-v-e9f8cd31]:after{border:2px solid var(--color-yellow);content:"";top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s cubic-bezier(.19,1,.22,1);z-index:2}@media (hover:hover){[data-component=class-card][data-v-e9f8cd31]:hover{color:var(--color-yellow)}[data-component=class-card][data-v-e9f8cd31]:hover:after{opacity:1}[data-component=class-card]:hover .media-container[data-v-e9f8cd31]:before{opacity:0}[data-component=class-card]:hover .media-container .media[data-v-e9f8cd31]{transform:scale(1.05)}[data-component=class-card]:hover .media-container .media-with-hover .video[data-v-e9f8cd31]{opacity:1;visibility:visible}[data-component=class-card]:hover .content-container .left-col .icon[data-v-e9f8cd31] svg .st0,[data-component=class-card]:hover .content-container .left-col .icon[data-v-e9f8cd31] svg path[fill="#fff"],[data-component=class-card]:hover .content-container .left-col .icon[data-v-e9f8cd31] svg path[fill="#ffffff"],[data-component=class-card]:hover .content-container .left-col .icon[data-v-e9f8cd31] svg path[fill=white]{fill:var(--color-yellow)}}[data-component=class-card] .inner[data-v-e9f8cd31]{flex:1;overflow:hidden;perspective:800px}[data-component=class-card] .media-container[data-v-e9f8cd31]{height:100%;position:relative;width:100%}[data-component=class-card] .media-container[data-v-e9f8cd31]:before{background-color:#0000001a;content:"";display:block;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:3}[data-component=class-card] .media-container .default-container[data-v-e9f8cd31]{height:100%;position:relative;width:100%}[data-component=class-card] .media-container .default-container .inner[data-v-e9f8cd31]{align-items:center;background-color:var(--color-yellow);display:flex;height:100%;justify-content:center;transform:scale(1.1);width:100%}[data-component=class-card] .media-container[data-v-e9f8cd31] [data-component=svg-asset]{color:var(--color-subduedYellow);opacity:.2;position:relative;width:max(38px,38px + 100vw * .0953)}[data-component=class-card] .media-container .media-with-hover[data-v-e9f8cd31],[data-component=class-card] .media-container .media-wrapper[data-v-e9f8cd31]{height:100%;width:100%}[data-component=class-card] .media-container .media-with-hover .video[data-v-e9f8cd31]{opacity:0;transition:opacity .5s cubic-bezier(.19,1,.22,1);visibility:hidden;z-index:1}[data-component=class-card] .media-container .media[data-v-e9f8cd31]{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform 1.5s cubic-bezier(.19,1,.22,1);width:100%}[data-component=class-card] .media-container .media.video[data-v-e9f8cd31]{opacity:0}[data-component=class-card] .content-container[data-v-e9f8cd31]{align-items:center;bottom:0;display:flex;justify-content:space-between;left:0;padding:clamp(8px,1.448px + 100vw * .0168,30px) clamp(8px,.863px + 100vw * .0183,32px) clamp(14px,9.242px + 100vw * .0122,30px) clamp(8px,4.412px + 100vw * .0092,20px);pointer-events:none;position:absolute;width:100%;z-index:3}[data-component=class-card] .content-container .left-col[data-v-e9f8cd31]{align-items:center;display:flex;gap:min(6px,6px + 100vw * 0)}[data-component=class-card] .content-container .left-col .icon[data-v-e9f8cd31]{align-items:center;display:flex;height:max(22px,22px + 100vw * .0106);justify-content:center;width:max(22px,22px + 100vw * .0106)}[data-component=class-card] .content-container .left-col .icon[data-v-e9f8cd31] [data-component=svg-asset]{width:100%}[data-component=class-card] .content-container .left-col .icon[data-v-e9f8cd31] svg{max-width:100%}[data-component=class-card] .content-container .left-col .icon[data-v-e9f8cd31] svg .circle,[data-component=class-card] .content-container .left-col .icon[data-v-e9f8cd31] svg .st1,[data-component=class-card] .content-container .left-col .icon[data-v-e9f8cd31] svg circle,[data-component=class-card] .content-container .left-col .icon[data-v-e9f8cd31] svg path[fill="#221f1f"]{display:none}[data-component=class-card] .content-container .left-col .icon[data-v-e9f8cd31] svg .st0,[data-component=class-card] .content-container .left-col .icon[data-v-e9f8cd31] svg path{transition:opacity .5s cubic-bezier(.19,1,.22,1)}[data-component=class-card] .content-container .-title-6[data-v-e9f8cd31]{position:relative}[data-component=class-card] .category-tag[data-v-e9f8cd31]{border:1px solid var(--color-white);border-radius:max(21.2px,21.2px + 100vw * .0064);color:var(--color-white);display:block;opacity:.3;padding:min(8px,8px + 100vw * 0) min(12px,12px + 100vw * 0);position:relative;transition:color .5s cubic-bezier(.19,1,.22,1)}[data-component=class-card] .category-tag .label[data-v-e9f8cd31]{display:block;position:relative}@media only screen and (min-width:2000px){[data-component=class-card][data-v-e9f8cd31]{height:28vw}[data-component=class-card] .media-container[data-v-e9f8cd31] [data-component=svg-asset]{width:10vw}[data-component=class-card] .content-container[data-v-e9f8cd31]{padding:1.5vw 1.6vw 1.5vw 1vw}[data-component=class-card] .content-container .left-col[data-v-e9f8cd31]{gap:.3vw}[data-component=class-card] .content-container .left-col .icon[data-v-e9f8cd31]{height:2vw;width:2vw}[data-component=class-card] .category-tag[data-v-e9f8cd31]{border-radius:1.6vw;padding:.4vw .6vw}}