.pb-bar-btn{box-sizing:border-box;width:max(44px, var(--pb-bar-btn-disc,36px));height:max(44px, var(--pb-bar-btn-disc,36px));color:var(--navy-800);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.pb-bar-btn-disc{box-sizing:border-box;width:var(--pb-bar-btn-disc,36px);height:var(--pb-bar-btn-disc,36px);border:var(--bw) solid var(--navy-800);border-radius:var(--radius-pill);background:var(--cream-100);box-shadow:2px 2px 0 var(--pb-bar-btn-shadow,var(--shadow-gold));transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.pb-bar-btn-disc svg{width:60%;height:60%}@media (hover:hover) and (pointer:fine){.pb-bar-btn:hover .pb-bar-btn-disc{background:var(--cream-200)}}.pb-bar-btn:active .pb-bar-btn-disc,.pb-bar-btn[data-pressed] .pb-bar-btn-disc{box-shadow:none;transform:translate(2px,2px)}.pb-bar-btn:focus-visible{outline:none}.pb-bar-btn:focus-visible .pb-bar-btn-disc{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 2px var(--focus-ring-halo), 2px 2px 0 var(--pb-bar-btn-shadow,var(--shadow-gold))}.pb-fit-line:after{content:attr(data-full);visibility:hidden;white-space:nowrap;height:0;display:block;overflow:hidden}