/* Transitional theme primitives used only inside the Bella shell. */
.bella-portal .kw-brand{color:var(--ink);text-shadow:none}
.bella-portal .kw-brand__title{color:var(--ink)}
.bella-portal .kw-brand__title span{color:var(--pink)}
.bella-portal .kw-brand__paw{color:var(--pink)}
@media(max-width:760px){
	.kw-introgrid,.kw-feature-grid,.kw-course-grid,.kw-course,.kw-split{grid-template-columns:1fr}
}
.kw-bella-page{padding-top:90px;min-height:calc(100vh - 90px);background:var(--cream)}
.kw-bella-page__inner{width:100%}
body:has(.kw-home-hero--internal) .kw-bella-page{padding-top:0}
.kw-bella-hero__stats{position:relative;width:430px;height:92px;margin-top:24px;pointer-events:none}
.kw-bella-hero__stat{position:absolute;display:inline-flex;align-items:baseline;min-width:0;padding:0;background:transparent;border:0;box-shadow:none;color:var(--ink);font-style:italic;font-weight:700;white-space:nowrap}
.kw-bella-hero__stat strong,.kw-bella-hero__stat span{display:inline;color:inherit;font:inherit}
.kw-bella-hero__stat strong{margin-right:6px}
.kw-bella-hero__stat:nth-child(1){left:0;top:10px;transform:rotate(-3deg)}
.kw-bella-hero__stat:nth-child(2){left:150px;top:0;transform:rotate(2deg)}
.kw-bella-hero__stat:nth-child(3){left:285px;top:38px;transform:rotate(-2deg)}
.kw-bella-course-list{position:relative;z-index:12;width:min(calc(100% - 64px),1280px);margin:-28px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kw-bella-course-list .kw-hero-course{min-height:108px}
@media(max-width:1100px){
	.kw-bella-hero__stats{width:390px}
	.kw-bella-hero__stat:nth-child(2){left:135px}
	.kw-bella-hero__stat:nth-child(3){left:255px}
	.kw-bella-course-list{width:min(calc(100% - 40px),1280px);grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
	.kw-bella-hero__stats{display:none}
	.kw-bella-course-list{width:min(calc(100% - 32px),1280px);margin:0 auto;padding:18px 0 34px;grid-template-columns:1fr}
	.kw-bella-course-list .kw-hero-course{display:grid}
}
.bella-portal .kw-home-hero--internal{margin:0;padding:0;height:350px;min-height:350px;max-height:350px;border-radius:0;overflow:visible;background:transparent}
.bella-portal .kw-home-hero--internal:after{display:none}
.bella-portal .kw-home-hero--internal .kw-hero__layout{height:100%}
.bella-portal .kw-home-hero--internal .kw-hero__content{top:42px;z-index:5;width:48%}
.bella-portal .kw-home-hero--internal .kw-hero__lead{white-space:normal}
.bella-portal .kw-home-hero--internal .kw-bella-hero__stats{margin-top:18px}
@media(max-width:760px){
	.bella-portal .kw-home-hero--internal{border-radius:calc(var(--kw-radius-card) * .8);transform:translateY(var(--kw-hero-offset,0px));height:calc(300px + var(--kw-internal-height,0px));min-height:calc(300px + var(--kw-internal-height,0px));max-height:none}
	.bella-portal .kw-home-hero--internal .kw-hero__content{transform:none}
}
:where(.bella-portal,.bella-chat,.bella-login,.bella-tour,.bella-ui-root,.bella-ui-modal,.kwispel-modal,.kw-profile-modal){font-family:var(--kw-font-main);font-size:var(--kw-type-text-size)}
:where(.bella-ui-page-header__eyebrow,.bella-ui-eyebrow,.kw-bella-hero__stat,.kw-bella-hero__stat strong,.kw-bella-hero__stat span){font-family:var(--kw-font-script);font-size:var(--kw-type-script-size);color:var(--kw-type-script-color)}
@media(max-width:760px){
	.kw-bella-page,body:has(.kw-home-hero--internal) .kw-bella-page{padding-top:0}
	.kw-bella-page .kw-hero{margin-top:0}
}
.bella-portal .kw-home-hero--internal .kw-hero__picture{inset:0 0 -30px auto;width:66%;height:112%;overflow:visible;background:transparent;z-index:4}
.bella-portal .kw-home-hero--internal .kw-hero__picture:after{display:none}
.bella-portal .kw-home-hero--internal .kw-hero__image{width:100%;height:100%;max-width:none;object-fit:contain;object-position:right bottom}
@media(max-width:760px){
	.bella-portal[data-bella-mode="student"] .kw-home-hero--internal{height:300px;min-height:300px;max-height:300px;overflow:visible;background:transparent}
	.bella-portal .kw-home-hero--internal .kw-hero__picture,#kw-groups-mobile-hero.kw-home-hero--dog-edge .kw-hero__picture{inset:auto -12px -34px auto;width:66%;height:94%;overflow:visible;z-index:4}
	.bella-portal .kw-home-hero--internal .kw-hero__image,#kw-groups-mobile-hero.kw-home-hero--dog-edge .kw-hero__image{object-fit:contain;object-position:right bottom}
	.bella-portal .kw-home-hero--internal .kw-hero__content,#kw-groups-mobile-hero .kw-hero__content{top:64px;left:0;width:48%;z-index:5}
	.bella-portal .kw-home-hero--internal .kw-hero__eyebrow{display:none}
	.bella-portal .kw-home-hero--internal .kw-hero__lead{display:block;line-height:1.4;transform:translate(var(--kw-internal-lead-x,0px),var(--kw-internal-lead-y,0px))}
	.bella-portal .kw-home-hero--internal.kw-home-hero--dog-paws .kw-hero__picture{inset:auto -12px -34px auto;width:66%;height:94%}
	.bella-portal .kw-home-hero--internal.kw-home-hero--dog-paws .kw-hero__image{object-fit:contain;object-position:right bottom}
	.bella-portal .kw-home-hero--internal.kw-home-hero--dog-lying .kw-hero__picture{inset:auto -18px -30px auto;width:78%;height:82%}
	.bella-portal .kw-home-hero--internal.kw-home-hero--dog-lying .kw-hero__image{object-fit:contain;object-position:right bottom}
	.bella-portal .kw-home-hero--internal.kw-home-hero--dog-foreground{z-index:5}
	.bella-portal .kw-home-hero--internal.kw-home-hero--dog-foreground .kw-hero__picture{z-index:8}
	.bella-portal #bella-staff-home-hero .kw-hero__content{width:58%}
	.bella-portal #bella-staff-home-hero .kw-hero__title{font-size:clamp(25px,7.2vw,34px);line-height:1.08;margin:0 0 18px;letter-spacing:-.045em;font-weight:950;white-space:nowrap}
	.bella-portal #bella-staff-home-hero h2.kw-hero__title{font-size:var(--kw-type-h2-size)}
	.bella-portal #bella-staff-home-hero h3.kw-hero__title{font-size:var(--kw-type-h3-size)}
	.bella-portal #bella-staff-home-hero h4.kw-hero__title{font-size:var(--kw-type-h4-size)}
	.bella-portal #bella-staff-home-hero h5.kw-hero__title{font-size:var(--kw-type-h5-size)}
	.bella-portal #bella-staff-home-hero h6.kw-hero__title{font-size:var(--kw-type-h6-size)}
	.bella-portal .kw-home-hero--internal .kw-hero__title{transform:translate(var(--kw-internal-text-x,0px),var(--kw-internal-text-y,0px))}
	.bella-portal .kw-home-hero--internal .kw-hero__picture{transform:translate(var(--kw-dog-x-offset,0px),var(--kw-dog-offset,0px)) scale(var(--kw-image-scale,1));transform-origin:right bottom}
	.bella-portal:not([data-bella-mode="student"]) :is(.kw-home-hero--internal .kw-hero__picture,.kw-home-hero--internal .kw-hero__foreground){display:none!important}
	.bella-portal:not([data-bella-mode="student"]) .kw-home-hero--internal{height:auto;min-height:0;max-height:none;padding:24px 0;transform:none}
	.bella-portal:not([data-bella-mode="student"]) .kw-home-hero--internal .kw-hero__layout{height:auto}
	.bella-portal:not([data-bella-mode="student"]) .kw-home-hero--internal .kw-hero__content{position:relative;top:auto;left:auto;width:100%;transform:none}
	.bella-portal:not([data-bella-mode="student"]) #bella-staff-home-hero{padding:104px 0 20px}
	.bella-portal:not([data-bella-mode="student"]) #bella-staff-home-hero .kw-hero__title{margin:0;font-size:clamp(24px,7vw,32px);white-space:normal}
	.bella-portal:not([data-bella-mode="student"]) #bella-staff-home-hero .kw-hero__lead{display:none}
	.bella-portal:not([data-bella-mode="student"]) .kw-home-hero--internal~*{transform:none}
	body.bella-public-builder-editing [data-bella-builder-role="hero"] :is([data-bella-builder-role="content"],[data-bella-builder-role="heading"],[data-bella-builder-role="lead"],[data-bella-builder-role="image"]){will-change:transform}
}
@media(min-width:901px){
	.bella-portal .kw-home-hero--internal{display:none!important}
}
body.bella-public-builder-editing .kw-hero__foreground{pointer-events:auto}
.kw-hero-course{display:grid;grid-template-columns:108px minmax(0,1fr);gap:20px;align-items:center;min-height:100px;padding:16px 20px;border:1px solid var(--line);border-radius:var(--kw-radius-card);background:#fff}
.kw-hero-course__media{display:block;width:108px;aspect-ratio:1;border-radius:calc(var(--kw-radius-card) * .7);overflow:hidden;background:var(--pink-soft)}
.kw-hero-course__image{width:100%;height:100%;object-fit:cover}
.kw-hero-course__placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--pink)}
.kw-hero-course__body{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.kw-hero-course__body strong{color:var(--kw-heading)}
.kw-hero-course__body em{margin-top:12px;color:var(--pink);font-style:normal;font-weight:800}
:where(.bella-ui-wizard__step-header h3){font-size:var(--kw-type-h4-size)}