.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--button-height-md);padding-inline:var(--space-5);border:1px solid transparent;border-radius:var(--radius-button);font-weight:var(--button-weight);font-size:var(--text-sm);letter-spacing:var(--button-tracking);text-transform:var(--button-case);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out);white-space:nowrap;text-align:center}.btn:active{transform:scale(.985)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--color-accent);color:var(--color-accent-fg)}.btn--primary:hover{background:var(--color-accent-hover)}.btn--secondary{background:var(--color-fg);color:var(--color-bg)}.btn--secondary:hover{background:color-mix(in srgb,var(--color-fg) 88%,white)}.btn--outline{background:transparent;color:var(--color-fg);border-color:var(--color-fg)}.btn--outline:hover{background:var(--color-fg);color:var(--color-bg)}.btn--ghost{background:transparent;color:var(--color-fg)}.btn--ghost:hover{background:color-mix(in srgb,var(--color-fg) 6%,transparent)}.btn--link{background:transparent;color:var(--color-fg);padding:0;min-height:0;text-transform:none;letter-spacing:0;font-weight:500;border-bottom:1px solid currentColor;border-radius:0}.btn--sm{min-height:var(--button-height-sm);padding-inline:var(--space-4);font-size:var(--text-xs)}.btn--lg{min-height:var(--button-height-lg);padding-inline:var(--space-6);font-size:var(--text-sm)}.btn--block{width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);color:var(--color-fg);background:transparent;transition:background-color var(--dur-base) var(--ease-out);position:relative}.btn-icon:hover{background:color-mix(in srgb,var(--color-fg) 6%,transparent)}.btn-icon svg{width:22px;height:22px}.badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding-inline:5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;line-height:1;background:var(--color-accent);color:var(--color-accent-fg);border-radius:var(--radius-pill)}.link{color:var(--color-fg);border-bottom:1px solid color-mix(in srgb,var(--color-fg) 24%,transparent);transition:border-color var(--dur-base) var(--ease-out)}.link:hover{border-bottom-color:var(--color-fg)}.link--muted{color:var(--color-muted)}.link--muted:hover{color:var(--color-fg)}.field{width:100%;height:var(--field-height);padding-inline:var(--field-pad-x);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--color-fg);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.field:hover{border-color:color-mix(in srgb,var(--color-fg) 30%,var(--color-border))}.field:focus{border-color:var(--color-accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.field::placeholder{color:var(--color-muted)}textarea.field{min-height:120px;padding-block:var(--space-3);resize:vertical}.field-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-fg)}.field-error{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-error)}.field-inline{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden}.field-inline:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.field-inline .field{border:0;background:transparent}.field-inline .field:focus{box-shadow:none}.field-inline .btn{border-radius:0;flex-shrink:0}.tag{display:inline-flex;align-items:center;height:24px;padding-inline:var(--space-3);background:color-mix(in srgb,var(--color-fg) 6%,transparent);color:var(--color-fg);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-pill);letter-spacing:.02em}.tag--accent{background:var(--color-accent);color:var(--color-accent-fg)}.tag--sale{background:var(--color-sale);color:#fff}.tag--new{background:var(--color-fg);color:var(--color-bg)}.qty{display:inline-flex;align-items:center;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden}.qty button{width:40px;height:100%;display:inline-flex;align-items:center;justify-content:center;color:var(--color-fg);transition:background-color var(--dur-fast) var(--ease-out)}.qty button:hover{background:color-mix(in srgb,var(--color-fg) 6%,transparent)}.qty input{width:44px;height:100%;text-align:center;border:0;background:transparent;font-weight:500;-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.swatch{display:inline-block;width:24px;height:24px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--swatch-bg, #ccc);background-image:var(--swatch-image);background-size:cover;background-position:center;cursor:pointer;position:relative;transition:transform var(--dur-fast) var(--ease-out)}.swatch:hover{transform:scale(1.08)}.swatch[aria-pressed=true]:after,.swatch[data-selected=true]:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-pill);border:1.5px solid var(--color-fg);pointer-events:none}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/components.css.map */