.dab{--dab-expanded-width:max-content;--dab-icon-shadow:0px 0.66px 0.40px -0.58px rgba(0,0,0,0.22),0px 2.52px 1.51px -1.17px rgba(0,0,0,0.25),0px 11px 6.6px -1.75px rgba(0,0,0,0.39);--dab-shadow:0px 0.62px 0.62px -0.75px rgba(0,0,0,0.18),0px 1.7px 1.7px -1.5px rgba(0,0,0,0.17),0px 3.72px 3.72px -2.25px rgba(0,0,0,0.16),0px 8.26px 8.26px -3px rgba(0,0,0,0.13),0px 21px 21px -3.75px rgba(0,0,0,0.06);--dab-ease:cubic-bezier(0.16,1,0.3,1);--dab-dur:900ms;align-items:center;border:0;border-radius:33px;box-shadow:var(--dab-shadow);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-flow:row nowrap;gap:16px;height:52px;justify-content:center;overflow:clip;padding:6px 58px 6px 18px;position:relative;text-decoration:none;transform:translateZ(0);transition:width var(--dab-dur) var(--dab-ease),padding var(--dab-dur) var(--dab-ease),gap var(--dab-dur) var(--dab-ease),transform .6s var(--dab-ease),box-shadow .7s ease,background-color .7s ease,color .6s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:var(--dab-expanded-width);will-change:transform,width}.dab:active{transform:translateY(0) scale(.985)}.dab:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}.dab__label{flex:none;font-family:var(--font-grotesk);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1;height:auto;opacity:1;position:relative;transform:translateY(0);transition:opacity .6s ease,transform var(--dab-dur) var(--dab-ease),left var(--dab-dur) var(--dab-ease);white-space:pre;width:auto;z-index:1}.dab__icon{align-items:center;border-radius:137px;box-shadow:var(--dab-icon-shadow);box-sizing:border-box;display:flex;flex:none;flex-flow:row nowrap;gap:10px;height:40px;justify-content:center;overflow:clip;padding:0;position:absolute;right:6px;top:6px;transition:width var(--dab-dur) var(--dab-ease),background-color .7s ease,box-shadow .7s ease;width:40px;z-index:2;will-change:transform,width}.dab__arrow{display:block;flex:none;height:14px;position:relative;transition:height var(--dab-dur) var(--dab-ease),width var(--dab-dur) var(--dab-ease),transform var(--dab-dur) var(--dab-ease);width:14px}.dab.is-compact{gap:0;padding:6px;width:52px}.dab.is-compact .dab__label{left:-102px;opacity:0;position:absolute;top:50%;transform:translateY(-50%)}.dab.is-compact .dab__icon{right:6px;width:calc(100% - 12px)}.dab.is-compact .dab__arrow{height:18px;width:18px}.dab.is-expanded{gap:16px;padding:6px 58px 6px 18px;width:var(--dab-expanded-width)}.dab.is-expanded .dab__label{left:auto;opacity:1;position:relative;top:auto;transform:translateY(0)}.dab.is-expanded .dab__icon{right:6px;width:40px}.dab.is-expanded .dab__arrow{height:14px;width:14px}.dab-gold,.dab-ink,.dab-outline,.dab-red{background-color:#fff;color:#000}.dab-gold .dab__icon,.dab-ink .dab__icon,.dab-outline .dab__icon,.dab-red .dab__icon{background-color:#000;color:#fff}.dab.is-expanded.is-hovered,.dab.is-expanded:hover{gap:0;padding:6px;transform:translateY(-2px)}.dab.is-expanded.is-hovered .dab__label,.dab.is-expanded:hover .dab__label{opacity:0;transform:translateX(-18px)}.dab.is-expanded.is-hovered .dab__icon,.dab.is-expanded:hover .dab__icon{width:calc(100% - 12px)}.dab.is-expanded.is-hovered .dab__arrow,.dab.is-expanded:hover .dab__arrow{height:18px;transform:rotate(-45deg);width:18px}.dab.is-expanded.is-hovered,.dab.is-expanded:hover{background-color:#fff;box-shadow:inset 0 0 0 3px var(--red),var(--dab-shadow)}.dab.is-expanded.is-hovered .dab__icon,.dab.is-expanded:hover .dab__icon{background-color:#000;box-shadow:none;color:#fff}@media (max-width:720px){.dab{width:100%;justify-content:space-between}.dab.is-compact{width:52px}}@media (prefers-reduced-motion:reduce){.dab,.dab__arrow,.dab__icon,.dab__label{transition-duration:1ms}}