:focus-visible{outline:2px solid var(--hazard);outline-offset:2px}::selection{background:var(--hazard);color:var(--carbon-deep)}a,button,input,select,textarea{transition:all .2s ease}.loading{opacity:.6;pointer-events:none}.form-error{color:#ff6b6b;font-size:13px;margin-top:6px}.form-success{color:#69db7c;font-size:13px;margin-top:6px}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;background:var(--hazard);color:var(--carbon-deep)}.badge--outline{background:transparent;border:1px solid currentColor;color:var(--hazard)}.divider{height:1px;background:var(--white-08);margin:40px 0}.price{font-weight:600}.price--on-sale{color:var(--hazard)}.price--compare{text-decoration:line-through;color:var(--white-40);font-weight:400}.quantity-selector{display:inline-flex;align-items:center;border:1px solid var(--white-10);border-radius:8px}.quantity-selector__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--white);cursor:pointer}.quantity-selector__btn:hover{color:var(--hazard)}.quantity-selector__input{width:50px;text-align:center;border:none;background:transparent;color:var(--white);font-size:15px}.grid{display:grid;gap:24px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width: 899px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 599px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-up{animation:slideUp .5s ease forwards}
/*# sourceMappingURL=/cdn/shop/t/17/assets/base.css.map */