@charset "utf-8";

@keyframes modal-delayed-fade-in { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.ugc-rr-pip-fe-typography, .ugc-rr-pip-fe-typography * { --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125); letter-spacing: calc(var(--skapa-characterset-multiplier, 1)*var(--skapa-letter-spacing-multiplier-for-font-weight, 0.375)*(var(--skapa-base-multiplier, 1)*.875rem - 1em)/(.875*var(--skapa-rem, 16))); }

[class*="ugc-rr-pip-fe-typography-"] { font-size: calc(1rem*var(--skapa-base-multiplier, 1)*var(--skapa-font-size, 14)/16); font-weight: clamp(400,var(--skapa-font-weight, 400),700); line-height: var(--skapa-typography-line-height, 1.5); --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125); letter-spacing: calc(var(--skapa-characterset-multiplier, 1)*var(--skapa-letter-spacing-multiplier-for-font-weight, 0.375)*(var(--skapa-base-multiplier, 1)*.875rem - 1em)/(.875*var(--skapa-rem, 16))); }

.ugc-rr-pip-fe-typography-margin-compensation [class*="ugc-rr-pip-fe-typography-"] { margin-inline: calc(-0.095em + 1.33px); }

.ugc-rr-pip-fe-typography-paragraph-spacing [class*="ugc-rr-pip-fe-typography-"] { margin-bottom: calc(1em*(var(--skapa-typography-line-height, 1.5) - 1)); }

.ugc-rr-pip-fe-typography-base-14 { --skapa-base-multiplier: calc(14 / 14); }

.ugc-rr-pip-fe-typography-base-16 { --skapa-base-multiplier: calc(16 / 14); }

.ugc-rr-pip-fe-typography-base-20 { --skapa-base-multiplier: calc(20 / 14); }

.ugc-rr-pip-fe-typography-base-28 { --skapa-base-multiplier: calc(28 / 14); }

.ugc-rr-pip-fe-typography-base-56 { --skapa-base-multiplier: calc(56 / 14); }

.ugc-rr-pip-fe-typography-body-s { --skapa-font-weight: 400; --skapa-font-size: var(--skapa-body-s, 12); --skapa-typography-line-height: 1.8; }

.ugc-rr-pip-fe-typography-body-m { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-body-m, 14); }

.ugc-rr-pip-fe-typography-body-l { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-body-l, 16); }

.ugc-rr-pip-fe-typography-display-m { --skapa-font-weight: 700; --skapa-typography-line-height: 1.2; --skapa-font-size: var(--skapa-display-m, 40); }

.ugc-rr-pip-fe-typography-display-xl { --skapa-font-weight: 700; --skapa-typography-line-height: 1.2; --skapa-font-size: var(--skapa-display-xl, 72); }

.ugc-rr-pip-fe-typography-display-l { --skapa-font-weight: 700; --skapa-typography-line-height: 1.2; --skapa-font-size: var(--skapa-display-l, 56); }

.ugc-rr-pip-fe-typography-heading-m { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-m, 18); }

.ugc-rr-pip-fe-typography-heading-xl { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-xl, 32); }

.ugc-rr-pip-fe-typography-heading-l { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-l, 24); }

.ugc-rr-pip-fe-typography-heading-s { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-s, 16); }

.ugc-rr-pip-fe-typography-heading-xs { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-xs, 14); }

.ugc-rr-pip-fe-typography-label-s { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-s, 12); }

.ugc-rr-pip-fe-typography-label-xs { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-xs, 10); text-transform: uppercase; }

.ugc-rr-pip-fe-typography-label-m { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-m, 14); }

.ugc-rr-pip-fe-typography-label-l { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-l, 16); }

.ugc-rr-pip-fe-typography-caption-m { --skapa-font-weight: 400; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-caption-m, 14); }

.ugc-rr-pip-fe-typography-caption-l { --skapa-font-weight: 400; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-caption-l, 16); }

.ugc-rr-pip-fe-typography-caption-s { --skapa-font-weight: 400; --skapa-font-size: var(--skapa-caption-s, 12); --skapa-typography-line-height: 1.5; }

.ugc-rr-pip-fe-typography-statement-m { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-statement-m, 20); }

.ugc-rr-pip-fe-typography-statement-l { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-statement-l, 28); }

.ugc-rr-pip-fe-typography-regular { --skapa-font-weight: 400; }

.ugc-rr-pip-fe-typography-typescale-desktop { --skapa-display-xl: 72; --skapa-display-l: 56; --skapa-display-m: 40; --skapa-heading-xl: 32; --skapa-heading-l: 24; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 28; --skapa-statement-m: 20; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

.ugc-rr-pip-fe-typography-typescale-small-screen { --skapa-display-xl: 48; --skapa-display-l: 36; --skapa-display-m: 28; --skapa-heading-xl: 24; --skapa-heading-l: 20; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 20; --skapa-statement-m: 18; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

.ugc-rr-pip-fe-typography-typescale-large-screen { --skapa-display-xl: 144; --skapa-display-l: 96; --skapa-display-m: 64; --skapa-heading-xl: 40; --skapa-heading-l: 28; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 40; --skapa-statement-m: 28; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

.ugc-rr-pip-fe-typography-typescale-auto { --skapa-display-xl: 48; --skapa-display-l: 36; --skapa-display-m: 28; --skapa-heading-xl: 24; --skapa-heading-l: 20; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 20; --skapa-statement-m: 18; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

@media (min-width: 37.5em) {
  .ugc-rr-pip-fe-typography-typescale-auto { --skapa-display-xl: 72; --skapa-display-l: 56; --skapa-display-m: 40; --skapa-heading-xl: 32; --skapa-heading-l: 24; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 28; --skapa-statement-m: 20; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }
}

@media (min-width: 75em) {
  .ugc-rr-pip-fe-typography-typescale-auto { --skapa-display-xl: 144; --skapa-display-l: 96; --skapa-display-m: 64; --skapa-heading-xl: 40; --skapa-heading-l: 28; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 40; --skapa-statement-m: 28; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }
}

:is(.ugc-rr-pip-fe-typography-character-set-arabic, .ugc-rr-pip-fe-typography-character-set-chinese_simplified, .ugc-rr-pip-fe-typography-character-set-chinese_traditional, .ugc-rr-pip-fe-typography-character-set-hebrew, .ugc-rr-pip-fe-typography-character-set-japanese, .ugc-rr-pip-fe-typography-character-set-korean) { --skapa-characterset-multiplier: 0; }

.ugc-rr-pip-fe-text { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-text--lighter { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.ugc-rr-pip-fe-textcontext-wrapper { display: contents; }

.ugc-rr-pip-fe-leading-icon .ugc-rr-pip-fe-svg-icon { margin-inline-end: 0.5rem; vertical-align: top; }

.ugc-rr-pip-fe-leading-icon .ugc-rr-pip-fe-svg-icon--100 { margin-inline-end: 0.25rem; }

.ugc-rr-pip-fe-trailing-icon .ugc-rr-pip-fe-svg-icon { margin-inline-start: 0.5rem; vertical-align: top; }

.ugc-rr-pip-fe-trailing-icon .ugc-rr-pip-fe-svg-icon--100 { margin-inline-start: 0.25rem; }

.ugc-rr-pip-fe-svg-icon { display: inline-block; height: 1.5rem; width: 1.5rem; vertical-align: middle; fill: currentcolor; transition-property: transform, fill; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

@media (prefers-reduced-motion) {
  .ugc-rr-pip-fe-svg-icon { transition-property: none; }
}

@keyframes ugc-rr-pip-fe-icon-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

.ugc-rr-pip-fe-svg-icon--rotate { animation: 1.5s linear 0s infinite normal none running ugc-rr-pip-fe-icon-rotate; }

.ugc-rr-pip-fe-svg-icon--rotate-45 { transform: rotate(45deg); }

.ugc-rr-pip-fe-svg-icon--rotate-minus-45 { transform: rotate(-45deg); }

.ugc-rr-pip-fe-svg-icon--rotate-135 { transform: rotate(135deg); }

.ugc-rr-pip-fe-svg-icon--rotate-minus-135 { transform: rotate(-135deg); }

.ugc-rr-pip-fe-svg-icon--rotate-180 { transform: rotate(180deg); }

.ugc-rr-pip-fe-svg-icon--rotate-minus-180 { transform: rotate(-180deg); }

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

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

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

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

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

.ugc-rr-pip-fe-btn { position: relative; background: none; border: 0px; padding: 0px; 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; }

.ugc-rr-pip-fe-btn .ugc-rr-pip-fe-btn__inner { box-shadow: var(--box-shadow); background: var(--background); }

.ugc-rr-pip-fe-btn:hover .ugc-rr-pip-fe-btn__inner { background: var(--background-hover); box-shadow: var(--box-shadow-hover); }

.ugc-rr-pip-fe-btn:active .ugc-rr-pip-fe-btn__inner { background: var(--background-press); box-shadow: var(--box-shadow-press); }

.ugc-rr-pip-fe-btn:hover, .ugc-rr-pip-fe-btn:active, .ugc-rr-pip-fe-btn:focus { text-decoration: none; color: var(--foreground); }

.ugc-rr-pip-fe-btn .ugc-rr-pip-fe-svg-icon { flex-shrink: 0; }

.ugc-rr-pip-fe-btn:disabled { cursor: default; }

.ugc-rr-pip-fe-btn:disabled .ugc-rr-pip-fe-btn__inner { background-color: var(--disabled-background); color: var(--disabled-foreground); box-shadow: none; }

.ugc-rr-pip-fe-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: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.ugc-rr-pip-fe-btn:active:not(:disabled) .ugc-rr-pip-fe-btn__inner { transform: scale(0.97); }

.ugc-rr-pip-fe-leading-icon .ugc-rr-pip-fe-btn__inner { padding-inline-start: 1.5rem; }

.ugc-rr-pip-fe-trailing-icon .ugc-rr-pip-fe-btn__inner { flex-direction: row-reverse; padding-inline-end: 1.5rem; }

@media (forced-colors: active) {
  .ugc-rr-pip-fe-btn__inner { border: 1px solid rgba(0, 0, 0, 0); }
  .ugc-rr-pip-fe-btn:disabled .ugc-rr-pip-fe-btn__inner { color: graytext; border-color: graytext; }
}

.ugc-rr-pip-fe-btn--icon-primary, .ugc-rr-pip-fe-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)); }

.ugc-rr-pip-fe-btn--icon-emphasised, .ugc-rr-pip-fe-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)); }

.ugc-rr-pip-fe-btn--icon-secondary, .ugc-rr-pip-fe-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), 0.5); }

.ugc-rr-pip-fe-btn--icon-emphasised-inverse, .ugc-rr-pip-fe-btn--emphasised-inverse, .ugc-rr-pip-fe-btn--icon-primary-inverse, .ugc-rr-pip-fe-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)); }

.ugc-rr-pip-fe-btn--icon-secondary-inverse, .ugc-rr-pip-fe-btn--secondary-inverse { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-neutral-1, 255, 255, 255), 0.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)); }

.ugc-rr-pip-fe-btn--icon-tertiary-inverse, .ugc-rr-pip-fe-btn--tertiary-inverse { --background: transparent; --background-hover: rgba(var(--colour-neutral-1, 255, 255, 255), 0.15); --background-press: rgba(var(--colour-neutral-1, 255, 255, 255), 0.3); --disabled-background: transparent; --disabled-foreground: rgba(var(--colour-interactive-disabled-1, 204, 204, 204), .15); }

.ugc-rr-pip-fe-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)); }

.ugc-rr-pip-fe-btn--icon-tertiary, .ugc-rr-pip-fe-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)); }

.ugc-rr-pip-fe-btn--icon-image-overlay, .ugc-rr-pip-fe-btn--image-overlay { --background: rgba(var(--colour-static-black, 17, 17, 17), 0.75); --background-hover: rgba(var(--colour-static-black, 17, 17, 17), 0.85); --background-press: rgba(var(--colour-static-black, 17, 17, 17), 0.95); }

.ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-btn--primary, .ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-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); }

.ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-btn--secondary, .ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-btn--icon-secondary { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-interactive-static-secondary-bg-pressed, 204, 204, 204), 0.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); }

.ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-btn--tertiary, .ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-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; }

.ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-btn--icon-secondary-inverse, .ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-btn--secondary-inverse { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-static-white, 255, 255, 255), 0.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); }

.ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-btn--icon-emphasised-inverse, .ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-btn--icon-primary-inverse, .ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-btn--primary-inverse, .ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-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); }

.ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-btn--icon-tertiary-inverse, .ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--static-colour.ugc-rr-pip-fe-btn--tertiary-inverse { --background: transparent; --background-hover: rgba(var(--colour-static-white, 255, 255, 255), 0.15); --background-press: rgba(var(--colour-static-white, 255, 255, 255), 0.3); --foreground: rgb(var(--colour-static-white, 255, 255, 255)); --disabled-foreground: rgba(var(--colour-static-white, 255, 255, 255), .15); }

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

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

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

.ugc-rr-pip-fe-btn .ugc-rr-pip-fe-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 ugc-rr-pip-fe-btn-loader; opacity: 0; visibility: hidden; text-indent: -9999px; overflow: hidden; transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

@keyframes ugc-rr-pip-fe-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); }
}

.ugc-rr-pip-fe-btn--loading { pointer-events: none; }

.ugc-rr-pip-fe-btn--loading .ugc-rr-pip-fe-btn__loader { opacity: 1; visibility: visible; }

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

.ugc-rr-pip-fe-btn--xsmall .ugc-rr-pip-fe-btn__inner { min-height: 2rem; padding: 0px 1rem; }

.ugc-rr-pip-fe-btn--xsmall .ugc-rr-pip-fe-btn__inner::after { content: ""; position: absolute; inset: -0.375rem; }

.ugc-rr-pip-fe-btn--xsmall.ugc-rr-pip-fe-leading-icon .ugc-rr-pip-fe-btn__inner { padding-inline-start: 0.75rem; }

.ugc-rr-pip-fe-btn--xsmall.ugc-rr-pip-fe-trailing-icon .ugc-rr-pip-fe-btn__inner { padding-inline-end: 0.75rem; }

.ugc-rr-pip-fe-btn--xsmall.ugc-rr-pip-fe-leading-icon .ugc-rr-pip-fe-svg-icon { margin-inline-end: 0.25rem; }

.ugc-rr-pip-fe-btn--xsmall.ugc-rr-pip-fe-trailing-icon .ugc-rr-pip-fe-svg-icon { margin-inline-start: 0.25rem; }

.ugc-rr-pip-fe-btn--small .ugc-rr-pip-fe-btn__inner { min-height: 2.5rem; padding: 0px 1.5rem; }

.ugc-rr-pip-fe-btn--small .ugc-rr-pip-fe-btn__inner::after { content: ""; position: absolute; inset: -0.125rem; }

.ugc-rr-pip-fe-btn--small.ugc-rr-pip-fe-leading-icon .ugc-rr-pip-fe-btn__inner { padding-inline-start: 1rem; }

.ugc-rr-pip-fe-btn--small.ugc-rr-pip-fe-trailing-icon .ugc-rr-pip-fe-btn__inner { padding-inline-end: 1rem; }

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

.ugc-rr-pip-fe-btn--expanding.ugc-rr-pip-fe-btn--small .ugc-rr-pip-fe-btn__inner { padding: 0px 0.5rem; }

.ugc-rr-pip-fe-btn--expanding.ugc-rr-pip-fe-btn--xsmall .ugc-rr-pip-fe-btn__icon { margin: 0px; }

.ugc-rr-pip-fe-btn--expanding.ugc-rr-pip-fe-btn--xsmall .ugc-rr-pip-fe-btn__inner { padding: 0px 0.25rem; min-height: 2rem; }

.ugc-rr-pip-fe-btn--expanding.ugc-rr-pip-fe-btn--xsmall .ugc-rr-pip-fe-btn__inner::after { content: ""; position: absolute; inset: -0.375rem; }

.ugc-rr-pip-fe-btn--expanding .ugc-rr-pip-fe-btn__icon { transition: margin-inline-end 250ms ease-in-out; margin: 0px; }

.ugc-rr-pip-fe-btn--expanding .ugc-rr-pip-fe-btn__inner .ugc-rr-pip-fe-btn__label { max-width: 0px; white-space: nowrap; overflow: hidden; transition: max-width 250ms ease-in-out; transform-origin: left center; position: static; width: auto; height: auto; margin: 0px; clip: initial; }

