@charset "utf-8";

.plann-card { position: relative; display: flex; flex-direction: column-reverse; }

.plann-card .plann-content-card { --content-position: static; }

.plann-card__media { display: flex; width: 100%; }

.plann-card .plann-aspect-ratio-box:has(> .plann-image) { pointer-events: none; }

.plann-card .plann-content-card--simple { padding-top: 1rem; }

@media (min-width: 56.25em) {
  .plann-card:not(:has(.plann-content-card--fixed)) { flex-direction: row-reverse; }
  .plann-card:not(:has(.plann-content-card--fixed)) .plann-content-card { padding: 3rem; }
  .plann-card:not(:has(.plann-content-card--fixed)) .plann-content-card--simple { padding: 0px 3rem; }
  .plann-card:not(:has(.plann-content-card--fixed)) .plann-content-card__container { padding-inline-end: 0px; }
  .plann-card--trailing-media:not(:has(.plann-content-card--fixed)) { flex-direction: row; }
  .plann-card--trailing-media:not(:has(.plann-content-card--fixed)) .plann-content-card--simple { padding-inline-start: 0px; }
}

.plann-content-card { --content-position: relative; --content-card-background: rgb(var(--colour-neutral-2, 245, 245, 245)); position: var(--content-position); display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; padding: 2rem; background: var(--content-card-background); }

.plann-content-card__headers:hover .plann-content-card__title, .plann-content-card__headers:focus .plann-content-card__title { text-decoration: underline; }

.plann-content-card--center { justify-content: center; }

.plann-content-card--simple { padding: 0px; justify-content: flex-start; }

.plann-content-card--simple .plann-content-card__container { padding-inline-end: 1rem; }

.plann-content-card__container { max-width: 37.5rem; }

.plann-content-card__add-on { display: block; margin-bottom: 0.5rem; }

.plann-content-card__label { display: inline-block; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; margin-bottom: 0.25rem; }

.plann-content-card__headers, .plann-content-card__headers:is(a) { position: static; display: block; margin-bottom: 0.5rem; text-decoration: none; }

.plann-content-card__headers::before { content: " "; position: absolute; inset: 0px; }

.plann-content-card__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; font-weight: 700; }

@media (min-width: 37.5em) {
  .plann-content-card__title { font-size: 2.25rem; line-height: 1.333; letter-spacing: -0.0063em; }
}

.plann-content-card__subtitle { display: inline-block; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.plann-content-card__body { display: block; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; margin-top: 0.75rem; }

.plann-content-card__footer { display: flex; flex-wrap: wrap; margin-top: 1.5rem; gap: 0.5rem; }

.plann-content-card__cta { pointer-events: none; }

.plann-content-card__cta.plann-btn--icon-primary-inverse:hover .plann-btn__inner { background-color: rgb(var(--colour-static-white, 255, 255, 255)); }

.plann-content-card--light-foreground:not(.plann-content-card--simple) .plann-content-card__add-on, .plann-content-card--light-foreground:not(.plann-content-card--simple) .plann-content-card__label, .plann-content-card--light-foreground:not(.plann-content-card--simple) .plann-content-card__title, .plann-content-card--light-foreground:not(.plann-content-card--simple) .plann-content-card__subtitle, .plann-content-card--light-foreground:not(.plann-content-card--simple) .plann-content-card__body { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.plann-content-card--static-light-foreground:not(.plann-content-card--simple) .plann-content-card__add-on, .plann-content-card--static-light-foreground:not(.plann-content-card--simple) .plann-content-card__label, .plann-content-card--static-light-foreground:not(.plann-content-card--simple) .plann-content-card__title, .plann-content-card--static-light-foreground:not(.plann-content-card--simple) .plann-content-card__subtitle, .plann-content-card--static-light-foreground:not(.plann-content-card--simple) .plann-content-card__body { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.plann-content-card--static-dark-foreground:not(.plann-content-card--simple) .plann-content-card__add-on, .plann-content-card--static-dark-foreground:not(.plann-content-card--simple) .plann-content-card__label, .plann-content-card--static-dark-foreground:not(.plann-content-card--simple) .plann-content-card__title, .plann-content-card--static-dark-foreground:not(.plann-content-card--simple) .plann-content-card__subtitle, .plann-content-card--static-dark-foreground:not(.plann-content-card--simple) .plann-content-card__body { color: rgb(var(--colour-static-black, 17, 17, 17)); }

@media (min-width: 37.5em) {
  .plann-content-card--fixed .plann-content-card__title { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

@media (min-width: 56.25em) {
  .plann-content-card:not(.plann-content-card--fixed) .plann-content-card__body { margin-top: 1rem; }
  .plann-content-card:not(.plann-content-card--fixed) .plann-content-card__footer { margin-top: 2rem; }
}

[dir="rtl"] .plann-content-card__cta.plann-btn .plann-btn__icon, [dir="rtl"] .plann-content-card__icon { transform: scaleX(-1); }

[class*="rotera-btn--icon"] .rotera-btn__inner { padding: 0px 1rem; }

[class*="rotera-btn--icon"] .rotera-btn__inner .rotera-btn__label { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

[class*="rotera-btn--icon"].rotera-btn--small .rotera-btn__inner { padding: 0px 0.5rem; }

[class*="rotera-btn--icon"].rotera-btn--xsmall .rotera-btn__inner { padding: 0px 0.25rem; min-height: 2rem; }

[class*="rotera-btn--icon"].rotera-btn--xsmall .rotera-btn__inner::after { content: ""; position: absolute; inset: -0.375rem; }

.rotera-btn { position: relative; font-size: 0.875rem; background: none; border: 0px; padding: 0px; line-height: 1.42857; font-weight: 700; text-align: center; display: inline-flex; border-radius: 64px; cursor: pointer; outline: 0px; vertical-align: top; --background: tokens.$colour-interactive-primary-bg-default; --background-hover: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); --background-press: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); --foreground: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); --disabled-foreground: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); --disabled-background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); color: var(--foreground); text-decoration: none; }

.rotera-btn .rotera-btn__inner { box-shadow: var(--box-shadow); background: var(--background); }

.rotera-btn:hover .rotera-btn__inner { background: var(--background-hover); box-shadow: var(--box-shadow-hover); }

.rotera-btn:active .rotera-btn__inner { background: var(--background-press); box-shadow: var(--box-shadow-press); }

.rotera-btn:hover, .rotera-btn:active, .rotera-btn:focus { text-decoration: none; color: var(--foreground); }

.rotera-btn .rotera-svg-icon { flex-shrink: 0; }

.rotera-btn:disabled { cursor: default; }

.rotera-btn:disabled .rotera-btn__inner { background-color: var(--disabled-background); color: var(--disabled-foreground); box-shadow: none; }

.rotera-btn__inner { border-radius: 64px; display: inline-flex; justify-content: center; align-items: center; min-height: 3.5rem; padding: 0px 2rem; width: 100%; box-sizing: border-box; transition-property: opacity, transform; transition-duration: 0.25s; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.rotera-btn:active:not(:disabled) .rotera-btn__inner { transform: scale(0.97); }

.rotera-leading-icon .rotera-btn__inner { padding-inline-start: 1.5rem; }

.rotera-trailing-icon .rotera-btn__inner { flex-direction: row-reverse; padding-inline-end: 1.5rem; }

@media (forced-colors: active) {
  .rotera-btn__inner { border: 1px solid transparent; }
  .rotera-btn:disabled .rotera-btn__inner { color: graytext; border-color: graytext; }
}

.rotera-btn--icon-primary, .rotera-btn--primary { --background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); --background-hover: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); --background-press: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); }

