.p-radiobar{font-family:var(--pocky-typography-base-font-family);font-size:var(--pocky-typography-base-font-size);font-weight:var(--pocky-typography-base-font-weight);letter-spacing:var(--pocky-typography-base-letter-spacing);line-height:var(--pocky-typography-base-line-height);border:1px solid var(--pocky-color-ui-outline);border-radius:var(--pocky-radius-m);display:inline-flex;-webkit-user-select:none;user-select:none}.p-radiobar-label{font-family:var(--pocky-typography-label-font-family);font-size:var(--pocky-typography-label-font-size);font-weight:var(--pocky-typography-label-font-weight);letter-spacing:var(--pocky-typography-label-letter-spacing);line-height:var(--pocky-typography-label-line-height);background-color:var(--pocky-color-ui-contrast-00);border:2px solid var(--pocky-color-ui-contrast-00);box-sizing:border-box;border-radius:var(--pocky-radius-m);display:inline-block;padding:var(--pocky-gap-s) var(--pocky-gap-m);position:relative;z-index:2}.p-radiobar-label:before{background-color:var(--pocky-color-ui-outline);content:"";height:calc(100% - var(--pocky-gap-s));left:-2px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1px}.p-radiobar-option{cursor:pointer;display:flex;position:relative}.p-radiobar-option:first-of-type .p-radiobar-label:before{display:none}.p-radiobar-radio{outline:none;position:absolute;z-index:-1}.p-radiobar:focus-within{box-shadow:0 0 0 2px #fff6}.p-radiobar-radio:checked~.p-radiobar-label{background-color:var(--pocky-color-ui-action);color:var(--pocky-color-white)}.p-radiobar-radio:checked~.p-radiobar-label:before{display:none}.p-radiobar-option.is-selected+.p-radiobar-option .p-radiobar-label:before{display:none}