.ugc-rr-pip-fe-btn--expanding:hover .ugc-rr-pip-fe-btn__inner .ugc-rr-pip-fe-btn__label, .ugc-rr-pip-fe-btn--expanding:focus-visible .ugc-rr-pip-fe-btn__inner .ugc-rr-pip-fe-btn__label { max-width: 12.5rem; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ugc-rr-pip-fe-btn--fluid, .ugc-rr-pip-fe-btn--fluid .ugc-rr-pip-fe-btn__inner { width: 100%; }

.ugc-rr-pip-fe-btn--plain.ugc-rr-pip-fe-btn--small .ugc-rr-pip-fe-btn__inner::after, .ugc-rr-pip-fe-btn--plain .ugc-rr-pip-fe-btn__inner::after { content: ""; position: absolute; inset: -0.25rem; }

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

.ugc-rr-pip-fe-btn--plain.ugc-rr-pip-fe-btn--small .ugc-rr-pip-fe-btn__inner, .ugc-rr-pip-fe-btn--plain .ugc-rr-pip-fe-btn__inner, .ugc-rr-pip-fe-btn--plain.ugc-rr-pip-fe-leading-icon .ugc-rr-pip-fe-btn__inner, .ugc-rr-pip-fe-btn--plain.ugc-rr-pip-fe-trailing-icon .ugc-rr-pip-fe-btn__inner { padding: 0px; }

.ugc-rr-pip-fe-btn .ugc-rr-pip-fe-svg-icon, .ugc-rr-pip-fe-btn__label { transition-property: opacity, margin-right, margin-left, transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.ugc-rr-pip-fe-link { text-decoration: underline; font-weight: 400; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.ugc-rr-pip-fe-link:focus, .ugc-rr-pip-fe-link:hover, .ugc-rr-pip-fe-link:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; }

.ugc-rr-pip-fe-link--disabled:focus::before { border: 0px; }

.ugc-rr-pip-fe-link--black { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-link--black:hover, .ugc-rr-pip-fe-link--black:focus, .ugc-rr-pip-fe-link--black:active { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.ugc-rr-pip-fe-link--black.ugc-rr-pip-fe-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-link--black.ugc-rr-pip-fe-link--disabled:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-link--black.ugc-rr-pip-fe-link--disabled:focus, .ugc-rr-pip-fe-link--black.ugc-rr-pip-fe-link--disabled:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-link--black.ugc-rr-pip-fe-link--disabled:focus::before { border: 0px; }

.ugc-rr-pip-fe-link--grey { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.ugc-rr-pip-fe-link--grey:hover, .ugc-rr-pip-fe-link--grey:focus, .ugc-rr-pip-fe-link--grey:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-link--grey.ugc-rr-pip-fe-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.ugc-rr-pip-fe-link--grey.ugc-rr-pip-fe-link--disabled:hover { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.ugc-rr-pip-fe-link--grey.ugc-rr-pip-fe-link--disabled:focus, .ugc-rr-pip-fe-link--grey.ugc-rr-pip-fe-link--disabled:active { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.ugc-rr-pip-fe-link--grey.ugc-rr-pip-fe-link--disabled:focus::before { border: 0px; }

.ugc-rr-pip-fe-link--white { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.ugc-rr-pip-fe-link--white:hover, .ugc-rr-pip-fe-link--white:focus, .ugc-rr-pip-fe-link--white:active { color: rgb(var(--colour-static-light-grey, 245, 245, 245)); }

.ugc-rr-pip-fe-link--white.ugc-rr-pip-fe-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.ugc-rr-pip-fe-link--white.ugc-rr-pip-fe-link--disabled:hover { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.ugc-rr-pip-fe-link--white.ugc-rr-pip-fe-link--disabled:focus, .ugc-rr-pip-fe-link--white.ugc-rr-pip-fe-link--disabled:active { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.ugc-rr-pip-fe-link--white.ugc-rr-pip-fe-link--disabled:focus::before { border: 0px; }

.ugc-rr-pip-fe-link--subtle { text-decoration: none; }

.ugc-rr-pip-fe-link--subtle:focus, .ugc-rr-pip-fe-link--subtle:hover, .ugc-rr-pip-fe-link--subtle:active { text-decoration: underline; }

h1 .ugc-rr-pip-fe-link, h2 .ugc-rr-pip-fe-link, h3 .ugc-rr-pip-fe-link, h4 .ugc-rr-pip-fe-link, h5 .ugc-rr-pip-fe-link, h6 .ugc-rr-pip-fe-link, p .ugc-rr-pip-fe-link { margin-bottom: 0px; text-decoration: underline; }

h1 .ugc-rr-pip-fe-link .ugc-rr-pip-fe-svg-icon, h2 .ugc-rr-pip-fe-link .ugc-rr-pip-fe-svg-icon, h3 .ugc-rr-pip-fe-link .ugc-rr-pip-fe-svg-icon, h4 .ugc-rr-pip-fe-link .ugc-rr-pip-fe-svg-icon, h5 .ugc-rr-pip-fe-link .ugc-rr-pip-fe-svg-icon, h6 .ugc-rr-pip-fe-link .ugc-rr-pip-fe-svg-icon, p .ugc-rr-pip-fe-link .ugc-rr-pip-fe-svg-icon { vertical-align: middle; }

h1 .ugc-rr-pip-fe-link:hover, h1 .ugc-rr-pip-fe-link:focus, h1 .ugc-rr-pip-fe-link:active, h2 .ugc-rr-pip-fe-link:hover, h2 .ugc-rr-pip-fe-link:focus, h2 .ugc-rr-pip-fe-link:active, h3 .ugc-rr-pip-fe-link:hover, h3 .ugc-rr-pip-fe-link:focus, h3 .ugc-rr-pip-fe-link:active, h4 .ugc-rr-pip-fe-link:hover, h4 .ugc-rr-pip-fe-link:focus, h4 .ugc-rr-pip-fe-link:active, h5 .ugc-rr-pip-fe-link:hover, h5 .ugc-rr-pip-fe-link:focus, h5 .ugc-rr-pip-fe-link:active, h6 .ugc-rr-pip-fe-link:hover, h6 .ugc-rr-pip-fe-link:focus, h6 .ugc-rr-pip-fe-link:active, p .ugc-rr-pip-fe-link:hover, p .ugc-rr-pip-fe-link:focus, p .ugc-rr-pip-fe-link:active { text-decoration: underline; }

h1 .ugc-rr-pip-fe-link--subtle, h2 .ugc-rr-pip-fe-link--subtle, h3 .ugc-rr-pip-fe-link--subtle, h4 .ugc-rr-pip-fe-link--subtle, h5 .ugc-rr-pip-fe-link--subtle, h6 .ugc-rr-pip-fe-link--subtle, p .ugc-rr-pip-fe-link--subtle { text-decoration: none; }

h1 .ugc-rr-pip-fe-link--subtle:focus, h1 .ugc-rr-pip-fe-link--subtle:hover, h1 .ugc-rr-pip-fe-link--subtle:active, h2 .ugc-rr-pip-fe-link--subtle:focus, h2 .ugc-rr-pip-fe-link--subtle:hover, h2 .ugc-rr-pip-fe-link--subtle:active, h3 .ugc-rr-pip-fe-link--subtle:focus, h3 .ugc-rr-pip-fe-link--subtle:hover, h3 .ugc-rr-pip-fe-link--subtle:active, h4 .ugc-rr-pip-fe-link--subtle:focus, h4 .ugc-rr-pip-fe-link--subtle:hover, h4 .ugc-rr-pip-fe-link--subtle:active, h5 .ugc-rr-pip-fe-link--subtle:focus, h5 .ugc-rr-pip-fe-link--subtle:hover, h5 .ugc-rr-pip-fe-link--subtle:active, h6 .ugc-rr-pip-fe-link--subtle:focus, h6 .ugc-rr-pip-fe-link--subtle:hover, h6 .ugc-rr-pip-fe-link--subtle:active, p .ugc-rr-pip-fe-link--subtle:focus, p .ugc-rr-pip-fe-link--subtle:hover, p .ugc-rr-pip-fe-link--subtle:active { text-decoration: underline; }

.ugc-rr-pip-fe-accordion-item-header { display: flex; background: none; overflow: hidden; border: 0px; cursor: pointer; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; user-select: text; }

.ugc-rr-pip-fe-accordion-item-header:active, .ugc-rr-pip-fe-accordion-item-header:focus-visible, .ugc-rr-pip-fe-accordion-item-header:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-accordion-item-header:active .ugc-rr-pip-fe-accordion-item-header__title, .ugc-rr-pip-fe-accordion-item-header:focus-visible .ugc-rr-pip-fe-accordion-item-header__title, .ugc-rr-pip-fe-accordion-item-header:hover .ugc-rr-pip-fe-accordion-item-header__title { text-decoration: underline; }

.ugc-rr-pip-fe-accordion-item-header__icon { flex-shrink: 0; }

.ugc-rr-pip-fe-accordion-item-header--small { min-height: 3rem; padding: 0.5rem 0px; }

.ugc-rr-pip-fe-accordion-item-header--medium { min-height: 4.5rem; padding: 0.75rem 0px; }

.ugc-rr-pip-fe-accordion-item-header--large { min-height: 5.5rem; padding: 1.25rem 0px; }

.ugc-rr-pip-fe-accordion-item-header__title-wrapper { text-align: start; flex-grow: 1; line-height: 0; padding-inline-end: 1rem; }

.ugc-rr-pip-fe-accordion-item-header__title-wrapper .ugc-rr-pip-fe-accordion-item-header__title { width: auto; }

.ugc-rr-pip-fe-accordion-item-header__title { font-size: 0.875rem; line-height: 1.571; font-weight: 700; display: block; }

.ugc-rr-pip-fe-accordion-item-header__subtitle { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.ugc-rr-pip-fe-accordion-item-header:disabled { cursor: default; }

.ugc-rr-pip-fe-accordion-item-header:disabled .ugc-rr-pip-fe-accordion-item-header__title { text-decoration: none; }

.ugc-rr-pip-fe-accordion-item-header:disabled .ugc-rr-pip-fe-accordion-item-header__title, .ugc-rr-pip-fe-accordion-item-header:disabled .ugc-rr-pip-fe-accordion-item-header__subtitle { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-accordion-item-header:disabled .ugc-rr-pip-fe-accordion-item-header__icon { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-accordion--padded .ugc-rr-pip-fe-accordion-item-header { padding-left: 1.5rem; padding-right: 1.5rem; }

.ugc-rr-pip-fe-accordion { list-style: none; width: 100%; margin: 0px; padding: 0px; background: rgba(0, 0, 0, 0); }

.ugc-rr-pip-fe-accordion__item { transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); margin: 0px; outline: 0px; padding: 0px; }

.ugc-rr-pip-fe-accordion__item--subtle .ugc-rr-pip-fe-accordion-item-header__title { font-weight: 400; }

.ugc-rr-pip-fe-accordion__item--active { overflow: visible; }

.ugc-rr-pip-fe-accordion .ugc-rr-pip-fe-accordion-item-header { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.ugc-rr-pip-fe-accordion__item--active > .ugc-rr-pip-fe-accordion__content { visibility: visible; opacity: 1; transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.ugc-rr-pip-fe-accordion__content { transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); visibility: hidden; opacity: 0; overflow: hidden; }

.ugc-rr-pip-fe-accordion__content--inner-small { padding-top: 0.5rem; padding-bottom: 1.5rem; }

.ugc-rr-pip-fe-accordion__content--inner-medium { padding-top: 0.5rem; padding-bottom: 2rem; }

.ugc-rr-pip-fe-accordion__content--inner-large { padding-top: 0.5rem; padding-bottom: 2.5rem; }

@media (prefers-reduced-motion) {
  .ugc-rr-pip-fe-accordion__item, .ugc-rr-pip-fe-accordion__item--active > .ugc-rr-pip-fe-accordion__content, .ugc-rr-pip-fe-accordion__content { transition-duration: 0ms; }
}

.ugc-rr-pip-fe-accordion .ugc-rr-pip-fe-collapsible { display: grid; box-sizing: border-box; grid-template-rows: 0fr; transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.ugc-rr-pip-fe-accordion .ugc-rr-pip-fe-collapsible--expanded { grid-template-rows: 1fr; }

.ugc-rr-pip-fe-accordion .ugc-rr-pip-fe-collapsible--closed .ugc-rr-pip-fe-collapsible__content { display: none; }

.ugc-rr-pip-fe-accordion .ugc-rr-pip-fe-collapsible__content { overflow: hidden; }

@media (prefers-reduced-motion) {
  .ugc-rr-pip-fe-accordion .ugc-rr-pip-fe-collapsible { transition-duration: 0ms; }
}

.ugc-rr-pip-fe-accordion--padded .ugc-rr-pip-fe-accordion__content { padding-left: 1.5rem; padding-right: 1.5rem; }

[dir="rtl"] .ugc-rr-pip-fe-accordion .ugc-rr-pip-fe-accordion-item-header__icon { transform: scaleX(-1); }

[dir="rtl"] .ugc-rr-pip-fe-accordion__item--active .ugc-rr-pip-fe-accordion-item-header__icon { transform: scaleX(-1) rotate(180deg); }

.ugc-rr-pip-fe-accordion-item-header { display: flex; background: none; overflow: hidden; border: 0px; cursor: pointer; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; user-select: text; }

.ugc-rr-pip-fe-accordion-item-header:active, .ugc-rr-pip-fe-accordion-item-header:focus-visible, .ugc-rr-pip-fe-accordion-item-header:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-accordion-item-header:active .ugc-rr-pip-fe-accordion-item-header__title, .ugc-rr-pip-fe-accordion-item-header:focus-visible .ugc-rr-pip-fe-accordion-item-header__title, .ugc-rr-pip-fe-accordion-item-header:hover .ugc-rr-pip-fe-accordion-item-header__title { text-decoration: underline; }

.ugc-rr-pip-fe-accordion-item-header__icon { flex-shrink: 0; }

.ugc-rr-pip-fe-accordion-item-header--small { min-height: 3rem; padding: 0.5rem 0px; }

.ugc-rr-pip-fe-accordion-item-header--medium { min-height: 4.5rem; padding: 0.75rem 0px; }

.ugc-rr-pip-fe-accordion-item-header--large { min-height: 5.5rem; padding: 1.25rem 0px; }

.ugc-rr-pip-fe-accordion-item-header__title-wrapper { text-align: start; flex-grow: 1; line-height: 0; padding-inline-end: 1rem; }

.ugc-rr-pip-fe-accordion-item-header__title-wrapper .ugc-rr-pip-fe-accordion-item-header__title { width: auto; }

.ugc-rr-pip-fe-accordion-item-header__title { font-size: 0.875rem; line-height: 1.571; font-weight: 700; display: block; }

.ugc-rr-pip-fe-accordion-item-header__subtitle { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.ugc-rr-pip-fe-accordion-item-header:disabled { cursor: default; }

.ugc-rr-pip-fe-accordion-item-header:disabled .ugc-rr-pip-fe-accordion-item-header__title { text-decoration: none; }

.ugc-rr-pip-fe-accordion-item-header:disabled .ugc-rr-pip-fe-accordion-item-header__title, .ugc-rr-pip-fe-accordion-item-header:disabled .ugc-rr-pip-fe-accordion-item-header__subtitle { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-accordion-item-header:disabled .ugc-rr-pip-fe-accordion-item-header__icon { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-accordion--padded .ugc-rr-pip-fe-accordion-item-header { padding-left: 1.5rem; padding-right: 1.5rem; }

.ugc-rr-pip-fe-accordion-item-header: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-carousel { position: relative; --focus-margin-start: 0rem; --focus-margin-end: 0rem; }

.ugc-rr-pip-fe-carousel:has(.ugc-rr-pip-fe-carousel-slide :focus-visible) { --focus-margin-start: .5rem; --focus-margin-end: .5rem; }

.ugc-rr-pip-fe-carousel .ugc-rr-pip-fe-skip-content__button { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.ugc-rr-pip-fe-carousel .ugc-rr-pip-fe-skip-content__button:active, .ugc-rr-pip-fe-carousel .ugc-rr-pip-fe-skip-content__button:focus, .ugc-rr-pip-fe-carousel .ugc-rr-pip-fe-skip-content__button:focus-visible { width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; z-index: 1; background: rgb(var(--colour-static-light-grey, 245, 245, 245)); color: rgb(var(--colour-static-black, 17, 17, 17)); border-radius: 64px; padding: 1rem 2rem; font-weight: bold; text-decoration: none; }

.ugc-rr-pip-fe-carousel .ugc-rr-pip-fe-skip-content__button: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-carousel__wrapper { position: relative; }

.ugc-rr-pip-fe-carousel__content { overflow: scroll hidden; position: relative; margin-inline-start: calc(-1*var(--overflow-start, var(--focus-margin-start))); margin-inline-end: calc(-1*var(--overflow-end, var(--focus-margin-end))); padding-inline-start: var(--overflow-start, var(--focus-margin-start)); padding-inline-end: var(--overflow-end, var(--focus-margin-end)); overscroll-behavior-inline: contain; --padding-difference: calc(var(--carousel-vertical-padding, 0.5rem) - 0.5rem); --clamped-difference: max(min(0rem, var(--padding-difference)), -0.5rem); --calculated-additional-padding: calc(-1 * var(--clamped-difference)); padding-block: calc(var(--carousel-vertical-padding, 0.5rem) + var(--calculated-additional-padding)); margin-block: var(--clamped-difference); display: flex; flex-wrap: nowrap; gap: var(--carousel-item-gap, 1.25rem); }

.ugc-rr-pip-fe-carousel__content: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-carousel__content--single-slide { overflow: visible; }

.ugc-rr-pip-fe-carousel--has-scrollbar .ugc-rr-pip-fe-carousel__content { margin-block-end: 0px; }

.ugc-rr-pip-fe-carousel--dragging { cursor: grabbing; }

.ugc-rr-pip-fe-carousel .ugc-rr-pip-fe-btn.ugc-rr-pip-fe-carousel__button { position: absolute; }

.ugc-rr-pip-fe-carousel__button { top: 50%; visibility: hidden; opacity: 0; transition: opacity 200ms, visibility 200ms; cursor: pointer; z-index: 1; left: -1rem; transform: translateY(-50%); }

.ugc-rr-pip-fe-carousel:hover .ugc-rr-pip-fe-carousel__button { opacity: 1; visibility: visible; display: block; transition: opacity 200ms, visibility 200ms; }

.ugc-rr-pip-fe-carousel:hover .ugc-rr-pip-fe-carousel__button--hidden { display: none; opacity: 0; visibility: hidden; transition: opacity 200ms, visibility 200ms; }

.ugc-rr-pip-fe-carousel__button--right { left: auto; right: -1rem; }

.ugc-rr-pip-fe-carousel-slide { box-sizing: border-box; max-width: 100%; position: relative; flex-shrink: 0; }

.ugc-rr-pip-fe-carousel__scroll-indicator { display: none; }

.ugc-rr-pip-fe-carousel__slide-show { --focus-margin-start: 0rem !important; }

.ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel__button { left: 2rem; display: none; }

.ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel__button--right { right: 2rem; left: auto; }

.ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel__content--snap-slide { scroll-snap-type: x mandatory; }

.ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel__content--drag-slide { scroll-snap-type: none; }

.ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel-slide { position: relative; margin-inline: 0px; scroll-snap-align: start; scroll-snap-stop: always; width: 100%; display: block; text-align: center; }

.ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel-slide .ugc-rr-pip-fe-video-player { display: flex; justify-content: center; }

.ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel-slide > :first-child { max-height: 75vh; max-width: 100%; display: inline-block; }

.ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel-slide > :first-child img, .ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel-slide > :first-child video { max-height: 75vh; max-width: 100%; width: auto; }

.ugc-rr-pip-fe-carousel--intersection-observer-disabled:hover .ugc-rr-pip-fe-carousel__button { display: none; }

.ugc-rr-pip-fe-carousel:not(.ugc-rr-pip-fe-carousel--intersection-observer-disabled) .ugc-rr-pip-fe-carousel__content { scrollbar-width: none; }

.ugc-rr-pip-fe-carousel:not(.ugc-rr-pip-fe-carousel--intersection-observer-disabled) .ugc-rr-pip-fe-carousel__content::-webkit-scrollbar { display: none; }

@media not all and (min-resolution: 0.001dpcm) {
  .ugc-rr-pip-fe-carousel__content { scroll-snap-type: x mandatory; }
}

@media (hover: none) {
  .ugc-rr-pip-fe-carousel:hover .ugc-rr-pip-fe-carousel__button { opacity: 0; display: none; }
}

.ugc-rr-pip-fe-carousel__counter--wrapper { display: flex; align-items: stretch; }

.ugc-rr-pip-fe-carousel__counter { display: flex; flex: 0 1 auto; justify-content: center; align-items: center; padding: 0px 0.5rem; font-size: 0.875rem; line-height: 1.571; font-weight: 700; margin-inline-start: 0.5rem; white-space: nowrap; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

@media (min-width: 37.5em) {
  .ugc-rr-pip-fe-carousel__button { left: -1.25rem; right: auto; }
  .ugc-rr-pip-fe-carousel__button--right { left: auto; right: -1.25rem; }
  .ugc-rr-pip-fe-carousel__counter { display: none; }
}

@media (min-width: 56.25em) {
  .ugc-rr-pip-fe-carousel__content { top: 0px; }
  .ugc-rr-pip-fe-carousel__wrapper { bottom: auto; width: 100%; }
  .ugc-rr-pip-fe-carousel__button, .ugc-rr-pip-fe-carousel__scroll-indicator { display: block; }
  .ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel-slide, .ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-scroll-indicator { padding-inline: 6.25rem; }
  .ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel__button { display: block; }
}

@media (orientation: landscape) and (max-width: 56.25em) {
  .ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel-slide > :first-child { max-height: 60vh; }
  .ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel-slide > :first-child img, .ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel-slide > :first-child video { max-height: 60vh; width: auto; }
}

[dir="rtl"] .ugc-rr-pip-fe-carousel__skip-button:active, [dir="rtl"] .ugc-rr-pip-fe-carousel__skip-button:focus-visible { left: auto; right: 1.5rem; }

[dir="rtl"] .ugc-rr-pip-fe-carousel__button { left: auto; right: -1.25rem; transform: translateY(-50%) scaleX(-1); }

[dir="rtl"] .ugc-rr-pip-fe-carousel__button--right { right: auto; left: -1.25rem; }

[dir="rtl"] .ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel__button { right: 2rem; left: auto; }

[dir="rtl"] .ugc-rr-pip-fe-carousel__slide-show .ugc-rr-pip-fe-carousel__button--right { left: 2rem; right: auto; }

.ugc-rr-pip-fe-overflow-carousel { position: relative; }

.ugc-rr-pip-fe-overflow-carousel__content { display: flex; flex-wrap: nowrap; overflow-x: scroll; padding: 0.5rem 0px; overscroll-behavior-inline: contain; }

.ugc-rr-pip-fe-overflow-carousel__content > * { flex-shrink: 0; }

.ugc-rr-pip-fe-overflow-carousel .ugc-rr-pip-fe-btn.ugc-rr-pip-fe-overflow-carousel__button { position: absolute; }

.ugc-rr-pip-fe-overflow-carousel__button { top: 50%; cursor: pointer; z-index: 1; left: 0.75rem; transform: translateY(-50%); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px; }

.ugc-rr-pip-fe-overflow-carousel__button--hidden { display: none; opacity: 0; visibility: hidden; }

.ugc-rr-pip-fe-overflow-carousel__button--right { left: auto; right: 0.75rem; }

.ugc-rr-pip-fe-overflow-carousel--intersection-observer-disabled { display: block; }

.ugc-rr-pip-fe-overflow-carousel--intersection-observer-disabled:hover .ugc-rr-pip-fe-overflow-carousel__button { display: none; }

.ugc-rr-pip-fe-overflow-carousel--intersection-observer-disabled .ugc-rr-pip-fe-overflow-carousel__content::-webkit-scrollbar { width: 4px; height: 4px; display: block; }

.ugc-rr-pip-fe-overflow-carousel--intersection-observer-disabled .ugc-rr-pip-fe-overflow-carousel__content::-webkit-scrollbar-track { background: rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 4px; }

.ugc-rr-pip-fe-overflow-carousel--intersection-observer-disabled .ugc-rr-pip-fe-overflow-carousel__content::-webkit-scrollbar-thumb { background: rgb(var(--colour-neutral-7, 17, 17, 17)); border-radius: 4px; }

.ugc-rr-pip-fe-overflow-carousel:not(.ugc-rr-pip-fe-overflow-carousel--intersection-observer-disabled) .ugc-rr-pip-fe-overflow-carousel__content { scrollbar-width: none; }

.ugc-rr-pip-fe-overflow-carousel:not(.ugc-rr-pip-fe-overflow-carousel--intersection-observer-disabled) .ugc-rr-pip-fe-overflow-carousel__content::-webkit-scrollbar { display: none; }

.ugc-rr-pip-fe-overflow-carousel__browser-direction { direction: rtl; position: absolute; left: 0px; top: 0px; overflow: hidden; width: 1px; height: 1px; }

.ugc-rr-pip-fe-overflow-carousel__browser-item { width: 2px; height: 1px; }

[dir="rtl"] .ugc-rr-pip-fe-overflow-carousel__button { left: auto; right: 0.75rem; transform: translateY(-50%) scaleX(-1); }

[dir="rtl"] .ugc-rr-pip-fe-overflow-carousel__button--right { right: auto; left: 0.75rem; }

.ugc-rr-pip-fe-scroll-indicator { box-sizing: border-box; height: 1.875rem; position: relative; width: 100%; outline: none; border: 0px; padding: 0px; background: rgba(0, 0, 0, 0); display: flex; align-items: center; cursor: pointer; }

.ugc-rr-pip-fe-scroll-indicator--dragging .ugc-rr-pip-fe-scroll-indicator__bar-wrapper, .ugc-rr-pip-fe-scroll-indicator--dragging .ugc-rr-pip-fe-scroll-indicator__bar, .ugc-rr-pip-fe-scroll-indicator:hover .ugc-rr-pip-fe-scroll-indicator__bar-wrapper, .ugc-rr-pip-fe-scroll-indicator:hover .ugc-rr-pip-fe-scroll-indicator__bar { height: 0.25rem; }

.ugc-rr-pip-fe-scroll-indicator--dragging .ugc-rr-pip-fe-scroll-indicator__bar, .ugc-rr-pip-fe-scroll-indicator--dragging .ugc-rr-pip-fe-scroll-indicator__bar:hover { height: 0.5rem; top: -0.125rem; }

.ugc-rr-pip-fe-scroll-indicator__bar-wrapper { width: 100%; background: rgb(var(--colour-neutral-3, 223, 223, 223)); transform: translateX(0px); height: 0.125rem; display: block; border-radius: 4px; scrollbar-width: none; }

.ugc-rr-pip-fe-scroll-indicator__bar-wrapper::-webkit-scrollbar { display: none; }

.ugc-rr-pip-fe-scroll-indicator__bar { will-change: transform; background: rgb(var(--colour-neutral-7, 17, 17, 17)); position: absolute; top: 0px; bottom: 0px; width: 100%; height: 0.125rem; transform-origin: 0px 0px; display: block; border-radius: 4px; cursor: grab; }

.ugc-rr-pip-fe-scroll-indicator__bar::after { content: " "; position: absolute; inset: -0.625rem 0px; display: block; }

.ugc-rr-pip-fe-scroll-indicator__bar-dragging { cursor: grabbing; }

.ugc-rr-pip-fe-image { position: relative; display: block; max-width: 100%; height: auto; }

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

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

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

.ugc-rr-pip-fe-skeleton { line-height: inherit; cursor: progress; background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); background-image: linear-gradient(90deg, rgba(var(--colour-neutral-1, 255, 255, 255), 0) 40%, rgba(var(--colour-neutral-2, 245, 245, 245), 0.5) 50%, rgba(var(--colour-neutral-1, 255, 255, 255), 0) 60%); background-repeat: no-repeat; background-position: 100% 0px; background-size: 250% 100%; background-origin: border-box; border: 1px solid rgba(0, 0, 0, 0); box-sizing: border-box; animation: 2s ease 0s 20 normal none running ugc-rr-pip-fe-shine; display: block; }

.ugc-rr-pip-fe-skeleton--inline-block { display: inline-block; }

.ugc-rr-pip-fe-skeleton::after { content: "​"; }

[dir="rtl"] .ugc-rr-pip-fe-skeleton { animation-direction: reverse; }

@keyframes ugc-rr-pip-fe-shine { 
  100% { background-position: 0px 100%; }
}

.ugc-rr-pip-fe-loading { position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; }

.ugc-rr-pip-fe-loading--label-leading { text-align: inherit; align-items: flex-start; }

.ugc-rr-pip-fe-loading__text, .ugc-rr-pip-fe-loading__text--fade-out { opacity: 0; }

.ugc-rr-pip-fe-loading__text { max-width: 100%; margin-top: 2.5rem; text-align: center; transform: translateY(1.5rem); }

.ugc-rr-pip-fe-loading__text--fade-out { transition: transform 100ms cubic-bezier(0.4, 0, 0.4, 1), opacity 100ms cubic-bezier(0.4, 0, 0.4, 1); transform: translateY(-1.5rem); }

.ugc-rr-pip-fe-loading__text--fade-in { transition: transform 100ms cubic-bezier(0.4, 0, 0.4, 1), opacity 100ms cubic-bezier(0.4, 0, 0.4, 1); transform: translateY(0px); opacity: 1; }

.ugc-rr-pip-fe-loading__ball { display: block; width: 0px; height: 0px; transform-origin: center bottom; border-radius: 64px; border: .5rem solid rgb(var(--colour-semantic-informative, 0, 88, 163)); transition: opacity 200ms cubic-bezier(0.4, 0, 0.4, 1); animation: 0.7s ease 0s infinite normal none running ugc-rr-pip-fe-loading-bounce; }

.ugc-rr-pip-fe-loading__ball--small { border-width: 0.125rem; }

.ugc-rr-pip-fe-loading__ball--medium { border-width: 0.25rem; }

.ugc-rr-pip-fe-loading__ball--small, .ugc-rr-pip-fe-loading__ball--medium { transform: translateY(-160%); animation: 0.7s ease 0s infinite normal none running ugc-rr-pip-fe-loading-bounce-small; }

.ugc-rr-pip-fe-loading__ball--large { margin-bottom: 2rem; }

.ugc-rr-pip-fe-loading__ball--primary { border-color: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.ugc-rr-pip-fe-loading__ball--secondary { border-color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.ugc-rr-pip-fe-loading__ball--secondary + .ugc-rr-pip-fe-loading__text { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.ugc-rr-pip-fe-loading__linear-wrapper { position: relative; display: flex; width: 100%; height: 0.3125rem; }

.ugc-rr-pip-fe-loading__linear-wrapper + .ugc-rr-pip-fe-loading__text { margin-top: 1rem; }

.ugc-rr-pip-fe-loading__sr-only-text, .ugc-rr-pip-fe-loading__linear-label { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.ugc-rr-pip-fe-loading__linear-progress { appearance: none; width: 100%; height: 100%; border: 0px; border-radius: 0.375rem; background: rgb(var(--colour-neutral-2, 245, 245, 245)); }

.ugc-rr-pip-fe-loading__linear-progress::-webkit-progress-bar { border-radius: 0.375rem; background: rgb(var(--colour-neutral-2, 245, 245, 245)); }

.ugc-rr-pip-fe-loading__linear-progress::-webkit-progress-value { border-radius: 0.375rem; background: rgb(var(--colour-semantic-informative, 0, 88, 163)); }

@media (forced-colors: active) {
  .ugc-rr-pip-fe-loading__linear-progress { appearance: revert; height: revert; border: revert; border-radius: revert; background: revert; }
}

@media (prefers-reduced-motion: reduce) {
  .ugc-rr-pip-fe-loading .ugc-rr-pip-fe-loading__text { transition: none; }
  .ugc-rr-pip-fe-loading .ugc-rr-pip-fe-loading__ball { transition: none; }
}

@keyframes ugc-rr-pip-fe-loading-bounce-small { 
  0%, 100% { transform: translate(0px, -160%); animation-timing-function: cubic-bezier(0.42, 0, 1, 1); }
  40% { transform: translate(0px, 20%); animation-timing-function: cubic-bezier(0, 0, 0, 1); }
}

@keyframes ugc-rr-pip-fe-loading-bounce { 
  0% { transform: translateY(0px); animation-timing-function: cubic-bezier(0.42, 0, 1, 1); }
  40% { transform: translateY(2rem) scaleY(1); animation-timing-function: ease-in; }
  50% { transform: translateY(2rem) scaleY(0.75); animation-timing-function: ease-out; }
  60% { transform: translateY(2rem) scaleY(1); animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  100% { transform: translateY(0px); }
}

@keyframes ugc-rr-pip-fe-modalSlideToLeft { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(0px); }
}

@keyframes ugc-rr-pip-fe-modalSlideToRight { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(100%); }
}

@keyframes ugc-rr-pip-fe-modalSlideFromLeft { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0px); }
}

@keyframes ugc-rr-pip-fe-modalSlideFromRight { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-100%); }
}

@keyframes ugc-rr-pip-fe-modalSlideDown { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(100%); }
}

@keyframes ugc-rr-pip-fe-modalSlideUp { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}

@keyframes ugc-rr-pip-fe-modalEnter { 
  0% { clip-path: inset(50%); }
  100% { clip-path: inset(0%); }
}

@keyframes ugc-rr-pip-fe-modalClose { 
  0% { clip-path: inset(0%); }
  100% { clip-path: inset(50%); }
}

@keyframes ugc-rr-pip-fe-modalContentEnter { 
  0% { transform: scale(0.8); opacity: 0; transform-origin: center center; }
  100% { transform: scale(1); opacity: 1; transform-origin: center center; }
}

@keyframes ugc-rr-pip-fe-modalContentClose { 
  0% { transform: scale(1); opacity: 1; transform-origin: center center; }
  100% { transform: scale(0.8); opacity: 0; transform-origin: center center; }
}

@keyframes ugc-rr-pip-fe-modalBackdropEnter { 
  0% { visibility: hidden; }
  1% { visibility: visible; }
}

@keyframes ugc-rr-pip-fe-modalBackdropClose { 
  0%, 99% { visibility: visible; }
  100% { visibility: hidden; }
}

.ugc-rr-pip-fe-prevent-scroll-y { overflow: hidden; position: fixed; width: 100%; }

.ugc-rr-pip-fe-modal-wrapper { position: fixed; inset: 0px; display: flex; justify-content: center; align-items: center; z-index: 400; pointer-events: none; transition: visibility 200ms cubic-bezier(0, 0, 1, 1); color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.ugc-rr-pip-fe-modal-wrapper__backdrop { position: absolute; inset: 0px; opacity: 0; transition: opacity 200ms cubic-bezier(0, 0, 1, 1); pointer-events: none; visibility: hidden; }

.ugc-rr-pip-fe-modal-wrapper__backdrop--dark { background: rgba(var(--colour-static-black, 17, 17, 17), 0.4); }

.ugc-rr-pip-fe-modal-wrapper--open { pointer-events: all; }

.ugc-rr-pip-fe-modal-wrapper--open > .ugc-rr-pip-fe-modal-wrapper__backdrop { opacity: 1; animation: 200ms ease 0s 1 normal none running ugc-rr-pip-fe-modalBackdropEnter; visibility: visible; pointer-events: all; }

.ugc-rr-pip-fe-modal-wrapper--close > .ugc-rr-pip-fe-modal-wrapper__backdrop { animation: 200ms ease 0s 1 normal none running ugc-rr-pip-fe-modalBackdropClose; }

.ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-btn[data-autofocus]: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-modal-footer { padding: 1.5rem; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); flex-grow: 1; flex-shrink: 0; display: flex; }

.ugc-rr-pip-fe-modal-footer .ugc-rr-pip-fe-btn { flex-grow: 1; width: 100%; flex-basis: auto; }

.ugc-rr-pip-fe-modal-footer .ugc-rr-pip-fe-btn:not(:last-child) { margin-inline-end: 0px; margin-block-end: 0.75rem; }

.ugc-rr-pip-fe-modal-footer--dual-action { flex-direction: column; }

.ugc-rr-pip-fe-modal-footer--borderless { border-top: none; }

@media (orientation: landscape), (min-width: 37.5em) {
  .ugc-rr-pip-fe-modal-footer .ugc-rr-pip-fe-btn:not(:last-child) { margin-block-end: 1rem; }
  .ugc-rr-pip-fe-modal-footer--dual-action:not(.ugc-rr-pip-fe-modal-footer--stacked) { flex-direction: row; }
  .ugc-rr-pip-fe-modal-footer--dual-action:not(.ugc-rr-pip-fe-modal-footer--stacked) .ugc-rr-pip-fe-btn:not(:last-child) { margin-inline-end: 1rem; margin-block-end: 0px; }
}

.ugc-rr-pip-fe-modal-header { box-sizing: border-box; top: 0px; display: flex; justify-content: space-between; flex-direction: row-reverse; padding: 0px 0.5rem; align-items: center; background-color: rgb(var(--colour-elevation-2, 255, 255, 255)); z-index: 100; flex: 0 0 3.5rem; }

.ugc-rr-pip-fe-modal-header--floating-header { position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0); }

.ugc-rr-pip-fe-modal-header--floating-header .ugc-rr-pip-fe-modal-header__close, .ugc-rr-pip-fe-modal-header--floating-header .ugc-rr-pip-fe-modal-header__back-button { margin: 1rem 0px 0px; }

.ugc-rr-pip-fe-modal-header__title-wrapper { width: 100%; text-align: center; margin: 1rem 0.5rem; }

.ugc-rr-pip-fe-modal-header__title-wrapper--padded { margin-inline-start: 3rem; }

.ugc-rr-pip-fe-modal-header__close, .ugc-rr-pip-fe-modal-header__back-button { margin-top: 0.5rem; margin-bottom: 0.5rem; }

[dir="rtl"] .ugc-rr-pip-fe-modal-header__close, [dir="rtl"] .ugc-rr-pip-fe-modal-header__back-button { transform: scaleX(-1); }

.ugc-rr-pip-fe-modal-body { padding: var(--skapa-modal-body-padding-block, 1.5rem) var(--skapa-modal-body-padding-inline, 1.5rem); }

.ugc-rr-pip-fe-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ugc-rr-pip-fe-modalSlideUp; }

.ugc-rr-pip-fe-sheets--preserve-alignment { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ugc-rr-pip-fe-modalSlideToLeft; }

.ugc-rr-pip-fe-sheets--preserve-alignment.ugc-rr-pip-fe-sheets--mirrored { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ugc-rr-pip-fe-modalSlideFromLeft; }

.ugc-rr-pip-fe-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalSlideDown; pointer-events: none; transition: visibility 100ms cubic-bezier(0, 0, 1, 1); visibility: hidden; }

.ugc-rr-pip-fe-sheets--close.ugc-rr-pip-fe-sheets--preserve-alignment { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalSlideToRight; }

.ugc-rr-pip-fe-sheets--close.ugc-rr-pip-fe-sheets--preserve-alignment.ugc-rr-pip-fe-sheets--mirrored { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalSlideFromRight; }

[dir="rtl"] .ugc-rr-pip-fe-sheets--preserve-alignment { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ugc-rr-pip-fe-modalSlideFromLeft; }

[dir="rtl"] .ugc-rr-pip-fe-sheets--preserve-alignment.ugc-rr-pip-fe-sheets--mirrored { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ugc-rr-pip-fe-modalSlideToLeft; }

[dir="rtl"] .ugc-rr-pip-fe-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalSlideDown; pointer-events: none; }

[dir="rtl"] .ugc-rr-pip-fe-sheets--close.ugc-rr-pip-fe-sheets--preserve-alignment { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalSlideFromRight; }

[dir="rtl"] .ugc-rr-pip-fe-sheets--close.ugc-rr-pip-fe-sheets--preserve-alignment.ugc-rr-pip-fe-sheets--mirrored { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalSlideToRight; }

.ugc-rr-pip-fe-sheets { position: absolute; top: auto; right: var(--modal-keyboard-focus-spacing, 0); bottom: 0px; width: calc(100% - var(--modal-keyboard-focus-width, 0%)); background: rgb(var(--colour-elevation-2, 255, 255, 255)); z-index: 100; overflow: hidden; border-radius: 8px 8px 0px 0px; max-height: calc(100% - 3rem); text-align: initial; display: flex; flex-direction: column; }

.ugc-rr-pip-fe-sheets: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 200ms ease-out, box-shadow 200ms ease-out; --modal-keyboard-focus-spacing: 0.375rem; --modal-keyboard-focus-width: 0.75rem; }

.ugc-rr-pip-fe-sheets__content { height: 100%; }

.ugc-rr-pip-fe-sheets__content-wrapper { overflow: auto; height: 100%; position: relative; }

.ugc-rr-pip-fe-sheets__content-wrapper:focus-visible { box-shadow: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17)); }

.ugc-rr-pip-fe-sheets__video { z-index: 100; background: rgba(var(--colour-static-black, 17, 17, 17), 0.8); }

.ugc-rr-pip-fe-sheets__video iframe { max-width: 100%; }

.ugc-rr-pip-fe-sheets--preserve-alignment { width: 85%; top: var(--modal-keyboard-focus-spacing, 0); border-radius: 8px 0px 0px 8px; max-height: calc(100% - var(--modal-keyboard-focus-width, 0%)); }

.ugc-rr-pip-fe-sheets--preserve-alignment.ugc-rr-pip-fe-sheets--mirrored { right: auto; left: var(--modal-keyboard-focus-spacing, 0); border-radius: 0px 8px 8px 0px; }

.ugc-rr-pip-fe-sheets--mobile-full-size { top: 3rem; }

.ugc-rr-pip-fe-sheets .ugc-rr-pip-fe-modal-footer { padding: 1.5rem 1rem; }

[dir="rtl"] .ugc-rr-pip-fe-sheets--preserve-alignment { left: var(--modal-keyboard-focus-spacing, 0); right: auto; border-radius: 0px 8px 8px 0px; }

[dir="rtl"] .ugc-rr-pip-fe-sheets--preserve-alignment.ugc-rr-pip-fe-sheets--mirrored { right: var(--modal-keyboard-focus-spacing, 0); left: auto; border-radius: 8px 0px 0px 8px; }

@media (prefers-contrast: more) {
  .ugc-rr-pip-fe-sheets { border: 1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223)); border-block-end-width: 0px; }
}

.ugc-rr-pip-fe-theatre--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ugc-rr-pip-fe-modalEnter; }

.ugc-rr-pip-fe-theatre--enter .ugc-rr-pip-fe-theatre__animation-group { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ugc-rr-pip-fe-modalContentEnter; }

.ugc-rr-pip-fe-theatre--close { animation: 200ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalClose; pointer-events: none; transition: visibility 100ms cubic-bezier(0, 0, 1, 1); visibility: hidden; }

.ugc-rr-pip-fe-theatre--close .ugc-rr-pip-fe-theatre__animation-group { animation: 200ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalContentClose; }

.ugc-rr-pip-fe-theatre { position: absolute; left: var(--modal-keyboard-focus-spacing, 0); width: calc(100% - var(--modal-keyboard-focus-width, 0%)); top: 3rem; height: calc(100% - 3rem); border-radius: 8px 8px 0px 0px; background: rgb(var(--colour-elevation-2, 255, 255, 255)); z-index: 100; overflow: hidden; display: flex; flex-shrink: 0; flex-direction: column; text-align: initial; }

.ugc-rr-pip-fe-theatre: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 200ms ease-out, box-shadow 200ms ease-out; --modal-keyboard-focus-spacing: 0.375rem; --modal-keyboard-focus-width: 0.75rem; }

.ugc-rr-pip-fe-theatre__animation-group { display: flex; flex-direction: column; height: 100%; }

.ugc-rr-pip-fe-theatre__content-wrapper { overflow: auto; }

.ugc-rr-pip-fe-theatre__video { z-index: 100; background: rgba(var(--colour-static-black, 17, 17, 17), 0.8); }

.ugc-rr-pip-fe-theatre__video iframe { max-width: 100%; }

@media (prefers-contrast: more) {
  .ugc-rr-pip-fe-theatre { border: 1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223)); border-block-end-width: 0px; }
}

.ugc-rr-pip-fe-prompt--enter { animation: 200ms cubic-bezier(0.8, 0, 0, 1) 0s 1 normal none running ugc-rr-pip-fe-modalContentEnter; }

.ugc-rr-pip-fe-prompt--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalContentClose; pointer-events: none; transition: visibility 100ms cubic-bezier(0, 0, 1, 1); visibility: hidden; }

.ugc-rr-pip-fe-prompt { position: relative; left: auto; right: auto; display: flex; margin: 1.5rem; z-index: 100; overflow: hidden; flex-direction: column; justify-content: center; border-radius: 8px; text-align: initial; }

.ugc-rr-pip-fe-prompt: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-prompt__content-wrapper { background: rgb(var(--colour-elevation-2, 255, 255, 255)); max-height: 75vh; max-width: 31.5rem; height: auto; overflow: hidden; display: flex; flex-direction: column; }

.ugc-rr-pip-fe-prompt__heading { margin-bottom: 1rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-prompt__content { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; padding: 0px 2rem; overflow: auto; height: 100%; }

.ugc-rr-pip-fe-prompt__content:focus-visible { box-shadow: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17)); }

.ugc-rr-pip-fe-prompt .ugc-rr-pip-fe-modal-header { padding: 0.5rem 0.5rem 0px; }

.ugc-rr-pip-fe-prompt .ugc-rr-pip-fe-modal-header__close { margin: 0px; }

.ugc-rr-pip-fe-prompt .ugc-rr-pip-fe-prompt__content { padding-bottom: 0px; }

@media (prefers-contrast: more) {
  .ugc-rr-pip-fe-prompt { border: 1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223)); }
}