.rotera-btn--icon-emphasised, .rotera-btn--emphasised { --background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); --background-hover: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); --background-press: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.rotera-btn--icon-secondary, .rotera-btn--secondary { --background: none; --background-hover: none; --box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17)); --background-press: rgba(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204), .5); }

.rotera-btn--icon-emphasised-inverse, .rotera-btn--emphasised-inverse, .rotera-btn--icon-primary-inverse, .rotera-btn--primary-inverse { --background: rgb(var(--colour-interactive-subtle-bg-default, 255, 255, 255)); --background-hover: rgb(var(--colour-interactive-subtle-bg-hover, 245, 245, 245)); --background-press: rgb(var(--colour-interactive-subtle-bg-pressed, 223, 223, 223)); }

.rotera-btn--icon-secondary-inverse, .rotera-btn--secondary-inverse { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-neutral-1, 255, 255, 255), .1); --box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-1, 255, 255, 255)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-neutral-1, 255, 255, 255)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-neutral-1, 255, 255, 255)); }

.rotera-btn--icon-tertiary-inverse, .rotera-btn--tertiary-inverse { --background: transparent; --background-hover: rgba(var(--colour-neutral-1, 255, 255, 255), .15); --background-press: rgba(var(--colour-neutral-1, 255, 255, 255), .3); --disabled-background: transparent; --disabled-foreground: rgba(var(--colour-interactive-disabled-1, 204, 204, 204), .15); }

.rotera-btn--danger { --background: rgb(var(--colour-interactive-destructive-bg-default, 224, 7, 81)); --background-hover: rgb(var(--colour-interactive-destructive-bg-hover, 204, 0, 61)); --background-press: rgb(var(--colour-interactive-destructive-bg-pressed, 184, 0, 41)); }

.rotera-btn--icon-tertiary, .rotera-btn--tertiary { --background: transparent; --background-hover: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223)); --background-press: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204)); --disabled-background: transparent; --disabled-foreground: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.rotera-btn--icon-image-overlay, .rotera-btn--image-overlay { --background: rgba(var(--colour-static-black, 17, 17, 17), .75); --background-hover: rgba(var(--colour-static-black, 17, 17, 17), .85); --background-press: rgba(var(--colour-static-black, 17, 17, 17), .95); }

.rotera-btn.rotera-btn--static-colour.rotera-btn--primary, .rotera-btn.rotera-btn--static-colour.rotera-btn--icon-primary { --background: rgb(var(--colour-interactive-static-primary-bg-default, 17, 17, 17)); --background-hover: rgb(var(--colour-interactive-static-primary-bg-hover, 51, 51, 51)); --background-press: rgb(var(--colour-interactive-static-primary-bg-pressed, 0, 0, 0)); --foreground: rgb(var(--colour-static-white, 255, 255, 255)); --disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15); --disabled-background: rgba(var(--colour-static-black, 17, 17, 17), .15); }

.rotera-btn.rotera-btn--static-colour.rotera-btn--secondary, .rotera-btn.rotera-btn--static-colour.rotera-btn--icon-secondary { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-interactive-static-secondary-bg-pressed, 204, 204, 204), .5); --box-shadow: inset 0 0 0 1px rgb(var(--colour-static-black, 17, 17, 17)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-static-black, 17, 17, 17)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-static-black, 17, 17, 17)); --foreground: rgb(var(--colour-static-black, 17, 17, 17)); --disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15); --disabled-background: rgba(var(--colour-static-black, 17, 17, 17), .15); }

.rotera-btn.rotera-btn--static-colour.rotera-btn--tertiary, .rotera-btn.rotera-btn--static-colour.rotera-btn--icon-tertiary { --background: transparent; --background-hover: rgb(var(--colour-interactive-static-secondary-bg-hover, 223, 223, 223)); --background-press: rgb(var(--colour-interactive-static-secondary-bg-pressed, 204, 204, 204)); --foreground: rgb(var(--colour-static-black, 17, 17, 17)); --disabled-foreground: rgba(var(--colour-static-black, 17, 17, 17), .15); --disabled-background: transparent; }

