.kib-visual-picker{position:relative;display:inline-block}.kib-visual-picker__native{position:absolute;margin:0;width:2rem;height:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;opacity:0;width:100%;height:100%}.kib-visual-picker__native:disabled{pointer-events:none}.kib-visual-picker__control{position:relative;display:block;width:2rem;height:2rem;border:.1rem solid var(--chirp-action-selection-control-off-primary,#767676);border-radius:50%;flex-shrink:0;pointer-events:none;--kib-visual-picker-background-color:transparent;position:absolute;top:1rem;left:1rem;z-index:1;background-color:var(--kib-visual-picker-background-color)}.kib-visual-picker__control:after{position:absolute;top:-.3rem;left:-.3rem;right:-.3rem;bottom:-.3rem;border:.1rem solid var(--chirp-action-selection-control-on-primary,#1c49c2);border-radius:50%;content:"";opacity:0;transform:scale(.75);transition-property:opacity,transform;transition-duration:.2s}@media(forced-colors:active){.kib-visual-picker__control:after{border-color:Highlight}}.kib-visual-picker__native:focus~.kib-visual-picker__control{border-color:var(--chirp-action-selection-control-on-primary,#1c49c2)}.kib-visual-picker__native:focus~.kib-visual-picker__control:after{opacity:1;transform:scale(1)}.kib-visual-picker__native:checked~.kib-visual-picker__control{border-color:var(--chirp-action-selection-control-on-primary,#1c49c2)}.kib-visual-picker__native:disabled~.kib-visual-picker__control{opacity:.5;pointer-events:none}@media(forced-colors:active){.kib-visual-picker__native:disabled~.kib-visual-picker__control{opacity:1;border-color:GrayText}}.kib-visual-picker__native:disabled:not(:checked)~.kib-visual-picker__control{background-color:var(--chirp-ui-bg-02,#eee)}.kib-visual-picker__native:checked~.kib-visual-picker__control .kib-visual-picker__fill{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(forced-colors:active){.kib-visual-picker__native:checked~.kib-visual-picker__control{border-color:Highlight}.kib-visual-picker__native:checked:disabled~.kib-visual-picker__control .kib-visual-picker__fill{background-color:GrayText}.kib-visual-picker__native:checked:disabled~.kib-visual-picker__control{border-color:GrayText}}.kib-visual-picker__native:focus-visible~.kib-visual-picker__control:after,.kib-visual-picker__native:not(:checked)~.kib-visual-picker__control,.kib-visual-picker__native:not(:focus-visible)~.kib-visual-picker__control,.kib-visual-picker__native:not(:focus-visible)~.kib-visual-picker__control:after{border:none;--kib-visual-picker-background-color:transparent}.kib-visual-picker__native:focus-visible:checked~.kib-visual-picker__control{--kib-visual-picker-background-color:settings.$control-background-color}.kib-visual-picker__native:disabled~.kib-visual-picker__control{display:none}.kib-visual-picker__control,.kib-visual-picker__control:after{border-radius:50%}.kib-visual-picker__control-multi{position:relative;display:block;width:2rem;height:2rem;border:.1rem solid var(--chirp-action-selection-control-off-primary,#767676);border-radius:50%;flex-shrink:0;pointer-events:none;border-radius:.4rem;position:absolute;top:var(--chirp-spacing-s2,.8rem);left:var(--chirp-spacing-s2,.8rem)}.kib-visual-picker__control-multi:after{position:absolute;top:-.3rem;left:-.3rem;right:-.3rem;bottom:-.3rem;border:.1rem solid var(--chirp-action-selection-control-on-primary,#1c49c2);border-radius:50%;content:"";opacity:0;transform:scale(.75);transition-property:opacity,transform;transition-duration:.2s}@media(forced-colors:active){.kib-visual-picker__control-multi:after{border-color:Highlight}}.kib-visual-picker__native:focus~.kib-visual-picker__control-multi{border-color:var(--chirp-action-selection-control-on-primary,#1c49c2)}.kib-visual-picker__native:focus~.kib-visual-picker__control-multi:after{opacity:1;transform:scale(1)}.kib-visual-picker__native:checked~.kib-visual-picker__control-multi{border-color:var(--chirp-action-selection-control-on-primary,#1c49c2)}.kib-visual-picker__native:disabled~.kib-visual-picker__control-multi{opacity:.5;pointer-events:none}@media(forced-colors:active){.kib-visual-picker__native:disabled~.kib-visual-picker__control-multi{opacity:1;border-color:GrayText}}.kib-visual-picker__native:disabled:not(:checked)~.kib-visual-picker__control-multi{background-color:var(--chirp-ui-bg-02,#eee)}.kib-visual-picker__control-multi:after{border-radius:.6rem}.kib-visual-picker__native:checked~.kib-visual-picker__control-multi .kib-visual-picker__fill{opacity:1}.kib-visual-picker__native:checked~.kib-visual-picker__control-multi .kib-visual-picker__fill:after{transform:translateX(100%);transition-delay:.2s}@media(forced-colors:active){.kib-visual-picker__native:checked~.kib-visual-picker__control-multi .kib-visual-picker__fill{background-color:Highlight;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 15 11%27%3E%3Cpath fill=%27HighlightText%27 d=%27M4.5 8.5L1.58 5.58a.82.82 0 00-1.16 0 .82.82 0 000 1.17l3.49 3.5c.32.32.85.32 1.17 0l8.84-8.83a.82.82 0 000-1.17.82.82 0 00-1.17 0L4.5 8.5z%27/%3E%3C/svg%3E")}.kib-visual-picker__native:checked~.kib-visual-picker__control-multi{border-color:Highlight}.kib-visual-picker__native:checked:disabled~.kib-visual-picker__control-multi .kib-visual-picker__fill{background-color:GrayText}.kib-visual-picker__native:checked:disabled~.kib-visual-picker__control-multi{border-color:GrayText;background-color:GrayText}}.kib-visual-picker__native:indeterminate~.kib-visual-picker__control-multi{border-color:var(--chirp-action-selection-control-on-primary,#1c49c2)}.kib-visual-picker__native:indeterminate~.kib-visual-picker__control-multi:before{position:absolute;top:50%;left:50%;background-color:var(--chirp-action-selection-control-on-primary,#1c49c2);width:60%;height:10%;content:"";transform:translate(-50%,-50%)}@media(forced-colors:active){.kib-visual-picker__native:indeterminate~.kib-visual-picker__control-multi:before{background-color:CanvasText}}.kib-visual-picker__fill{position:absolute;top:50%;left:50%;width:60%;height:60%;background-color:var(--chirp-action-selection-control-on-primary,#1c49c2);content:"";opacity:0;transform:translate(-50%,-50%) scale(0);transition:transform .2s,opacity .2s;background-color:transparent;border-radius:50%;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}@media(forced-colors:active){.kib-visual-picker__fill{background-color:Highlight}}.kib-visual-picker__native:focus-visible~.kib-visual-picker__control .kib-visual-picker__fill{background-color:var(--chirp-action-selection-control-on-primary,#1c49c2)}.kib-visual-picker__fill-multi{overflow:hidden;background:var(--chirp-action-selection-control-on-primary,#1c49c2) no-repeat center url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 15 11%27%3E%3Cpath fill=%27%23fff%27 d=%27M4.5 8.5L1.58 5.58a.82.82 0 00-1.16 0 .82.82 0 000 1.17l3.49 3.5c.32.32.85.32 1.17 0l8.84-8.83a.82.82 0 000-1.17.82.82 0 00-1.17 0L4.5 8.5z%27/%3E%3C/svg%3E");background-size:75% 55%;border-radius:.3rem;opacity:0;transition:opacity .2s}.kib-visual-picker__fill-multi,.kib-visual-picker__fill-multi:after{position:absolute;top:0;left:0;width:100%;height:100%}.kib-visual-picker__fill-multi:after{background:var(--chirp-action-selection-control-on-primary,#1c49c2);transition:transform .2s;content:""}.kib-visual-picker__native:checked~.kib-visual-picker__control-multi .kib-visual-picker__fill-multi{opacity:1}.kib-visual-picker__native:checked~.kib-visual-picker__control-multi .kib-visual-picker__fill-multi:after{transform:translateX(100%);transition-delay:.2s}@media(forced-colors:active){.kib-visual-picker__native:checked~.kib-visual-picker__control-multi .kib-visual-picker__fill-multi{background-color:Highlight;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 15 11%27%3E%3Cpath fill=%27HighlightText%27 d=%27M4.5 8.5L1.58 5.58a.82.82 0 00-1.16 0 .82.82 0 000 1.17l3.49 3.5c.32.32.85.32 1.17 0l8.84-8.83a.82.82 0 000-1.17.82.82 0 00-1.17 0L4.5 8.5z%27/%3E%3C/svg%3E")}}.kib-visual-picker__label{font-family:var(--chirp-typography-paragraph-1-font-family,Work Sans,Verdana,Lucida Sans,Helvetica Neue,Arial,Roboto,sans-serif);font-weight:var(--chirp-typography-paragraph-1-font-weight,400);line-height:var(--chirp-typography-paragraph-1-line-height,1.25);font-size:var(--chirp-typography-paragraph-1-font-size,1.6rem);letter-spacing:var(--chirp-typography-paragraph-1-letter-spacing,-.03em);-webkit-text-decoration:var(--chirp-typography-paragraph-1-text-decoration,none);text-decoration:var(--chirp-typography-paragraph-1-text-decoration,none);text-transform:var(--chirp-typography-paragraph-1-text-case,none);display:block;width:100%;background-color:var(--chirp-ui-bg-primary,#fff);border-radius:.8rem;color:var(--chirp-text-primary,#121212);text-align:left;padding:var(--chirp-spacing-s4,1.6rem) var(--chirp-spacing-s7,3.2rem);overflow:hidden;cursor:pointer;touch-action:manipulation;--kib-visual-picker-border-size:0.1rem;--kib-visual-picker-border-color:var(--chirp-action-selection-control-off-primary,#767676);--kib-visual-picker-background-color:transparent;background-color:var(--kib-visual-picker-background-color);border:0;border-radius:var(--chirp-border-br02,.8rem);box-shadow:inset 0 0 0 var(--kib-visual-picker-border-size,.1rem) var(--kib-visual-picker-border-color,var(--chirp-action-selection-control-on-primary,#1c49c2)),0 0 0 var(--kib-visual-picker-outline-width,0) var(--kib-visual-picker-outline-color,var(--chirp-action-cta-alternate-02,#b8d7f3))}.kib-visual-picker__native:focus-visible~.kib-visual-picker__label,.kib-visual-picker__native:focus~.kib-visual-picker__label{--kib-visual-picker-outline-width:0.2rem}.kib-visual-picker__native:checked~.kib-visual-picker__label{--kib-visual-picker-border-color:var(--chirp-action-selection-control-on-primary,#1c49c2);--kib-visual-picker-border-size:0.2rem;--kib-visual-picker-background-color:var(--chirp-action-selection-control-on-03,#eff5fc)}@media(hover:hover){.kib-visual-picker__native:hover:not(:disabled)~.kib-visual-picker__label{--kib-visual-picker-background-color:var(--chirp-action-cta-alternate-03,#dbebf9);will-change:background-color;transition:background-color .2s ease-out}}.kib-visual-picker__native:active:not(:disabled)~.kib-visual-picker__label{--kib-visual-picker-border-color:var(--chirp-action-selection-control-on-primary,#1c49c2);--kib-visual-picker-background-color:var(--chirp-action-cta-alternate-02,#b8d7f3)}.kib-visual-picker__native:disabled~.kib-visual-picker__label{--kib-visual-picker-border-color:var(--chirp-ui-bg-02,#eee);--kib-visual-picker-background-color:var(--chirp-ui-bg-02,#eee)}.kib-visual-picker__label:before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none;display:block;border-radius:inherit;content:""}.kib-visual-picker__native:disabled~.kib-visual-picker__label{cursor:default;opacity:.6}.kib-visual-picker__field--invalid .kib-visual-picker__label{--kib-visual-picker-border-color:var(--chirp-field-06,#bc2848);--kib-visual-picker-border-size:0.2rem}