@media (min-width: 37.5em) {
  .ugc-rr-pip-fe-sheets { top: var(--modal-keyboard-focus-spacing, 0); border-radius: 8px 0px 0px 8px; width: calc(100% - 3rem); max-height: calc(100% - var(--modal-keyboard-focus-width, 0%)); }
  .ugc-rr-pip-fe-sheets--mirrored { right: auto; left: var(--modal-keyboard-focus-spacing, 0); border-radius: 0px 8px 8px 0px; }
  .ugc-rr-pip-fe-sheets--mirrored .ugc-rr-pip-fe-modal-footer:not(.ugc-rr-pip-fe-modal-footer--stacked) { flex-direction: row-reverse; }
  .ugc-rr-pip-fe-sheets--mirrored .ugc-rr-pip-fe-modal-footer:not(.ugc-rr-pip-fe-modal-footer--stacked) .ugc-rr-pip-fe-btn:not(:last-child) { margin: 0px; margin-inline-start: 1rem; }
  .ugc-rr-pip-fe-sheets--small { max-width: 30rem; }
  .ugc-rr-pip-fe-sheets--small .ugc-rr-pip-fe-modal-body { --skapa-modal-body-padding-inline: 1.5rem; }
  .ugc-rr-pip-fe-sheets--medium { max-width: 45rem; }
  .ugc-rr-pip-fe-sheets--medium .ugc-rr-pip-fe-modal-footer:not(.ugc-rr-pip-fe-modal-footer--dual-action) .ugc-rr-pip-fe-btn { width: auto; flex: initial; }
  .ugc-rr-pip-fe-sheets--large { max-width: 67.5rem; }
  .ugc-rr-pip-fe-sheets--medium .ugc-rr-pip-fe-modal-footer--dual-action .ugc-rr-pip-fe-btn:not(:last-child), .ugc-rr-pip-fe-sheets--large .ugc-rr-pip-fe-modal-footer--dual-action .ugc-rr-pip-fe-btn:not(:last-child) { margin-inline-end: 1rem; }
  .ugc-rr-pip-fe-sheets--large .ugc-rr-pip-fe-modal-footer .ugc-rr-pip-fe-btn { width: auto; flex: initial; }
  .ugc-rr-pip-fe-sheets .ugc-rr-pip-fe-modal-footer { padding: 1.5rem; }
  [dir="rtl"] .ugc-rr-pip-fe-sheets { right: auto; left: var(--modal-keyboard-focus-spacing, 0); border-radius: 0px 8px 8px 0px; }
  [dir="rtl"] .ugc-rr-pip-fe-sheets--mirrored { right: var(--modal-keyboard-focus-spacing, 0); left: auto; border-radius: 8px 0px 0px 8px; }
}

