.pattern-quick-access-nav{
  position:fixed;
  top:50%;
  right:0;
  translate:0 -50%;
  background-color:var(--wp--preset--color--base);
  padding-block:2.5rem;
  border-top-left-radius:3rem;
  border-bottom-left-radius:3rem;
  transition:transform .15s;
  z-index:1200;
}
.pattern-quick-access-nav.has-global-padding{
  padding-inline:0;
}
.pattern-quick-access-nav.is-hidden:not(:focus-within){
  transform:translateX(100%);
}
.pattern-quick-access-nav ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  margin:0;
  padding:0;
}
.pattern-quick-access-nav a{
  position:relative;
  padding-block:.5rem;
  padding-inline:.75rem;
}
.pattern-quick-access-nav a::before{
  content:attr(data-tooltip);
  position:absolute;
  right:calc(100% + .75rem);
  top:50%;
  translate:0 -50%;
  background:#1a1a1a;
  color:#fff;
  font-size:.8125rem;
  white-space:nowrap;
  padding:.3em .65em;
  border-radius:4px;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease,translate .2s ease;
  translate:.4rem -50%;
}
.pattern-quick-access-nav a::after{
  content:"";
  position:absolute;
  right:calc(100% + .25rem);
  top:50%;
  translate:0 -50%;
  border:5px solid transparent;
  border-left-color:#1a1a1a;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease;
}
 .pattern-quick-access-nav a:focus-visible::before,.pattern-quick-access-nav a:hover::before{
  opacity:1;
  translate:0 -50%;
}
 .pattern-quick-access-nav a:focus-visible::after,.pattern-quick-access-nav a:hover::after{
  opacity:1;
}
.pattern-quick-access-nav a,
.pattern-quick-access-nav svg{
  display:block;
}
.pattern-quick-access-nav .icon{
  font-size:1.75rem;
  color:var(--wp--preset--color--accent-2);
}
@media (prefers-reduced-motion: reduce){
  .pattern-quick-access-nav,.pattern-quick-access-nav a::after,.pattern-quick-access-nav a::before{
    transition:none;
  }}
/*# sourceMappingURL=quick-access-nav.css.map */