@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');.home-top-bar{background-color: white;margin: 0;padding: 0.5rem;display: flex;align-items: center}.home-top-bar__action-items>*:not(:last-child){margin-right: 0.5rem}.home-top-bar__login-hint{font-size: 0.875rem;color: rgb(107,114,128)}.home-top-bar__login-btn{background-color: rgb(220,38,38) !important;color: white !important;border: none !important;font-weight: 600;border-radius: 0.5rem;cursor: pointer}.home-top-bar__logo{height: 48px;width: auto}.hero-section{position: relative;display: flex;flex: 1 1 auto;align-items: center;justify-content: center;overflow: hidden}.hero-background{position: absolute;inset: 0;z-index: 0;padding: 0}.hero-gradient{position: absolute;inset: 0;background: linear-gradient( to right,rgba(0,0,0,0.6),rgba(0,0,0,0.4),rgba(0,0,0,0.3) )}.hero-content{position: relative;z-index: 10;max-width: 80rem;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;padding-bottom: 3rem;color: white;display: flex;align-items: flex-end;min-height: 600px}@media (min-width: 640px){.hero-content{padding-left: 1.5rem;padding-right: 1.5rem}}@media (min-width: 1024px){.hero-content{padding-left: 2rem;padding-right: 2rem}}.hero-inner-container{max-width: 48rem}.hero-logo-section{margin-bottom: 1.5rem}.hero-logo-wrapper{display: inline-block;font-size: 2.25rem;margin-bottom: 1rem}@media (min-width: 640px){.hero-logo-wrapper{font-size: 3rem}}@media (min-width: 1024px){.hero-logo-wrapper{font-size: 3.75rem}}.hero-logo-orium{color: white}.hero-logo-fit{color: rgb(17,24,39)}.hero-heading{font-size: 2.25rem;margin-bottom: 1.5rem;margin-top: 0;color: white}@media (min-width: 640px){.hero-heading{font-size: 3rem}}@media (min-width: 1024px){.hero-heading{font-size: 3.75rem}}.hero-description{font-size: 1.25rem;margin-bottom: 2rem;color: rgb(229,231,235)}@media (min-width: 640px){.hero-description{font-size: 1.5rem}}.hero-button-container{display: flex;flex-direction: column;gap: 1rem}@media (min-width: 640px){.hero-button-container{flex-direction: row}}.hero-button-primary{background-color: rgb(220,38,38);color: white;padding: 1rem 2rem;border-radius: 0.5rem;transition: background-color 0.2s}.hero-button-primary:hover{background-color: rgb(185,28,28)}.hero-button-secondary{background-color: rgba(255,255,255,0.1);backdrop-filter: blur(4px);color: white;padding: 1rem 2rem;border-radius: 0.5rem;border: 1px solid rgba(255,255,255,0.3);transition: background-color 0.2s}.hero-button-secondary:hover{background-color: rgba(255,255,255,0.2)}.features-section{padding-top: 5rem;padding-bottom: 5rem;background-color: rgb(249,250,251);width: 100%}.features-container{max-width: 80rem;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem}@media (min-width: 640px){.features-container{padding-left: 1.5rem;padding-right: 1.5rem}}@media (min-width: 1024px){.features-container{padding-left: 2rem;padding-right: 2rem}}.features-header{text-align: center;margin-bottom: 4rem}.features-heading{font-size: 1.875rem;margin-bottom: 1rem;margin-top: 0;color: rgb(17,24,39)}@media (min-width: 640px){.features-heading{font-size: 2.25rem}}@media (min-width: 1024px){.features-heading{font-size: 3rem}}.features-subheading{font-size: 1.25rem;color: rgb(75,85,99);max-width: 48rem;margin-left: auto;margin-right: auto}.features-grid{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 2rem}@media (min-width: 768px){.features-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.features-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}.feature-card{background-color: white;padding: 2rem;border-radius: 1rem;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);border: 1px solid rgb(243,244,246);transition: box-shadow 0.2s}.feature-card:hover{box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.feature-icon-container{width: 3.5rem;height: 3.5rem;background-color: rgb(254,226,226);border-radius: 0.75rem;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem}.feature-icon{width: 1.75rem;height: 1.75rem;color: rgb(220,38,38)}.feature-title{font-size: 1.25rem;margin-bottom: 0.75rem;margin-top: 0;color: rgb(17,24,39)}.feature-description{color: rgb(75,85,99);line-height: 1.625}.how-it-works-section{padding-top: 5rem;padding-bottom: 5rem;background-color: white;width: 100%}.how-it-works-container{max-width: 80rem;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem}@media (min-width: 640px){.how-it-works-container{padding-left: 1.5rem;padding-right: 1.5rem}}@media (min-width: 1024px){.how-it-works-container{padding-left: 2rem;padding-right: 2rem}}.how-it-works-header{text-align: center;margin-bottom: 4rem}.how-it-works-heading{font-size: 1.875rem;margin-bottom: 1rem;margin-top: 0;color: rgb(17,24,39)}@media (min-width: 640px){.how-it-works-heading{font-size: 2.25rem}}@media (min-width: 1024px){.how-it-works-heading{font-size: 3rem}}.how-it-works-subheading{font-size: 1.25rem;color: rgb(75,85,99);max-width: 48rem;margin-left: auto;margin-right: auto}.how-it-works-grid{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 2rem}@media (min-width: 768px){.how-it-works-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.how-it-works-grid{grid-template-columns: repeat(4,minmax(0,1fr))}}.step-container{position: relative}.step-content{text-align: center}.step-icon-wrapper{position: relative;display: inline-block;margin-bottom: 1.5rem;z-index: 1}.step-icon-box{width: 5rem;height: 5rem;background: linear-gradient(to bottom right,rgb(239,68,68),rgb(185,28,28));border-radius: 1rem;display: flex;align-items: center;justify-content: center;transform: rotate(3deg)}.step-icon{width: 2rem;height: 2rem;color: white}.step-number-badge{position: absolute;top: -0.5rem;right: -0.5rem;width: 2.5rem;height: 2.5rem;background-color: rgb(17,24,39);color: white;border-radius: 9999px;display: flex;align-items: center;justify-content: center;font-size: 0.875rem}.step-title{font-size: 1.25rem;margin-bottom: 0.75rem;margin-top: 0;color: rgb(17,24,39)}.step-description{color: rgb(75,85,99);line-height: 1.625}.step-connector{display: none}@media (min-width: 1024px){.step-connector{display: block;position: absolute;top: 2.5rem;left: 60%;width: 80%;height: 2px;background: linear-gradient(to right,rgb(252,165,165),transparent);z-index: 0}}.benefits-section{padding-top: 5rem;padding-bottom: 5rem;background: linear-gradient(to bottom right,rgb(17,24,39),rgb(31,41,55),rgb(127,29,29));color: white;width: 100%}.benefits-container{max-width: 80rem;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem}@media (min-width: 640px){.benefits-container{padding-left: 1.5rem;padding-right: 1.5rem}}@media (min-width: 1024px){.benefits-container{padding-left: 2rem;padding-right: 2rem}}.benefits-header{text-align: center;margin-bottom: 4rem}.benefits-heading{font-size: 1.875rem;margin-bottom: 1rem;margin-top: 0;color: white}@media (min-width: 640px){.benefits-heading{font-size: 2.25rem}}@media (min-width: 1024px){.benefits-heading{font-size: 3rem}}.benefits-subheading{font-size: 1.25rem;color: rgb(209,213,219);max-width: 48rem;margin-left: auto;margin-right: auto}.benefits-grid{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 2rem}@media (min-width: 768px){.benefits-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}.benefit-card{background-color: rgba(255,255,255,0.05);backdrop-filter: blur(4px);padding: 2rem;border-radius: 1rem;border: 1px solid rgba(255,255,255,0.1);transition: background-color 0.2s}.benefit-card:hover{background-color: rgba(255,255,255,0.1)}.benefit-card-content{display: flex;align-items: flex-start;gap: 1.5rem}.benefit-icon-container{width: 4rem;height: 4rem;background-color: rgb(220,38,38);border-radius: 0.75rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.benefit-icon{width: 2rem;height: 2rem;color: white}.benefit-text-content{flex: 1}.benefit-title{font-size: 1.5rem;margin-bottom: 0.5rem;margin-top: 0;color: white}.benefit-description{color: rgb(209,213,219);line-height: 1.625;margin-bottom: 1rem}.benefit-stats{display: flex;align-items: flex-end;gap: 0.5rem}.benefit-stat-value{font-size: 1.875rem;color: rgb(248,113,113)}.benefit-stat-label{color: rgb(156,163,175);padding-bottom: 0.25rem}.cta-section{padding-top: 5rem;padding-bottom: 5rem;background-color: white;width: 100%}.cta-container{max-width: 80rem;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem}@media (min-width: 640px){.cta-container{padding-left: 1.5rem;padding-right: 1.5rem}}@media (min-width: 1024px){.cta-container{padding-left: 2rem;padding-right: 2rem}}.cta-box{background: linear-gradient(to bottom right,rgb(220,38,38),rgb(185,28,28));border-radius: 1.5rem;padding: 2rem;color: white;box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25)}@media (min-width: 640px){.cta-box{padding: 3rem}}@media (min-width: 1024px){.cta-box{padding: 4rem}}.cta-content{max-width: 56rem;margin-left: auto;margin-right: auto;text-align: center}.cta-heading{font-size: 1.875rem;margin-bottom: 1.5rem;margin-top: 0;color: white}@media (min-width: 640px){.cta-heading{font-size: 2.25rem}}@media (min-width: 1024px){.cta-heading{font-size: 3rem}}.cta-description{font-size: 1.25rem;margin-bottom: 2rem;color: rgb(254,226,226)}.cta-features-list{display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;margin-bottom: 2.5rem}.cta-feature-item{display: flex;align-items: center;gap: 0.5rem}.cta-check-icon{width: 1.25rem;height: 1.25rem;background-color: rgba(255,255,255,0.2);border-radius: 9999px;display: flex;align-items: center;justify-content: center}.cta-check{width: 0.875rem;height: 0.875rem;color: white}.cta-feature-text{color: rgb(254,226,226)}.cta-button-container{display: flex;flex-direction: column;gap: 1rem;justify-content: center}@media (min-width: 640px){.cta-button-container{flex-direction: row}}.cta-button-primary{background-color: white;color: rgb(17,24,39);padding: 1rem 2rem;border-radius: 0.5rem;transition: background-color 0.2s}.cta-button-primary:hover{background-color: rgb(249,250,251)}.cta-button-secondary{background-color: rgba(255,255,255,0.1);backdrop-filter: blur(4px);color: white;padding: 1rem 2rem;border-radius: 0.5rem;border: 1px solid rgba(255,255,255,0.3);transition: background-color 0.2s}.cta-button-secondary:hover{background-color: rgba(255,255,255,0.2)}.footer{background-color: rgb(17,24,39);color: rgb(209,213,219);padding-top: 4rem;padding-bottom: 4rem;width: 100%}.footer-container{max-width: 80rem;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem}@media (min-width: 640px){.footer-container{padding-left: 1.5rem;padding-right: 1.5rem}}@media (min-width: 1024px){.footer-container{padding-left: 2rem;padding-right: 2rem}}.footer-grid{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 3rem;margin-bottom: 3rem}@media (min-width: 768px){.footer-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.footer-grid{grid-template-columns: repeat(4,minmax(0,1fr))}}.footer-logo{font-size: 1.5rem;margin-bottom: 1rem}.footer-logo-orium{color: white}.footer-logo-orium-black{color: black}.footer-logo-fit{color: rgb(17,24,39)}.footer-description{color: rgb(156,163,175);line-height: 1.625}.footer-heading{color: white;margin-bottom: 1rem;margin-top: 0;font-size: 1rem}.footer-list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.75rem}.footer-link{color: rgb(209,213,219);text-decoration: none;transition: color 0.2s}.footer-link:hover{color: white}.footer-contact-item{display: flex;align-items: flex-start;gap: 0.5rem}.footer-contact-icon{width: 1.25rem;height: 1.25rem;color: rgb(17,24,39);margin-top: 0.125rem;flex-shrink: 0}.footer-bottom-bar{padding-top: 2rem;border-top: 1px solid rgb(31,41,55);display: flex;flex-direction: column;justify-content: space-between;align-items: center;gap: 1rem}@media (min-width: 640px){.footer-bottom-bar{flex-direction: row}}.footer-copyright{color: rgb(156,163,175);font-size: 0.875rem;margin: 0}.footer-bottom-links{display: flex;gap: 1.5rem;font-size: 0.875rem}.footer-bottom-link{color: rgb(209,213,219);text-decoration: none;transition: color 0.2s}.footer-bottom-link:hover{color: white}.privacy-hero{background: linear-gradient(to bottom right,rgb(220,38,38),rgb(185,28,28));color: white;padding-top: 5rem;padding-bottom: 5rem;width: 100%}.privacy-hero-container{max-width: 56rem;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;text-align: center}@media (min-width: 640px){.privacy-hero-container{padding-left: 1.5rem;padding-right: 1.5rem}}.privacy-hero-heading{font-size: 2.25rem;margin-bottom: 1rem;margin-top: 0;color: white}@media (min-width: 640px){.privacy-hero-heading{font-size: 3rem}}@media (min-width: 1024px){.privacy-hero-heading{font-size: 3.75rem}}.privacy-hero-date{color: rgb(254,226,226);font-style: italic;margin-bottom: 1.5rem}.privacy-hero-intro{font-size: 1.125rem;line-height: 1.75;color: rgb(254,226,226)}@media (min-width: 640px){.privacy-hero-intro{font-size: 1.25rem}}.privacy-section{padding-top: 4rem;padding-bottom: 4rem;background-color: white;width: 100%}.privacy-section-dark{background-color: rgb(249,250,251)}.privacy-container{max-width: 80rem;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem}@media (min-width: 640px){.privacy-container{padding-left: 1.5rem;padding-right: 1.5rem}}@media (min-width: 1024px){.privacy-container{padding-left: 2rem;padding-right: 2rem}}.privacy-heading{font-size: 1.875rem;margin-bottom: 2rem;margin-top: 0;color: rgb(17,24,39)}@media (min-width: 640px){.privacy-heading{font-size: 2.25rem}}.privacy-subheading{font-size: 1.5rem;margin-top: 2rem;margin-bottom: 1rem;color: rgb(31,41,55)}.privacy-content{color: rgb(75,85,99);line-height: 1.75}.privacy-text{margin-bottom: 1rem;line-height: 1.75;color: rgb(75,85,99)}.privacy-highlight-box{background-color: rgb(239,246,255);border-left: 4px solid rgb(59,130,246);padding: 1rem;margin-bottom: 1.5rem;border-radius: 0.5rem}.privacy-important-box{background-color: rgb(254,242,242);border-left: 4px solid rgb(220,38,38);padding: 1rem;margin-top: 1.5rem;margin-bottom: 1.5rem;border-radius: 0.5rem}.privacy-list{list-style: disc;padding-left: 1.5rem;margin-bottom: 1rem}.privacy-list li{margin-bottom: 0.5rem;line-height: 1.75;color: rgb(75,85,99)}.privacy-note{font-style: italic;color: rgb(107,114,128);font-size: 0.875rem;margin-top: 1rem}.privacy-table-container{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 1.5rem;margin-bottom: 1.5rem}@media (min-width: 768px){.privacy-table-container{grid-template-columns: repeat(2,minmax(0,1fr))}}.privacy-data-card{background-color: white;border: 1px solid rgb(229,231,235);border-radius: 0.75rem;padding: 1.5rem;transition: box-shadow 0.2s}.privacy-data-card:hover{box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.privacy-data-card-title{font-size: 1.125rem;font-weight: 600;margin-top: 0;margin-bottom: 0.75rem;color: rgb(17,24,39)}.privacy-data-card-data{color: rgb(75,85,99);margin-bottom: 1rem;font-size: 0.875rem}.privacy-data-card-purpose{background-color: rgb(249,250,251);padding: 0.75rem;border-radius: 0.5rem;font-size: 0.875rem;color: rgb(55,65,81)}.privacy-basis-grid{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 1.5rem;margin-top: 1.5rem}@media (min-width: 768px){.privacy-basis-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}.privacy-basis-card{background-color: white;border: 1px solid rgb(229,231,235);border-radius: 0.75rem;padding: 1.5rem;text-align: center}.privacy-basis-icon-container{width: 3.5rem;height: 3.5rem;background-color: rgb(254,226,226);border-radius: 9999px;display: flex;align-items: center;justify-content: center;margin: 0 auto 1rem}.privacy-basis-icon{width: 1.75rem;height: 1.75rem;color: rgb(220,38,38)}.privacy-basis-title{font-size: 1rem;font-weight: 600;margin-top: 0;margin-bottom: 0.75rem;color: rgb(17,24,39)}.privacy-basis-description{font-size: 0.875rem;color: rgb(75,85,99);line-height: 1.625}.privacy-table-responsive{display: flex;flex-direction: column;gap: 1rem;margin-bottom: 1.5rem}.privacy-access-row,.privacy-retention-row{background-color: white;border: 1px solid rgb(229,231,235);border-radius: 0.5rem;padding: 1rem;display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 0.75rem}@media (min-width: 768px){.privacy-access-row,.privacy-retention-row{grid-template-columns: repeat(3,minmax(0,1fr))}}.privacy-access-cell,.privacy-retention-cell{font-size: 0.875rem;color: rgb(75,85,99)}.privacy-rights-grid{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 1.5rem;margin-top: 1.5rem;margin-bottom: 1.5rem}@media (min-width: 768px){.privacy-rights-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}.privacy-right-card{background-color: white;border: 1px solid rgb(229,231,235);border-radius: 0.75rem;padding: 1.5rem;transition: transform 0.2s,box-shadow 0.2s}.privacy-right-card:hover{transform: translateY(-2px);box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.privacy-right-icon-container{width: 3rem;height: 3rem;background-color: rgb(254,226,226);border-radius: 0.75rem;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem}.privacy-right-icon{width: 1.5rem;height: 1.5rem;color: rgb(220,38,38)}.privacy-right-title{font-size: 1.125rem;font-weight: 600;margin-top: 0;margin-bottom: 0.75rem;color: rgb(17,24,39)}.privacy-right-description{font-size: 0.875rem;color: rgb(75,85,99);line-height: 1.625}.privacy-security-grid{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 1rem;margin-top: 1.5rem;margin-bottom: 1.5rem}@media (min-width: 768px){.privacy-security-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.privacy-security-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}.privacy-security-card{background-color: white;border: 1px solid rgb(229,231,235);border-radius: 0.75rem;padding: 1.25rem}.privacy-security-header{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.75rem}.privacy-security-icon{width: 1.25rem;height: 1.25rem;color: rgb(220,38,38);flex-shrink: 0}.privacy-security-description{font-size: 0.875rem;color: rgb(75,85,99);line-height: 1.625}.privacy-contact-grid{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));gap: 1.5rem;margin-top: 1.5rem;margin-bottom: 2rem}@media (min-width: 768px){.privacy-contact-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}.privacy-contact-card{background-color: white;border: 1px solid rgb(229,231,235);border-radius: 0.75rem;padding: 1.5rem;text-align: center}.privacy-contact-icon-container{width: 4rem;height: 4rem;background-color: rgb(220,38,38);border-radius: 9999px;display: flex;align-items: center;justify-content: center;margin: 0 auto 1rem}.privacy-contact-icon{width: 2rem;height: 2rem;color: white}.privacy-contact-title{font-size: 1.125rem;font-weight: 600;margin-top: 0;margin-bottom: 1rem;color: rgb(17,24,39)}.privacy-contact-content{font-size: 0.875rem;color: rgb(75,85,99);line-height: 1.625}.privacy-footer-note{margin-top: 3rem;padding-top: 2rem;border-top: 1px solid rgb(229,231,235);text-align: center}.action-bar{box-sizing: border-box;padding-top: var(--vaadin-padding-m)}.action-bar--docked{padding: var(--vaadin-padding-m) 0 0;border-top: 1px solid var(--vaadin-border-color-secondary)}.app-bar{flex-direction: column;position: relative;z-index: 1}.app-bar__container{transition: padding var(--transition-duration-m)}.app-bar__action-items>*:not(:last-child){margin-right: var(--lumo-space-s)}.app-bar__title{flex-grow: 1;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.app-bar__avatar{border-radius: 100%;flex-shrink: 0;height: var(--lumo-size-s);margin-left: var(--lumo-space-m);width: var(--lumo-size-s)}.controls{position: relative;top: 0;left: 0;display: none}.clip_preview_card:hover .controls{display: flex}.form-label{align-self: flex-start;color: var(--lumo-secondary-text-color);font-weight: 500;font-size: var(--lumo-font-size-s);margin-left: calc(var(--lumo-border-radius-m) / 4);transition: color 0.2s;line-height: 1;padding-bottom: 0.5em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;max-width: 100%;box-sizing: border-box}.context-view{flex-direction: column;display: flex;position: relative;z-index: 1}.context-view__title-bar{flex-grow: 1;min-width: 0}.context-view__title{color: var(--vaadin-text-color);margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0}.context-view__title-extras{flex-wrap: wrap}.context-view__action-items{flex-grow: 0;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: right}.context-view__action-items vaadin-button{margin-right: 10px}.exercise-bundle-dialog{}.exercise-bundle-dialog__grid{margin: var(--lumo-space-m)}.exercise-bundle-dialog__save{margin-right: var(--lumo-space-m)}.exercise-filter__container{padding-bottom: var(--vaadin-padding-m)}.exercise-grid-row{}.exercise-grid-row__preview{width: 96px;height: 72px;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.19);border-radius: 5px}.exercise-grid-row__title{font-weight: bold}.exercise-grid-row__description{font-style: oblique;margin-top: 8px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.exercise-grid-row__position{min-width: 68px}vaadin-select.icon-select{width: fit-content;align-self: flex-start}vaadin-select.icon-select vaadin-select-value-button{display: inline-flex;align-items: center}vaadin-select.icon-select vaadin-select-value-button>vaadin-select-item .icon-select-item-text{display: none}:host([theme~="custom-theme-variant"]) [part~="content"]{padding: 0}html{--rating-icon-color: var(--lumo-primary-color)}.routine-bundle-dialog{}.routine-bundle-dialog__grid{margin: var(--lumo-space-m)}.routine-bundle-dialog__save{margin-right: var(--lumo-space-m)}vaadin-split-layout.routine-builder-dialog__split::part(splitter){min-width: 1px;min-height: 1px;flex-basis: 1px;padding: 0;background-color: var(--vaadin-border-color-secondary)}vaadin-split-layout.routine-builder-dialog__split::part(handle){display: none}.routine-filter__container{background-color: var(--lumo-shade-3pct);padding: var(--lumo-space-m) var(--lumo-space-m) 0 var(--lumo-space-m);border-radius: var(--lumo-border-radius-m)}.routine-grid-row{}.routine-grid-row__preview{width: 64px;height: 56px}.routine-grid-row__title{font-weight: bold}.routine-grid-row__description{font-style: oblique;margin-top: 8px}.studio-filter__container{background-color: var(--lumo-shade-3pct);padding: var(--lumo-space-m) var(--lumo-space-m) 0 var(--lumo-space-m);border-radius: var(--lumo-border-radius-m)}.user-filter__container{background-color: var(--lumo-shade-3pct);padding: var(--lumo-space-m) var(--lumo-space-m) 0 var(--lumo-space-m);border-radius: var(--lumo-border-radius-m)}.user-dashboard__board vaadin-dashboard-widget::part(content){padding: 0 var(--vaadin-gap-m) var(--vaadin-gap-m)}.user-dashboard__stack{gap: var(--vaadin-gap-xs)}.user-dashboard__metric{font-size: var(--vaadin-text-font-size-xl,1.5rem);font-weight: 600}.user-dashboard__muted,.user-dashboard__field-label{color: var(--vaadin-text-color-secondary)}.user-dashboard__repeated--warn{color: var(--aura-accent-orange-text-color,var(--vaadin-warning-color))}.user-dashboard__chart{width: 100%;height: 160px;--vaadin-charts-background: var(--vaadin-dashboard-widget-background)}.user-dashboard__chart-summary{color: var(--aura-accent-text-color)}.user-dashboard__goal{white-space: pre-wrap}.user-grid-row{}.exercise-grid-row__name{font-weight: bold}.exercise-grid-row__identifier{font-weight: bold;margin-left: auto}.user-identification{width: 100%;align-items: center;height: auto;border-bottom: 1px solid var(--lumo-shade-10pct)}.user-identification h2{align-self: center;text-align: center;color: var(--lumo-shade-60pct)}.user-identification span{align-self:center}html{--aura-accent-color-dark: #d64b4b;--aura-accent-color-light: #d64b4b;--aura-base-radius: 4;--aura-font-family: 'Manrope',var(--aura-font-family-system)}vaadin-tabs{--vaadin-tabs-background: transparent}.form-label{align-self: flex-start;font-weight: 500;font-size: var(--aura-font-size-m);margin-top: var(--vaadin-gap-m);transition: color 0.2s;line-height: 1;padding-bottom: 0.5em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;max-width: 100%;box-sizing: border-box}