.vinyl-glossary-section .vg-header{margin-bottom:clamp(40px,6vw,72px);max-width:720px}.vinyl-glossary-section .vg-header__eyebrow{display:inline-block;letter-spacing:.2em;opacity:.7;margin-bottom:14px;padding:4px 12px;border:var(--border-thickness) solid rgba(var(--layout-text-color),.25);border-radius:var(--button-border-radius);color:rgb(var(--layout-text-color))}.vinyl-glossary-section .vg-header__heading{margin:0 0 18px;color:rgb(var(--layout-text-color))}.vinyl-glossary-section .vg-header__intro{color:rgb(var(--layout-text-color));opacity:.8;max-width:640px}.vinyl-glossary-section .vg-header__intro p{margin:0 0 .75em}.vinyl-glossary-section .vg-header__intro p:last-child{margin-bottom:0}.vinyl-glossary-section .vg-wrap{display:grid;grid-template-columns:240px 1fr;gap:0 clamp(40px,6vw,96px);align-items:start}.vinyl-glossary-section .vg-sidebar{position:sticky;top:120px;padding-bottom:40px}.vinyl-glossary-section .vg-search-wrap{position:relative;margin-bottom:32px}.vinyl-glossary-section .vg-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.55;pointer-events:none;color:rgb(var(--layout-text-color))}.vinyl-glossary-section .vg-search.input--text{width:100%;padding-left:40px;box-sizing:border-box}.vinyl-glossary-section .vg-nav__label{letter-spacing:.2em;opacity:.55;margin-bottom:14px;padding-left:14px;color:rgb(var(--layout-text-color))}.vinyl-glossary-section .vg-nav__list{list-style:none;padding:0;margin:0}.vinyl-glossary-section .vg-nav__list li+li{margin-top:1px}.vinyl-glossary-section .vg-nav__link{display:flex;align-items:center;gap:10px;padding:8px 14px;text-decoration:none;color:rgb(var(--layout-text-color));background:transparent;border:0;border-radius:var(--button-border-radius);opacity:.65;transition:opacity .15s,background .15s;letter-spacing:.01em;line-height:1.3;cursor:pointer}.vinyl-glossary-section .vg-nav__dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0;transition:opacity .15s;flex-shrink:0}.vinyl-glossary-section .vg-nav__link:hover{opacity:1;background:rgba(var(--layout-text-color),.05)}.vinyl-glossary-section .vg-nav__link.is-active{opacity:1;background:rgba(var(--layout-text-color),.07);font-weight:var(--font-heading-second-weight, 600)}.vinyl-glossary-section .vg-nav__link.is-active .vg-nav__dot{opacity:1}.vinyl-glossary-section .vg-content{min-width:0}.vinyl-glossary-section .vg-no-results{padding:60px 0;opacity:.55;text-align:center;color:rgb(var(--layout-text-color));display:none;margin:0}.vinyl-glossary-section .vg-category{margin-bottom:clamp(56px,8vw,96px);scroll-margin-top:140px;padding-top:12px}.vinyl-glossary-section .vg-category:first-child{padding-top:12px}.vinyl-glossary-section .vg-category:last-child{margin-bottom:0}.vinyl-glossary-section .vg-category__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:28px;border-bottom:var(--border-thickness) solid rgba(var(--layout-text-color),.18)}.vinyl-glossary-section .vg-category__heading{margin:0;color:rgb(var(--layout-text-color));line-height:1.1}.vinyl-glossary-section .vg-category__count{letter-spacing:.2em;opacity:.55;color:rgb(var(--layout-text-color));font-variant-numeric:tabular-nums;flex-shrink:0}.vinyl-glossary-section .vg-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vg-card-gap, 16px)}@media screen and (max-width:1100px){.vinyl-glossary-section .vg-terms{grid-template-columns:1fr}}.vinyl-glossary-section .vg-term{display:flex;flex-direction:column;gap:10px;padding:24px 26px;border-radius:var(--banner-radius);background:rgba(var(--layout-text-color),.04);border:var(--border-thickness) solid rgba(var(--layout-text-color),.1);transition:background .15s,border-color .15s;color:rgb(var(--layout-text-color))}.vinyl-glossary-section .vg-term:hover{background:rgba(var(--layout-text-color),.07);border-color:rgba(var(--layout-text-color),.2)}.vinyl-glossary-section .vg-term__name{margin:0;color:rgb(var(--layout-text-color));line-height:1.25}.vinyl-glossary-section .vg-term__def{margin:0;color:rgb(var(--layout-text-color));opacity:.78}.vinyl-glossary-section .vg-term__def p{margin:0 0 .6em}.vinyl-glossary-section .vg-term__def p:last-child{margin-bottom:0}.vinyl-glossary-section .vg-wrap[data-card-style=minimal] .vg-term{background:transparent}.vinyl-glossary-section .vg-wrap[data-card-style=minimal] .vg-term:hover{background:rgba(var(--layout-text-color),.03)}.vinyl-glossary-section .vg-wrap[data-card-style=rule] .vg-terms{display:block;gap:0}.vinyl-glossary-section .vg-wrap[data-card-style=rule] .vg-term{background:transparent;border:0;border-bottom:var(--border-thickness) solid rgba(var(--layout-text-color),.1);border-radius:0;padding:22px 0;display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:0 32px;align-items:baseline}.vinyl-glossary-section .vg-wrap[data-card-style=rule] .vg-term:hover{background:transparent}.vinyl-glossary-section .vg-wrap[data-card-style=rule] .vg-term:last-child{border-bottom:0}@media screen and (max-width:749px){.vinyl-glossary-section .vg-wrap[data-card-style=rule] .vg-term{grid-template-columns:1fr;gap:8px 0}}@media screen and (max-width:749px){.vinyl-glossary-section .vg-header{margin-bottom:32px}.vinyl-glossary-section .vg-wrap{grid-template-columns:1fr}.vinyl-glossary-section .vg-sidebar{position:static;padding-bottom:0;margin-bottom:36px}.vinyl-glossary-section .vg-nav__label{display:none}.vinyl-glossary-section .vg-nav__list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.vinyl-glossary-section .vg-nav__list li+li{margin-top:0}.vinyl-glossary-section .vg-nav__link{border:var(--border-thickness) solid rgba(var(--layout-text-color),.22);padding:7px 14px;border-radius:var(--button-border-radius)}.vinyl-glossary-section .vg-nav__link:hover,.vinyl-glossary-section .vg-nav__link.is-active{background:rgba(var(--layout-text-color),.08)}.vinyl-glossary-section .vg-nav__dot{display:none}.vinyl-glossary-section .vg-term{padding:18px 20px}.vinyl-glossary-section .vg-category{scroll-margin-top:90px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-vinyl-glossary.css.map */