@media (min-width: 37.5em) and (prefers-contrast: more) {
  .ugc-rr-pip-fe-sheets { border-block-end-width: 1px; border-inline-end-width: 0px; }
}

@media (min-width: 37.5em) {
  .ugc-rr-pip-fe-sheets.ugc-rr-pip-fe-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ugc-rr-pip-fe-modalSlideToLeft; }
  .ugc-rr-pip-fe-sheets.ugc-rr-pip-fe-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalSlideToRight; }
  .ugc-rr-pip-fe-sheets--mirrored.ugc-rr-pip-fe-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ugc-rr-pip-fe-modalSlideFromLeft; }
  .ugc-rr-pip-fe-sheets--mirrored.ugc-rr-pip-fe-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalSlideFromRight; }
  [dir="rtl"] .ugc-rr-pip-fe-sheets.ugc-rr-pip-fe-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ugc-rr-pip-fe-modalSlideFromLeft; }
  [dir="rtl"] .ugc-rr-pip-fe-sheets.ugc-rr-pip-fe-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalSlideFromRight; }
  [dir="rtl"] .ugc-rr-pip-fe-sheets--mirrored.ugc-rr-pip-fe-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ugc-rr-pip-fe-modalSlideToLeft; }
  [dir="rtl"] .ugc-rr-pip-fe-sheets--mirrored.ugc-rr-pip-fe-sheets--close { animation: 100ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ugc-rr-pip-fe-modalSlideToRight; }
  .ugc-rr-pip-fe-modal-body { --skapa-modal-body-padding-block: 2rem; --skapa-modal-body-padding-inline: 2rem; }
  .ugc-rr-pip-fe-modal-header { padding: 0px 1rem; flex: 0 0 4.5rem; }
  .ugc-rr-pip-fe-modal-header__close, .ugc-rr-pip-fe-modal-header__back-button { margin-top: 1rem; margin-bottom: 1rem; }
  .ugc-rr-pip-fe-modal-header--floating-header .ugc-rr-pip-fe-modal-header__close, .ugc-rr-pip-fe-modal-header--floating-header .ugc-rr-pip-fe-modal-header__back-button { margin: 1.5rem 0px 0.5rem; }
  .ugc-rr-pip-fe-prompt__heading { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
  .ugc-rr-pip-fe-prompt__content { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 1rem; line-height: 1.625; padding-bottom: 1rem; }
}

@media (min-width: 56.25em) {
  .ugc-rr-pip-fe-sheets--small .ugc-rr-pip-fe-modal-body { --skapa-modal-body-padding-inline: 2rem; }
  .ugc-rr-pip-fe-theatre { border-radius: 8px; left: 3rem; width: calc(100% - 6rem); height: calc(100% - 6rem); }
}

@media (min-width: 56.25em) and (prefers-contrast: more) {
  .ugc-rr-pip-fe-theatre { border-block-end-width: 1px; }
}

@media (min-width: 75em) {
  .ugc-rr-pip-fe-sheets .ugc-rr-pip-fe-modal-body { --skapa-modal-body-padding-inline: 2.5rem; }
}

@media (prefers-reduced-motion) {
  .ugc-rr-pip-fe-modal-wrapper { transition: none; }
  .ugc-rr-pip-fe-modal-wrapper__backdrop { animation-duration: 0s; transition: none; }
  .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-sheets.ugc-rr-pip-fe-sheets--enter, .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-sheets.ugc-rr-pip-fe-sheets--close, .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-sheets.ugc-rr-pip-fe-sheets--preserve-alignment, .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-sheets.ugc-rr-pip-fe-sheets--mirrored { animation-duration: 0s; transition-duration: 0s; }
  .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-theatre.ugc-rr-pip-fe-theatre--enter, .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-theatre.ugc-rr-pip-fe-theatre--close { animation-duration: 0s; transition-duration: 0s; }
  .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-theatre.ugc-rr-pip-fe-theatre--enter .ugc-rr-pip-fe-theatre__animation-group, .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-theatre.ugc-rr-pip-fe-theatre--close .ugc-rr-pip-fe-theatre__animation-group { animation-duration: 0s; transition-duration: 0s; }
  .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-prompt--close { transition: none; }
  .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-prompt, .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-prompt--enter, .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-prompt--close { animation-duration: 0s; transition-duration: 0s; }
  .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-prompt .ugc-rr-pip-fe-prompt__content-wrapper, .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-prompt--enter .ugc-rr-pip-fe-prompt__content-wrapper, .ugc-rr-pip-fe-modal-wrapper .ugc-rr-pip-fe-prompt--close .ugc-rr-pip-fe-prompt__content-wrapper { animation-duration: 0s; transition-duration: 0s; }
}

.ugc-rr-pip-fe-tabs--subtle { --skapa-tab-selected-colour: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.ugc-rr-pip-fe-tabs .ugc-rr-pip-fe-overflow-carousel { max-width: 100%; width: 100%; }

.ugc-rr-pip-fe-tabs .ugc-rr-pip-fe-overflow-carousel__content { padding: 0px; }

.ugc-rr-pip-fe-tabs__tab { position: relative; background: none; border: 0px; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); display: inline-flex; align-items: center; flex-shrink: 0; font-size: 0.875rem; font-weight: 700; line-height: 1.42857; margin: 0px; min-height: 3.25rem; padding: 0px 0.25rem; text-align: initial; outline: none; }

