.ng-dp--error{padding:2rem;border:1px solid #e5342a;color:#e5342a}.ng-dp__hero{padding-top:100%}.ng-dp__hero-image{object-fit:contain;background:#fff}.ng-dp__thumbs{display:flex;gap:1rem;margin-top:1.2rem}.ng-dp__thumb{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:11rem;padding:.4rem;border:1px solid rgba(var(--color-foreground),.15);background:#fff;color:rgb(var(--color-foreground));cursor:pointer}.ng-dp__thumb:hover{opacity:.8}.ng-dp__thumb[aria-current]{box-shadow:0 0 0 .1rem rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.ng-dp__thumb img{width:100%;aspect-ratio:1 / 1;object-fit:contain}.ng-dp__thumb-label{font-size:1.1rem;line-height:1.2;text-align:center;color:rgba(var(--color-foreground),.75)}.ng-dp__thumb[aria-current] .ng-dp__thumb-label{color:rgb(var(--color-foreground));font-weight:600}.ng-dp__mode{margin-bottom:.4rem}.ng-dp__pair{margin:1.6rem 0;padding:1.4rem 1.4rem .6rem;border:1px solid rgba(var(--color-foreground),.12);border-top:3px solid #65ff3e}.ng-dp__pair-head{display:flex;align-items:center;gap:1.2rem;margin-bottom:.6rem}.ng-dp__pair-thumb{width:7rem;height:5.25rem;object-fit:contain;background:#fff;border:1px solid rgba(var(--color-foreground),.1)}.ng-dp__pair-title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.02rem}.ng-dp__pair-picked{margin:.2rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.ng-dp__pair .product-form__input{margin-bottom:1rem}.ng-dp__dot{display:inline-block;vertical-align:-.1rem;width:1.2rem;height:1.2rem;margin-right:.6rem;border-radius:50%;border:1px solid rgba(31,31,33,.3);background:var(--ng-dp-swatch, #1f1f21);flex:none}.ng-dp__dot--clear{background:repeating-conic-gradient(#e6e6e6 0 25%,#fbfbfb 0 50%) 0 0 / .6rem .6rem}.ng-dp__pair-note{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:#c62828}.ng-dp__pair-note[hidden]{display:none}.ng-dp .product-form__submit:disabled{cursor:not-allowed;opacity:.55}.ng-dp__status{min-height:2rem;margin:1rem 0 0;font-size:1.4rem;font-weight:600}.ng-dp__status--error{color:#c62828}.ng-dp__fine-print{margin:.4rem 0 0;color:rgba(var(--color-foreground),.7)}@media screen and (max-width:749px){.ng-dp__thumb{width:9rem}}.ng-dp__pair-thumb--lanyard{display:block;width:5rem;height:5rem;border-radius:50%;border:1px solid rgba(31,31,33,.3);background:var(--ng-dp-swatch, #1f1f21);flex:none}
/*# sourceMappingURL=/cdn/shop/t/30/assets/ng-doublepack-builder.css.map */