.nlq-card-wrap{position:relative;overflow:visible}.nlq-overlay{position:absolute;left:8px;right:8px;bottom:8px;z-index:10;display:flex;flex-direction:column;gap:8px;padding:12px;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.06);border-radius:2px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94);font-family:var(--nl-font-display, "Barlow Condensed", sans-serif)}@media(hover:hover)and (pointer:fine){product-card:hover .nlq-overlay,.product-card:hover .nlq-overlay,.nlq-card-wrap:hover .nlq-overlay{opacity:1;transform:translateY(0);pointer-events:auto}}.nlq-overlay__label{font-family:var(--nl-font-mono, "Space Mono", monospace);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#888;margin:0 0 2px;line-height:1}.nlq-overlay__sizes{display:flex;flex-wrap:wrap;gap:4px}.nlq-overlay__size{flex:1 1 auto;min-width:36px;height:32px;border:1px solid #E8E8E6;background:#fff;color:#0a0a0a;font-family:var(--nl-font-display, "Barlow Condensed", sans-serif);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .18s cubic-bezier(.25,.46,.45,.94);padding:0;display:inline-flex;align-items:center;justify-content:center}.nlq-overlay__size:hover:not(.unavailable):not(.added){background:#0a0a0a;color:#fff;border-color:#0a0a0a;transform:scale(1.02)}.nlq-overlay__size.unavailable{opacity:.32;cursor:not-allowed;text-decoration:line-through}.nlq-overlay__size.adding{background:#1a1a1a;color:#fff;border-color:#1a1a1a;position:relative}.nlq-overlay__size.adding:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:nlq-spin .7s linear infinite}.nlq-overlay__size.adding>*{opacity:0}.nlq-overlay__size.added{background:#b8ff57;color:#0a0a0a;border-color:#b8ff57}@keyframes nlq-spin{to{transform:rotate(360deg)}}.nlq-overlay__loading{font-family:var(--nl-font-mono, "Space Mono", monospace);font-size:10px;letter-spacing:.1em;color:#888;text-transform:uppercase;text-align:center;padding:6px 0}@media(hover:none),(max-width:768px){.nlq-overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/northline-quicksize.css.map */