.ugc-rr-pip-fe-tabs__tab .ugc-rr-pip-fe-svg-icon { margin-inline-end: 0.5rem; }

.ugc-rr-pip-fe-tabs__tab:not(:disabled):hover { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.ugc-rr-pip-fe-tabs__tab:disabled { cursor: default; }

.ugc-rr-pip-fe-tabs__tab--active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); cursor: default; }

.ugc-rr-pip-fe-tabs__tab--active::before { content: ""; position: absolute; left: 0px; bottom: 0px; display: block; width: 100%; border-radius: 1.5px; border-bottom: 0.1875rem solid var(--skapa-tab-selected-colour, rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163))); z-index: 100; }

.ugc-rr-pip-fe-tabs__tab--active:not(:disabled):hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-tabs__tab + .ugc-rr-pip-fe-tabs__tab { margin-inline-start: 1.5rem; }

.ugc-rr-pip-fe-tabs__tab:disabled { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-tabs__list { position: relative; display: flex; width: 100%; }

.ugc-rr-pip-fe-tabs__list::before { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; display: block; border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.ugc-rr-pip-fe-tabs__panel { outline: none; padding: 2.5rem 0px; position: relative; }

.ugc-rr-pip-fe-tabs__panel-title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.ugc-rr-pip-fe-toast .ugc-rr-pip-fe-btn:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-7, 17, 17, 17))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-1, 255, 255, 255))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-toast { position: fixed; top: 0px; left: 0px; display: flex; justify-content: space-between; align-items: center; padding: 0.5rem; padding-inline-start: 1.5rem; border: 1px solid rgb(var(--colour-elevation-1-border, 223, 223, 223)); min-height: 4.125rem; background: rgb(var(--colour-elevation-3, 17, 17, 17)); width: 100%; transform: translateY(-100%); transition: transform 200ms cubic-bezier(0.9, 0, 1, 1); z-index: 400; pointer-events: none; box-sizing: border-box; }

.ugc-rr-pip-fe-toast--show { transform: translateY(0px); pointer-events: auto; transition-timing-function: cubic-bezier(0, 0, 0.1, 1); }

.ugc-rr-pip-fe-toast--off-screen { transition: none; }

.ugc-rr-pip-fe-toast__body-wrapper { display: flex; flex-grow: 1; flex-wrap: wrap; align-items: center; }

.ugc-rr-pip-fe-toast__body, .ugc-rr-pip-fe-toast__action, .ugc-rr-pip-fe-toast__close-btn { margin: 0.25rem 0px; }

.ugc-rr-pip-fe-toast__body { display: inline-block; flex-grow: 1; flex-basis: 50%; margin-inline-end: 1rem; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.ugc-rr-pip-fe-toast__action { line-height: 1; }

.ugc-rr-pip-fe-toast__action-message.ugc-rr-pip-fe-btn { --colour-semantic-informative: 72, 156, 227; color: rgb(var(--colour-semantic-informative, 0, 88, 163)); border-radius: 4px; }

.ugc-rr-pip-fe-toast__action-message.ugc-rr-pip-fe-btn:hover, .ugc-rr-pip-fe-toast__action-message.ugc-rr-pip-fe-btn:active { text-decoration: underline; }

.ugc-rr-pip-fe-toast__action-message.ugc-rr-pip-fe-btn:hover, .ugc-rr-pip-fe-toast__action-message.ugc-rr-pip-fe-btn:focus, .ugc-rr-pip-fe-toast__action-message.ugc-rr-pip-fe-btn:active { color: rgb(var(--colour-semantic-informative, 0, 88, 163)); }

.ugc-rr-pip-fe-toast__action-message.ugc-rr-pip-fe-btn .ugc-rr-pip-fe-btn__inner { min-height: 0px; }

.ugc-rr-pip-fe-toast__action-message.ugc-rr-pip-fe-btn.ugc-rr-pip-fe-btn--plain .ugc-rr-pip-fe-btn__inner::after { min-width: 2.75rem; inset: -0.875rem -0.5rem; }

.ugc-rr-pip-fe-toast__close-btn { padding-inline-start: 0.75rem; }

.ugc-rr-pip-fe-toast__text { color: rgb(var(--colour-static-white, 255, 255, 255)); margin-top: 0px; }

.ugc-rr-pip-fe-toast__text:last-child { margin-bottom: 0px; }

@media (min-width: 37.5em) {
  .ugc-rr-pip-fe-toast { border-radius: 4px; width: 22.5rem; top: 2rem; left: auto; right: 0px; transform: translate(100%, 0px); }
  [dir="rtl"] .ugc-rr-pip-fe-toast { right: auto; left: 0px; transform: translate(-100%, 0px); }
  .ugc-rr-pip-fe-toast--show { transform: translate(-2rem, 0px); }
  [dir="rtl"] .ugc-rr-pip-fe-toast--show { transform: translate(2rem, 0px); }
}

button.ugc-rr-pip-fe-rating::after { content: ""; position: absolute; inset: -0.75rem 0px; }

button.ugc-rr-pip-fe-rating:hover .ugc-rr-pip-fe-rating__label { text-decoration: underline; }

.ugc-rr-pip-fe-rating { appearance: none; background: 0px center; padding: 0px; border: 0px; text-align: inherit; display: inline-block; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-rating__stars { --rating: 0%; --star-width: 1.5rem; --star-height: 1.5rem; --ceil-max-rating: 5; --rating-width: calc(var(--star-width) * var(--ceil-max-rating)); --svg-star: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"m12.0025 4 2.8593 4.9091 5.5524 1.2024-3.7852 4.2363L17.2012 20l-5.1987-2.2909L6.8038 20l.5723-5.6522-3.7853-4.2363 5.5524-1.2024L12.0025 4z\"></path></svg>"); position: relative; display: inline-block; vertical-align: middle; margin-inline-start: -0.25rem; overflow: hidden; white-space: nowrap; width: var(--rating-width); height: var(--star-height); background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); mask-image: var(--svg-star); mask-repeat: repeat-x; mask-size: var(--star-width) var(--star-height); forced-color-adjust: none; }

.ugc-rr-pip-fe-rating__stars::after { content: ""; position: absolute; top: 0px; left: 0px; display: block; width: var(--rating); height: 100%; background-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-rating__stars--small { mask-position: -0.1875rem center; margin-inline-start: -0.1875rem; --star-width: 1.125rem; --svg-star: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 24\"><path d=\"m11.9999 6 2.1245 3.6818 4.1255.9018-2.8125 3.1773L15.8626 18l-3.8627-1.7182L8.1372 18l.4252-4.2391-2.8125-3.1773 4.1255-.9018L11.9999 6z\"></path></svg>"); }

.ugc-rr-pip-fe-rating__label { display: inline-block; vertical-align: middle; margin-inline-start: 0.5rem; }

.ugc-rr-pip-fe-rating--small .ugc-rr-pip-fe-rating__label { margin-inline-start: 0.25rem; }

[dir="rtl"] .ugc-rr-pip-fe-rating__stars::after { right: 0px; left: auto; transform: scaleX(-1); }

.ugc-rr-pip-fe-icon-pill { --background: rgb(var(--colour-interactive-secondary-bg-default, 245, 245, 245)); --background-hover: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223)); --background-press: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204)); --foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); --disabled-foreground: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); --disabled-background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); min-height: 3.5rem; position: relative; border: 0px; padding: 0px 2rem; text-align: center; display: inline-flex; cursor: pointer; outline: 0px; vertical-align: top; text-decoration: none; border-radius: 64px; justify-content: center; align-items: center; color: var(--foreground); background: var(--background); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.ugc-rr-pip-fe-icon-pill:hover { background: var(--background-hover); }

.ugc-rr-pip-fe-icon-pill:active { background: var(--background-press); }

.ugc-rr-pip-fe-icon-pill:disabled { cursor: default; background: var(--disabled-background); color: var(--disabled-foreground); }

.ugc-rr-pip-fe-icon-pill:hover, .ugc-rr-pip-fe-icon-pill:active, .ugc-rr-pip-fe-icon-pill:focus { text-decoration: none; }

.ugc-rr-pip-fe-icon-pill .ugc-rr-pip-fe-svg-icon { flex-shrink: 0; }

.ugc-rr-pip-fe-icon-pill.ugc-rr-pip-fe-leading-icon { padding-inline-start: 1.5rem; }

.ugc-rr-pip-fe-icon-pill.ugc-rr-pip-fe-trailing-icon { flex-direction: row-reverse; padding-inline-end: 1.5rem; }

.ugc-rr-pip-fe-icon-pill--small { font-size: 0.75rem; line-height: 1.33333; min-height: 2.5rem; padding: 0px 1.5rem; }

.ugc-rr-pip-fe-icon-pill--small::after { content: ""; position: absolute; inset: -0.1875rem; }

.ugc-rr-pip-fe-icon-pill--small.ugc-rr-pip-fe-leading-icon { padding-inline-start: 1rem; }

.ugc-rr-pip-fe-icon-pill--small.ugc-rr-pip-fe-trailing-icon { padding-inline-end: 1rem; }

.ugc-rr-pip-fe-icon-pill--xsmall { font-size: 0.75rem; line-height: 1.33333; min-height: 2rem; min-width: 2rem; padding: 0px 0.75rem; }

.ugc-rr-pip-fe-icon-pill--xsmall::after { content: ""; position: absolute; inset: -0.4375rem; }

.ugc-rr-pip-fe-icon-pill--xsmall.ugc-rr-pip-fe-leading-icon { padding-inline-start: 0.25rem; }

.ugc-rr-pip-fe-icon-pill--xsmall.ugc-rr-pip-fe-trailing-icon { padding-inline-end: 0.25rem; }

.ugc-rr-pip-fe-icon-pill { border: 2px solid rgba(0, 0, 0, 0); padding: 0px 0.875rem; }

.ugc-rr-pip-fe-icon-pill:disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-icon-pill--active { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.ugc-rr-pip-fe-icon-pill--xsmall { padding: 0px 0.0625rem; }

.ugc-rr-pip-fe-icon-pill--small { padding: 0px 0.375rem; }

.ugc-rr-pip-fe-pill { --background: rgb(var(--colour-interactive-secondary-bg-default, 245, 245, 245)); --background-hover: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223)); --background-press: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204)); --foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); --disabled-foreground: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); --disabled-background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); min-height: 3.5rem; position: relative; border: 0px; padding: 0px 2rem; text-align: center; display: inline-flex; cursor: pointer; outline: 0px; vertical-align: top; text-decoration: none; border-radius: 64px; justify-content: center; align-items: center; color: var(--foreground); background: var(--background); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.ugc-rr-pip-fe-pill:hover { background: var(--background-hover); }

.ugc-rr-pip-fe-pill:active { background: var(--background-press); }

.ugc-rr-pip-fe-pill:disabled { cursor: default; background: var(--disabled-background); color: var(--disabled-foreground); }

.ugc-rr-pip-fe-pill:hover, .ugc-rr-pip-fe-pill:active, .ugc-rr-pip-fe-pill:focus { text-decoration: none; }

.ugc-rr-pip-fe-pill .ugc-rr-pip-fe-pill--svg-icon { flex-shrink: 0; }

.ugc-rr-pip-fe-pill.ugc-rr-pip-fe-pill--leading-icon { padding-inline-start: 1.5rem; }

.ugc-rr-pip-fe-pill.ugc-rr-pip-fe-pill--trailing-icon { flex-direction: row-reverse; padding-inline-end: 1.5rem; }

.ugc-rr-pip-fe-pill--small { font-size: 0.75rem; line-height: 1.33333; min-height: 2.5rem; padding: 0px 1.5rem; }

.ugc-rr-pip-fe-pill--small::after { content: ""; position: absolute; inset: -0.1875rem; }

.ugc-rr-pip-fe-pill--small.ugc-rr-pip-fe-pill--leading-icon { padding-inline-start: 1rem; }

.ugc-rr-pip-fe-pill--small.ugc-rr-pip-fe-pill--trailing-icon { padding-inline-end: 1rem; }

.ugc-rr-pip-fe-pill--xsmall { font-size: 0.75rem; line-height: 1.33333; min-height: 2rem; min-width: 2rem; padding: 0px 0.75rem; }

.ugc-rr-pip-fe-pill--xsmall::after { content: ""; position: absolute; inset: -0.4375rem; }

.ugc-rr-pip-fe-pill--xsmall.ugc-rr-pip-fe-pill--leading-icon { padding-inline-start: 0.25rem; }

.ugc-rr-pip-fe-pill--xsmall.ugc-rr-pip-fe-pill--trailing-icon { padding-inline-end: 0.25rem; }

.ugc-rr-pip-fe-pill__trailing-icon { margin-inline-start: 0.5rem; }

.ugc-rr-pip-fe-pill__leading-icon { margin-inline-end: 0.5rem; }

.ugc-rr-pip-fe-pill.ugc-rr-pip-fe-pill--trailing-icon { flex-direction: row; }

.ugc-rr-pip-fe-pill { border: 2px solid rgba(0, 0, 0, 0); }

.ugc-rr-pip-fe-pill--active { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.ugc-rr-pip-fe-pill:disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-pill:disabled .ugc-rr-pip-fe-pill__thumbnail { opacity: 0.5; }

.ugc-rr-pip-fe-pill--thumbnail { --thumbnail-padding: 0.75rem; padding-inline-start: var(--thumbnail-padding); }

.ugc-rr-pip-fe-pill--thumbnail.ugc-rr-pip-fe-pill--small, .ugc-rr-pip-fe-pill--thumbnail.ugc-rr-pip-fe-pill--xsmall { --thumbnail-padding: 0.5rem; }

.ugc-rr-pip-fe-pill--thumbnail.ugc-rr-pip-fe-pill--small .ugc-rr-pip-fe-pill__thumbnail, .ugc-rr-pip-fe-pill--thumbnail.ugc-rr-pip-fe-pill--xsmall .ugc-rr-pip-fe-pill__thumbnail { width: 1.5rem; height: 1.5rem; }

.ugc-rr-pip-fe-pill--thumbnail.ugc-rr-pip-fe-pill--xsmall { --thumbnail-padding: 0.25rem; }

.ugc-rr-pip-fe-pill__thumbnail { width: 2rem; height: 2rem; border-radius: 64px; margin-inline-end: 0.5rem; }

.ugc-rr-pip-fe-btn:focus-visible, .ugc-rr-pip-fe-tabs__panel: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-btn[class*="inverse"]:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-black, 17, 17, 17))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-white, 255, 255, 255))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-btn[class*="image-overlay"]:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-white, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-black, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-checkbox-group { margin: 0px; padding: 0px; border: 0px; }

.ugc-rr-pip-fe-checkbox-group .ugc-rr-pip-fe-checkbox:not(:last-child) { margin-bottom: 1.5rem; }

.ugc-rr-pip-fe-checkbox { position: relative; display: flex; align-items: flex-start; }

.ugc-rr-pip-fe-checkbox input[type="checkbox"] { position: absolute; left: -0.625rem; top: -0.625rem; width: 2.75rem; height: 2.75rem; display: inline-block; border: 0px; opacity: 0; padding: 0px; z-index: 1; cursor: pointer; }

[dir="rtl"] .ugc-rr-pip-fe-checkbox input[type="checkbox"] { right: -0.625rem; left: initial; }

.ugc-rr-pip-fe-checkbox__symbol { box-sizing: border-box; position: relative; border-radius: 4px; border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); width: 1.5rem; height: 1.5rem; background: rgb(var(--colour-neutral-1, 255, 255, 255)); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }

.ugc-rr-pip-fe-checkbox__symbol::before { transform: rotate(45deg); content: ""; box-sizing: content-box; display: block; border-width: 0px 2px 2px 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: initial; border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; height: 0.5625rem; width: 0.25rem; opacity: 0; margin-top: -0.25rem; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.ugc-rr-pip-fe-checkbox__symbol::after { content: ""; position: absolute; left: 0.25rem; top: 0.625rem; border-width: 0px 0px 2px; border-bottom-style: solid; border-bottom-color: currentcolor; border-image: initial; border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; border-right-style: initial; border-right-color: initial; opacity: 0; color: rgb(var(--colour-static-white, 255, 255, 255)); width: 0.875rem; }

[dir="rtl"] .ugc-rr-pip-fe-checkbox__symbol { right: 0px; left: initial; }

.ugc-rr-pip-fe-checkbox__label { position: relative; display: block; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); margin-top: 0.1875rem; }

