.p-button{font-family:var(--pocky-typography-button-font-family);font-size:var(--pocky-typography-button-font-size);font-weight:var(--pocky-typography-button-font-weight);letter-spacing:var(--pocky-typography-button-letter-spacing);line-height:var(--pocky-typography-button-line-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;cursor:pointer;display:inline-flex;outline:none;padding:0;border-radius:var(--pocky-radius-m);position:relative;transform:translateZ(0);transition-duration:var(--pocky-timing-quick);transition-property:border-color,color,outline;transition-timing-function:var(--pocky-ease-linear);z-index:var(--pocky-layer-base)}.p-button: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-button:focus-visible:after,.p-button: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-button-inner{align-items:center;background-color:var(--pocky-color-blue-95);border-color:var(--pocky-color-blue-20);border-style:solid;border-width:1px;border-radius:var(--pocky-radius-m);color:var(--pocky-color-blue-10);display:flex;height:2rem;line-height:2;padding:0 .875em;position:relative;transform:translateZ(0);z-index:calc(var(--pocky-layer-base) + 1)}.p-button[data-size=s] .p-button-inner{border-radius:var(--pocky-radius-s);font-size:var(--pocky-typography-size-s);height:1.75rem;line-height:1.75rem;padding-left:.5em;padding-right:.5em}.p-button[data-size=l] .p-button-inner{font-size:var(--pocky-typography-size-l);height:2.25rem;line-height:2.25rem}.p-button[data-color=blue] .p-button-inner{background-color:var(--pocky-color-blue-50);border-color:var(--pocky-color-blue-50);color:var(--pocky-color-white)}.p-button[data-color=blue]:active .p-button-inner{background-color:var(--pocky-color-blue-40);border-color:var(--pocky-color-blue-40)}.p-button[data-color=gold] .p-button-inner{background-color:var(--pocky-color-gold-50);border-color:var(--pocky-color-gold-50);color:var(--pocky-color-white)}.p-button[data-color=gold]:active .p-button-inner{background-color:var(--pocky-color-gold-40);border-color:var(--pocky-color-gold-40)}.p-button[data-color=green] .p-button-inner{background-color:var(--pocky-color-green-50);border-color:var(--pocky-color-green-50);color:var(--pocky-color-white)}.p-button[data-color=green]:active .p-button-inner{background-color:var(--pocky-color-green-40);border-color:var(--pocky-color-green-40)}.p-button[data-color=red] .p-button-inner{background-color:var(--pocky-color-red-50);border-color:var(--pocky-color-red-50);color:var(--pocky-color-white)}.p-button[data-color=red]:active .p-button-inner{background-color:var(--pocky-color-red-40);border-color:var(--pocky-color-red-40)}.p-code{font-family:var(--pocky-typography-code-font-family);font-feature-settings:var(--pocky-typography-code-font-feature-settings);font-size:var(--pocky-typography-code-font-size);font-weight:var(--pocky-typography-code-font-weight);letter-spacing:var(--pocky-typography-code-letter-spacing);line-height:var(--pocky-typography-code-line-height);border-radius:var(--pocky-radius-s);color:var(--pocky-color-white);display:flex;max-width:100%;overflow:hidden;position:relative}.p-code .shiki{padding-bottom:var(--pocky-gap-l);padding-right:var(--pocky-gap-l);padding-top:var(--pocky-gap-l);width:100%}.p-code-code{box-sizing:border-box;display:flex;overflow-x:auto;width:100%}.p-code-inner{padding-right:var(--pocky-gap-l)}.p-code-linenumber{opacity:.5}.p-code-linenumbers{padding-left:var(--pocky-gap-l);padding-right:var(--pocky-gap-m);padding-top:var(--pocky-gap-l);text-align:right}.p-code-menu{right:.75rem;top:.75rem;position:absolute}.p-code-window{display:flex;width:100%}