@custom-selector :--non-latin :lang(zh),:lang(el),:lang(he),:lang(ja),:lang(ko),:lang(ru),:lang(th);:root{--button-font-size:var(--font-size-15);--button-icon-size:var(--space-12);--button-icon-order:2;--button-label-order:1;--button-label-space-inline-start:var(--space-4);--button-label-space-inline-end:var(--space-4);--button-label-space-block-start:var(--space-3);--button-label-space-block-end:var(--space-3);--button-color:var(--color-brand-royal-purple);--button-bg-color:var(--color-brand-glass-blue);--button-sep-color:var(--color-neutral-white);--button-hover-bg-color:var(--color-brand-royal-purple);--button-arrow-shaft-transform:translateX(50%) scaleX(0);--button-arrow-head-transform:translateX(-20%)}@media (prefers-color-scheme:dark){:root:not(.theme-light){--button-sep-color:var(--color-brand-ocean-blue);--button-hover-bg-color:var(--color-brand-nickle-yellow)}}:root.theme-dark{--button-sep-color:var(--color-brand-ocean-blue);--button-hover-bg-color:var(--color-brand-nickle-yellow)}.uol-c-button{align-items:stretch;background-color:initial;background-color:var(--button-bg-color);border:none;color:inherit;color:var(--button-color);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--button-font-size);font-weight:var(--font-weight-medium);margin:0;overflow:hidden;padding:0;position:relative;text-align:start;-webkit-text-decoration:none;text-decoration:none;transition:color .2s var(--transition-easing);will-change:color}.uol-c-button:focus-visible{z-index:var(--z-index-above)}.uol-c-button:not(.is-disabled):after{background-color:var(--button-hover-bg-color);block-size:500%;content:" ";inline-size:0;inset-block-start:50%;inset-inline-start:-1.25rem;opacity:0;pointer-events:none;position:absolute;transform:scaleX(var(--direction-scale-inline)) translateY(-50%) rotate(-20deg);transform-origin:center;transition:inline-size .2s var(--transition-easing),opacity .2s var(--transition-easing);z-index:1}@media (hover:hover){.uol-c-button:not(.is-disabled):focus-visible,.uol-c-button:not(.is-disabled):hover{--button-color:var(--color-brand-glass-blue);--button-arrow-shaft-transform:translateX(0) scaleX(1);--button-arrow-head-transform:translateX(0)}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-button:not(.is-disabled):focus-visible,html:not(.theme-light) .uol-c-button:not(.is-disabled):hover{--button-color:var(--color-brand-royal-purple)}}html.theme-dark .uol-c-button:not(.is-disabled):focus-visible,html.theme-dark .uol-c-button:not(.is-disabled):hover{--button-color:var(--color-brand-royal-purple)}.uol-c-button:not(.is-disabled):focus-visible:after,.uol-c-button:not(.is-disabled):hover:after{inline-size:calc(100% + 2.5rem);opacity:1}}.uol-c-button.is-disabled{cursor:not-allowed;opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none}.uol-c-button__label{flex:1;line-height:1.5;max-inline-size:var(--meausure-cap);order:var(--button-label-order);padding-block-end:var(--button-label-space-block-end);padding-block-start:var(--button-label-space-block-start);padding-inline-end:var(--button-label-space-inline-end);padding-inline-start:var(--button-label-space-inline-start);text-align:var(--direction-start)}.uol-c-button__icon,.uol-c-button__label{align-items:center;display:flex;min-block-size:var(--button-icon-size);position:relative;z-index:2}.uol-c-button__icon{aspect-ratio:1;justify-content:center;min-inline-size:var(--button-icon-size);order:var(--button-icon-order);overflow:hidden}.uol-c-button.is-icon-spin .uol-c-button__icon-symbol{animation-duration:1s;animation-iteration-count:infinite;animation-name:button-icon-spin;animation-timing-function:linear}@keyframes button-icon-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.uol-c-button:not(.is-icon-only):not(.is-icon-start) .uol-c-button__label+.uol-c-button__icon{border-inline-end:none;border-inline-start:.0625rem solid var(--button-sep-color)}.uol-c-button:not(.is-icon-only) .uol-c-button__label+.uol-c-button__icon{border-inline-end:.0625rem solid var(--button-sep-color)}.uol-c-button__arrow{fill:currentColor}[dir=rtl] .uol-c-button__arrow{transform:rotate(180deg)}.uol-c-button__arrow-head,.uol-c-button__arrow-shaft{transition:transform .2s var(--transition-easing)}.uol-c-button__arrow-shaft{transform:var(--button-arrow-shaft-transform)}.uol-c-button__arrow-head{transform:var(--button-arrow-head-transform)}.uol-c-button.is-icon-start{--button-icon-order:1;--button-label-order:2}.uol-c-button--size-xs{--button-label-space-inline-end:var(--space-2);--button-label-space-inline-start:var(--space-2);--button-label-space-block-start:var(--space-1);--button-label-space-block-end:var(--space-1);--button-icon-size:var(--space-6);--button-line-height:var(--space-5);--button-font-size:var(--font-size-12)}.uol-c-button--size-sm{--button-label-space-inline-end:var(--space-3);--button-label-space-inline-start:var(--space-3);--button-label-space-block-start:var(--space-1);--button-label-space-block-end:var(--space-1);--button-icon-size:var(--space-9);--button-line-height:var(--space-7);--button-font-size:var(--font-size-14)}.uol-c-button--size-lg{--button-label-space-inline-end:var(--space-4);--button-label-space-inline-start:var(--space-4);--button-label-space-block-start:var(--space-3);--button-label-space-block-end:var(--space-3);--button-icon-size:var(--space-12);--button-line-height:var(--space-9);--button-font-size:var(--font-size-20)}.uol-c-button--variant-success{--button-color:var(--color-neutral-white);--button-bg-color:var(--color-brand-forest-green);--button-hover-bg-color:var(--color-brand-bottle-green)}.uol-c-button--variant-success:not(.is-disabled):focus-visible,.uol-c-button--variant-success:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-button--variant-success:not(.is-disabled):focus-visible,html:not(.theme-light) .uol-c-button--variant-success:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}}html.theme-dark .uol-c-button--variant-success:not(.is-disabled):focus-visible,html.theme-dark .uol-c-button--variant-success:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}.uol-c-button--variant-danger{--button-color:var(--color-neutral-white);--button-bg-color:var(--color-brand-hot-red);--button-hover-bg-color:var(--color-brand-sunset-red)}.uol-c-button--variant-danger:not(.is-disabled):focus-visible,.uol-c-button--variant-danger:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-button--variant-danger:not(.is-disabled):focus-visible,html:not(.theme-light) .uol-c-button--variant-danger:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}}html.theme-dark .uol-c-button--variant-danger:not(.is-disabled):focus-visible,html.theme-dark .uol-c-button--variant-danger:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}.uol-c-button--variant-1a{--button-color:var(--color-brand-unilever-blue);--button-bg-color:var(--color-brand-glass-blue);--button-hover-bg-color:var(--color-brand-unilever-blue)}.uol-c-button--variant-1a:not(.is-disabled):focus-visible,.uol-c-button--variant-1a:not(.is-disabled):hover{--button-color:var(--color-brand-glass-blue)}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-button--variant-1a:not(.is-disabled):focus-visible,html:not(.theme-light) .uol-c-button--variant-1a:not(.is-disabled):hover{--button-color:var(--color-brand-glass-blue)}}html.theme-dark .uol-c-button--variant-1a:not(.is-disabled):focus-visible,html.theme-dark .uol-c-button--variant-1a:not(.is-disabled):hover{--button-color:var(--color-brand-glass-blue)}.uol-c-button--variant-2a{--button-color:var(--color-brand-glass-blue);--button-bg-color:var(--color-brand-royal-purple);--button-hover-bg-color:var(--color-brand-turmeric-yellow)}@media (hover:hover){.uol-c-button--variant-2a:not(.is-disabled):focus-visible,.uol-c-button--variant-2a:not(.is-disabled):hover{--button-color:var(--color-brand-royal-purple)}}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-button--variant-2a{--button-color:var(--color-brand-royal-purple);--button-bg-color:var(--color-brand-glass-blue);--button-hover-bg-color:var(--color-brand-nickle-yellow)}@media (hover:hover){html:not(.theme-light) .uol-c-button--variant-2a:not(.is-disabled):focus-visible,html:not(.theme-light) .uol-c-button--variant-2a:not(.is-disabled):hover{--button-color:var(--color-brand-royal-purple)}}}html.theme-dark .uol-c-button--variant-2a{--button-color:var(--color-brand-royal-purple);--button-bg-color:var(--color-brand-glass-blue);--button-hover-bg-color:var(--color-brand-nickle-yellow)}@media (hover:hover){html.theme-dark .uol-c-button--variant-2a:not(.is-disabled):focus-visible,html.theme-dark .uol-c-button--variant-2a:not(.is-disabled):hover{--button-color:var(--color-brand-royal-purple)}}.uol-c-button--variant-3a{--button-color:var(--color-brand-royal-purple);--button-bg-color:var(--color-brand-glass-blue);--button-hover-bg-color:var(--color-brand-nickle-yellow)}@media (hover:hover){.uol-c-button--variant-3a:not(.is-disabled):focus-visible,.uol-c-button--variant-3a:not(.is-disabled):hover{--button-color:var(--color-brand-royal-purple)}}.uol-c-button--variant-4a{--button-color:var(--color-neutral-white);--button-bg-color:var(--color-brand-unilever-blue);--button-hover-bg-color:var(--color-brand-glass-blue)}@media (hover:hover){.uol-c-button--variant-4a:not(.is-disabled):focus-visible,.uol-c-button--variant-4a:not(.is-disabled):hover{--button-color:var(--color-brand-unilever-blue)}}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-button--variant-4a{--button-color:var(--color-brand-royal-purple);--button-bg-color:var(--color-brand-glass-blue);--button-hover-bg-color:var(--color-brand-nickle-yellow)}@media (hover:hover){html:not(.theme-light) .uol-c-button--variant-4a:not(.is-disabled):focus-visible,html:not(.theme-light) .uol-c-button--variant-4a:not(.is-disabled):hover{--button-color:var(--color-brand-royal-purple)}}}html.theme-dark .uol-c-button--variant-4a{--button-color:var(--color-brand-royal-purple);--button-bg-color:var(--color-brand-glass-blue);--button-hover-bg-color:var(--color-brand-nickle-yellow)}@media (hover:hover){html.theme-dark .uol-c-button--variant-4a:not(.is-disabled):focus-visible,html.theme-dark .uol-c-button--variant-4a:not(.is-disabled):hover{--button-color:var(--color-brand-royal-purple)}}.uol-c-button--variant-5a{--button-color:var(--color-brand-unilever-blue);--button-bg-color:var(--color-neutral-white);--button-hover-bg-color:var(--color-neutral-white)}@media (hover:hover){.uol-c-button--variant-5a:not(.is-disabled):focus-visible,.uol-c-button--variant-5a:not(.is-disabled):hover{--button-color:var(--color-brand-unilever-blue)}}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-button--variant-5a{--button-color:currentColor;--button-bg-color:var(--color-brand-denim-blue);--button-hover-bg-color:var(--color-brand-orchid-purple)}@media (hover:hover){html:not(.theme-light) .uol-c-button--variant-5a:not(.is-disabled):focus-visible,html:not(.theme-light) .uol-c-button--variant-5a:not(.is-disabled):hover{--button-color:currentColor}}}html.theme-dark .uol-c-button--variant-5a{--button-color:currentColor;--button-bg-color:var(--color-brand-denim-blue);--button-hover-bg-color:var(--color-brand-orchid-purple)}@media (hover:hover){html.theme-dark .uol-c-button--variant-5a:not(.is-disabled):focus-visible,html.theme-dark .uol-c-button--variant-5a:not(.is-disabled):hover{--button-color:currentColor}}.uol-c-button--variant-6a{--button-color:var(--color-neutral-white);--button-bg-color:var(--color-brand-unilever-blue);--button-hover-bg-color:var(--color-brand-unilever-blue)}@media (hover:hover){.uol-c-button--variant-6a:not(.is-disabled):focus-visible,.uol-c-button--variant-6a:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-button--variant-6a:not(.is-disabled):focus-visible,html:not(.theme-light) .uol-c-button--variant-6a:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}}html.theme-dark .uol-c-button--variant-6a:not(.is-disabled):focus-visible,html.theme-dark .uol-c-button--variant-6a:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-button--variant-6a{border:.0625rem solid var(--color-neutral-mid-grey)}}html.theme-dark .uol-c-button--variant-6a{border:.0625rem solid var(--color-neutral-mid-grey)}.uol-c-button--variant-7a{--button-color:var(--color-neutral-white);--button-bg-color:var(--color-brand-ocean-blue);--button-hover-bg-color:var(--color-brand-ocean-blue);--focus-outline-color:var(--color-neutral-white)}@media (hover:hover){.uol-c-button--variant-7a:not(.is-disabled):focus-visible,.uol-c-button--variant-7a:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-button--variant-7a:not(.is-disabled):focus-visible,html:not(.theme-light) .uol-c-button--variant-7a:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}}html.theme-dark .uol-c-button--variant-7a:not(.is-disabled):focus-visible,html.theme-dark .uol-c-button--variant-7a:not(.is-disabled):hover{--button-color:var(--color-neutral-white)}}.uol-c-button--link{--button-color:var(--global-link-color);--button-bg-color:transparent;--button-hover-bg-color:transparent;--button-label-space-inline-end:0;--button-label-space-inline-start:0;--button-label-space-block-start:0;--button-label-space-block-end:0;--button-icon-size:1em;--button-line-height:1;--button-font-size:inherit;font-weight:var(--font-weight-medium);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--global-link-underline-color);text-decoration-thickness:.0625em;text-underline-offset:.0625em;word-break:break-word}@media (hover:hover){.uol-c-button--link:not(.is-disabled):focus-visible,.uol-c-button--link:not(.is-disabled):hover{--button-color:var(--global-link-hover-color)}@media (prefers-color-scheme:dark){html:not(.theme-light) .uol-c-button--link:not(.is-disabled):focus-visible,html:not(.theme-light) .uol-c-button--link:not(.is-disabled):hover{--button-color:var(--global-link-hover-color)}}html.theme-dark .uol-c-button--link:not(.is-disabled):focus-visible,html.theme-dark .uol-c-button--link:not(.is-disabled):hover{--button-color:var(--global-link-hover-color)}}.uol-c-button--link.is-icon-end,.uol-c-button--link.is-icon-start{--button-label-space-inline-start:var(--space-1)}.uol-c-button--sep-none{--button-sep-color:transparent}.uol-c-button--sep-none:not(.is-icon-start){--button-label-space-inline-end:0}.uol-c-button--sep-none.is-icon-start{--button-label-space-inline-start:0}.uol-c-button--sep-inherit{--button-sep-color:currentColor}