.ugc-rr-pip-fe-checkbox__caption { display: block; padding-top: 0.25rem; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.ugc-rr-pip-fe-checkbox label { display: inline-block; cursor: pointer; padding-inline-start: 1rem; transition: color 200ms ease-in-out; }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:checked ~ .ugc-rr-pip-fe-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:checked ~ .ugc-rr-pip-fe-checkbox__symbol::before { opacity: 1; }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol::after { opacity: 1; }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:hover ~ .ugc-rr-pip-fe-checkbox__symbol { border-color: rgb(var(--colour-interactive-subtle-border-hover, 17, 17, 17)); }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:hover ~ .ugc-rr-pip-fe-checkbox__symbol::before { color: rgb(var(--colour-neutral-3, 223, 223, 223)); opacity: 1; }

@media (hover: none) {
  .ugc-rr-pip-fe-checkbox input[type="checkbox"]:hover ~ .ugc-rr-pip-fe-checkbox__symbol::before { color: rgb(var(--colour-neutral-3, 223, 223, 223)); }
}

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:hover:checked ~ .ugc-rr-pip-fe-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:hover:checked ~ .ugc-rr-pip-fe-checkbox__symbol::before { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:hover:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:hover:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol::before { opacity: 0; }

.ugc-rr-pip-fe-checkbox--subtle input[type="checkbox"] ~ .ugc-rr-pip-fe-checkbox__symbol::before, .ugc-rr-pip-fe-checkbox--subtle input[type="checkbox"] ~ .ugc-rr-pip-fe-checkbox__symbol::after { color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.ugc-rr-pip-fe-checkbox--subtle input[type="checkbox"]:checked ~ .ugc-rr-pip-fe-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.ugc-rr-pip-fe-checkbox--subtle input[type="checkbox"]:hover:checked ~ .ugc-rr-pip-fe-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.ugc-rr-pip-fe-checkbox--subtle input[type="checkbox"]:hover:checked ~ .ugc-rr-pip-fe-checkbox__symbol::after, .ugc-rr-pip-fe-checkbox--subtle input[type="checkbox"]:hover:checked ~ .ugc-rr-pip-fe-checkbox__symbol::before { color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.ugc-rr-pip-fe-checkbox--subtle input[type="checkbox"]:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.ugc-rr-pip-fe-checkbox--subtle input[type="checkbox"]:hover:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled { pointer-events: none; }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled ~ .ugc-rr-pip-fe-checkbox__symbol { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled:hover { cursor: default; }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled:checked ~ .ugc-rr-pip-fe-checkbox__symbol, .ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol { background-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled:checked ~ .ugc-rr-pip-fe-checkbox__symbol::before, .ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled:checked ~ .ugc-rr-pip-fe-checkbox__symbol::after, .ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol::before, .ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol::after { border-color: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled ~ .ugc-rr-pip-fe-checkbox__label label { cursor: default; color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); pointer-events: none; }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled ~ .ugc-rr-pip-fe-checkbox__label a { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled ~ .ugc-rr-pip-fe-checkbox__symbol { border-color: graytext; }
  .ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled:checked ~ .ugc-rr-pip-fe-checkbox__symbol::before, .ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled:checked ~ .ugc-rr-pip-fe-checkbox__symbol::after, .ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol::before, .ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol::after { border-color: graytext; }
  .ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled ~ .ugc-rr-pip-fe-checkbox__label label, .ugc-rr-pip-fe-checkbox input[type="checkbox"]:disabled ~ .ugc-rr-pip-fe-checkbox__label a { color: graytext; }
}

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:focus-visible ~ .ugc-rr-pip-fe-checkbox__symbol { 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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:focus-visible:hover ~ .ugc-rr-pip-fe-checkbox__symbol { 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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-checkbox-group { margin: 0px; padding: 0px; border: 0px; }

.ugc-rr-pip-fe-checkbox-group .ugc-rr-pip-fe-checkbox:not(:last-child) { margin-bottom: 1.5rem; }

@media print {
  input[type="checkbox"]:checked ~ .ugc-rr-pip-fe-checkbox__symbol { border-width: 0.75rem; }
  input[type="checkbox"]:checked ~ .ugc-rr-pip-fe-checkbox__symbol::before { position: absolute; top: -0.25rem; }
  input[type="checkbox"]:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol { border-width: 0.75rem; }
  input[type="checkbox"]:indeterminate ~ .ugc-rr-pip-fe-checkbox__symbol::after { position: absolute; top: -0.0625rem; left: -0.375rem; }
}

.ugc-rr-pip-fe-form-field { display: block; margin-bottom: 1.25rem; }

.ugc-rr-pip-fe-form-field__content { margin-top: 0.25rem; display: flex; flex-wrap: nowrap; justify-content: space-between; }

.ugc-rr-pip-fe-form-field--with-character-limit .ugc-rr-pip-fe-form-field__content > :not(:first-child) { padding-inline-start: 0.5rem; }

.ugc-rr-pip-fe-form-field > .ugc-rr-pip-fe-checkbox, .ugc-rr-pip-fe-form-field > .ugc-rr-pip-fe-radiobutton, .ugc-rr-pip-fe-form-field fieldset { margin-bottom: 0.5rem; }

.ugc-rr-pip-fe-form-field legend { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-helper-text { display: inline-flex; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); align-items: center; }

.ugc-rr-pip-fe-helper-text .ugc-rr-pip-fe-helper-text__icon.ugc-rr-pip-fe-svg-icon { height: 1.125rem; width: 1.125rem; margin-inline-end: 0.25rem; vertical-align: bottom; flex: 0 0 auto; }

.ugc-rr-pip-fe-helper-text--character-count { font-variant-numeric: tabular-nums; }

.ugc-rr-pip-fe-helper-text--error { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.ugc-rr-pip-fe-helper-text--success { color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.ugc-rr-pip-fe-helper-text--warning { color: rgb(var(--colour-semantic-caution-text, 202, 80, 8)); }

.ugc-rr-pip-fe-helper-text--text-only { margin-inline-start: 0px; }

.ugc-rr-pip-fe-helper-text--text-only .ugc-rr-pip-fe-helper-text__icon { display: none; }

.ugc-rr-pip-fe-validation-border { --skapa-validation-border-colour: rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); --skapa-validation-border: 1px solid var(--skapa-validation-border-colour); --skapa-validation-border-default: var(--skapa-validation-border); --skapa-validation-border-focus-border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); position: absolute; inset: 0px; display: block; width: 100%; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); pointer-events: none; transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 4px; box-sizing: border-box; }

.ugc-rr-pip-fe-validation-border--warning { border-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.ugc-rr-pip-fe-validation-border--error { border-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.ugc-rr-pip-fe-validation-border--success { border-color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.ugc-rr-pip-fe-validation-border--disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); box-shadow: none; }

.ugc-rr-pip-fe-validation-border--read-only { --skapa-validation-border-default: transparent; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); }

@media (forced-colors: active) {
  .ugc-rr-pip-fe-validation-border { border-color: graytext; }
}

.ugc-rr-pip-fe-input-field__wrapper { box-sizing: border-box; position: relative; display: flex; width: 100%; align-items: center; background: rgb(var(--colour-neutral-1, 255, 255, 255)); border-radius: 4px; padding-right: 0.375rem; padding-left: 0.375rem; }

.ugc-rr-pip-fe-input-field__wrapper > * { padding-inline: 0.125rem; }

.ugc-rr-pip-fe-input-field__prefix-label, .ugc-rr-pip-fe-input-field__suffix-label { text-overflow: ellipsis; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); opacity: 0; visibility: hidden; flex-shrink: 0; transition: opacity 100ms cubic-bezier(0.4, 0, 0.4, 1), visibility 100ms cubic-bezier(0.4, 0, 0.4, 1); position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.ugc-rr-pip-fe-input-field__prefix-label { order: 2; }

.ugc-rr-pip-fe-input-field__suffix-label { text-align: right; order: 4; }

.ugc-rr-pip-fe-input-field__payment-logo { order: 5; margin-inline: 0.3125rem; flex-shrink: 0; }

.ugc-rr-pip-fe-input-field input { flex-grow: 1; border: 0px; background: none; padding-top: 0px; padding-bottom: 0px; height: 3rem; overflow: hidden; order: 3; outline: none; border-radius: 4px; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); min-width: 1ch; }

.ugc-rr-pip-fe-input-field input:-webkit-autofill { font-family: inherit; -webkit-text-fill-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-1, 255, 255, 255)) inset; }

.ugc-rr-pip-fe-input-field input:focus ~ .ugc-rr-pip-fe-validation-border { --skapa-validation-border-default: initial; }

.ugc-rr-pip-fe-input-field input[type="hidden"] ~ .ugc-rr-pip-fe-validation-border, .ugc-rr-pip-fe-input-field input[type="hidden"] ~ .ugc-rr-pip-fe-input-field__leading-icon, .ugc-rr-pip-fe-input-field input[type="hidden"] ~ .ugc-rr-pip-fe-input-field__trailing-icon { display: none; }

.ugc-rr-pip-fe-input-field input[type="date"] { color: rgba(0, 0, 0, 0); }

.ugc-rr-pip-fe-input-field input[type="date"]:focus { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-input-field input[type="date"]:disabled { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-input-field input[type="date"]::-webkit-inner-spin-button, .ugc-rr-pip-fe-input-field input[type="date"]::-webkit-calendar-picker-indicator, .ugc-rr-pip-fe-input-field input[type="date"]::-webkit-clear-button { display: none; appearance: none; }

.ugc-rr-pip-fe-input-field--labelled input[type="date"] { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-input-field input:focus ~ .ugc-rr-pip-fe-input-field__prefix-label, .ugc-rr-pip-fe-input-field input:focus ~ .ugc-rr-pip-fe-input-field__suffix-label, .ugc-rr-pip-fe-input-field--labelled .ugc-rr-pip-fe-input-field__prefix-label, .ugc-rr-pip-fe-input-field--labelled .ugc-rr-pip-fe-input-field__suffix-label { opacity: 1; transition-delay: 33ms; visibility: visible; position: static; width: auto; height: auto; }

.ugc-rr-pip-fe-input-field .ugc-rr-pip-fe-btn { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-input-field .ugc-rr-pip-fe-btn:disabled { pointer-events: none; color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-input-field .ugc-rr-pip-fe-btn:disabled .ugc-rr-pip-fe-btn__inner { border: 0px; background: none; }

.ugc-rr-pip-fe-input-field__leading-icon { flex-shrink: 0; order: 1; }

.ugc-rr-pip-fe-input-field__trailing-icon { flex-shrink: 0; order: 5; }

.ugc-rr-pip-fe-input-field label { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.ugc-rr-pip-fe-input-field--disabled label, .ugc-rr-pip-fe-input-field--disabled input, .ugc-rr-pip-fe-input-field--disabled .ugc-rr-pip-fe-svg-icon, .ugc-rr-pip-fe-input-field--disabled .ugc-rr-pip-fe-input-field__suffix-label, .ugc-rr-pip-fe-input-field--disabled .ugc-rr-pip-fe-input-field__prefix-label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-input-field--disabled .ugc-rr-pip-fe-input-field__payment-logo { opacity: 0.2; }

.ugc-rr-pip-fe-input-field--disabled input:-webkit-autofill { -webkit-text-fill-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-input-field--read-only .ugc-rr-pip-fe-input-field__wrapper { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

[dir="rtl"] .ugc-rr-pip-fe-input-field input[type="tel"] { direction: ltr; text-align: right; }

@media (forced-colors: active) {
  .ugc-rr-pip-fe-input-field--disabled label, .ugc-rr-pip-fe-input-field--disabled input, .ugc-rr-pip-fe-input-field--disabled .ugc-rr-pip-fe-svg-icon, .ugc-rr-pip-fe-input-field--disabled .ugc-rr-pip-fe-input-field__suffix-label, .ugc-rr-pip-fe-input-field--disabled .ugc-rr-pip-fe-input-field__prefix-label, .ugc-rr-pip-fe-input-field--read-only label, .ugc-rr-pip-fe-input-field--read-only input, .ugc-rr-pip-fe-input-field--read-only .ugc-rr-pip-fe-svg-icon, .ugc-rr-pip-fe-input-field--read-only .ugc-rr-pip-fe-input-field__suffix-label, .ugc-rr-pip-fe-input-field--read-only .ugc-rr-pip-fe-input-field__prefix-label { color: graytext; }
}

.ugc-rr-pip-fe-label-wrapper--text-input > label { display: block; margin: 0px 0px 0.25rem; }

.ugc-rr-pip-fe-label-wrapper .ugc-rr-pip-fe-required { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.ugc-rr-pip-fe-label-wrapper > label em { margin: 0px; color: rgb(var(--colour-text-and-icon-4, 146, 146, 146)); font-style: normal; }

.ugc-rr-pip-fe-link: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-radio { position: relative; display: flex; align-items: flex-start; }

.ugc-rr-pip-fe-radio > input[type="radio"] { position: absolute; left: -0.625rem; top: -0.625rem; width: 2.75rem; height: 2.75rem; display: inline-block; border: 0px; opacity: 0; padding: 0px; z-index: 1; cursor: pointer; }

[dir="rtl"] .ugc-rr-pip-fe-radio > input[type="radio"] { right: -0.625rem; left: initial; }

.ugc-rr-pip-fe-radio > .ugc-rr-pip-fe-radio__symbol { box-sizing: border-box; width: 1.5rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; background: rgb(var(--colour-neutral-1, 255, 255, 255)); border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); border-radius: 64px; flex-shrink: 0; }

.ugc-rr-pip-fe-radio > .ugc-rr-pip-fe-radio__symbol::after { content: ""; display: block; border: 0px solid; border-radius: 64px; height: 0px; width: 0px; }

.ugc-rr-pip-fe-radio > .ugc-rr-pip-fe-radio__label { position: relative; display: block; margin-top: 0.1875rem; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.ugc-rr-pip-fe-radio > .ugc-rr-pip-fe-radio__label > .ugc-rr-pip-fe-radio__caption { display: block; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); padding-top: 0.25rem; }

.ugc-rr-pip-fe-radio label { display: inline-block; cursor: pointer; transition: color 200ms ease-in-out; padding-inline-start: 1rem; }

.ugc-rr-pip-fe-radio input[type="radio"]:hover ~ .ugc-rr-pip-fe-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-hover, 17, 17, 17)); }

.ugc-rr-pip-fe-radio input[type="radio"]:hover ~ .ugc-rr-pip-fe-radio__symbol::after { border-width: 0.25rem; border-color: rgb(var(--colour-neutral-3, 223, 223, 223)); }

.ugc-rr-pip-fe-radio input[type="radio"]:checked:hover:not(:disabled) ~ .ugc-rr-pip-fe-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.ugc-rr-pip-fe-radio input[type="radio"]:checked:hover:not(:disabled) ~ .ugc-rr-pip-fe-radio__symbol::after { border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.ugc-rr-pip-fe-radio--subtle > input[type="radio"]:checked:hover:not(:disabled) ~ .ugc-rr-pip-fe-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.ugc-rr-pip-fe-radio--subtle > input[type="radio"]:checked:hover:not(:disabled) ~ .ugc-rr-pip-fe-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.ugc-rr-pip-fe-radio input[type="radio"]:checked ~ .ugc-rr-pip-fe-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.ugc-rr-pip-fe-radio input[type="radio"]:checked ~ .ugc-rr-pip-fe-radio__symbol::after { border-width: 0.5rem; border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.ugc-rr-pip-fe-radio--subtle > input[type="radio"]:checked ~ .ugc-rr-pip-fe-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.ugc-rr-pip-fe-radio--subtle > input[type="radio"]:checked ~ .ugc-rr-pip-fe-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.ugc-rr-pip-fe-radio input[type="radio"]:disabled { pointer-events: none; }

.ugc-rr-pip-fe-radio input[type="radio"]:disabled ~ .ugc-rr-pip-fe-radio__symbol { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-radio input[type="radio"]:disabled:checked ~ .ugc-rr-pip-fe-radio__symbol::after { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-radio input[type="radio"]:disabled:not(:checked) ~ .ugc-rr-pip-fe-radio__symbol::after { display: none; }

.ugc-rr-pip-fe-radio input[type="radio"]:disabled ~ .ugc-rr-pip-fe-radio__label label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); cursor: not-allowed; pointer-events: none; }

.ugc-rr-pip-fe-radio input[type="radio"]:disabled ~ .ugc-rr-pip-fe-radio__label a { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .ugc-rr-pip-fe-radio input[type="radio"]:disabled ~ .ugc-rr-pip-fe-radio__symbol, .ugc-rr-pip-fe-radio input[type="radio"]:disabled:checked ~ .ugc-rr-pip-fe-radio__symbol::after { border-color: graytext; }
  .ugc-rr-pip-fe-radio input[type="radio"]:disabled ~ .ugc-rr-pip-fe-radio__label label, .ugc-rr-pip-fe-radio input[type="radio"]:disabled ~ .ugc-rr-pip-fe-radio__label a { color: graytext; }
}

.ugc-rr-pip-fe-radio input[type="radio"]:active:not(:disabled) ~ .ugc-rr-pip-fe-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.ugc-rr-pip-fe-radio input[type="radio"]:active:not(:disabled) ~ .ugc-rr-pip-fe-radio__symbol::after { border-width: 0.5rem; border-color: rgb(var(--colour-interactive-emphasised-bg-pressed, 0, 62, 114)); }

.ugc-rr-pip-fe-radio--subtle > input[type="radio"]:active:not(:disabled) ~ .ugc-rr-pip-fe-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.ugc-rr-pip-fe-radio--subtle > input[type="radio"]:active:not(:disabled) ~ .ugc-rr-pip-fe-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); }

.ugc-rr-pip-fe-radio-button-group { margin: 0px; padding: 0px; border: 0px; }

.ugc-rr-pip-fe-radio-button-group .ugc-rr-pip-fe-radio:not(:last-child) { margin-bottom: 1.5rem; }

[dir="rtl"] .ugc-rr-pip-fe-radio-button-group .ugc-rr-pip-fe-radio { margin-right: 0px; margin-left: 2rem; }

.ugc-rr-pip-fe-radio input[type="radio"]:focus-visible ~ .ugc-rr-pip-fe-radio__symbol { 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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-radio input[type="radio"]:focus-visible:hover ~ .ugc-rr-pip-fe-radio__symbol { 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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-tabs__tab:focus-visible { box-shadow: none; outline: none; }

.ugc-rr-pip-fe-tabs__tab:focus-visible::before { bottom: 2px; z-index: unset; }

.ugc-rr-pip-fe-tabs__tab:focus-visible::after { content: ""; position: absolute; inset: 0px; display: block; box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); border-radius: 4px; }

.ugc-rr-pip-fe-validation-border { --skapa-validation-border-colour: rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); --skapa-validation-border: 1px solid var(--skapa-validation-border-colour); --skapa-validation-border-default: var(--skapa-validation-border); --skapa-validation-border-focus-border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); position: absolute; inset: 0px; display: block; width: 100%; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); pointer-events: none; transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 4px; box-sizing: border-box; }

.ugc-rr-pip-fe-validation-border--warning { border-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.ugc-rr-pip-fe-validation-border--error { border-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.ugc-rr-pip-fe-validation-border--success { border-color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.ugc-rr-pip-fe-validation-border--disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); box-shadow: none; }

.ugc-rr-pip-fe-validation-border--read-only { --skapa-validation-border-default: transparent; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); }

@media (forced-colors: active) {
  .ugc-rr-pip-fe-validation-border { border-color: graytext; }
}

.ugc-rr-pip-fe-text-area__wrapper { position: relative; display: flex; width: 100%; align-items: flex-end; flex-wrap: wrap; }

.ugc-rr-pip-fe-text-area label { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.ugc-rr-pip-fe-text-area textarea { box-sizing: border-box; display: block; width: 100%; padding: 0.3125rem; line-height: 1.625; max-width: 100%; min-height: 6rem; outline: none; border: 0.1875rem solid rgba(0, 0, 0, 0); resize: vertical; border-radius: 4px; background: rgb(var(--colour-neutral-1, 255, 255, 255)); color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-text-area textarea:disabled { resize: none; color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-text-area textarea:focus ~ .ugc-rr-pip-fe-validation-border { --skapa-validation-border-default: initial; }

.ugc-rr-pip-fe-text-area--disabled label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.ugc-rr-pip-fe-text-area--read-only textarea { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

@media (forced-colors: active) {
  .ugc-rr-pip-fe-text-area textarea { padding: 0.5rem; border-width: 0px; }
  .ugc-rr-pip-fe-text-area textarea:disabled { color: graytext; }
  .ugc-rr-pip-fe-text-area--disabled label { color: graytext; }
}

.ugc-rr-pip-fe-tooltip { position: relative; display: inline-block; }

.ugc-rr-pip-fe-tooltip__trigger-button { --background: rgb(var(--colour-interactive-secondary-bg-default, 245, 245, 245)); --background-hover: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223)); --background-press: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204)); --foreground: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); --disabled-foreground: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); --disabled-background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); position: relative; border: 0px; padding: 0px 2rem; text-align: center; display: inline-flex; cursor: pointer; outline: 0px; vertical-align: top; text-decoration: none; border-radius: 64px; justify-content: center; align-items: center; color: var(--foreground); background: var(--background); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.ugc-rr-pip-fe-tooltip__trigger-button:hover { background: var(--background-hover); }

.ugc-rr-pip-fe-tooltip__trigger-button:active { background: var(--background-press); }

.ugc-rr-pip-fe-tooltip__trigger-button:disabled { cursor: default; background: var(--disabled-background); color: var(--disabled-foreground); }

.ugc-rr-pip-fe-tooltip__trigger-button:hover, .ugc-rr-pip-fe-tooltip__trigger-button:active, .ugc-rr-pip-fe-tooltip__trigger-button:focus { text-decoration: none; }

.ugc-rr-pip-fe-tooltip__trigger-button { height: 2rem; width: 2rem; padding: 0px; }

.ugc-rr-pip-fe-tooltip__trigger-button::after { content: ""; position: absolute; inset: -0.375rem; }

.ugc-rr-pip-fe-tooltip__trigger-button__label { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.ugc-rr-pip-fe-tooltip__trigger-button--active { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.ugc-rr-pip-fe-tooltip__trigger-button--active:hover { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.ugc-rr-pip-fe-tooltip__trigger-button--active:active { background: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.ugc-rr-pip-fe-tooltip__trigger-button--active:focus { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.ugc-rr-pip-fe-tooltip__trigger-button:disabled { background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); color: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); cursor: default; }

.ugc-rr-pip-fe-tooltip__trigger-button-label { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.ugc-rr-pip-fe-tooltip__custom-trigger-wrapper { display: inline-block; outline: 0px; }

.ugc-rr-pip-fe-tooltip__body { --skapa-tooltip-boundary-left: 0vw; --skapa-tooltip-boundary-right: 100vw; --skapa-tooltip-offset: 0.75rem; --skapa-tooltip-screen-edge: 1.25rem; --skapa-tooltip-max-width: min(60vw, calc(var(--skapa-tooltip-boundary-right, 100vw) - var(--skapa-tooltip-boundary-left, 0) - 2 * calc(var(--skapa-tooltip-screen-edge, 1.25rem) + var(--skapa-tooltip-padding-horizontal)))); --skapa-tooltip-transformY: -100%; --skapa-tooltip-padding-horizontal: 0.75rem; --skapa-trigger-left: 50vw; --skapa-trigger-right: 50vw; --skapa-trigger-center: calc( calc(var(--skapa-trigger-left) + var(--skapa-trigger-right)) * .5); --skapa-tooltip-overflow-x-left: calc(50% + var(--skapa-tooltip-boundary-left) + var(--skapa-tooltip-screen-edge) - var(--skapa-trigger-center)); --skapa-tooltip-overflow-x-right: calc(var(--skapa-trigger-center) + 50% - var(--skapa-tooltip-boundary-right) + var(--skapa-tooltip-screen-edge)); --skapa-tooltip-transformX: min(max(-50%, calc(-50% + var(--skapa-tooltip-overflow-x-left))), calc(-50% - var(--skapa-tooltip-overflow-x-right))); width: max-content; max-width: var(--skapa-tooltip-max-width); visibility: hidden; z-index: 300; transition: transform 100ms cubic-bezier(0.4, 0, 0.4, 1), opacity 100ms cubic-bezier(0, 0, 1, 1), padding 100ms cubic-bezier(0.4, 0, 0.4, 1); position: absolute; top: 0px; left: 50%; opacity: 0; display: inline-block; box-sizing: content-box; transform: translateX(var(--skapa-tooltip-transformX)) translateY(var(--skapa-tooltip-transformY)); padding: 0px; }

.ugc-rr-pip-fe-tooltip__body--hidden { display: none; }

.ugc-rr-pip-fe-tooltip__body .ugc-rr-pip-fe-tooltip__message-background { display: inline-block; background: rgb(var(--colour-elevation-3, 17, 17, 17)); color: rgb(var(--colour-static-white, 255, 255, 255)); border: 1px solid rgb(var(--colour-elevation-2-border, 72, 72, 72)); border-radius: 4px; padding: .5rem var(--skapa-tooltip-padding-horizontal); white-space: pre-line; }

.ugc-rr-pip-fe-tooltip__body--entering { padding: 0.25rem; visibility: visible; opacity: 1; top: 0.5rem; }

.ugc-rr-pip-fe-tooltip__body--leaving { visibility: visible; opacity: 0; }

.ugc-rr-pip-fe-tooltip__body--no-transition { transition: none; }

.ugc-rr-pip-fe-tooltip--top .ugc-rr-pip-fe-tooltip__body--entering, .ugc-rr-pip-fe-tooltip--top .ugc-rr-pip-fe-tooltip__body--leaving { padding-bottom: calc(var(--skapa-tooltip-offset) + 0.5rem); }

.ugc-rr-pip-fe-tooltip--trailing .ugc-rr-pip-fe-tooltip__body { top: 50%; left: calc(100% - 0.5rem); max-width: min(var(--skapa-tooltip-max-width),var(--skapa-tooltip-boundary-right, 100vw) - var(--skapa-trigger-right, 50vw) - var(--skapa-tooltip-offset, 0.75rem) - 2*var(--skapa-tooltip-padding-horizontal) - var(--skapa-tooltip-screen-edge, 1.25rem)); --skapa-tooltip-transformX: 0%; --skapa-tooltip-transformY: -50%; }

.ugc-rr-pip-fe-tooltip--trailing .ugc-rr-pip-fe-tooltip__body--entering, .ugc-rr-pip-fe-tooltip--trailing .ugc-rr-pip-fe-tooltip__body--leaving { padding-inline-start: calc(var(--skapa-tooltip-offset) + 0.5rem); }

.ugc-rr-pip-fe-tooltip--bottom .ugc-rr-pip-fe-tooltip__body { top: calc(100% - 0.5rem); left: 50%; --skapa-tooltip-transformY: 0%; }

.ugc-rr-pip-fe-tooltip--bottom .ugc-rr-pip-fe-tooltip__body--entering, .ugc-rr-pip-fe-tooltip--bottom .ugc-rr-pip-fe-tooltip__body--leaving { padding-top: calc(var(--skapa-tooltip-offset) + 0.5rem); }

.ugc-rr-pip-fe-tooltip--leading .ugc-rr-pip-fe-tooltip__body { top: 50%; left: 0.5rem; max-width: min(var(--skapa-tooltip-max-width),var(--skapa-trigger-left, 50vw) - var(--skapa-tooltip-offset, 0.75rem) - 2*var(--skapa-tooltip-padding-horizontal) - var(--skapa-tooltip-screen-edge, 1.25rem) - var(--skapa-tooltip-boundary-left, 0)); --skapa-tooltip-transformX: -100%; --skapa-tooltip-transformY: -50%; }

.ugc-rr-pip-fe-tooltip--leading .ugc-rr-pip-fe-tooltip__body--entering, .ugc-rr-pip-fe-tooltip--leading .ugc-rr-pip-fe-tooltip__body--leaving { padding-inline-end: calc(var(--skapa-tooltip-offset) + 0.5rem); }

@media (min-width: 56.25em) {
  .ugc-rr-pip-fe-tooltip__body { --skapa-tooltip-max-width: min(30vw, calc(var(--skapa-tooltip-boundary-right, 0) - var(--skapa-tooltip-boundary-left, 0) - 2 * calc(var(--skapa-tooltip-screen-edge, 1.25rem) + var(--skapa-tooltip-padding-horizontal)))); }
}

[dir="rtl"] .ugc-rr-pip-fe-tooltip--trailing .ugc-rr-pip-fe-tooltip__body { top: 50%; left: 0.5rem; max-width: min(var(--skapa-tooltip-max-width),var(--skapa-trigger-left, 50vw) - var(--skapa-tooltip-offset, 0.75rem) - 2*var(--skapa-tooltip-padding-horizontal) - var(--skapa-tooltip-screen-edge, 1.25rem) - var(--skapa-tooltip-boundary-left)); --skapa-tooltip-transformX: -100%; --skapa-tooltip-transformY: -50%; }

[dir="rtl"] .ugc-rr-pip-fe-tooltip--leading .ugc-rr-pip-fe-tooltip__body { top: 50%; left: calc(100% - 0.5rem); max-width: min(var(--skapa-tooltip-max-width),var(--skapa-tooltip-boundary-right) - var(--skapa-trigger-right, 50vw) - var(--skapa-tooltip-offset, 0.75rem) - 2*var(--skapa-tooltip-padding-horizontal) - var(--skapa-tooltip-screen-edge, 1.25rem)); --skapa-tooltip-transformX: 0%; --skapa-tooltip-transformY: -50%; }

.ugc-rr-pip-fe-pill: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-icon-pill: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 200ms ease-out, box-shadow 200ms ease-out; }

a[class*="ugc-rr-pip-fe-"]:focus-visible, button[class*="ugc-rr-pip-fe-"]:focus-visible, [role="button"][class*="ugc-rr-pip-fe-"]: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 200ms ease-out, box-shadow 200ms ease-out; }

a[class*="ugc-rr-pip-fe-"]:focus-visible p { 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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-link: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-collapsible: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-expander__btn: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-expander__content: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-chunky-header: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:focus-visible ~ .ugc-rr-pip-fe-checkbox__symbol { 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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-checkbox input[type="checkbox"]:focus-visible:hover ~ .ugc-rr-pip-fe-checkbox__symbol { 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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-radio input[type="radio"]:focus-visible ~ .ugc-rr-pip-fe-radio__symbol { 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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-radio input[type="radio"]:focus-visible:hover ~ .ugc-rr-pip-fe-radio__symbol { 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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-btn:focus-visible, .ugc-rr-pip-fe-tabs__panel: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-btn[class*="inverse"]:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-black, 17, 17, 17))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-white, 255, 255, 255))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-btn[class*="image-overlay"]:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-white, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-black, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-pill: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-icon-pill: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-slider-handle: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-shoppable-image__category-link:focus-visible, .ugc-rr-pip-fe-shoppable-image__dot: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-tabs__tab:focus-visible { box-shadow: none; outline: none; }

.ugc-rr-pip-fe-tabs__tab:focus-visible::before { bottom: 2px; z-index: unset; }

.ugc-rr-pip-fe-tabs__tab:focus-visible::after { content: ""; position: absolute; inset: 0px; display: block; box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); border-radius: 4px; }

.ugc-rr-pip-fe-dual-btn--secondary .ugc-rr-pip-fe-dual-btn__first:focus-visible, .ugc-rr-pip-fe-dual-btn--secondary .ugc-rr-pip-fe-dual-btn__second:focus-visible { box-shadow: 0 0 0 4px rgb(var(--colour-neutral-1, 255, 255, 255)),0 0 0 6px rgb(var(--colour-neutral-7, 17, 17, 17)); outline: none; transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease-out; }

.ugc-rr-pip-fe-dual-btn__first:focus-visible:hover, .ugc-rr-pip-fe-dual-btn__second:focus-visible:hover { outline: none; box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17)),0 0 0 4px rgb(var(--colour-neutral-1, 255, 255, 255)),0 0 0 6px rgb(var(--colour-neutral-7, 17, 17, 17)); }

.ugc-rr-pip-fe-dual-btn--primary .ugc-rr-pip-fe-dual-btn__first:focus-visible, .ugc-rr-pip-fe-dual-btn--primary .ugc-rr-pip-fe-dual-btn__second:focus-visible { box-shadow: 0 0 0 4px rgb(var(--colour-static-black, 17, 17, 17)),0 0 0 6px rgb(var(--colour-static-white, 255, 255, 255)); outline: none; transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease-out; }

.ugc-rr-pip-fe-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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-card:focus-visible .ugc-rr-pip-fe-card__title { text-decoration: none; }

.ugc-rr-pip-fe-card:focus-visible p { box-shadow: none; outline: none; }

.ugc-rr-pip-fe-content-card .ugc-rr-pip-fe-content-card__headers:focus-visible { box-shadow: none; outline: none; }

.ugc-rr-pip-fe-content-card .ugc-rr-pip-fe-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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-choice-item__radio:focus-visible, .ugc-rr-pip-fe-choice-item__action:focus-visible { box-shadow: none; outline: none; }

.ugc-rr-pip-fe-choice-item__radio:focus-visible ~ .ugc-rr-pip-fe-choice-item__border::before, .ugc-rr-pip-fe-choice-item__action:focus-visible ~ .ugc-rr-pip-fe-choice-item__border::before { content: ""; position: absolute; inset: -0.125rem; 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 200ms ease-out, box-shadow 200ms ease-out; border-radius: 4px; }

.ugc-rr-pip-fe-simple-video__button: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-jumbo-btn: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-jumbo-btn.ugc-rr-pip-fe-jumbo-btn--inverse:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-black, 17, 17, 17))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-white, 255, 255, 255))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-accordion-item-header: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-link-list__item: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-switch input[type="checkbox"]:focus-visible + .ugc-rr-pip-fe-switch__toggle::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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-switch input[type="checkbox"]:focus-visible:hover + .ugc-rr-pip-fe-switch__toggle::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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-tooltip__trigger-button:focus-visible, .ugc-rr-pip-fe-tooltip__custom-trigger-wrapper: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-search .ugc-rr-pip-fe-search__scope: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 200ms ease-out, box-shadow 200ms ease-out; border-radius: 4px; }

