:is( .react, [data-floating-ui-portal], .react-portal ){--pl-avatar-color: var(--pl-color-text-inverse);--pl-avatar-color-bg: var(--pl-color-text)}.pl-c-avatar{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:relative;border-radius:50%;width:32px;overflow:hidden;flex:0 0 auto;line-height:1;font-size:var(--pl-font-size-xs);font-weight:var(--pl-font-weight-medium)}.pl-c-avatar *, .pl-c-avatar *::before, .pl-c-avatar *::after{box-sizing:inherit}.pl-c-avatar:after{content:"";display:block;padding-bottom:100%}.pl-c-avatar__image{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;background-position:center;background-size:contain;z-index:1;background-color:var(--pl-color-surface-bright)}.pl-c-avatar__initials{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;display:flex;justify-content:center;align-items:center;text-decoration:none;font:inherit;background-color:var(--pl-avatar-color-bg);text-align:center;color:var(--pl-avatar-color)}.pl-c-avatar__initials[title]{text-decoration:none;font:inherit}.pl-c-avatar--s{width:24px;font-size:var(--pl-font-size-2xs)}.pl-c-avatar--l{width:40px;font-size:var(--pl-font-size-m)}.pl-c-avatar--tint-0{--pl-avatar-color: var(--pl-color-neutral-a90);--pl-avatar-color-bg: var(--pl-color-avatar-tint-0)}.pl-c-avatar--tint-1{--pl-avatar-color: var(--pl-color-neutral-a90);--pl-avatar-color-bg: var(--pl-color-avatar-tint-1)}.pl-c-avatar--tint-2{--pl-avatar-color: var(--pl-color-neutral-a90);--pl-avatar-color-bg: var(--pl-color-avatar-tint-2)}.pl-c-avatar--tint-3{--pl-avatar-color: var(--pl-color-neutral-a90);--pl-avatar-color-bg: var(--pl-color-avatar-tint-3)}.pl-c-avatar--tint-4{--pl-avatar-color: var(--pl-color-neutral-a90);--pl-avatar-color-bg: var(--pl-color-avatar-tint-4)}.pl-c-avatar--tint-5{--pl-avatar-color: var(--pl-color-neutral-a90);--pl-avatar-color-bg: var(--pl-color-avatar-tint-5)}.pl-c-avatar--tint-6{--pl-avatar-color: var(--pl-color-neutral-a90);--pl-avatar-color-bg: var(--pl-color-avatar-tint-6)}.pl-c-avatar--tint-7{--pl-avatar-color: var(--pl-color-neutral-a90);--pl-avatar-color-bg: var(--pl-color-avatar-tint-7)}.pl-c-avatar--tint-8{--pl-avatar-color: var(--pl-color-neutral-a90);--pl-avatar-color-bg: var(--pl-color-avatar-tint-8)}.pl-c-avatar--tint-9{--pl-avatar-color: var(--pl-color-neutral-a90);--pl-avatar-color-bg: var(--pl-color-avatar-tint-9)}.pl-c-avatar--tint-10{--pl-avatar-color: var(--pl-color-neutral-a90);--pl-avatar-color-bg: var(--pl-color-avatar-tint-10)} .pl-c-badge{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-flex;color:var(--pl-color-text-inverse);background:var(--pl-color-text);border-radius:50px;position:relative;align-items:center;justify-content:center;align-self:center;font-weight:var(--pl-font-weight-medium);letter-spacing:.03em;text-align:center;text-transform:uppercase;vertical-align:middle;min-width:1.6em;font-size:.75em;line-height:1;height:1.6em;padding:0 .5em}.pl-c-badge *, .pl-c-badge *::before, .pl-c-badge *::after{box-sizing:inherit} :is( .react, [data-floating-ui-portal], .react-portal ){--pl-banner-color: var(--pl-color-text);--pl-banner-color-background: var(--pl-color-neutral-a5)}.pl-c-banner{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:flex;align-items:flex-start;font-family:var(--pl-font-family-body);font-size:var(--pl-font-size-m);line-height:var(--pl-line-height-m);padding:var(--pl-space-2xs) var(--pl-space-xs);color:var(--pl-banner-color);background-color:var(--pl-banner-color-background);border-radius:var(--pl-radius-m);gap:var(--pl-space-2xs)}.pl-c-banner *, .pl-c-banner *::before, .pl-c-banner *::after{box-sizing:inherit}.pl-c-banner>*:first-child{margin-top:0}.pl-c-banner>*:last-child{margin-bottom:0}.pl-c-banner__dismiss{margin-left:auto;margin-right:-4px;height:var(--pl-size-m)}.pl-c-banner a:link{color:var(--pl-banner-color);text-decoration:underline}.pl-c-banner a:visited{color:var(--pl-banner-color-visited)}.pl-c-banner a:hover{color:var(--pl-banner-color-hover)}.pl-c-banner a:active{color:var(--pl-banner-color-link-active)}.pl-c-banner p, .pl-c-banner ul, .pl-c-banner ol{margin:0}.pl-c-banner--info{--pl-banner-color: var(--pl-color-info);--pl-banner-color-background: var(--pl-color-info-a5)}.pl-c-banner--success{--pl-banner-color: var(--pl-color-success);--pl-banner-color-background: var(--pl-color-success-a5)}.pl-c-banner--danger{--pl-banner-color: var(--pl-color-danger);--pl-banner-color-background: var(--pl-color-danger-a5)} .pl-c-icon-button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-flex;appearance:none;background:none;cursor:pointer;position:relative;display:inline-flex;justify-content:center;align-items:center;width:var(--pl-size-icon-m);height:var(--pl-size-icon-m);transition:color 150ms ease-in}.pl-c-icon-button *, .pl-c-icon-button *::before, .pl-c-icon-button *::after{box-sizing:inherit}.pl-c-icon-button::-moz-focus-inner{border:0}.pl-c-icon-button::before{content:"";position:absolute;width:32px;height:40px;opacity:0}.pl-c-icon-button:focus:focus-visible{outline:3px solid var(--pl-icon-button-focus);outline-offset:2px}.pl-c-icon-button.is-disabled{pointer-events:none;opacity:.5;filter:grayscale(0.5);cursor:not-allowed}:is( .react, [data-floating-ui-portal], .react-portal ){--pl-icon-button: var(--pl-color-interactive);--pl-icon-button-hovered: var(--pl-color-interactive-hovered);--pl-icon-button-pressed: var(--pl-color-interactive-pressed);--pl-icon-button-focus: var(--pl-color-focused)}.pl-c-icon-button{color:var(--pl-icon-button)}.pl-c-icon-button:hover{color:var(--pl-icon-button-hovered)}.pl-c-icon-button:active, .pl-c-icon-button.is-pressed{color:var(--pl-icon-button-pressed)}.pl-c-icon-button--dimmed{--pl-icon-button: var(--pl-color-text-dimmed);--pl-icon-button-hovered: var(--pl-color-text-dark);--pl-icon-button-pressed: var(--pl-color-neutral-80)}.pl-c-icon-button--info{--pl-icon-button: var(--pl-color-info);--pl-icon-button-hovered: var(--pl-color-info-70);--pl-icon-button-pressed: var(--pl-color-info-60)}.pl-c-icon-button--success{--pl-icon-button: var(--pl-color-success);--pl-icon-button-hovered: var(--pl-color-success-70);--pl-icon-button-pressed: var(--pl-color-success-60)}.pl-c-icon-button--danger{--pl-icon-button: var(--pl-color-danger);--pl-icon-button-hovered: var(--pl-color-danger-70);--pl-icon-button-pressed: var(--pl-color-danger-60)} .pl-c-icon{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-flex;justify-content:center;flex:0 0 auto;align-items:center;line-height:0;transition:transform 150ms ease-in;vertical-align:middle;opacity:.9}.pl-c-icon *, .pl-c-icon *::before, .pl-c-icon *::after{box-sizing:inherit} :is( .react, [data-floating-ui-portal], .react-portal ){--pl-avatar-color: var(--pl-color-text-inverse);--pl-avatar-color-bg: var(--pl-color-text)}.pl-c-brand-avatar{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:relative;border-radius:var(--pl-radius-m);width:32px;overflow:hidden;flex:0 0 auto;line-height:1;font-size:var(--pl-font-size-xs);font-weight:var(--pl-font-weight-medium)}.pl-c-brand-avatar *, .pl-c-brand-avatar *::before, .pl-c-brand-avatar *::after{box-sizing:inherit}.pl-c-brand-avatar:after{content:"";display:block;padding-bottom:100%}.pl-c-brand-avatar__image{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;background-position:center;background-size:contain;z-index:1;outline:1px solid var(--pl-color-border-a);background-color:var(--pl-color-surface-bright);border-radius:var(--pl-radius-m);box-sizing:border-box;outline-offset:-1px}.pl-c-brand-avatar__initials{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;display:flex;justify-content:center;align-items:center;text-decoration:none;font:inherit;background-color:var(--pl-avatar-color-bg);text-align:center;color:var(--pl-avatar-color)}.pl-c-brand-avatar__initials[title]{text-decoration:none;font:inherit}.pl-c-brand-avatar--s{width:24px;font-size:var(--pl-font-size-2xs)}.pl-c-brand-avatar--l{width:40px;font-size:var(--pl-font-size-m)} .pl-c-button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-flex;appearance:none;background:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;text-align:center;font-size:15px;font-weight:var(--pl-font-weight-medium);border:0px solid;border-radius:var(--pl-radius-m);line-height:24px;padding:8px 8px;min-height:40px;max-width:100%;overflow:hidden;transition:opacity 150ms ease-in,color 150ms ease-in,border-color 150ms ease-in,background-color 150ms ease-in}.pl-c-button *, .pl-c-button *::before, .pl-c-button *::after{box-sizing:inherit}.pl-c-button::-moz-focus-inner{border:0}.pl-c-button:focus:focus-visible{outline:3px solid var(--pl-button-focus);outline-offset:2px}.pl-c-button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0px var(--pl-space-unit)}.pl-c-button__label:empty{display:none}.pl-c-button .pl-c-button__icon-start, .pl-c-button .pl-c-button__icon-end{display:flex;align-items:center;justify-content:center}.pl-c-button .pl-c-button__icon-start:empty, .pl-c-button .pl-c-button__icon-end:empty{display:none}.pl-c-button.is-disabled{pointer-events:none;opacity:.5;filter:grayscale(0.75);cursor:not-allowed}.pl-c-button.is-disabled>*{opacity:.75}.pl-c-button.has-label{min-width:var(--pl-size-100)}:is( .react, [data-floating-ui-portal], .react-portal ){--pl-button-text: var(--pl-color-interactive);--pl-button-background: var(--pl-color-interactive-light);--pl-button-text-hovered: var(--pl-color-interactive);--pl-button-background-hovered: var(--pl-color-interactive-light-hovered);--pl-button-text-pressed: var(--pl-color-text-inverse);--pl-button-background-pressed: var(--pl-color-interactive-pressed);--pl-button-focus: var(--pl-color-focused)}.pl-c-button{color:var(--pl-button-text);background:var(--pl-button-background)}.pl-c-button:hover{color:var(--pl-button-text-hovered);background:var(--pl-button-background-hovered)}.pl-c-button:active, .pl-c-button.is-pressed{color:var(--pl-button-text-pressed);background:var(--pl-button-background-pressed)}.pl-c-button--primary{--pl-button-text: var(--pl-color-text-inverse);--pl-button-background: var(--pl-color-interactive);--pl-button-text-hovered: var(--pl-color-text-inverse);--pl-button-background-hovered: var(--pl-color-interactive-hovered);--pl-button-text-pressed: var(--pl-color-text-inverse);--pl-button-background-pressed: var(--pl-color-interactive-pressed);--pl-button-focus: var(--pl-color-focused)}.pl-c-button--text{--pl-button-text: var(--pl-color-interactive);--pl-button-background: var(--pl-color-transparent)}.pl-c-button--dimmed{--pl-button-text: var(--pl-color-text);--pl-button-background: var(--pl-color-neutral-a10);--pl-button-text-hovered: var(--pl-color-text);--pl-button-background-hovered: var(--pl-color-neutral-a20);--pl-button-text-pressed: var(--pl-color-text-inverse);--pl-button-background-pressed: var(--pl-color-text)}.pl-c-button--dimmed.pl-c-button--primary{--pl-button-text: var(--pl-color-text-inverse);--pl-button-background: var(--pl-color-neutral-80);--pl-button-text-hovered: var(--pl-color-text-inverse);--pl-button-background-hovered: var(--pl-color-neutral-100);--pl-button-text-pressed: var(--pl-color-text-inverse);--pl-button-background-pressed: var(--pl-color-neutral-90)}.pl-c-button--dimmed.pl-c-button--text{--pl-button-background: var(--pl-color-transparent);--pl-button-background-hovered: var(--pl-color-neutral-a10)}.pl-c-button--danger{--pl-button-text: var(--pl-color-danger);--pl-button-background: var(--pl-color-danger-a10);--pl-button-text-hovered: var(--pl-color-danger);--pl-button-background-hovered: var(--pl-color-danger-a20);--pl-button-text-pressed: var(--pl-color-text-inverse);--pl-button-background-pressed: var(--pl-color-danger)}.pl-c-button--danger.pl-c-button--primary{--pl-button-text: var(--pl-color-text-inverse);--pl-button-background: var(--pl-color-danger);--pl-button-text-hovered: var(--pl-color-text-inverse);--pl-button-background-hovered: var(--pl-color-danger-70);--pl-button-text-pressed: var(--pl-color-text-inverse);--pl-button-background-pressed: var(--pl-color-danger-50)}.pl-c-button--danger.pl-c-button--text{--pl-button-text: var(--pl-color-danger);--pl-button-background: var(--pl-color-transparent)} .pl-c-card{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;background-color:var(--pl-color-surface-bright);box-shadow:var(--pl-elevation-10);border-radius:var(--pl-radius-m);display:flex;flex-direction:column;overflow:auto}.pl-c-card *, .pl-c-card *::before, .pl-c-card *::after{box-sizing:inherit}.pl-c-card--elevation-0{box-shadow:var(--pl-elevation-0)}.pl-c-card--elevation-10{box-shadow:var(--pl-elevation-10)}.pl-c-card--elevation-50{box-shadow:var(--pl-elevation-50)}.pl-c-card--elevation-100{box-shadow:var(--pl-elevation-100)}.pl-c-card--elevation-0-hover{box-shadow:var(--pl-elevation-0-hover)}.pl-c-card--elevation-10-hover{box-shadow:var(--pl-elevation-10-hover)}.pl-c-card--elevation-50-hover{box-shadow:var(--pl-elevation-50-hover)}.pl-c-card--elevation-100-hover{box-shadow:var(--pl-elevation-100-hover)}.pl-c-card--radius-none{border-radius:var(--pl-radius-none)}.pl-c-card--radius-s{border-radius:var(--pl-radius-s)}.pl-c-card--radius-m{border-radius:var(--pl-radius-m)}.pl-c-card--radius-l{border-radius:var(--pl-radius-l)}.pl-c-card--radius-xl{border-radius:var(--pl-radius-xl)}.pl-c-card--radius-2xl{border-radius:var(--pl-radius-2xl)}.pl-c-card__section{padding:var(--pl-space-s) var(--pl-space-m)}.pl-c-card__section+.pl-c-card__section{border-top:1px solid var(--pl-color-border)}.pl-c-card__media{padding:0;background-color:var(--pl-color-surface)} :is( .react, [data-floating-ui-portal], .react-portal ){--pl-checkbox-tint: var(--pl-color-interactive);--pl-checkbox-focused: var(--pl-color-focused)}.pl-c-checkbox{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:relative;appearance:none;flex:0 0 auto;display:inline-flex;justify-content:center;align-items:center;width:var(--pl-size-m);height:var(--pl-size-m);border-radius:var(--pl-radius-s);transition:border-color 150ms ease-in,background-color 150ms ease-in,outline-color 150ms ease-in;cursor:pointer}.pl-c-checkbox *, .pl-c-checkbox *::before, .pl-c-checkbox *::after{box-sizing:inherit}.pl-c-checkbox::before{content:"";position:absolute;box-sizing:border-box;width:20px;height:20px;border:1px solid var(--pl-checkbox-tint);border-radius:var(--pl-radius-s);transition:background-color 75ms ease-in;background-clip:padding-box;background-color:var(--pl-color-surface-bright)}.pl-c-checkbox::after{content:url("data:image/svg+xml,");z-index:0;font-size:0;opacity:0;transition:opacity 75ms ease-in}.pl-c-checkbox:focus-visible{outline-offset:0px;outline:2px solid var(--pl-checkbox-focused)}.pl-c-checkbox:hover{--pl-checkbox-tint: var(--pl-color-interactive-hovered)}.pl-c-checkbox:active{--pl-checkbox-tint: var(--pl-color-interactive-pressed)}.pl-c-checkbox:checked::after{opacity:1}.pl-c-checkbox:checked::before{background-color:var(--pl-checkbox-tint)}.pl-c-checkbox:disabled{--pl-checkbox-tint: var(--pl-color-neutral-a30);pointer-events:none;cursor:default}.pl-c-checkbox:disabled:checked::after{opacity:.8}.pl-c-checkbox:disabled:not(:checked)::before{background-color:var(--pl-color-neutral-a5)} .pl-c-checkbox-field{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-family:var(--pl-font-family-body);font-size:var(--pl-font-size-m);line-height:var(--pl-line-height-m);display:flex;flex-direction:column;width:100%}.pl-c-checkbox-field *, .pl-c-checkbox-field *::before, .pl-c-checkbox-field *::after{box-sizing:inherit}.pl-c-checkbox-field__content{display:flex;color:var(--pl-color-text);gap:var(--pl-space-2xs);width:100%;cursor:pointer}.pl-c-checkbox-field__content :link{color:inherit;text-decoration:underline}.pl-c-checkbox-field__label{display:flex;text-align:justify;width:100%;cursor:pointer}.pl-c-checkbox-field__complements{padding-left:calc(var(--pl-space-m) + var(--pl-space-2xs))}.pl-c-checkbox-field__complements:empty{display:none}.pl-c-checkbox-field.is-disabled .pl-c-checkbox-field__label, .pl-c-checkbox-field.is-disabled .pl-c-checkbox-field__helper{cursor:auto;opacity:.5;filter:grayscale(0.75)} .pl-c-helper{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-family:var(--pl-font-family-body);font-size:var(--pl-font-size-m);line-height:var(--pl-line-height-m);color:var(--pl-color-text-dimmed)}.pl-c-helper *, .pl-c-helper *::before, .pl-c-helper *::after{box-sizing:inherit}.pl-c-helper p, .pl-c-helper ul, .pl-c-helper li{margin:0}.pl-c-helper :any-link{color:inherit;text-decoration:underline}.pl-c-helper :any-link:hover{opacity:.8}.pl-c-helper :any-link:active{opacity:1}.pl-c-helper--invalid{color:var(--pl-color-danger)} .pl-c-checkbox-list{display:flex;flex-direction:column;gap:var(--pl-space-2xs);margin:0;padding:0;list-style:none} .pl-c-field{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-family:var(--pl-font-family-body);font-size:var(--pl-font-size-m);line-height:var(--pl-line-height-m);display:flex;flex-direction:column;align-items:stretch;gap:var(--pl-space-2xs)}.pl-c-field *, .pl-c-field *::before, .pl-c-field *::after{box-sizing:inherit} :is( .react, [data-floating-ui-portal], .react-portal ){--pl-heading-color: var(--pl-color-text-dark);--pl-heading-font-size: var(--pl-font-size-m);--pl-heading-font-line-height: var(--pl-line-height-m)}.pl-c-heading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;color:var(--pl-heading-color);font-size:var(--pl-heading-font-size);line-height:var(--pl-heading-font-line-height);font-weight:var(--pl-font-weight-medium);letter-spacing:-0.015em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-c-heading *, .pl-c-heading *::before, .pl-c-heading *::after{box-sizing:inherit}.pl-c-heading--6xl{--pl-heading-font-size: var(--pl-font-size-6xl);--pl-heading-font-line-height: var(--pl-line-height-6xl)}.pl-c-heading--5xl{--pl-heading-font-size: var(--pl-font-size-5xl);--pl-heading-font-line-height: var(--pl-line-height-5xl)}.pl-c-heading--4xl{--pl-heading-font-size: var(--pl-font-size-4xl);--pl-heading-font-line-height: var(--pl-line-height-4xl)}.pl-c-heading--3xl{--pl-heading-font-size: var(--pl-font-size-3xl);--pl-heading-font-line-height: var(--pl-line-height-3xl)}.pl-c-heading--2xl{--pl-heading-font-size: var(--pl-font-size-2xl);--pl-heading-font-line-height: var(--pl-line-height-2xl)}.pl-c-heading--xl{--pl-heading-font-size: var(--pl-font-size-xl);--pl-heading-font-line-height: var(--pl-line-height-xl)}.pl-c-heading--l{--pl-heading-font-size: var(--pl-font-size-l);--pl-heading-font-line-height: var(--pl-line-height-l)}.pl-c-heading--m{--pl-heading-font-size: var(--pl-font-size-m);--pl-heading-font-line-height: var(--pl-line-height-m)}.pl-c-heading--s{--pl-heading-font-size: var(--pl-font-size-s);--pl-heading-font-line-height: var(--pl-line-height-s)}.pl-c-heading--xs{--pl-heading-font-size: var(--pl-font-size-xs);--pl-heading-font-line-height: var(--pl-line-height-xs)}.pl-c-heading--2xs{--pl-heading-font-size: var(--pl-font-size-2xs);--pl-heading-font-line-height: var(--pl-line-height-2xs)} :is( .react, [data-floating-ui-portal], .react-portal ){--pl-input-text: var(--pl-color-text);--pl-input-background: var(--pl-color-surface);--pl-input-focus: var(--pl-color-focused)}.pl-c-input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-family:var(--pl-font-family-body);font-size:var(--pl-font-size-m);line-height:var(--pl-line-height-m);display:inline-flex;flex:auto;justify-content:flex-start;align-items:center;text-align:start;font-size:15px;border:0px solid;border-radius:var(--pl-radius-m);line-height:24px;padding:8px 8px;gap:4px;min-height:40px;overflow:hidden;transition:opacity 150ms ease-in,border-color 150ms ease-in,background-color 150ms ease-in,outline-color 150ms ease-in;cursor:text}.pl-c-input *, .pl-c-input *::before, .pl-c-input *::after{box-sizing:inherit}.pl-c-input:focus-within{outline-offset:2px;outline:2px auto var(--pl-input-focus)}.pl-c-input__input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;appearance:none;flex:1 1 auto;width:0px;background-color:var(--pl-color-transparent);border:0;text-align:inherit;font:inherit;padding:0px 4px;height:24px;color:inherit}.pl-c-input__input *, .pl-c-input__input *::before, .pl-c-input__input *::after{box-sizing:inherit}.pl-c-input__input:focus-within{outline:none}.pl-c-input .pl-c-input__icon-start, .pl-c-input .pl-c-input__icon-end{display:flex;align-items:center;justify-content:center;opacity:.6}.pl-c-input .pl-c-input__icon-start:empty, .pl-c-input .pl-c-input__icon-end:empty{display:none}.pl-c-iconbutton-dummy{width:var(--pl-size-icon-m);height:var(--pl-size-icon-m);margin-left:var(--pl-space-xs)}.pl-c-input.is-invalid{outline:var(--pl-color-danger) auto 1px}.pl-c-input.is-invalid::placeholder{color:var(--pl-color-danger)}.pl-c-input.is-invalid .pl-c-input__input::placeholder{color:var(--pl-color-danger)}.pl-c-input.is-disabled{pointer-events:none;opacity:.5;filter:grayscale(0.75)}.pl-c-input.is-disabled>*{opacity:.75}.pl-c-input{color:var(--pl-input-text);background-color:var(--pl-input-background)}.pl-c-input--plain{--pl-input-background: var(--pl-color-surface-bright)}.pl-c-input--naked{--pl-input-background: var(--pl-color-transparent);padding:0;border:0;min-height:auto;border-radius:0}.pl-c-input--naked:focus-within{outline:none}.pl-c-input--naked .pl-c-input__input{height:auto;padding:0}.pl-c-input.pl-c-input--embedded-right{border-radius:0 6px 6px 0}.pl-c-input.pl-c-input--embedded-right:focus-within{outline:none} :is( .react, [data-floating-ui-portal], .react-portal ){--pl-select-text: var(--pl-color-text);--pl-select-background: var(--pl-color-surface);--pl-select-focus: var(--pl-color-focused)}.pl-c-select{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-flex;position:relative;flex:auto;justify-content:space-between;align-items:center;text-align:start;font-size:15px;border:0px solid;border-radius:var(--pl-radius-m);line-height:24px;min-height:40px;padding:8px 8px;gap:4px;overflow:hidden;transition:opacity 150ms ease-in,opacity 150ms ease-in,border-color 150ms ease-in,background-color 150ms ease-in,outline-color 150ms ease-in;cursor:pointer}.pl-c-select *, .pl-c-select *::before, .pl-c-select *::after{box-sizing:inherit}.pl-c-select:focus-within{outline-offset:2px;outline:2px auto var(--pl-select-focus)}.pl-c-select__select{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;appearance:none;flex:1 1 auto;background-color:var(--pl-color-transparent);border:0;font:inherit;padding:0px 4px;color:inherit;cursor:inherit;width:100%}.pl-c-select__select *, .pl-c-select__select *::before, .pl-c-select__select *::after{box-sizing:inherit}.pl-c-select__select:focus-within{outline:none}.pl-c-select.pl-c-select--icon-only .pl-c-select__select{opacity:0;position:absolute;height:100%;width:100%}.pl-c-select.pl-c-select--icon-only .pl-c-select__icon{opacity:1;width:inherit}.pl-c-select .pl-c-select__icon{pointer-events:none;width:24px;opacity:.6}.pl-c-select .pl-c-select__icon:empty{display:none}.pl-c-select .pl-c-select__caret{pointer-events:none;display:flex;color:var(--pl-color-accent)}.pl-c-select.is-invalid{color:var(--pl-color-danger)}.pl-c-select.is-disabled{pointer-events:none;opacity:.5;filter:grayscale(0.75)}.pl-c-select.is-disabled>*{opacity:.75}.pl-c-select{color:var(--pl-select-text);background-color:var(--pl-select-background)}.pl-c-select--plain{--pl-select-background: var(--pl-color-surface-bright)}.pl-c-select--naked{--pl-select-background: var(--pl-color-transparent);padding:0;border:0;min-height:auto;border-radius:0}.pl-c-select--naked:focus-within{outline:none}.pl-c-select--naked .pl-c-select__select{height:auto;padding:0;border-radius:0;min-height:auto}.pl-c-select--naked .pl-c-select__caret{margin-right:0}.pl-c-select.pl-c-select--embedded-right{border-radius:6px 0 0 6px}.pl-c-select.pl-c-select--embedded-right:focus-within{outline:none}.pl-c-select.pl-c-select--embedded-right .pl-c-select__caret{color:var(--pl-color-text-dimmed)} /* CSS variables. */ :root { --PhoneInput-color--focus: #03b2cb; --PhoneInputInternationalIconPhone-opacity: 0.8; --PhoneInputInternationalIconGlobe-opacity: 0.65; --PhoneInputCountrySelect-marginRight: 0.35em; --PhoneInputCountrySelectArrow-width: 0.3em; --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight); --PhoneInputCountrySelectArrow-borderWidth: 1px; --PhoneInputCountrySelectArrow-opacity: 0.45; --PhoneInputCountrySelectArrow-color: currentColor; --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus); --PhoneInputCountrySelectArrow-transform: rotate(45deg); --PhoneInputCountryFlag-aspectRatio: 1.5; --PhoneInputCountryFlag-height: 1em; --PhoneInputCountryFlag-borderWidth: 1px; --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5); --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus); --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1); } .PhoneInput { /* This is done to stretch the contents of this component. */ display: flex; align-items: center; } .PhoneInputInput { /* The phone number input stretches to fill all empty space */ flex: 1; /* The phone number input should shrink to make room for the extension input */ min-width: 0; } .PhoneInputCountryIcon { width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio)); height: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--square { width: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--border { /* Removed `background-color` because when an `` was still loading it would show a dark gray rectangle. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom. */ background-color: var(--PhoneInputCountryFlag-backgroundColor--loading); /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom, so an additional "inset" border is added. */ box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor); } .PhoneInputCountryIconImg { /* Fixes weird vertical space above the flag icon. */ /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */ display: block; /* 3rd party flag icons won't stretch if they have `width` and `height`. Also, if an icon's aspect ratio was different, it wouldn't fit too. */ width: 100%; height: 100%; } .PhoneInputInternationalIconPhone { opacity: var(--PhoneInputInternationalIconPhone-opacity); } .PhoneInputInternationalIconGlobe { opacity: var(--PhoneInputInternationalIconGlobe-opacity); } /* Styling native country `