:root{--nobre-shadow-rgb: 40 30 36;--nobre-radius-xs: var(--style-border-radius-xs);--nobre-radius-sm: var(--style-border-radius-sm);--nobre-radius-md: var(--style-border-radius-md);--nobre-radius-lg: var(--style-border-radius-lg);--nobre-radius-pill: 999px;--nobre-space-section: var(--padding-6xl);--nobre-space-block: var(--padding-2xl);--nobre-focus-color: var(--nobre-brand, var(--color-primary));--nobre-focus-width: max(var(--focus-outline-width, 2px), 2px);--nobre-focus-offset: var(--focus-outline-offset, .2em)}:root{--nobre-shadow-1: 0 1px 2px rgb(var(--nobre-shadow-rgb) / .06);--nobre-shadow-2: 0 2px 10px rgb(var(--nobre-shadow-rgb) / .08);--nobre-shadow-3: 0 6px 24px rgb(var(--nobre-shadow-rgb) / .12);--nobre-shadow-4: 0 16px 48px rgb(var(--nobre-shadow-rgb) / .16)}.nobre-container{width:100%;max-width:var(--nobre-container);margin-inline:auto;padding-inline:var(--nobre-gutter-inline);box-sizing:border-box}.nobre-container--narrow{max-width:min(var(--nobre-container),52rem)}.nobre-container--wide{max-width:min(calc(var(--nobre-container) + 12rem),96rem)}.nobre-container--full{max-width:none}.nobre-grid{display:grid;gap:var(--gap-2xl);grid-template-columns:1fr}@media screen and (min-width:600px){.nobre-grid--2,.nobre-grid--3,.nobre-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.nobre-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.nobre-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.nobre-section-title{display:flex;flex-direction:column;gap:var(--gap-xs);margin-block-end:var(--margin-4xl)}.nobre-section-title__eyebrow{font-family:var(--font-subheading--family);font-size:var(--font-size--sm);letter-spacing:var(--letter-spacing-md);text-transform:uppercase;color:var(--nobre-brand)}.nobre-section-title__heading{font-family:var(--font-heading--family);font-size:var(--font-h3--size);line-height:var(--line-height--display-normal);color:var(--color-foreground-heading);overflow-wrap:anywhere;text-wrap:balance;margin:0}.nobre-section-title__text{max-width:var(--max-width--body-normal);color:var(--color-foreground-muted, rgb(var(--color-foreground-rgb) / .7))}.nobre-divider{border:0;block-size:1px;inline-size:100%;background:linear-gradient(to right,transparent,rgb(var(--color-foreground-rgb) / .14),transparent)}.nobre-btn{display:inline-grid;place-content:center;gap:var(--gap-xs);grid-auto-flow:column;min-block-size:var(--minimum-touch-target);padding-block:var(--padding-md);padding-inline:var(--padding-3xl);font-family:var(--button-font-family-primary, var(--font-body--family));font-size:var(--font-size--md);line-height:1;text-decoration:none;text-align:center;border:1px solid transparent;border-radius:var(--style-border-radius-buttons-primary, 14px);cursor:pointer;transition:background-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing)}.nobre-btn--brand{background-color:var(--nobre-brand);color:#fff;border-color:var(--nobre-brand);box-shadow:var(--nobre-shadow-1)}.nobre-btn--brand:hover{background-color:var(--nobre-brand-dark);border-color:var(--nobre-brand-dark);box-shadow:var(--nobre-shadow-2);transform:translateY(calc(-1px * var(--nobre-motion-scale)))}.nobre-btn--outline{background-color:transparent;color:var(--nobre-brand-dark);border-color:var(--nobre-brand)}.nobre-btn--outline:hover{background-color:rgb(var(--nobre-brand-rgb, 176 52 95) / .06)}.nobre-btn--text{min-block-size:auto;padding:.25rem;background:none;border:0;border-radius:var(--border-radius-sm);color:var(--nobre-brand-dark);text-underline-offset:.2em;text-decoration:underline}.nobre-btn--text:hover{color:var(--nobre-brand)}.nobre-btn-icon{display:inline-grid;place-content:center;inline-size:var(--minimum-touch-target);block-size:var(--minimum-touch-target);padding:0;background:transparent;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:var(--nobre-radius-pill);color:var(--color-foreground);cursor:pointer;transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing)}.nobre-btn-icon:hover{background-color:var(--nobre-surface);border-color:rgb(var(--color-foreground-rgb) / .24)}.nobre-card{display:flex;flex-direction:column;background-color:var(--color-background);border:1px solid rgb(var(--color-foreground-rgb) / .08);border-radius:var(--nobre-card-radius);box-shadow:var(--nobre-card-shadow);overflow:hidden;transition:box-shadow var(--animation-speed-slow) var(--animation-easing),transform var(--animation-speed-slow) var(--animation-easing)}.nobre-card--interactive:hover{box-shadow:var(--nobre-shadow-3);transform:translateY(calc(-4px * var(--nobre-motion-scale)))}.nobre-card__media{aspect-ratio:1 / 1;background-color:var(--nobre-surface)}.nobre-card__media img{inline-size:100%;block-size:100%;object-fit:cover}.nobre-card__body{display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--padding-xl)}.nobre-card__title{font-size:var(--font-size--md);color:var(--color-foreground-heading);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:0}.nobre-card__price{font-family:var(--font-subheading--family);font-size:var(--font-size--lg);color:var(--color-foreground-heading)}.nobre-badge{display:inline-flex;align-items:center;gap:.35em;padding-block:.25em;padding-inline:.7em;font-family:var(--font-subheading--family);font-size:var(--font-size--2xs);letter-spacing:var(--letter-spacing-sm);line-height:1.2;border-radius:var(--nobre-radius-pill);white-space:nowrap}.nobre-badge--promo{background-color:var(--nobre-promo);color:#fff}.nobre-badge--new{background-color:var(--nobre-brand);color:#fff}.nobre-badge--success{background-color:rgb(var(--nobre-success-rgb, 46 125 79) / .14);color:var(--nobre-success)}.nobre-badge--soldout{background-color:rgb(var(--color-foreground-rgb) / .08);color:var(--color-foreground-muted, rgb(var(--color-foreground-rgb) / .7))}.nobre-tag{display:inline-flex;align-items:center;padding-block:.3em;padding-inline:.75em;font-size:var(--font-size--xs);color:var(--color-foreground);background-color:var(--nobre-surface);border:1px solid rgb(var(--color-foreground-rgb) / .08);border-radius:var(--nobre-radius-pill)}.nobre-field{display:flex;flex-direction:column;gap:var(--gap-2xs)}.nobre-field__label{font-size:var(--font-size--sm);color:var(--color-foreground)}.nobre-input,.nobre-select{inline-size:100%;min-block-size:var(--minimum-touch-target);padding:var(--input-padding);font-size:var(--font-size--md);color:var(--color-input-text, var(--color-foreground));background-color:var(--color-input-background, var(--color-background));border:var(--style-border-width-inputs, 1px) solid var(--color-input-border, rgb(var(--color-foreground-rgb) / .2));border-radius:var(--style-border-radius-inputs, 8px);box-sizing:border-box;transition:border-color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing)}.nobre-input:hover,.nobre-select:hover{background-color:var(--color-input-hover-background, var(--nobre-surface))}.nobre-input:focus-visible,.nobre-select:focus-visible{outline:none;border-color:var(--nobre-brand);box-shadow:0 0 0 3px rgb(var(--nobre-brand-rgb, 176 52 95) / .18)}.nobre-input[aria-invalid=true]{border-color:var(--color-error, #8b0000);box-shadow:0 0 0 3px #8b000024}.nobre-quantity{display:inline-grid;grid-template-columns:var(--minimum-touch-target) auto var(--minimum-touch-target);align-items:center;border:1px solid rgb(var(--color-foreground-rgb) / .16);border-radius:var(--nobre-radius-pill);overflow:hidden}.nobre-quantity__btn{min-block-size:var(--minimum-touch-target);background:transparent;border:0;color:var(--color-foreground);font-size:var(--font-size--lg);cursor:pointer}.nobre-quantity__btn:hover{background-color:var(--nobre-surface)}.nobre-quantity__value{min-inline-size:2.5ch;text-align:center;font-variant-numeric:tabular-nums}.nobre-choice{display:inline-flex;align-items:center;gap:var(--gap-xs);cursor:pointer}.nobre-choice input{inline-size:1.15rem;block-size:1.15rem;accent-color:var(--nobre-brand)}.nobre-note{display:flex;gap:var(--gap-sm);padding:var(--padding-lg) var(--padding-xl);border-radius:var(--nobre-radius-md);border:1px solid transparent;font-size:var(--font-size--sm)}.nobre-note--info{background-color:var(--nobre-surface);border-color:rgb(var(--color-foreground-rgb) / .08);color:var(--color-foreground)}.nobre-note--success{background-color:rgb(var(--nobre-success-rgb, 46 125 79) / .1);color:var(--nobre-success)}.nobre-note--warning{background-color:rgb(var(--nobre-warning-rgb, 199 119 0) / .12);color:var(--nobre-warning)}.nobre-note--error{background-color:#8b000014;color:var(--color-error, #8b0000)}.nobre-empty{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--padding-6xl) var(--padding-xl);text-align:center;color:var(--color-foreground-muted, rgb(var(--color-foreground-rgb) / .7))}.nobre-empty__icon{inline-size:3rem;block-size:3rem;color:var(--nobre-brand);opacity:.7}.nobre-skeleton{--nobre-skeleton-base: rgb(var(--color-foreground-rgb) / .06);--nobre-skeleton-shine: rgb(var(--color-foreground-rgb) / .12);position:relative;overflow:hidden;background-color:var(--nobre-skeleton-base);border-radius:var(--nobre-radius-sm)}.nobre-skeleton--text{block-size:.85em;margin-block:.35em}.nobre-skeleton--title{block-size:1.2em;inline-size:60%}.nobre-skeleton--media{aspect-ratio:1 / 1;border-radius:var(--nobre-card-radius)}.nobre-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--nobre-skeleton-shine),transparent);animation:nobre-skeleton-shimmer 1.4s infinite}@keyframes nobre-skeleton-shimmer{to{transform:translate(100%)}}.nobre-btn:focus-visible,.nobre-btn-icon:focus-visible,.nobre-btn--text:focus-visible,.nobre-choice input:focus-visible,.nobre-quantity__btn:focus-visible,a.nobre-focus:focus-visible{outline:var(--nobre-focus-width) solid var(--nobre-focus-color);outline-offset:var(--nobre-focus-offset);border-radius:var(--border-radius-sm)}.nobre-btn:disabled,.nobre-btn[aria-disabled=true],.nobre-btn-icon:disabled{opacity:var(--disabled-opacity, .5);cursor:not-allowed;transform:none;box-shadow:none}@media(prefers-reduced-motion:reduce){:root{--nobre-motion-scale: 0}.nobre-skeleton:after{animation:none}.nobre-btn,.nobre-card,.nobre-btn-icon{transition:none}}:root{--nobre-teal: #1f6b73;--nobre-teal-rgb: 31 107 115}
/*# sourceMappingURL=/cdn/shop/t/4/assets/nobre-design-system.css.map */