.ugc-rr-pip-fe-search .ugc-rr-pip-fe-search__scope:focus-visible, .ugc-rr-pip-fe-search .ugc-rr-pip-fe-btn:focus-visible { box-shadow: 0 0 0 1px rgb(var(--colour-neutral-1, 255, 255, 255)); outline: 2px solid rgb(var(--colour-neutral-7, 17, 17, 17)); outline-offset: 1px; }

.ugc-rr-pip-fe-search .ugc-rr-pip-fe-search__input:focus-visible { outline: 0px; }

.ugc-rr-pip-fe-search .ugc-rr-pip-fe-search__input:-webkit-autofill:focus-visible { box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-1, 255, 255, 255)) inset; transition: box-shadow cubic-bezier(0.4, 0, 0.4, 1); caret-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.ugc-rr-pip-fe-toast .ugc-rr-pip-fe-btn:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-7, 17, 17, 17))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-1, 255, 255, 255))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-action-list-item__action:focus-visible { outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; outline: none; box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.ugc-rr-pip-fe-overflow-carousel .ugc-rr-pip-fe-btn[class*="inverse"]: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-modal-header .ugc-rr-pip-fe-btn: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 200ms ease-out, box-shadow 200ms ease-out; }

.ugc-rr-pip-fe-list-view-item__action:focus-visible { outline: none; box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.ugc-rr-pip-fe-quantity-stepper__input:focus-visible { outline: none; }

button.ugc-rr-pip-fe-avatar: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 200ms ease-out, box-shadow 200ms ease-out; }

@media (min-width: 1400px) {
  .ugc-rr-pip-fe-modal { width: 80%; left: 10%; }
}

