.p-details{--arrow-size:.625em;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:var(--pocky-border-faint)}.p-details:first-of-type{border-top-left-radius:var(--pocky-radius-m);border-top-right-radius:var(--pocky-radius-m)}.p-details:last-of-type{border-bottom-left-radius:var(--pocky-radius-m);border-bottom-right-radius:var(--pocky-radius-m)}.p-details-arrow{height:var(--arrow-size);left:var(--pocky-gap-m);position:absolute;top:calc(var(--pocky-gap-m) + .25em);transform:rotate(-90deg) translateZ(0);width:var(--arrow-size)}.p-details-summary{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);align-items:center;border-bottom:1px solid transparent;display:flex;outline:4px solid transparent;outline-offset:2px;padding-bottom:var(--pocky-gap-m);padding-left:calc(var(--arrow-size) + var(--pocky-gap-l));padding-top:var(--pocky-gap-m);position:relative;-webkit-user-select:none;user-select:none}.p-details-summary:focus-visible{outline-color:var(--pocky-color-blue-70)}.p-details[open] .p-details-arrow{transform:rotate(0) translateZ(0)}.p-details[open] .p-details-summary{border-bottom:var(--pocky-border-faint)}