.dn-btn{--dn-btn-bg: transparent;--dn-btn-fg: var(--dn-color-heading);--dn-btn-border: transparent;--dn-btn-bg-hover: transparent;--dn-btn-fg-hover: var(--dn-color-heading);--dn-btn-border-hover: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--dn-space-2);min-height:var(--dn-btn-height, 48px);padding-inline:var(--dn-btn-padding-x, var(--dn-space-6));background-color:var(--dn-btn-bg);color:var(--dn-btn-fg);border:var(--dn-border-width) solid var(--dn-btn-border);border-radius:var(--dn-radius-sm);font-size:var(--dn-btn-font-size, var(--dn-size-small));font-weight:var(--dn-weight-medium);line-height:1;letter-spacing:var(--dn-tracking-wide);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dn-duration-fast) var(--dn-ease-standard),color var(--dn-duration-fast) var(--dn-ease-standard),border-color var(--dn-duration-fast) var(--dn-ease-standard),transform var(--dn-duration-instant) var(--dn-ease-standard)}.dn-btn:hover{background-color:var(--dn-btn-bg-hover);color:var(--dn-btn-fg-hover);border-color:var(--dn-btn-border-hover)}.dn-btn:active{transform:translateY(1px)}.dn-btn[disabled],.dn-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.dn-btn--primary{--dn-btn-bg: var(--dn-color-heading);--dn-btn-fg: var(--dn-color-text-inverse);--dn-btn-border: var(--dn-color-heading);--dn-btn-bg-hover: var(--dn-color-accent);--dn-btn-fg-hover: var(--dn-color-accent-contrast);--dn-btn-border-hover: var(--dn-color-accent)}.dn-btn--secondary{--dn-btn-bg: transparent;--dn-btn-fg: var(--dn-color-heading);--dn-btn-border: var(--dn-color-line-strong);--dn-btn-bg-hover: var(--dn-color-heading);--dn-btn-fg-hover: var(--dn-color-text-inverse);--dn-btn-border-hover: var(--dn-color-heading)}.dn-btn--ghost{--dn-btn-bg: transparent;--dn-btn-fg: var(--dn-color-heading);--dn-btn-border: transparent;--dn-btn-bg-hover: var(--dn-color-surface-sunken);--dn-btn-fg-hover: var(--dn-color-heading);--dn-btn-border-hover: transparent}.dn-btn--text{--dn-btn-height: auto;--dn-btn-padding-x: 0;--dn-btn-bg: transparent;--dn-btn-border: transparent;--dn-btn-bg-hover: transparent;--dn-btn-fg-hover: var(--dn-color-accent);border-radius:0;padding-block:var(--dn-space-2)}.dn-btn--text:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background-color:currentColor;transform:scaleX(var(--dn-underline-scale, 1));transform-origin:left;transition:transform var(--dn-duration-base) var(--dn-ease-out)}.dn-btn--text:hover{--dn-underline-scale: 1}@media(hover:hover){.dn-btn--text{--dn-underline-scale: 0}}.dn-btn--icon{--dn-btn-padding-x: 0;--dn-btn-height: 44px;width:44px;border-radius:var(--dn-radius-sm);--dn-btn-bg-hover: var(--dn-color-surface-sunken)}.dn-btn--sm{--dn-btn-height: 38px;--dn-btn-padding-x: var(--dn-space-4);--dn-btn-font-size: var(--dn-size-caption)}.dn-btn--lg{--dn-btn-height: 56px;--dn-btn-padding-x: var(--dn-space-8);--dn-btn-font-size: var(--dn-size-body)}.dn-btn--full{width:100%}.dn-inverse .dn-btn--primary{--dn-btn-bg: var(--dn-white);--dn-btn-fg: var(--dn-ink-900);--dn-btn-border: var(--dn-white);--dn-btn-bg-hover: var(--dn-color-accent);--dn-btn-fg-hover: var(--dn-color-accent-contrast);--dn-btn-border-hover: var(--dn-color-accent)}.dn-inverse .dn-btn--secondary{--dn-btn-fg: var(--dn-white);--dn-btn-border: var(--dn-color-line-inverse);--dn-btn-bg-hover: var(--dn-white);--dn-btn-fg-hover: var(--dn-ink-900);--dn-btn-border-hover: var(--dn-white)}.dn-inverse .dn-btn--ghost{--dn-btn-fg: var(--dn-white);--dn-btn-bg-hover: rgb(255 255 255 / .1)}.dn-badge{display:inline-flex;align-items:center;gap:var(--dn-space-1);padding:var(--dn-space-1) var(--dn-space-2);background-color:var(--dn-badge-bg, var(--dn-color-heading));color:var(--dn-badge-fg, var(--dn-color-text-inverse));border-radius:var(--dn-radius-xs);font-size:var(--dn-size-label);font-weight:var(--dn-weight-medium);letter-spacing:var(--dn-tracking-label);text-transform:uppercase;line-height:1.2}.dn-badge--sale{--dn-badge-bg: var(--dn-color-sale);padding:var(--dn-space-1) var(--dn-space-3);border-radius:0;font-family:var(--dn-font-heading);font-size:var(--dn-size-caption);font-weight:var(--dn-weight-bold);letter-spacing:.02em}.dn-badge--soldout{--dn-badge-bg: var(--dn-gray-300);--dn-badge-fg: var(--dn-ink-900)}.dn-badge--new{--dn-badge-bg: transparent;--dn-badge-fg: var(--dn-color-heading);box-shadow:inset 0 0 0 1px var(--dn-color-line-strong)}.dn-badge--accent{--dn-badge-bg: var(--dn-color-accent);--dn-badge-fg: var(--dn-color-accent-contrast)}.dn-card{position:relative;display:flex;flex-direction:column;background-color:var(--dn-card-bg, transparent);border-radius:var(--dn-radius-sm);color:var(--dn-color-text)}.dn-card--surface{--dn-card-bg: var(--dn-color-surface);border:var(--dn-border-width) solid var(--dn-color-line)}.dn-card__media{position:relative;overflow:hidden;aspect-ratio:var(--dn-media-ratio, var(--dn-ratio-product));background-color:var(--dn-color-surface-sunken);border-radius:var(--dn-radius-sm)}.dn-card__media img{width:100%;height:100%;object-fit:var(--dn-media-fit, cover);transition:opacity var(--dn-duration-base) var(--dn-ease-standard),transform var(--dn-duration-slow) var(--dn-ease-out)}.dn-card__body{display:flex;flex-direction:column;gap:var(--dn-space-2);padding-block-start:var(--dn-space-4)}.dn-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--dn-z-raised)}.dn-field{display:flex;flex-direction:column;gap:var(--dn-space-2)}.dn-input,.dn-select,.dn-textarea{width:100%;min-height:48px;padding:var(--dn-space-3) var(--dn-space-4);background-color:var(--dn-color-surface);color:var(--dn-color-heading);border:var(--dn-border-width) solid var(--dn-color-line);border-radius:var(--dn-radius-sm);font-size:var(--dn-size-small);transition:border-color var(--dn-duration-fast) var(--dn-ease-standard)}.dn-textarea{min-height:120px;resize:vertical}.dn-input::placeholder,.dn-textarea::placeholder{color:var(--dn-color-text-muted)}.dn-input:hover,.dn-select:hover,.dn-textarea:hover{border-color:var(--dn-gray-400)}.dn-input:focus-visible,.dn-select:focus-visible,.dn-textarea:focus-visible{border-color:var(--dn-color-line-strong);outline:var(--dn-focus-ring);outline-offset:var(--dn-focus-offset)}.dn-input[aria-invalid=true]{border-color:var(--dn-color-danger)}.dn-form-error{color:var(--dn-color-danger);font-size:var(--dn-size-caption)}.dn-skeleton{position:relative;overflow:hidden;background-color:var(--dn-color-surface-sunken);border-radius:var(--dn-radius-sm)}.dn-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgb(255 255 255 / .55),transparent);animation:dn-shimmer 1.4s var(--dn-ease-inout) infinite}@keyframes dn-shimmer{to{transform:translate(100%)}}.dn-spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--dn-radius-pill);animation:dn-spin .7s linear infinite}@keyframes dn-spin{to{transform:rotate(360deg)}}.dn-progress{position:fixed;inset-block-start:0;inset-inline:0;height:2px;z-index:var(--dn-z-toast);background-color:var(--dn-color-accent);transform:scaleX(var(--dn-progress-value, 0));transform-origin:left;opacity:0;transition:transform var(--dn-duration-slow) var(--dn-ease-out),opacity var(--dn-duration-fast) var(--dn-ease-standard)}.dn-progress.is-active{opacity:1}.dn-badge--campaign{--dn-badge-bg: var(--dn-color-accent);--dn-badge-fg: var(--dn-color-accent-contrast);max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/7/assets/denet-components.css.map */