@layer properties,theme,base;@layer components{.ab{--ab-line:var(--primary);--ab-back:color-mix(in srgb, var(--primary) 12%, #fff);--ab-cap:3.5rem;--ab-bar:calc(100% - var(--ab-cap) * 2 - 1rem);z-index:0;width:100%;max-width:15rem;height:var(--ab-cap);cursor:pointer;font-family:var(--font-heading);letter-spacing:.125em;color:var(--ab-line);background:0 0;font-size:.875rem;font-weight:700;transition:letter-spacing .3s,color .3s;display:block;position:relative}.ab--full{max-width:none}.ab__text{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ab:before,.ab:after,.ab__text:before,.ab__text:after{content:"";background:var(--ab-line);border-radius:2px;height:3px;transition:width .5s;position:absolute}.ab:before{top:0;left:var(--ab-cap);width:var(--ab-bar)}.ab:after{top:0;right:var(--ab-cap);width:8px}.ab__text:before{bottom:0;right:var(--ab-cap);width:var(--ab-bar)}.ab__text:after{bottom:0;left:var(--ab-cap);width:8px}.ab__line{width:var(--ab-cap);height:100%;position:absolute;top:0;overflow:hidden}.ab__line:before{content:"";box-sizing:border-box;border:solid 3px var(--ab-line);border-radius:300px;width:150%;height:100%;position:absolute;top:0}.ab__line:first-child,.ab__line:first-child:before{left:0}.ab__line:nth-child(2),.ab__line:nth-child(2):before{right:0}.ab:hover:not(:disabled),a:hover>.ab{letter-spacing:.25em}@media not (min-width:22.5rem){.ab,.ab:hover:not(:disabled),a:hover>.ab{letter-spacing:.04em}}.ab:hover:not(:disabled):before,.ab:hover:not(:disabled) .ab__text:before,a:hover>.ab:before,a:hover>.ab .ab__text:before{width:8px}.ab:hover:not(:disabled):after,.ab:hover:not(:disabled) .ab__text:after,a:hover>.ab:after,a:hover>.ab .ab__text:after{width:var(--ab-bar)}.ab:focus-visible{outline:2px solid var(--ab-line);outline-offset:6px;border-radius:999px}.ab:disabled{cursor:not-allowed;opacity:.45}.ab__drow1,.ab__drow2{z-index:-1;transform-origin:16px 16px;border-radius:16px;position:absolute}.ab__drow1{width:32px;height:0;top:-16px;left:40px;transform:rotate(30deg)}.ab__drow2{width:32px;height:0;top:44px;left:77px;transform:rotate(-127deg)}.ab__drow1:before,.ab__drow1:after,.ab__drow2:before,.ab__drow2:after{content:"";transform-origin:16px 16px;border-radius:16px;width:0;height:32px;position:absolute}.ab__drow1:before{bottom:0;left:0;transform:rotate(-60deg)}.ab__drow1:after{top:-10px;left:45px;transform:rotate(69deg)}.ab__drow2:before{bottom:0;left:0;transform:rotate(-146deg)}.ab__drow2:after{bottom:26px;left:-40px;transform:rotate(-262deg)}.ab__drow1,.ab__drow1:before,.ab__drow1:after,.ab__drow2,.ab__drow2:before,.ab__drow2:after{background:var(--ab-back)}.ab--flat .ab__drow1,.ab--flat .ab__drow2{display:none}.ab__splash{z-index:-1;position:absolute;inset:0}.ab--short .ab__splash{transform-origin:0 0;translate:calc(50% - 70px) calc(50% - 11px);scale:.52 .37}.ab--center .ab__splash{width:269px;height:103px;inset:calc(50% - 35px) auto auto calc(50% - 134px)}.ab:hover:not(:disabled) .ab__drow1{animation:60ms ease-in forwards ab-drow1}.ab:hover:not(:disabled) .ab__drow1:before{animation:80ms linear 60ms forwards ab-drow2}.ab:hover:not(:disabled) .ab__drow1:after{animation:30ms linear .14s forwards ab-drow3}.ab:hover:not(:disabled) .ab__drow2{animation:60ms linear .2s forwards ab-drow4}.ab:hover:not(:disabled) .ab__drow2:before{animation:30ms linear .26s forwards ab-drow3}.ab:hover:not(:disabled) .ab__drow2:after{animation:60ms linear .32s forwards ab-drow5}@keyframes ab-drow1{0%{height:0}to{height:100px}}@keyframes ab-drow2{0%{opacity:0;width:0}10%{opacity:0}11%{opacity:1}to{width:120px}}@keyframes ab-drow3{0%{width:0}to{width:80px}}@keyframes ab-drow4{0%{height:0}to{height:120px}}@keyframes ab-drow5{0%{width:0}to{width:124px}}.ab__text{gap:.5rem}@media (prefers-reduced-motion:reduce){.ab,.ab:before,.ab:after,.ab__text:before,.ab__text:after{transition:none}.ab:hover .ab__drow1,.ab:hover .ab__drow1:before,.ab:hover .ab__drow1:after,.ab:hover .ab__drow2,.ab:hover .ab__drow2:before,.ab:hover .ab__drow2:after{animation:none}}}@layer utilities;dialog .ab__drow1,dialog .ab__drow2{display:none}