.rotera-btn.rotera-btn--static-colour.rotera-btn--icon-secondary-inverse, .rotera-btn.rotera-btn--static-colour.rotera-btn--secondary-inverse { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-static-white, 255, 255, 255), .1); --box-shadow: inset 0 0 0 1px rgb(var(--colour-static-white, 255, 255, 255)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-static-white, 255, 255, 255)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-static-white, 255, 255, 255)); --foreground: rgb(var(--colour-static-white, 255, 255, 255)); --disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15); --disabled-background: rgba(var(--colour-static-white, 255, 255, 255), .15); }

.rotera-btn.rotera-btn--static-colour.rotera-btn--icon-emphasised-inverse, .rotera-btn.rotera-btn--static-colour.rotera-btn--icon-primary-inverse, .rotera-btn.rotera-btn--static-colour.rotera-btn--primary-inverse, .rotera-btn.rotera-btn--static-colour.rotera-btn--emphasised-inverse { --background: rgb(var(--colour-static-white, 255, 255, 255)); --background-hover: rgb(var(--colour-static-light-grey, 245, 245, 245)); --background-press: rgb(var(--colour-static-grey, 223, 223, 223)); --foreground: rgb(var(--colour-static-black, 17, 17, 17)); --disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15); --disabled-background: rgba(var(--colour-static-white, 255, 255, 255), .15); }

.rotera-btn.rotera-btn--static-colour.rotera-btn--icon-tertiary-inverse, .rotera-btn.rotera-btn--static-colour.rotera-btn--tertiary-inverse { --background: transparent; --background-hover: rgba(var(--colour-static-white, 255, 255, 255), .15); --background-press: rgba(var(--colour-static-white, 255, 255, 255), .3); --foreground: rgb(var(--colour-static-white, 255, 255, 255)); --disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15); }

