.selfcare-promo-item{background:var(--color-white);box-shadow:0 2px 8px #26262626;border-radius:var(--radius-10);padding:var(--spacing-24);display:flex;gap:var(--spacing-24);align-items:flex-start;overflow:hidden;cursor:pointer;transition:var(--t)}.selfcare-promo-item__content{flex:1 0 0;display:flex;flex-direction:column;gap:var(--spacing-16)}.selfcare-promo-item__title{font-size:18px;font-weight:700;line-height:var(--line-height-sm);color:var(--color-foreground-primary);margin-bottom:0;transition:color var(--t)}.selfcare-promo-item__description{font-size:16px;color:var(--color-foreground-secondary);margin-bottom:0}.selfcare-promo-item__icon{width:24px;height:24px;position:relative;flex:0 0 24px;display:flex;justify-content:center;align-items:center}.selfcare-promo-item__progress{display:none;position:absolute;inset:0;transition:opacity var(--t);pointer-events:none}.selfcare-promo-item__progress-circle{fill:none;stroke-width:2;stroke:var(--color-inverse-pressed);stroke-linecap:round;transform:rotate(90deg) scaleX(-1);transform-origin:50% 50%;transform-box:fill-box;transition:stroke-dasharray .12s linear}.selfcare-promo-item .icon-svg{position:relative;z-index:1;width:24px;height:24px;transition:color var(--t)}.selfcare-promo-item--active{background:var(--color-primary);border-color:transparent;color:var(--color-white)}.selfcare-promo-item--active .selfcare-promo-item__icon{width:20px;height:20px;flex:0 0 20px}.selfcare-promo-item--active .selfcare-promo-item__icon .icon-svg--play{width:16px;height:16px}.selfcare-promo-item--active .selfcare-promo-item__title,.selfcare-promo-item--active .selfcare-promo-item__description{color:var(--color-white)}.selfcare-promo-item--active .selfcare-promo-item__progress{display:block}@media(min-width:999px){.selfcare-promo-item__title{font-size:20px;line-height:24px}.selfcare-promo-item__description{font-size:18px;line-height:1.5}}@media(hover:hover){.selfcare-promo-item:hover{box-shadow:0 4px 24px #26262626}.selfcare-promo-item:hover:not(.selfcare-promo-item--active) .selfcare-promo-item__title{color:var(--color-primary)}.selfcare-promo-item:hover .selfcare-promo-item__title{text-decoration:underline}.selfcare-promo-item:hover:not(.selfcare-promo-item--active) .icon-svg{color:var(--color-primary)}}