|
- h1+.a-z{margin-top:30px}@media (max-width: 767px){h1+.a-z{margin-top:0}}.a-z .letters{position:sticky;top:var(--header-height);background-color:var(--color-background);display:flex;align-items:flex-end;flex-wrap:wrap;overflow:hidden;margin:0 0 0 -2px;padding:10px 0 0;z-index:2;box-shadow:0 -2px 0 0 var(--color-background)}@media (min-width: 1000px){.a-z .letters{top:101px}}.a-z .letters.not-sticky{position:relative;top:auto}.a-z .letters li{position:relative;display:block;padding:0 0 0 2px;margin:6px 0 0}@media (max-width: 439px){.a-z .letters li{flex:1 1 10%;max-width:10%}}.a-z .letters li.disabled{pointer-events:none}.a-z .letters li.disabled .letter{opacity:.3}.a-z .letters li:after{content:none}.a-z .letters li:last-child:before{content:"";position:absolute;display:block;height:2px;width:1000px;left:100%;bottom:0;background-color:var(--color-text);opacity:.3}.a-z .letters li.active .letter,.a-z .letters li.active .letter:hover{color:var(--swatches-neutrals-white)}.a-z .letters li.active .letter:before{height:100%;background-color:var(--color-text);opacity:1}.a-z .letters .letter{position:relative;display:block;text-decoration:none;font-family:Korb,sans-serif;font-size:28px;width:26px;text-align:center;transition:.3s ease;z-index:1;color:var(--color-text);background-color:transparent;margin:0;padding:0}.a-z .letters .letter.focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.a-z .letters .letter:focus-visible,.a-z .letters .letter.-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}@media (max-width: 439px){.a-z .letters .letter{width:100%}}.a-z .letters .letter:before{content:"";position:absolute;display:block;bottom:0;left:0;right:0;height:2px;background-color:var(--color-text);transition:.3s ease;z-index:-1;opacity:.3}.a-z .letters .letter:hover{color:var(--color-text)}.a-z .letters .letter:hover:before{background-color:var(--color-text);opacity:1}.a-z .letters span.letter{color:var(--color-text)}.a-z .letters span.letter:before{opacity:1}.letter-content{position:relative;display:flex;flex-direction:column;transition:height .3s cubic-bezier(.25,.46,.45,.94)}.letter-content .a-z-content-wrapper{position:absolute;top:.5em;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease 0s,visibility 0s ease .4s,transform .4s ease 0s;transform:translateZ(0) scale(.95);transform-origin:center 100px;width:100%}.letter-content .a-z-content-wrapper.current{position:relative;opacity:1;visibility:visible;pointer-events:all;transition:opacity .4s ease .4s,visibility 0s ease .4s,transform .4s ease .4s;transform:translateZ(0) scale(1);order:1;z-index:1}.letter-content .a-z-content-wrapper:not(.current){height:0}.letter-content .a-z-content-wrapper .accordion-content .contact-wrapper{margin:0}.a-z .faq-heading{margin-top:10px!important}.a-z-list .responsiveContainer{padding-bottom:10px!important}
|
