.btn{--_btn-bg: var(--color-button-primary-bg-default);--_btn-text: var(--color-button-primary-text-default);--_btn-border: var(--color-button-primary-border-default);--_btn-padding-x: var(--space-button-padding-x);--_btn-padding-y: var(--space-button-padding-y);--_btn-min-h: var(--space-button-min-height);--_btn-gap: var(--space-button-gap);--_btn-icon-size: var(--space-button-icon-size);--_btn-radius: var(--radius-md);--_btn-font: var(--font-family-body);--_btn-transition: var(--transition-fast) var(--easing-default);display:inline-flex;align-items:center;justify-content:center;gap:var(--_btn-gap);padding:var(--_btn-padding-y) var(--_btn-padding-x);min-height:var(--_btn-min-h);background:var(--_btn-bg);color:var(--_btn-text);border:1px solid var(--_btn-border);border-radius:var(--_btn-radius);font-family:var(--_btn-font);font-size:var(--typo-body-size);font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background var(--_btn-transition),color var(--_btn-transition),border-color var(--_btn-transition),box-shadow var(--_btn-transition)}.btn__icon{width:var(--_btn-icon-size);height:var(--_btn-icon-size);flex-shrink:0}.btn:hover{--_btn-bg: var(--color-button-primary-bg-hover);--_btn-text: var(--color-button-primary-text-hover);--_btn-border: var(--color-button-primary-border-hover)}.btn:active{--_btn-bg: var(--color-button-primary-bg-active);--_btn-text: var(--color-button-primary-text-active);--_btn-border: var(--color-button-primary-border-active)}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.btn[aria-busy=true]{position:relative;color:transparent;pointer-events:none}.btn[aria-busy=true]:after{content:"";position:absolute;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--secondary{--_btn-bg: var(--color-button-secondary-bg-default);--_btn-text: var(--color-button-secondary-text-default);--_btn-border: var(--color-button-secondary-border-default)}.btn--secondary:hover{--_btn-bg: var(--color-button-secondary-bg-hover);--_btn-text: var(--color-button-secondary-text-hover);--_btn-border: var(--color-button-secondary-border-hover)}.btn--secondary:active{--_btn-bg: var(--color-button-secondary-bg-active);--_btn-text: var(--color-button-secondary-text-active);--_btn-border: var(--color-button-secondary-border-active)}.btn--outline{--_btn-bg: transparent;--_btn-text: var(--color-button-outline-text-default);--_btn-border: var(--color-button-outline-border-default)}.btn--outline:hover{--_btn-bg: var(--color-button-outline-bg-hover);--_btn-text: var(--color-button-outline-text-hover);--_btn-border: var(--color-button-outline-border-hover)}.btn--outline:active{--_btn-bg: var(--color-button-outline-bg-active);--_btn-text: var(--color-button-outline-text-active);--_btn-border: var(--color-button-outline-border-active)}.btn--link{--_btn-bg: transparent;--_btn-text: var(--color-button-link-text-default);--_btn-border: transparent;--_btn-padding-x: 0;--_btn-padding-y: 0;--_btn-min-h: auto;text-decoration:underline;text-underline-offset:2px}.btn--link:hover{--_btn-text: var(--color-button-link-text-hover)}.btn--link:active{--_btn-text: var(--color-button-link-text-active)}.btn--danger{--_btn-bg: var(--color-button-danger-bg-default);--_btn-text: var(--color-button-danger-text-default);--_btn-border: var(--color-button-danger-border-default)}.btn--danger:hover{--_btn-bg: var(--color-button-danger-bg-hover);--_btn-text: var(--color-button-danger-text-hover);--_btn-border: var(--color-button-danger-border-hover)}.btn--danger:active{--_btn-bg: var(--color-button-danger-bg-active);--_btn-text: var(--color-button-danger-text-active);--_btn-border: var(--color-button-danger-border-active)}.btn--sm{--_btn-padding-x: calc(var(--space-button-padding-x) * .75);--_btn-padding-y: calc(var(--space-button-padding-y) * .75);--_btn-min-h: calc(var(--space-button-min-height) - 8px);font-size:calc(var(--typo-body-size) * .875)}.btn--lg{--_btn-padding-x: calc(var(--space-button-padding-x) * 1.25);--_btn-padding-y: calc(var(--space-button-padding-y) * 1.25);--_btn-min-h: calc(var(--space-button-min-height) + 8px);font-size:calc(var(--typo-body-size) * 1.125)}.btn--icon-only{--_btn-padding-x: var(--_btn-padding-y);aspect-ratio:1}.btn--full{width:100%}.input{--_input-bg: var(--color-input-default-unfocused-bg);--_input-border: var(--color-input-default-unfocused-inner-border);--_input-outer-border: var(--color-input-default-unfocused-outer-border);--_input-text: var(--color-input-default-unfocused-value);--_input-placeholder: var(--color-input-default-unfocused-placeholder);--_input-label: var(--color-input-default-unfocused-label);--_input-message: var(--color-input-default-unfocused-message);--_input-icon: var(--color-input-default-unfocused-icon);--_input-padding-x: var(--space-input-padding-x);--_input-padding-y: var(--space-input-padding-y);--_input-margin-bottom: var(--space-input-margin-bottom);--_input-icon-size: var(--space-input-icon-size);--_input-label-size: var(--space-input-label-size);--_input-value-size: var(--space-input-value-size);--_input-message-size: var(--space-input-message-size);--_input-radius: var(--radius-md);--_input-transition: var(--transition-fast) var(--easing-default);display:flex;flex-direction:column;gap:4px;margin-bottom:var(--_input-margin-bottom)}.input__label{font-size:var(--_input-label-size);font-weight:500;color:var(--_input-label)}.input__field{padding:var(--_input-padding-y) var(--_input-padding-x);background:var(--_input-bg);color:var(--_input-text);border:1px solid var(--_input-border);border-radius:var(--_input-radius);font-family:var(--font-family-body);font-size:var(--_input-value-size);outline:2px solid transparent;outline-offset:2px;transition:border-color var(--_input-transition),outline-color var(--_input-transition),background var(--_input-transition)}.input__field::placeholder{color:var(--_input-placeholder)}.input__message{font-size:var(--_input-message-size);color:var(--_input-message)}.input__icon{width:var(--_input-icon-size);height:var(--_input-icon-size);color:var(--_input-icon)}.input__field:hover{--_input-border: var(--color-input-default-hover-inner-border);--_input-bg: var(--color-input-default-hover-bg)}.input__field:focus-visible{--_input-border: var(--color-input-default-focused-inner-border);--_input-outer-border: var(--color-input-default-focused-outer-border);outline-color:var(--_input-outer-border)}.input__field:disabled{--_input-bg: var(--color-input-default-disabled-bg);--_input-border: var(--color-input-default-disabled-inner-border);--_input-text: var(--color-input-default-disabled-value);opacity:var(--opacity-disabled);cursor:not-allowed}.input--error{--_input-border: var(--color-input-error-unfocused-inner-border);--_input-label: var(--color-input-error-unfocused-label);--_input-message: var(--color-input-error-unfocused-message);--_input-icon: var(--color-input-error-unfocused-icon)}.input--error .input__field:focus-visible{--_input-border: var(--color-input-error-focused-inner-border);--_input-outer-border: var(--color-input-error-focused-outer-border);outline-color:var(--_input-outer-border)}.input--success{--_input-border: var(--color-input-success-unfocused-inner-border);--_input-message: var(--color-input-success-unfocused-message);--_input-icon: var(--color-input-success-unfocused-icon)}.select{--_input-bg: var(--color-input-default-unfocused-bg);--_input-border: var(--color-input-default-unfocused-inner-border);--_input-text: var(--color-input-default-unfocused-value);--_input-label: var(--color-input-default-unfocused-label);--_input-padding-x: var(--space-input-padding-x);--_input-padding-y: var(--space-input-padding-y);--_input-radius: var(--radius-md);--_input-transition: var(--transition-fast) var(--easing-default);display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-input-margin-bottom)}.select__label{font-size:var(--space-input-label-size);font-weight:500;color:var(--_input-label)}.select__field{-webkit-appearance:none;appearance:none;padding:var(--_input-padding-y) calc(var(--_input-padding-x) + 24px) var(--_input-padding-y) var(--_input-padding-x);background:var(--_input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23525252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right var(--_input-padding-x) center;background-size:16px;color:var(--_input-text);border:1px solid var(--_input-border);border-radius:var(--_input-radius);font-family:var(--font-family-body);font-size:var(--space-input-value-size);cursor:pointer;transition:border-color var(--_input-transition)}.select__field:hover{--_input-border: var(--color-input-default-hover-inner-border)}.select__field:focus-visible{outline:2px solid var(--color-input-default-focused-outer-border);outline-offset:2px}.textarea__field{resize:vertical;min-height:120px}.checkbox{--_check-size: 20px;--_check-bg: var(--color-input-default-unfocused-bg);--_check-border: var(--color-input-default-unfocused-inner-border);--_check-active: var(--color-button-primary-bg-default);--_check-text: var(--color-text-primary);--_check-radius: var(--radius-sm);display:flex;align-items:flex-start;gap:8px;cursor:pointer}.checkbox__input{-webkit-appearance:none;appearance:none;width:var(--_check-size);height:var(--_check-size);flex-shrink:0;border:1.5px solid var(--_check-border);border-radius:var(--_check-radius);background:var(--_check-bg);cursor:pointer;transition:background var(--transition-fast) var(--easing-default),border-color var(--transition-fast) var(--easing-default)}.checkbox__input:checked{background:var(--_check-active);border-color:var(--_check-active);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}.checkbox__input:hover{--_check-border: var(--color-input-default-hover-inner-border)}.checkbox__input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.checkbox__label{font-size:var(--typo-body-size);color:var(--_check-text);line-height:var(--_check-size)}.radio{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.radio__input{-webkit-appearance:none;appearance:none;width:20px;height:20px;flex-shrink:0;border:1.5px solid var(--color-input-default-unfocused-inner-border);border-radius:var(--radius-full);background:var(--color-input-default-unfocused-bg);cursor:pointer;transition:border-color var(--transition-fast) var(--easing-default),box-shadow var(--transition-fast) var(--easing-default)}.radio__input:checked{border-color:var(--color-button-primary-bg-default);background:var(--color-input-default-unfocused-bg);box-shadow:inset 0 0 0 4px var(--color-button-primary-bg-default)}.radio__input:hover{border-color:var(--color-input-default-hover-inner-border)}.radio__input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.radio__label{font-size:var(--typo-body-size);color:var(--color-text-primary);line-height:20px}.badge{--_badge-bg: var(--color-feedback-info-bg);--_badge-text: var(--color-feedback-info-default);--_badge-radius: var(--radius-full);display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--_badge-radius);background:var(--_badge-bg);color:var(--_badge-text);font-family:var(--font-family-body);font-size:calc(var(--typo-body-size) * .75);font-weight:600;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge--success{--_badge-bg: var(--color-feedback-success-bg);--_badge-text: var(--color-feedback-success-default)}.badge--warning{--_badge-bg: var(--color-feedback-warning-bg);--_badge-text: var(--color-feedback-warning-default)}.badge--error{--_badge-bg: var(--color-feedback-error-bg);--_badge-text: var(--color-feedback-error-default)}.tag{--_tag-bg: var(--color-surface-secondary);--_tag-text: var(--color-text-secondary);--_tag-border: var(--color-border-subtle);display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border:1px solid var(--_tag-border);border-radius:var(--radius-full);background:var(--_tag-bg);color:var(--_tag-text);font-size:calc(var(--typo-body-size) * .875)}.tag__remove{display:inline-flex;padding:0;border:none;background:none;color:inherit;cursor:pointer;opacity:.6}.tag__remove:hover{opacity:1}.price{--_price-color: var(--color-text-primary);--_price-sale-color: var(--color-feedback-error-default);--_price-compare-color: var(--color-text-disabled);display:inline-flex;align-items:baseline;gap:8px;font-family:var(--font-family-body);font-weight:600}.price__current{color:var(--_price-color);font-size:var(--typo-h4-size)}.price--on-sale .price__current{color:var(--_price-sale-color)}.price__compare{color:var(--_price-compare-color);font-size:var(--typo-body-size);text-decoration:line-through}.price__unit{color:var(--color-text-secondary);font-size:calc(var(--typo-body-size) * .875);font-weight:400}.qty{--_qty-bg: var(--color-input-default-unfocused-bg);--_qty-border: var(--color-input-default-unfocused-inner-border);--_qty-text: var(--color-text-primary);--_qty-btn-text: var(--color-text-secondary);display:inline-flex;align-items:center;border:1px solid var(--_qty-border);border-radius:var(--radius-md);overflow:hidden}.qty__btn{display:flex;align-items:center;justify-content:center;width:var(--space-button-min-height);height:var(--space-button-min-height);padding:0;border:none;background:var(--_qty-bg);color:var(--_qty-btn-text);cursor:pointer;transition:background var(--transition-fast) var(--easing-default)}.qty__btn:hover{background:var(--color-surface-secondary)}.qty__btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.qty__input{width:48px;padding:4px;border:none;border-left:1px solid var(--_qty-border);border-right:1px solid var(--_qty-border);background:var(--_qty-bg);color:var(--_qty-text);text-align:center;font-family:var(--font-family-body);font-size:var(--typo-body-size);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.qty__input::-webkit-inner-spin-button{display:none}.rating{--_rating-filled: var(--color-text-accent);--_rating-empty: var(--color-border-subtle);--_rating-size: 16px;display:inline-flex;align-items:center;gap:4px}.rating__stars{display:flex;gap:2px}.rating__star{width:var(--_rating-size);height:var(--_rating-size);color:var(--_rating-empty)}.rating__star--filled{color:var(--_rating-filled)}.rating__star--half{position:relative;color:var(--_rating-empty)}.rating__star--half:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:50%;overflow:hidden;color:var(--_rating-filled)}.rating__count{font-size:calc(var(--typo-body-size) * .875);color:var(--color-text-secondary)}.skeleton{--_skel-bg: var(--color-surface-secondary);--_skel-shine: var(--color-surface-primary);background:linear-gradient(90deg,var(--_skel-bg) 25%,var(--_skel-shine) 50%,var(--_skel-bg) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;width:80%;margin-bottom:8px}.skeleton--title{height:1.5em;width:60%;margin-bottom:12px}.skeleton--image{aspect-ratio:1;width:100%;border-radius:var(--radius-md)}.skeleton--button{height:var(--space-button-min-height);width:140px;border-radius:var(--radius-md)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-layout-section-gap);gap:16px}.empty-state__icon{width:64px;height:64px;color:var(--color-text-disabled)}.empty-state__title{font-family:var(--font-family-heading);font-size:var(--typo-h3-size);color:var(--color-text-primary)}.empty-state__message{font-size:var(--typo-body-size);color:var(--color-text-secondary);max-width:40ch}.divider{border:none;height:1px;background:var(--color-border-subtle);margin:var(--space-layout-element-gap) 0}.divider--decorative{height:2px;background:var(--color-border-decorative)}.divider--section{margin:var(--space-layout-section-gap) 0}.avatar{--_avatar-size: 40px;--_avatar-bg: var(--color-surface-secondary);--_avatar-text: var(--color-text-secondary);width:var(--_avatar-size);height:var(--_avatar-size);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--_avatar-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-family-body);font-weight:600;color:var(--_avatar-text)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{--_avatar-size: 32px}.avatar--lg{--_avatar-size: 56px}.avatar--xl{--_avatar-size: 80px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/primitives.css.map */