.ng-lanyard{display:none;position:relative;border:1px solid rgba(31,31,33,.15);border-left:4px solid #65ff3e;background:#fafafa;padding:1.2rem 3rem 1.2rem 1.4rem;color:#1f1f21;text-align:left}.ng-lanyard.ng-lanyard--visible{display:block}.ng-lanyard--notification{margin:1.4rem 0}.ng-lanyard--cart{margin:0 0 1.8rem;max-width:44rem;margin-left:auto}.ng-lanyard__title{margin:0 0 .4rem;font-size:1.5rem;font-weight:600;letter-spacing:.02rem}.ng-lanyard__body{margin:0 0 1rem;font-size:1.3rem;line-height:1.5;opacity:.8}.ng-lanyard__swatches{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin-bottom:1.1rem}.ng-lanyard__swatch{width:2.2rem;height:2.2rem;padding:0;border:1px solid rgba(31,31,33,.25);border-radius:50%;background:var(--ng-lanyard-swatch, #1f1f21);cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.ng-lanyard__swatch:hover{transform:scale(1.08)}.ng-lanyard__swatch[aria-checked=true]{box-shadow:0 0 0 2px #fafafa,0 0 0 4px #1f1f21}.ng-lanyard__swatch:focus-visible{outline:2px solid #1f1f21;outline-offset:3px}.ng-lanyard__swatch-label{margin-left:.4rem;font-size:1.2rem;opacity:.75}.ng-lanyard__match{margin:-.7rem 0 1.1rem;font-size:1.2rem;opacity:.75}.ng-lanyard__match:empty{display:none}.ng-lanyard__note{margin:-.4rem 0 1rem;font-size:1.2rem;font-weight:600;line-height:1.4}.ng-lanyard__note:empty{display:none}.ng-lanyard__qty{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem}.ng-lanyard__qty-label{font-size:1.2rem;font-weight:600}.ng-lanyard__stepper{display:flex;align-items:stretch;border:1px solid rgba(31,31,33,.35);background:#fff}.ng-lanyard__stepper button{width:3rem;min-height:3.2rem;padding:0;border:0;background:none;color:#1f1f21;font-size:1.6rem;line-height:1;cursor:pointer}.ng-lanyard__stepper button:hover{background:#1f1f210f}.ng-lanyard__stepper input{width:4rem;border:0;border-left:1px solid rgba(31,31,33,.2);border-right:1px solid rgba(31,31,33,.2);background:#fff;color:#1f1f21;font-size:1.3rem;font-weight:600;text-align:center;-moz-appearance:textfield}.ng-lanyard__stepper input::-webkit-outer-spin-button,.ng-lanyard__stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ng-lanyard__add{display:inline-block;width:100%;min-height:4.2rem;padding:0 1.6rem;border:1px solid #1f1f21;background:#65ff3e;color:#1f1f21;font-size:1.4rem;font-weight:600;letter-spacing:.04rem;cursor:pointer;transition:background .15s ease,opacity .15s ease}.ng-lanyard__add:hover{background:#52e62c}.ng-lanyard__add[disabled]{opacity:.6;cursor:default}.ng-lanyard__dismiss{position:absolute;top:.8rem;right:.8rem;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#1f1f21;opacity:.5;cursor:pointer}.ng-lanyard__dismiss:hover{opacity:1}.ng-lanyard__status{margin:.8rem 0 0;font-size:1.2rem;line-height:1.4}.ng-lanyard__status:empty{display:none}.ng-lanyard__status--error{color:#b3261e}@media screen and (min-width:750px){.ng-lanyard--cart .ng-lanyard__add{width:auto;min-width:22rem}}.ng-lanyard-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);line-height:1.4}.ng-lanyard-modal[hidden]{display:none}body.ng-lanyard-modal-open{overflow:hidden}.ng-lanyard-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f108c}.ng-lanyard-modal__dialog{position:relative;width:100%;max-width:42rem;max-height:calc(100vh - 4rem);overflow-y:auto;background:#fafafa;border:1px solid rgba(31,31,33,.15);border-top:4px solid #65ff3e;padding:2.4rem 2.4rem 2rem;color:#1f1f21;text-align:left;animation:ng-lanyard-modal-in .18s ease-out}.ng-lanyard-modal__dialog:focus{outline:none}@keyframes ng-lanyard-modal-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ng-lanyard-modal__dialog{animation:none}}.ng-lanyard-modal__x{position:absolute;top:1rem;right:1rem;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#1f1f21;opacity:.5;cursor:pointer}.ng-lanyard-modal__x:hover{opacity:1}.ng-lanyard-modal__title{margin:0 2rem .6rem 0;font-size:1.8rem;font-weight:700;line-height:1.3;letter-spacing:.02rem}.ng-lanyard-modal__body{margin:0 0 1.4rem;font-size:1.35rem;line-height:1.5;opacity:.8}.ng-lanyard-modal__qty{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.6rem}.ng-lanyard-modal__qty-label{font-size:1.3rem;font-weight:600}.ng-lanyard-modal__stepper{display:flex;align-items:stretch;border:1px solid rgba(31,31,33,.35)}.ng-lanyard-modal__stepper button{width:3.4rem;min-height:3.6rem;padding:0;border:0;background:none;color:#1f1f21;font-size:1.8rem;line-height:1;cursor:pointer}.ng-lanyard-modal__stepper button:hover{background:#1f1f210f}.ng-lanyard-modal__stepper input{width:4.6rem;border:0;border-left:1px solid rgba(31,31,33,.2);border-right:1px solid rgba(31,31,33,.2);background:#fff;color:#1f1f21;font-size:1.4rem;font-weight:600;text-align:center;-moz-appearance:textfield}.ng-lanyard-modal__stepper input::-webkit-outer-spin-button,.ng-lanyard-modal__stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ng-lanyard-modal__qty-hint{font-size:1.2rem;opacity:.65}.ng-lanyard-modal__actions{display:flex;flex-direction:column;gap:.8rem}.ng-lanyard-modal__yes{display:inline-block;width:100%;min-height:4.4rem;padding:0 1.6rem;border:1px solid #1f1f21;background:#65ff3e;color:#1f1f21;font-size:1.4rem;font-weight:600;letter-spacing:.04rem;cursor:pointer;transition:background .15s ease,opacity .15s ease}.ng-lanyard-modal__yes:hover{background:#52e62c}.ng-lanyard-modal__yes[disabled]{opacity:.6;cursor:default}.ng-lanyard-modal__no{display:inline-block;width:100%;min-height:3.8rem;padding:0 1.6rem;border:0;background:none;color:#1f1f21;font-size:1.3rem;text-decoration:underline;text-underline-offset:.3rem;opacity:.7;cursor:pointer}.ng-lanyard-modal__no:hover{opacity:1}.ng-lanyard-modal__done-text{margin:.4rem 2rem 1.4rem 0;font-size:1.5rem;font-weight:600}.ng-lanyard-modal__done-actions{display:flex;align-items:center;gap:1.2rem}.ng-lanyard-modal__done-actions .ng-lanyard-modal__yes{width:auto;min-width:12rem}.ng-lanyard-modal__undo{padding:0;border:0;background:none;color:#1f1f21;font-size:1.3rem;text-decoration:underline;text-underline-offset:.3rem;opacity:.7;cursor:pointer}.ng-lanyard-modal__undo:hover{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/28/assets/ng-lanyard-offer.css.map */