.rotera-btn--icon-emphasised-inverse, .rotera-btn--emphasised-inverse, .rotera-btn--icon-primary-inverse, .rotera-btn--primary-inverse, .rotera-btn--icon-secondary, .rotera-btn--secondary, .rotera-btn--icon-tertiary, .rotera-btn--tertiary { --foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.rotera-btn--icon-secondary-inverse, .rotera-btn--secondary-inverse, .rotera-btn--icon-tertiary-inverse, .rotera-btn--tertiary-inverse, .rotera-btn--icon-primary, .rotera-btn--primary { --foreground: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.rotera-btn--icon-image-overlay, .rotera-btn--icon-emphasised, .rotera-btn--danger, .rotera-btn--emphasised, .rotera-btn--image-overlay { --foreground: rgb(var(--colour-static-white, 255, 255, 255)); }

.rotera-btn .rotera-btn__loader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -160%); display: inline-block; width: 0px; height: 0px; border: 0.25rem solid; border-radius: 64px; animation: 0.7s ease 0s infinite normal none running rotera-btn-loader; opacity: 0; visibility: hidden; text-indent: -9999px; overflow: hidden; transition-property: opacity, transform; transition-duration: 0.25s; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

@keyframes rotera-btn-loader { 
  0%, 100% { transform: translate(-50%, -160%); animation-timing-function: cubic-bezier(0.42, 0, 1, 1); }
  40% { transform: translate(-50%, 20%); animation-timing-function: cubic-bezier(0, 0, 0, 1); }
}

.rotera-btn--loading { pointer-events: none; }

.rotera-btn--loading .rotera-btn__loader { opacity: 1; visibility: visible; }

.rotera-btn--loading .rotera-svg-icon, .rotera-btn--loading .rotera-btn__label { transform: translateY(50%); opacity: 0; visibility: hidden; }

.rotera-btn--xsmall { font-size: 0.75rem; line-height: 1.33333; }

.rotera-btn--xsmall .rotera-btn__inner { min-height: 2rem; padding: 0px 1rem; }

.rotera-btn--xsmall .rotera-btn__inner::after { content: ""; position: absolute; inset: -0.375rem; }

.rotera-btn--xsmall.rotera-leading-icon .rotera-btn__inner { padding-inline-start: 0.75rem; }

.rotera-btn--xsmall.rotera-trailing-icon .rotera-btn__inner { padding-inline-end: 0.75rem; }

.rotera-btn--xsmall.rotera-leading-icon .rotera-svg-icon { margin-inline-end: 0.25rem; }

.rotera-btn--xsmall.rotera-trailing-icon .rotera-svg-icon { margin-inline-start: 0.25rem; }

.rotera-btn--small { font-size: 0.75rem; line-height: 1.33333; }

.rotera-btn--small .rotera-btn__inner { min-height: 2.5rem; padding: 0px 1.5rem; }

.rotera-btn--small .rotera-btn__inner::after { content: ""; position: absolute; inset: -0.125rem; }

.rotera-btn--small.rotera-leading-icon .rotera-btn__inner { padding-inline-start: 1rem; }

.rotera-btn--small.rotera-trailing-icon .rotera-btn__inner { padding-inline-end: 1rem; }

.rotera-btn--expanding.rotera-leading-icon .rotera-btn__inner, .rotera-btn--expanding.rotera-trailing-icon .rotera-btn__inner, .rotera-btn--expanding .rotera-btn__inner { transition-property: opacity, transform, padding; padding: 0px 1rem; }

.rotera-btn--expanding.rotera-btn--small .rotera-btn__inner { padding: 0px 0.5rem; }

.rotera-btn--expanding.rotera-btn--xsmall .rotera-btn__icon { margin: 0px; }

.rotera-btn--expanding.rotera-btn--xsmall .rotera-btn__inner { padding: 0px 0.25rem; min-height: 2rem; }

.rotera-btn--expanding.rotera-btn--xsmall .rotera-btn__inner::after { content: ""; position: absolute; inset: -0.375rem; }

.rotera-btn--expanding .rotera-btn__icon { transition: margin-inline-end 0.25s ease-in-out; margin: 0px; }

.rotera-btn--expanding .rotera-btn__inner .rotera-btn__label { max-width: 0px; white-space: nowrap; overflow: hidden; transition: max-width 0.25s ease-in-out; transform-origin: left center; position: static; width: auto; height: auto; margin: 0px; clip: initial; }

.rotera-btn--expanding:hover .rotera-btn__inner .rotera-btn__label, .rotera-btn--expanding:focus-visible .rotera-btn__inner .rotera-btn__label { max-width: 12.5rem; }

.rotera-btn--expanding:hover.rotera-leading-icon .rotera-btn__inner, .rotera-btn--expanding:focus-visible.rotera-leading-icon .rotera-btn__inner { padding-inline: 1.5rem 2rem; }

.rotera-btn--expanding:hover.rotera-trailing-icon .rotera-btn__inner, .rotera-btn--expanding:focus-visible.rotera-trailing-icon .rotera-btn__inner { flex-direction: row-reverse; padding-inline: 2rem 1.5rem; }

.rotera-btn--expanding:hover.rotera-leading-icon .rotera-btn__icon, .rotera-btn--expanding:focus-visible.rotera-leading-icon .rotera-btn__icon { margin-inline-end: 0.5rem; }

.rotera-btn--expanding:hover.rotera-trailing-icon .rotera-btn__icon, .rotera-btn--expanding:focus-visible.rotera-trailing-icon .rotera-btn__icon { margin-inline-start: 0.5rem; }

.rotera-btn--expanding:hover.rotera-leading-icon.rotera-btn--small .rotera-btn__inner, .rotera-btn--expanding:focus-visible.rotera-leading-icon.rotera-btn--small .rotera-btn__inner { padding-inline: 1rem 1.5rem; }

.rotera-btn--expanding:hover.rotera-trailing-icon.rotera-btn--small .rotera-btn__inner, .rotera-btn--expanding:focus-visible.rotera-trailing-icon.rotera-btn--small .rotera-btn__inner { padding-inline: 1.5rem 1rem; }

.rotera-btn--expanding:hover.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__inner, .rotera-btn--expanding:focus-visible.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__inner { padding-inline: 0.75rem 1rem; }

.rotera-btn--expanding:hover.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__inner, .rotera-btn--expanding:focus-visible.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__inner { padding-inline: 1rem 0.75rem; }

.rotera-btn--expanding:hover.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__icon, .rotera-btn--expanding:focus-visible.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__icon { margin-inline-end: 0.25rem; }

.rotera-btn--expanding:hover.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__icon, .rotera-btn--expanding:focus-visible.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__icon { margin-inline-start: 0.25rem; }

@media (hover: none) {
  .rotera-btn--expanding.rotera-leading-icon:hover .rotera-btn__inner, .rotera-btn--expanding.rotera-trailing-icon:hover .rotera-btn__inner { padding: 0px 1rem; }
  .rotera-btn--expanding.rotera-leading-icon:hover .rotera-btn__inner .rotera-btn__label, .rotera-btn--expanding.rotera-trailing-icon:hover .rotera-btn__inner .rotera-btn__label { max-width: 0px; }
  .rotera-btn--expanding.rotera-leading-icon:hover .rotera-btn__icon, .rotera-btn--expanding.rotera-trailing-icon:hover .rotera-btn__icon { margin: 0px; }
  .rotera-btn--expanding.rotera-leading-icon.rotera-btn--small:hover .rotera-btn__inner, .rotera-btn--expanding.rotera-trailing-icon.rotera-btn--small:hover .rotera-btn__inner { padding: 0px 0.5rem; }
  .rotera-btn--expanding.rotera-leading-icon.rotera-btn--xsmall:hover .rotera-btn__inner, .rotera-btn--expanding.rotera-trailing-icon.rotera-btn--xsmall:hover .rotera-btn__inner { padding: 0px 0.25rem; }
  .rotera-btn--expanding.rotera-leading-icon.rotera-btn--xsmall:hover .rotera-btn__icon, .rotera-btn--expanding.rotera-trailing-icon.rotera-btn--xsmall:hover .rotera-btn__icon { margin: 0px; }
  .rotera-btn--expanding.rotera-btn--touch-device-expanded:hover:not(:disabled) .rotera-btn__inner .rotera-btn__label, .rotera-btn--expanding.rotera-btn--touch-device-expanded .rotera-btn__inner .rotera-btn__label { max-width: 12.5rem; }
  .rotera-btn--expanding.rotera-btn--touch-device-expanded:hover:not(:disabled).rotera-leading-icon .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--touch-device-expanded.rotera-leading-icon .rotera-btn__inner { padding-inline: 1.5rem 2rem; }
  .rotera-btn--expanding.rotera-btn--touch-device-expanded:hover:not(:disabled).rotera-trailing-icon .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--touch-device-expanded.rotera-trailing-icon .rotera-btn__inner { flex-direction: row-reverse; padding-inline: 2rem 1.5rem; }
  .rotera-btn--expanding.rotera-btn--touch-device-expanded:hover:not(:disabled).rotera-leading-icon .rotera-btn__icon, .rotera-btn--expanding.rotera-btn--touch-device-expanded.rotera-leading-icon .rotera-btn__icon { margin-inline-end: 0.5rem; }
  .rotera-btn--expanding.rotera-btn--touch-device-expanded:hover:not(:disabled).rotera-trailing-icon .rotera-btn__icon, .rotera-btn--expanding.rotera-btn--touch-device-expanded.rotera-trailing-icon .rotera-btn__icon { margin-inline-start: 0.5rem; }
  .rotera-btn--expanding.rotera-btn--touch-device-expanded:hover:not(:disabled).rotera-leading-icon.rotera-btn--small .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--touch-device-expanded.rotera-leading-icon.rotera-btn--small .rotera-btn__inner { padding-inline: 1rem 1.5rem; }
  .rotera-btn--expanding.rotera-btn--touch-device-expanded:hover:not(:disabled).rotera-trailing-icon.rotera-btn--small .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--touch-device-expanded.rotera-trailing-icon.rotera-btn--small .rotera-btn__inner { padding-inline: 1.5rem 1rem; }
  .rotera-btn--expanding.rotera-btn--touch-device-expanded:hover:not(:disabled).rotera-leading-icon.rotera-btn--xsmall .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--touch-device-expanded.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__inner { padding-inline: 0.75rem 1rem; }
  .rotera-btn--expanding.rotera-btn--touch-device-expanded:hover:not(:disabled).rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--touch-device-expanded.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__inner { padding-inline: 1rem 0.75rem; }
  .rotera-btn--expanding.rotera-btn--touch-device-expanded:hover:not(:disabled).rotera-leading-icon.rotera-btn--xsmall .rotera-btn__icon, .rotera-btn--expanding.rotera-btn--touch-device-expanded.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__icon { margin: 0px; }
  .rotera-btn--expanding.rotera-btn--touch-device-expanded:hover:not(:disabled).rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__icon, .rotera-btn--expanding.rotera-btn--touch-device-expanded.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__icon { margin: 0px; }
}

.rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-trailing-icon .rotera-btn__inner, .rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-leading-icon .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--loading.rotera-trailing-icon .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--loading.rotera-leading-icon .rotera-btn__inner, .rotera-btn--expanding:disabled.rotera-trailing-icon .rotera-btn__inner, .rotera-btn--expanding:disabled.rotera-leading-icon .rotera-btn__inner { padding: 0px 1rem; }

.rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-trailing-icon .rotera-btn__inner .rotera-btn__label, .rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-leading-icon .rotera-btn__inner .rotera-btn__label, .rotera-btn--expanding.rotera-btn--loading.rotera-trailing-icon .rotera-btn__inner .rotera-btn__label, .rotera-btn--expanding.rotera-btn--loading.rotera-leading-icon .rotera-btn__inner .rotera-btn__label, .rotera-btn--expanding:disabled.rotera-trailing-icon .rotera-btn__inner .rotera-btn__label, .rotera-btn--expanding:disabled.rotera-leading-icon .rotera-btn__inner .rotera-btn__label { max-width: 0px; }

.rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-trailing-icon .rotera-btn__icon, .rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-leading-icon .rotera-btn__icon, .rotera-btn--expanding.rotera-btn--loading.rotera-trailing-icon .rotera-btn__icon, .rotera-btn--expanding.rotera-btn--loading.rotera-leading-icon .rotera-btn__icon, .rotera-btn--expanding:disabled.rotera-trailing-icon .rotera-btn__icon, .rotera-btn--expanding:disabled.rotera-leading-icon .rotera-btn__icon { margin: 0px; }

.rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-trailing-icon.rotera-btn--small .rotera-btn__inner, .rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-leading-icon.rotera-btn--small .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--loading.rotera-trailing-icon.rotera-btn--small .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--loading.rotera-leading-icon.rotera-btn--small .rotera-btn__inner, .rotera-btn--expanding:disabled.rotera-trailing-icon.rotera-btn--small .rotera-btn__inner, .rotera-btn--expanding:disabled.rotera-leading-icon.rotera-btn--small .rotera-btn__inner { padding: 0px 0.5rem; }

.rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__inner, .rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--loading.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__inner, .rotera-btn--expanding.rotera-btn--loading.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__inner, .rotera-btn--expanding:disabled.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__inner, .rotera-btn--expanding:disabled.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__inner { padding: 0px 0.25rem; }

.rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__icon, .rotera-btn--expanding:focus-visible.rotera-btn--loading.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__icon, .rotera-btn--expanding.rotera-btn--loading.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__icon, .rotera-btn--expanding.rotera-btn--loading.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__icon, .rotera-btn--expanding:disabled.rotera-trailing-icon.rotera-btn--xsmall .rotera-btn__icon, .rotera-btn--expanding:disabled.rotera-leading-icon.rotera-btn--xsmall .rotera-btn__icon { margin: 0px; }

.rotera-btn--fluid, .rotera-btn--fluid .rotera-btn__inner { width: 100%; }

.rotera-btn--plain.rotera-btn--small .rotera-btn__inner::after, .rotera-btn--plain .rotera-btn__inner::after { content: ""; position: absolute; inset: -0.25rem; }

.rotera-btn--plain { --background: transparent; --background-hover: transparent; --background-press: transparent; --foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.rotera-btn--plain.rotera-btn--small .rotera-btn__inner, .rotera-btn--plain .rotera-btn__inner, .rotera-btn--plain.rotera-leading-icon .rotera-btn__inner, .rotera-btn--plain.rotera-trailing-icon .rotera-btn__inner { padding: 0px; }

.rotera-btn .rotera-svg-icon, .rotera-btn__label { transition-property: opacity, margin-right, margin-left, transform; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.rotera-card { position: relative; display: flex; flex-direction: column-reverse; }

.rotera-card .rotera-content-card { --content-position: static; }

.rotera-card__media { display: flex; width: 100%; }

.rotera-card .rotera-aspect-ratio-box:has(> .rotera-image) { pointer-events: none; }

.rotera-card .rotera-content-card--simple { padding-top: 1rem; }

@media (min-width: 56.25em) {
  .rotera-card:not(:has(.rotera-content-card--fixed)) { flex-direction: row-reverse; }
  .rotera-card:not(:has(.rotera-content-card--fixed)) .rotera-content-card { padding: 3rem; }
  .rotera-card:not(:has(.rotera-content-card--fixed)) .rotera-content-card--simple { padding: 0px 3rem; }
  .rotera-card:not(:has(.rotera-content-card--fixed)) .rotera-content-card__container { padding-inline-end: 0px; }
  .rotera-card--trailing-media:not(:has(.rotera-content-card--fixed)) { flex-direction: row; }
  .rotera-card--trailing-media:not(:has(.rotera-content-card--fixed)) .rotera-content-card--simple { padding-inline-start: 0px; }
}

.rotera-content-card { --content-position: relative; --content-card-background: rgb(var(--colour-neutral-2, 245, 245, 245)); position: var(--content-position); display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; padding: 2rem; background: var(--content-card-background); }

.rotera-content-card__headers:hover .rotera-content-card__title, .rotera-content-card__headers:focus .rotera-content-card__title { text-decoration: underline; }

.rotera-content-card--center { justify-content: center; }

.rotera-content-card--simple { padding: 0px; justify-content: flex-start; }

.rotera-content-card--simple .rotera-content-card__container { padding-inline-end: 1rem; }

.rotera-content-card__container { max-width: 37.5rem; }

.rotera-content-card__add-on { display: block; margin-bottom: 0.5rem; }

.rotera-content-card__label { display: inline-block; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; margin-bottom: 0.25rem; }

.rotera-content-card__headers, .rotera-content-card__headers:is(a) { position: static; display: block; margin-bottom: 0.5rem; text-decoration: none; }

.rotera-content-card__headers::before { content: " "; position: absolute; inset: 0px; }

.rotera-content-card__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; font-weight: 700; }

@media (min-width: 37.5em) {
  .rotera-content-card__title { font-size: 2.25rem; line-height: 1.333; letter-spacing: -0.0063em; }
}

.rotera-content-card__subtitle { display: inline-block; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.rotera-content-card__body { display: block; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; margin-top: 0.75rem; }

.rotera-content-card__footer { display: flex; flex-wrap: wrap; margin-top: 1.5rem; gap: 0.5rem; }

.rotera-content-card__cta { pointer-events: none; }

.rotera-content-card__cta.rotera-btn--icon-primary-inverse:hover .rotera-btn__inner { background-color: rgb(var(--colour-static-white, 255, 255, 255)); }

.rotera-content-card--light-foreground:not(.rotera-content-card--simple) .rotera-content-card__add-on, .rotera-content-card--light-foreground:not(.rotera-content-card--simple) .rotera-content-card__label, .rotera-content-card--light-foreground:not(.rotera-content-card--simple) .rotera-content-card__title, .rotera-content-card--light-foreground:not(.rotera-content-card--simple) .rotera-content-card__subtitle, .rotera-content-card--light-foreground:not(.rotera-content-card--simple) .rotera-content-card__body { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.rotera-content-card--static-light-foreground:not(.rotera-content-card--simple) .rotera-content-card__add-on, .rotera-content-card--static-light-foreground:not(.rotera-content-card--simple) .rotera-content-card__label, .rotera-content-card--static-light-foreground:not(.rotera-content-card--simple) .rotera-content-card__title, .rotera-content-card--static-light-foreground:not(.rotera-content-card--simple) .rotera-content-card__subtitle, .rotera-content-card--static-light-foreground:not(.rotera-content-card--simple) .rotera-content-card__body { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.rotera-content-card--static-dark-foreground:not(.rotera-content-card--simple) .rotera-content-card__add-on, .rotera-content-card--static-dark-foreground:not(.rotera-content-card--simple) .rotera-content-card__label, .rotera-content-card--static-dark-foreground:not(.rotera-content-card--simple) .rotera-content-card__title, .rotera-content-card--static-dark-foreground:not(.rotera-content-card--simple) .rotera-content-card__subtitle, .rotera-content-card--static-dark-foreground:not(.rotera-content-card--simple) .rotera-content-card__body { color: rgb(var(--colour-static-black, 17, 17, 17)); }

@media (min-width: 37.5em) {
  .rotera-content-card--fixed .rotera-content-card__title { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

@media (min-width: 56.25em) {
  .rotera-content-card:not(.rotera-content-card--fixed) .rotera-content-card__body { margin-top: 1rem; }
  .rotera-content-card:not(.rotera-content-card--fixed) .rotera-content-card__footer { margin-top: 2rem; }
}

[dir="rtl"] .rotera-content-card__cta.rotera-btn .rotera-btn__icon, [dir="rtl"] .rotera-content-card__icon { transform: scaleX(-1); }

.rotera-card:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 0.2s ease-out, box-shadow 0.2s ease-out; }

.rotera-card:focus-visible .rotera-card__title { text-decoration: none; }

.rotera-card:focus-visible p { box-shadow: none; outline: none; }

.rotera-content-card .rotera-content-card__headers:focus-visible { box-shadow: none; outline: none; }

.rotera-content-card .rotera-content-card__headers:focus-visible::before { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 0.2s ease-out, box-shadow 0.2s ease-out; }

.plann-image { position: relative; display: block; max-width: 100%; height: auto; }

.plann-image__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: rgb(var(--colour-text-and-icon-4, 146, 146, 146)); }

.plann-image--fallback { padding-bottom: 100%; background: rgb(var(--colour-neutral-2, 245, 245, 245)); }

.plann-image--fallback img { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.rotera-leading-icon .rotera-svg-icon { margin-inline-end: 0.5rem; vertical-align: top; }

.rotera-leading-icon .rotera-svg-icon--100 { margin-inline-end: 0.25rem; }

.rotera-trailing-icon .rotera-svg-icon { margin-inline-start: 0.5rem; vertical-align: top; }

.rotera-trailing-icon .rotera-svg-icon--100 { margin-inline-start: 0.25rem; }

.rotera-svg-icon { display: inline-block; height: 1.5rem; width: 1.5rem; vertical-align: middle; fill: currentcolor; transition-property: transform, fill; transition-duration: 0.25s; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

@media (prefers-reduced-motion) {
  .rotera-svg-icon { transition-property: none; }
}

@keyframes rotera-icon-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

.rotera-svg-icon--rotate { animation: 1.5s linear 0s infinite normal none running rotera-icon-rotate; }

.rotera-svg-icon--rotate-45 { transform: rotate(45deg); }

.rotera-svg-icon--rotate-minus-45 { transform: rotate(-45deg); }

.rotera-svg-icon--rotate-135 { transform: rotate(135deg); }

.rotera-svg-icon--rotate-minus-135 { transform: rotate(-135deg); }

.rotera-svg-icon--rotate-180 { transform: rotate(180deg); }

.rotera-svg-icon--rotate-minus-180 { transform: rotate(-180deg); }

.rotera-image { position: relative; display: block; max-width: 100%; height: auto; }

.rotera-image__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: rgb(var(--colour-text-and-icon-4, 146, 146, 146)); }

.rotera-image--fallback { padding-bottom: 100%; background: rgb(var(--colour-neutral-2, 245, 245, 245)); }

.rotera-image--fallback img { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.plann-aspect-ratio-box { width: 100%; position: relative; height: auto; display: block; padding-bottom: 75%; box-sizing: border-box; }

.plann-aspect-ratio-box[class*="--standard"], .plann-aspect-ratio-box[class*="--4-3"] { padding-bottom: 75%; }

.plann-aspect-ratio-box[class*="--square"], .plann-aspect-ratio-box[class*="--1-1"] { padding-bottom: 100%; }

.plann-aspect-ratio-box[class*="--wide"], .plann-aspect-ratio-box[class*="--16-9"] { padding-bottom: 56.25%; }

.plann-aspect-ratio-box[class*="--portrait"], .plann-aspect-ratio-box[class*="--3-4"] { padding-bottom: 133.333%; }

.plann-aspect-ratio-box[class*="--semiportrait"], .plann-aspect-ratio-box[class*="--6-7"] { padding-bottom: 116.667%; }

.plann-aspect-ratio-box[class*="--9-16"] { padding-bottom: 177.778%; }

.plann-aspect-ratio-box[class*="--4-5"] { padding-bottom: 125%; }

.plann-aspect-ratio-box .plann-image { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; color: transparent; padding: 0px; }

@media (min-width: 37.5em) {
  .plann-aspect-ratio-box[class*="to-standard-from-md"], .plann-aspect-ratio-box[class*="to-4-3-from-md"] { padding-bottom: 75%; }
  .plann-aspect-ratio-box[class*="to-square-from-md"], .plann-aspect-ratio-box[class*="to-1-1-from-md"] { padding-bottom: 100%; }
  .plann-aspect-ratio-box[class*="to-wide-from-md"], .plann-aspect-ratio-box[class*="to-16-9-from-md"] { padding-bottom: 56.25%; }
  .plann-aspect-ratio-box[class*="to-portrait-from-md"], .plann-aspect-ratio-box[class*="to-3-4-from-md"] { padding-bottom: 133.333%; }
  .plann-aspect-ratio-box[class*="to-semiportrait-from-md"], .plann-aspect-ratio-box[class*="to-6-7-from-md"] { padding-bottom: 116.667%; }
  .plann-aspect-ratio-box[class*="to-9-16-from-md"] { padding-bottom: 177.778%; }
  .plann-aspect-ratio-box[class*="to-4-5-from-md"] { padding-bottom: 125%; }
}

@media (min-width: 56.25em) {
  .plann-aspect-ratio-box[class*="to-standard-from-lg"], .plann-aspect-ratio-box[class*="to-4-3-from-lg"] { padding-bottom: 75%; }
  .plann-aspect-ratio-box[class*="to-square-from-lg"], .plann-aspect-ratio-box[class*="to-1-1-from-lg"] { padding-bottom: 100%; }
  .plann-aspect-ratio-box[class*="to-wide-from-lg"], .plann-aspect-ratio-box[class*="to-16-9-from-lg"] { padding-bottom: 56.25%; }
  .plann-aspect-ratio-box[class*="to-portrait-from-lg"], .plann-aspect-ratio-box[class*="to-3-4-from-lg"] { padding-bottom: 133.333%; }
  .plann-aspect-ratio-box[class*="to-semiportrait-from-lg"], .plann-aspect-ratio-box[class*="to-6-7-from-lg"] { padding-bottom: 116.667%; }
  .plann-aspect-ratio-box[class*="to-9-16-from-lg"] { padding-bottom: 177.778%; }
  .plann-aspect-ratio-box[class*="to-4-5-from-lg"] { padding-bottom: 125%; }
}

.plann-simple-video { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.plann-simple-video__video-action { background: none; border: 0px; width: 100%; height: 100%; position: absolute; cursor: pointer; padding: 0px; }

.plann-simple-video:focus-visible { border: 2px rgb(var(--colour-neutral-1, 255, 255, 255)) solid; border-radius: 2px; }

.plann-simple-video__description { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.plann-simple-video__button-container { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, 50%); opacity: 1; }

[dir="rtl"] .plann-simple-video__button-container { right: auto; left: 50%; }

.plann-simple-video__button-container--fading { opacity: 1; animation: 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0s 1 normal none running fade-out; }

@keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.plann-simple-video__button-container--corner { bottom: 1.25rem; left: 1.25rem; transform: none; }

[dir="rtl"] .plann-simple-video__button-container--corner { right: 1.25rem; left: auto; }

.plann-simple-video__button, .plann-simple-video__button .plann-btn__icon { transition: opacity 0.2s cubic-bezier(0.4, 0, 0.4, 1), transform 0.1s cubic-bezier(0.4, 0, 0.4, 1); transform-origin: center center; }

.plann-simple-video__video-action:focus-visible + .plann-simple-video__button-container--corner .plann-simple-video__button { opacity: 1; }

@media (hover: hover) {
  .plann-simple-video__button .plann-btn__icon, .plann-simple-video__button:hover:active .plann-btn__icon, .plann-simple-video__video-action:hover:active + .plann-simple-video__button-container .plann-btn__icon { transform: scale(1); }
  .plann-simple-video__button-container:hover .plann-btn__icon, .plann-simple-video__video-action:hover + .plann-simple-video__button-container .plann-btn__icon { transform: scale(1.3); }
  .plann-simple-video__button-container--corner .plann-simple-video__button:not(:focus-visible) { opacity: 0; }
  .plann-simple-video__video-action:hover + .plann-simple-video__button-container--corner .plann-btn__icon, .plann-simple-video__button-container--corner:hover .plann-btn__icon { transform: scale(1); }
  .plann-simple-video__video-action:hover + .plann-simple-video__button-container--corner .plann-simple-video__button, .plann-simple-video__button-container--corner:hover .plann-simple-video__button { opacity: 1; }
  .plann-simple-video__video-action:hover:active + .plann-simple-video__button-container--corner .plann-btn__icon, .plann-simple-video__button-container--corner:hover:active .plann-btn__icon { transform: scale(0.8); }
}

@media (prefers-reduced-motion: reduce) {
  .plann-simple-video__button, .plann-simple-video__button .plann-btn__icon { transition: none; }
  .plann-simple-video__button-container:hover .plann-btn__icon, .plann-simple-video__video-action:hover + .plann-simple-video__button-container .plann-btn__icon, .plann-simple-video__video-action:hover:active + .plann-simple-video__button-container--corner .plann-btn__icon, .plann-simple-video__button-container--corner:hover:active .plann-btn__icon { transform: scale(1); }
}

.rotera-aspect-ratio-box { width: 100%; position: relative; height: auto; display: block; padding-bottom: 75%; box-sizing: border-box; }

.rotera-aspect-ratio-box[class*="--standard"], .rotera-aspect-ratio-box[class*="--4-3"] { padding-bottom: 75%; }

.rotera-aspect-ratio-box[class*="--square"], .rotera-aspect-ratio-box[class*="--1-1"] { padding-bottom: 100%; }

.rotera-aspect-ratio-box[class*="--wide"], .rotera-aspect-ratio-box[class*="--16-9"] { padding-bottom: 56.25%; }

.rotera-aspect-ratio-box[class*="--portrait"], .rotera-aspect-ratio-box[class*="--3-4"] { padding-bottom: 133.333%; }

.rotera-aspect-ratio-box[class*="--semiportrait"], .rotera-aspect-ratio-box[class*="--6-7"] { padding-bottom: 116.667%; }

.rotera-aspect-ratio-box[class*="--9-16"] { padding-bottom: 177.778%; }

.rotera-aspect-ratio-box[class*="--4-5"] { padding-bottom: 125%; }

.rotera-aspect-ratio-box .rotera-image { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; color: transparent; padding: 0px; }

@media (min-width: 37.5em) {
  .rotera-aspect-ratio-box[class*="to-standard-from-md"], .rotera-aspect-ratio-box[class*="to-4-3-from-md"] { padding-bottom: 75%; }
  .rotera-aspect-ratio-box[class*="to-square-from-md"], .rotera-aspect-ratio-box[class*="to-1-1-from-md"] { padding-bottom: 100%; }
  .rotera-aspect-ratio-box[class*="to-wide-from-md"], .rotera-aspect-ratio-box[class*="to-16-9-from-md"] { padding-bottom: 56.25%; }
  .rotera-aspect-ratio-box[class*="to-portrait-from-md"], .rotera-aspect-ratio-box[class*="to-3-4-from-md"] { padding-bottom: 133.333%; }
  .rotera-aspect-ratio-box[class*="to-semiportrait-from-md"], .rotera-aspect-ratio-box[class*="to-6-7-from-md"] { padding-bottom: 116.667%; }
  .rotera-aspect-ratio-box[class*="to-9-16-from-md"] { padding-bottom: 177.778%; }
  .rotera-aspect-ratio-box[class*="to-4-5-from-md"] { padding-bottom: 125%; }
}

@media (min-width: 56.25em) {
  .rotera-aspect-ratio-box[class*="to-standard-from-lg"], .rotera-aspect-ratio-box[class*="to-4-3-from-lg"] { padding-bottom: 75%; }
  .rotera-aspect-ratio-box[class*="to-square-from-lg"], .rotera-aspect-ratio-box[class*="to-1-1-from-lg"] { padding-bottom: 100%; }
  .rotera-aspect-ratio-box[class*="to-wide-from-lg"], .rotera-aspect-ratio-box[class*="to-16-9-from-lg"] { padding-bottom: 56.25%; }
  .rotera-aspect-ratio-box[class*="to-portrait-from-lg"], .rotera-aspect-ratio-box[class*="to-3-4-from-lg"] { padding-bottom: 133.333%; }
  .rotera-aspect-ratio-box[class*="to-semiportrait-from-lg"], .rotera-aspect-ratio-box[class*="to-6-7-from-lg"] { padding-bottom: 116.667%; }
  .rotera-aspect-ratio-box[class*="to-9-16-from-lg"] { padding-bottom: 177.778%; }
  .rotera-aspect-ratio-box[class*="to-4-5-from-lg"] { padding-bottom: 125%; }
}