.p-input{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);color:var(--pocky-color-ui-contrast-90);position:relative;width:20em;z-index:var(--pocky-layer-base)}.p-input-input{font-family:var(--pocky-typography-input-font-family);font-feature-settings:var(--pocky-typography-input-font-feature-settings);font-size:var(--pocky-typography-input-font-size);font-weight:var(--pocky-typography-input-font-weight);letter-spacing:var(--pocky-typography-input-letter-spacing);line-height:var(--pocky-typography-input-line-height);-moz-appearance:textfield;-webkit-appearance:textfield;background:var(--pocky-color-ui-contrast-00);border:var(--pocky-border-std);border-radius:var(--pocky-radius-s);color:var(--pocky-color-ui-contrast-90);display:block;font:inherit;height:1.75rem;line-height:1.75;outline:none;padding:0;text-indent:.5em;width:100%}.p-input-input:after{border:3px solid var(--pocky-color-ui-focus);border-radius:.5rem;box-sizing:border-box;left:-3px;filter:blur(.5rem);opacity:0;position:absolute;pointer-events:none;top:-3px;transition:filter var(--pocky-timing-moderate) var(--pocky-ease-circ-out),opacity var(--pocky-timing-moderate) var(--pocky-ease-linear);z-index:var(--pocky-layer-focus);height:calc(100% + 6px);width:calc(100% + 6px);content:"";display:block}.p-input-input:focus-visible:after,.p-input-input:focus-within:after{opacity:1;filter:blur(0);transition:filter var(--pocky-timing-moderate) var(--pocky-ease-circ-out),opacity var(--pocky-timing-quick) var(--pocky-ease-linear)}.p-input-input::-webkit-inner-spin-button,.p-input-input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.p-input-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);color:var(--pocky-color-ui-contrast-90);display:block;letter-spacing:-.00625em;margin-bottom:.5em;opacity:.75}.p-input-wrapper{display:flex;line-height:1;position:relative;z-index:var(--pocky-layer-base)}.p-input-wrapper:after{border:3px solid var(--pocky-color-ui-focus);border-radius:.5rem;box-sizing:border-box;left:-3px;filter:blur(.5rem);opacity:0;position:absolute;pointer-events:none;top:-3px;transition:filter var(--pocky-timing-moderate) var(--pocky-ease-circ-out),opacity var(--pocky-timing-moderate) var(--pocky-ease-linear);z-index:var(--pocky-layer-focus);height:calc(100% + 6px);width:calc(100% + 6px);content:"";display:block}.p-input-wrapper:focus-visible:after,.p-input-wrapper:focus-within:after{opacity:1;filter:blur(0);transition:filter var(--pocky-timing-moderate) var(--pocky-ease-circ-out),opacity var(--pocky-timing-quick) var(--pocky-ease-linear)}