.ugc-rr-pip-fe-sort .ugc-rr-pip-fe-accordion__content, .ugc-rr-pip-fe-filter .ugc-rr-pip-fe-accordion__content, .ugc-rr-pip-fe-sort-filter .ugc-rr-pip-fe-accordion__content { padding-left: 0.38rem; padding-right: 0.38rem; }

.ugc-rr-pip-fe-close-button { position: absolute; top: 1rem; right: 2rem; z-index: 200; }

[dir="rtl"] .ugc-rr-pip-fe-close-button { right: unset; top: 1rem; left: 2rem; }

.ugc-rr-pip-fe-rating-star-bar { display: flex; white-space: nowrap; }

.ugc-rr-pip-fe-rating-star-bar__star:not(:last-child), .ugc-rr-pip-fe-rating-star-bar__star:not(:first-child) { margin: 0px -0.1875rem; }

.ugc-rr-pip-fe-rating-star-bar__star path { fill: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.ugc-rr-pip-fe-rating-star-bar__star--half path:first-child { fill: rgb(var(--colour-neutral-3, 223, 223, 223)); }

.ugc-rr-pip-fe-rating-star-bar__star--half path:last-child { fill: rgb(var(--colour-neutral-7, 17, 17, 17)); }

[dir="ltr"] .ugc-rr-pip-fe-rating-star-bar__star--half { transform: scaleX(-1); }

.ugc-rr-pip-fe-rating-star-bar__star--empty path { fill: rgb(var(--colour-neutral-3, 223, 223, 223)); }

.ugc-rr-pip-fe-overall-rating { display: flex; align-items: center; flex-direction: column; }

@media (max-width: 56.25em) {
  .ugc-rr-pip-fe-overall-rating { flex-direction: row; }
}

.ugc-rr-pip-fe-overall-rating__value { font-size: 3.125rem; font-weight: 700; color: rgb(var(--colour-static-black, 17, 17, 17)); }

.ugc-rr-pip-fe-overall-rating__value-details { display: flex; flex-direction: column; align-items: center; }

@media (max-width: 56.25em) {
  .ugc-rr-pip-fe-overall-rating__value-details { align-items: flex-start; margin: 0px 1rem; }
}

.ugc-rr-pip-fe-leave-review__legal-notice-link { margin-bottom: 1rem; }

@media (min-width: 56.25em) {
  .ugc-rr-pip-fe-leave-review__legal-notice-link { margin-top: 0.75rem; }
}

.ugc-rr-pip-fe-legal-notice__modal-body p { margin-top: 1.5rem; }

.ugc-rr-pip-fe-distribution-bar { position: relative; height: 0.5rem; }

.ugc-rr-pip-fe-distribution-bar__foreground { height: 100%; border-radius: 1.25rem; background-color: rgb(var(--colour-semantic-informative, 0, 88, 163)); position: absolute; border: 1px solid rgba(0, 0, 0, 0); }

.ugc-rr-pip-fe-distribution-bar__background { height: 100%; border-radius: 1.25rem; background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); }

.ugc-rr-pip-fe-distribution-row { display: flex; align-items: center; list-style: none; }

.ugc-rr-pip-fe-distribution-row__number { min-width: 0.5rem; }

.ugc-rr-pip-fe-distribution-row:not(:last-child) { margin-bottom: 1rem; }

.ugc-rr-pip-fe-distribution-row__star { margin-top: -2px; margin-right: 1rem; }

[dir="rtl"] .ugc-rr-pip-fe-distribution-row__star { margin-right: 0px; margin-left: 1rem; }

.ugc-rr-pip-fe-distribution-row__bar { flex: 1 1 0%; }

.ugc-rr-pip-fe-distribution-row__count { min-width: 3.75rem; padding-left: 1rem; }

[dir="rtl"] .ugc-rr-pip-fe-distribution-row__count { padding-left: 0px; padding-right: 1rem; }

.ugc-rr-pip-fe-distribution__row { list-style: none; }

.ugc-rr-pip-fe-distribution__row:not(:last-child) { margin-bottom: 1rem; }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings { position: relative; width: 100%; height: 0.5rem; display: flex; }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-dot { width: 0.25rem; height: 0.25rem; border-radius: 0.125rem; background: rgb(var(--colour-neutral-1, 255, 255, 255)); margin: 0.125rem; }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage--5, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage--4, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage--3, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage--2, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage--1 { position: absolute; display: flex; justify-content: space-between; }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage--1 { width: 0.5rem; }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage--2 { width: calc(25% + 0.375rem); }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage--3 { width: calc(50% + 0.25rem); }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage--4 { width: calc(75% + 0.125rem); }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage--5 { width: 100%; }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--50, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--45, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--40, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--35, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--30, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--25, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--20, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--15, .ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--10 { background-color: rgb(var(--colour-neutral-7, 17, 17, 17)); border-radius: 0.5rem; position: absolute; width: 100%; height: 0.5rem; border: 1px solid rgba(0, 0, 0, 0); }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--10 { width: 0.5rem; }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--15 { width: calc(12.5% + 0.375rem); }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--20 { width: calc(25% + 0.375rem); }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--25 { width: calc(37.5% + 0.25rem); }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--30 { width: calc(50% + 0.25rem); }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--35 { width: calc(62.5% + 0.125rem); }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--40 { width: calc(75% + 0.125rem); }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--45 { width: 87.5%; }

.ugc-rr-pip-fe-ratings-and-reviews__sausage-ratings-sausage-background--50 { width: 100%; }

.ugc-rr-pip-fe-sub-ratings__item { list-style: none; }

.ugc-rr-pip-fe-sub-ratings__item:not(:last-child) { margin-bottom: 0.5rem; }

.ugc-rr-pip-fe-sub-ratings__bar { display: flex; align-items: center; }

.ugc-rr-pip-fe-sub-ratings__bar-title { min-width: 57%; }

.ugc-rr-pip-fe-sub-ratings__bar-inner { width: 100%; padding: 0px 1.25rem; }

.ugc-rr-pip-fe-sub-ratings__bar-rating { min-width: 1.5rem; }

.ugc-rr-pip-fe-review-header { display: flex; flex-direction: column; }

@media (min-width: 56.25em) {
  .ugc-rr-pip-fe-review-header { position: sticky; }
}

.ugc-rr-pip-fe-review-header__submit-section { width: 100%; margin-bottom: 1.5rem; margin-top: -1rem; }

@media (min-width: 56.25em) {
  .ugc-rr-pip-fe-review-header__submit-section { margin-top: 1.5rem; }
}

.ugc-rr-pip-fe-review-header__no-reviews-text { margin: 1.5rem 0px; }

.ugc-rr-pip-fe-review-header .ugc-rr-pip-fe-overall-rating { border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); padding-bottom: 1.5rem; }

.ugc-rr-pip-fe-review-header .ugc-rr-pip-fe-rating-distribution { padding: 1.5rem 0px; }

.ugc-rr-pip-fe-review-header .ugc-rr-pip-fe-sub-ratings { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); padding: 1.5rem 0px; }

.ugc-rr-pip-fe-drop-down { position: absolute; margin-top: 1rem; padding: 1.25rem 1.5rem; min-width: 300px; z-index: 400; border-radius: 8px; background-color: rgb(var(--colour-elevation-2, 255, 255, 255)); box-shadow: 1px 3px 8px 0px rgb(var(--colour-neutral-5, 146, 146, 146)); }

body.theme-dark .ugc-rr-pip-fe-drop-down { background-color: rgb(var(--colour-elevation-3, 17, 17, 17)); box-shadow: none; }

.ugc-rr-pip-fe-star-filter .ugc-rr-pip-fe-checkbox .ugc-rr-pip-fe-checkbox__label { margin-top: 0px; }

.ugc-rr-pip-fe-lang-filter-container .ugc-rr-pip-fe-form-field:last-child { margin-bottom: 0px; }

.ugc-rr-pip-fe-filter { position: relative; }

.ugc-rr-pip-fe-filter__header { margin-bottom: 2rem; }

.ugc-rr-pip-fe-filter__stars { display: flex; justify-content: space-between; }

.ugc-rr-pip-fe-filter__stars__horizontal { flex-direction: column; justify-content: space-between; }

.ugc-rr-pip-fe-filter .ugc-rr-pip-fe-accordion li:first-child button { border-top: none; }

.ugc-rr-pip-fe-sort-options .ugc-rr-pip-fe-form-field:last-child { margin-bottom: 0px; }

.ugc-rr-pip-fe-sort__header { margin-bottom: 2rem; }

.ugc-rr-pip-fe-sort__stars { display: flex; justify-content: space-between; }

.ugc-rr-pip-fe-sort__stars__horizontal { flex-direction: column; justify-content: space-between; }

.ugc-rr-pip-fe-sort .ugc-rr-pip-fe-accordion li:first-child button { border-top: none; }

.ugc-rr-pip-fe-sort-filter__header { margin-bottom: 2rem; }

.ugc-rr-pip-fe-rating-expander { display: flex; border: none; background: none; padding: 0px; }

.ugc-rr-pip-fe-rating-expander__icon { margin-left: 0.5rem; }

.ugc-rr-pip-fe-rating-expander__icon.expanded { transform: rotate(180deg); }

.ugc-rr-pip-fe-reviewer { display: flex; align-items: center; }

.ugc-rr-pip-fe-reviewer-badge { background: none; border: none; padding: 0px; }

.ugc-rr-pip-fe-reviewer-badge__icon { fill: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.ugc-rr-pip-fe-reviewer-name { font-weight: 400; }

.ugc-rr-pip-fe-review-feedback { display: flex; align-items: center; }

.ugc-rr-pip-fe-review-feedback__button { margin-left: 0.5rem; }

[dir="rtl"] .ugc-rr-pip-fe-review-feedback__button { margin-left: 0px; margin-right: 0.5rem; }

.ugc-rr-pip-fe-review-media__wrapper { display: flex; margin-top: 1.5rem; margin-bottom: 1rem; }

.ugc-rr-pip-fe-review-media__thumbnail-button { border: none; background: none; padding: 0px; cursor: pointer; margin-right: 0.5rem; }

[dir="rtl"] .ugc-rr-pip-fe-review-media__thumbnail-button { margin-right: 0px; margin-left: 0.5rem; }

.ugc-rr-pip-fe-review-media__thumbnail-image { width: 18vw; height: 18vw; max-width: 100px; max-height: 100px; border-radius: 8px; object-fit: cover; }

.ugc-rr-pip-fe-review-media__thumbnail-image--hidden { display: none; }

.ugc-rr-pip-fe-review-media__thumbnail-image--error { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; fill: rgb(var(--colour-text-and-icon-4, 146, 146, 146)); background: rgb(var(--colour-neutral-2, 245, 245, 245)); border-radius: 8px; }

.ugc-rr-pip-fe-review-media-slide-show__image { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }

.ugc-rr-pip-fe-review-media__slide-show__image { max-height: 62vh !important; }

.ugc-rr-pip-fe-review { padding-bottom: 1.5rem; }

.ugc-rr-pip-fe-review.translating { opacity: 0.5; }

.ugc-rr-pip-fe-review__loading { display: flex; position: absolute; justify-content: center; width: 100%; height: 100%; }

.ugc-rr-pip-fe-review__top { display: flex; justify-content: space-between; align-items: center; margin-top: 1.5rem; margin-bottom: 1rem; }

.ugc-rr-pip-fe-review__date { display: flex; align-items: center; text-align: right; }

.ugc-rr-pip-fe-review__subrating-expandable { overflow: hidden; max-height: 300px; transition: max-height 250ms cubic-bezier(0.4, 0, 0.4, 1); }

.ugc-rr-pip-fe-review__subrating-expandable.collapsed { max-height: 0px; transition: max-height 250ms cubic-bezier(0.4, 0, 0.4, 1); }

.ugc-rr-pip-fe-review__subrating-expandable .ugc-rr-pip-fe-sub-ratings { margin-top: 0.5rem; margin-bottom: 2rem; max-width: 25rem; }

.ugc-rr-pip-fe-review__subrating-expandable:focus-visible { outline: solid; }

.ugc-rr-pip-fe-review__title { overflow-wrap: anywhere; margin-bottom: 0.5rem; }

.ugc-rr-pip-fe-review__text { overflow-wrap: anywhere; margin-bottom: 0.5rem; }

.ugc-rr-pip-fe-review__author { display: flex; justify-content: space-between; }

.ugc-rr-pip-fe-review__recommended { display: flex; align-items: center; margin-top: 1rem; margin-bottom: 2rem; }

.ugc-rr-pip-fe-review__translate { color: rgb(var(--colour-semantic-informative, 0, 88, 163)); }

.ugc-rr-pip-fe-review__translate:active { color: rgb(var(--colour-semantic-informative, 0, 88, 163)); text-decoration: none; }

.ugc-rr-pip-fe-review__bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 0.5rem; }

.ugc-rr-pip-fe-review-response { margin-top: 1.5rem; }

.ugc-rr-pip-fe-review-response__title { display: flex; padding-bottom: 0.5rem; }

.ugc-rr-pip-fe-wrapper { position: relative; }

.ugc-rr-pip-fe-wrapper:not(:first-child) { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.ugc-rr-pip-fe-ratings-bottom { visibility: hidden; height: 3rem; }

.ugc-rr-pip-fe-modal-content .ugc-rr-pip-fe-tabs__panel { padding-top: 1.5rem; }

@media (min-width: 56.25em) {
  .ugc-rr-pip-fe-modal-content { display: flex; }
  .ugc-rr-pip-fe-modal-content__header { min-width: 33%; }
  .ugc-rr-pip-fe-modal-content__reviews { width: 100%; margin-left: 4rem; }
  [dir="rtl"] .ugc-rr-pip-fe-modal-content__reviews { margin-left: 0px; margin-right: 4rem; }
}

@media (min-width: 1400px) {
  .ugc-rr-pip-fe-modal-content__header { min-width: 25%; }
}

@media (max-width: 56.25em) {
  .ugc-rr-pip-fe-reviews { padding-bottom: 4rem; }
}

.ugc-rr-pip-fe-reviews-container { padding: 0px 1px; }

.ugc-rr-pip-fe-reviews__title.hidden { visibility: hidden; }

@media (min-width: 56.25em) {
  .ugc-rr-pip-fe-reviews__title { margin-bottom: 2rem; }
}

@media (max-width: 56.25em) {
  .ugc-rr-pip-fe-reviews__title { margin-top: 1rem; }
}

.ugc-rr-pip-fe-reviews__tabs { min-height: 100vh; }

.ugc-rr-pip-fe-reviews .ugc-rr-pip-fe-tabs__list { position: sticky; z-index: 2; top: 5rem; background: rgb(var(--colour-elevation-2, 255, 255, 255)); }

@media (max-width: 56.25em) {
  .ugc-rr-pip-fe-reviews .ugc-rr-pip-fe-tabs__list { top: 0px; }
}

.ugc-rr-pip-fe-reviews__loader { margin-top: 2rem; }

.ugc-rr-pip-fe-reviews__no-result { display: flex; flex-direction: column; align-items: center; margin-top: 2rem; }

.ugc-rr-pip-fe-reviews__no-result-text { margin-bottom: 2rem; }

.ugc-rr-pip-fe-reviews__pagination { display: flex; align-items: center; margin-top: 4rem; }

.ugc-rr-pip-fe-reviews__pagination-text { font-size: 0.75rem; }

.ugc-rr-pip-fe-reviews__pagination-button { margin-left: 0.5rem; }

[dir="rtl"] .ugc-rr-pip-fe-reviews__pagination-button { margin-left: 0px; margin-right: 0.5rem; }

.ugc-rr-pip-fe-reviews__load-more { display: flex; justify-content: center; margin-top: 1rem; }

.ugc-rr-pip-fe-reviews__sticky-header { position: sticky; top: 0px; margin-top: -2rem; padding-top: 1.5rem; padding-bottom: 1rem; background: rgb(var(--colour-elevation-2, 255, 255, 255)); z-index: 100; }

@media (max-width: 56.25em) {
  .ugc-rr-pip-fe-reviews__sticky-header { position: fixed; top: unset; bottom: 1rem; padding-top: 0px; padding-bottom: 0px; background: rgba(0, 0, 0, 0); width: 100%; }
}

.ugc-rr-pip-fe-reviews__filters { display: flex; flex-direction: row; justify-content: flex-start; column-gap: 1rem; }

.ugc-rr-pip-fe-reviews__filters .ugc-rr-pip-fe-drop-down { margin-right: 1rem; }

[dir="rtl"] .ugc-rr-pip-fe-reviews__filters .ugc-rr-pip-fe-drop-down { margin-right: 0px; margin-left: 1rem; }

@media (max-width: 56.25em) {
  .ugc-rr-pip-fe-reviews__filters { display: flex; flex-direction: row; justify-content: center; margin-left: -3rem; }
  [dir="rtl"] .ugc-rr-pip-fe-reviews__filters { margin-left: 0px; margin-right: -3rem; }
  .ugc-rr-pip-fe-reviews__filters .ugc-rr-pip-fe-drop-down { margin: 0px 0.5rem; }
}

.ugc-rr-pip-fe-translate-all--button { padding: 0px 0px 1.25rem; }

.ugc-rr-pip-fe-filter-modal__mobile .ugc-rr-pip-fe-modal-body { padding: 1.25rem 1.5rem; }

.ugc-rr-pip-fe-verified__modal-body p { margin-top: 1.5rem; }

.ugc-rr-pip-fe-verified__title-row { display: flex; align-items: center; gap: 0.5rem; }

.ugc-rr-pip-fe-verified__icon { width: 32px; height: 32px; color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }