.cm-button{min-height:var(--cm-control-height);padding:var(--cm-space-3) var(--cm-space-5);display:inline-flex;align-items:center;justify-content:center;gap:var(--cm-space-3);border:var(--cm-border-width) solid transparent;border-radius:var(--cm-radius-sm);color:var(--cm-color-white);background:var(--cm-color-brand);box-shadow:none;font-size:var(--cm-type-200);font-weight:var(--cm-font-weight-bold);line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:color var(--cm-motion-fast) var(--cm-ease-standard),background-color var(--cm-motion-fast) var(--cm-ease-standard),border-color var(--cm-motion-fast) var(--cm-ease-standard),box-shadow var(--cm-motion-fast) var(--cm-ease-standard),transform var(--cm-motion-fast) var(--cm-ease-standard)}.cm-button:hover{color:var(--cm-color-white);background:var(--cm-color-brand-hover)}.cm-button:active{background:var(--cm-color-brand-active);transform:translateY(1px)}.cm-button--secondary{color:var(--cm-color-text);background:var(--cm-color-surface);border-color:var(--cm-color-border-strong)}.cm-button--secondary:hover{color:var(--cm-color-text);background:var(--cm-color-surface-subtle);border-color:var(--cm-color-text)}.cm-button--secondary:active{color:var(--cm-color-text-inverse);background:var(--cm-color-surface-inverse)}.cm-button--quiet{color:var(--cm-color-text);background:transparent;border-color:var(--cm-color-border)}.cm-button--quiet:hover{color:var(--cm-color-brand);background:var(--cm-color-brand-soft);border-color:var(--cm-color-brand)}.cm-button--inverse{color:var(--cm-color-black);background:var(--cm-color-white)}.cm-button--inverse:hover{color:var(--cm-color-white);background:var(--cm-color-brand)}.cm-button--small{min-height:var(--cm-control-height-sm);padding:var(--cm-space-2) var(--cm-space-4);font-size:var(--cm-type-100)}.cm-button--large{min-height:var(--cm-control-height-lg);padding-inline:var(--cm-space-6);font-size:var(--cm-type-300)}.cm-button[disabled],.cm-button[aria-disabled=true]{color:var(--cm-color-text-subtle);background:var(--cm-color-surface-muted);border-color:transparent;cursor:not-allowed;opacity:.72;transform:none}.cm-button[aria-busy=true]{cursor:wait}.cm-button[aria-busy=true]:before{width:1rem;aspect-ratio:1;content:"";flex:0 0 auto;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--cm-radius-pill);animation:cm-spin .75s linear infinite}.cm-icon-button{width:var(--cm-touch-target);min-width:var(--cm-touch-target);height:var(--cm-touch-target);padding:0;display:inline-grid;place-items:center;border:var(--cm-border-width) solid var(--cm-color-border);border-radius:var(--cm-radius-pill);color:var(--cm-color-text);background:transparent;cursor:pointer;transition:color var(--cm-motion-fast) var(--cm-ease-standard),background-color var(--cm-motion-fast) var(--cm-ease-standard),border-color var(--cm-motion-fast) var(--cm-ease-standard),transform var(--cm-motion-fast) var(--cm-ease-standard)}.cm-icon-button:hover{color:var(--cm-color-white);background:var(--cm-color-brand);border-color:var(--cm-color-brand)}.cm-icon-button:active{transform:scale(.96)}.cm-icon-button--inverse{color:var(--cm-color-white);border-color:var(--cm-color-border-inverse)}.cm-icon-button[disabled]{color:var(--cm-color-text-subtle);background:var(--cm-color-surface-muted);border-color:transparent;cursor:not-allowed}.cm-icon{width:var(--cm-icon-size, 1.25rem);height:var(--cm-icon-size, 1.25rem);flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.cm-link{width:fit-content;display:inline-flex;align-items:center;gap:var(--cm-space-2);color:var(--cm-color-brand);font-weight:var(--cm-font-weight-semibold);text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:.25em;transition:color var(--cm-motion-fast) var(--cm-ease-standard),gap var(--cm-motion-fast) var(--cm-ease-standard)}.cm-link:hover{gap:var(--cm-space-3);color:var(--cm-color-brand-hover)}.cm-link--quiet{color:var(--cm-color-text)}.cm-link--inverse{color:var(--cm-color-white)}.cm-field{display:grid;gap:var(--cm-space-2)}.cm-field__label,.cm-choice-group legend{color:var(--cm-color-text);font-size:var(--cm-type-200);font-weight:var(--cm-font-weight-semibold)}.cm-field__required{color:var(--cm-color-brand)}.cm-field__control{width:100%;min-height:var(--cm-control-height);padding:.75rem var(--cm-space-4);border:var(--cm-border-width) solid var(--cm-color-border-strong);border-radius:var(--cm-radius-xs);color:var(--cm-color-text);background:var(--cm-color-surface);box-shadow:none;line-height:1.3;transition:background-color var(--cm-motion-fast) var(--cm-ease-standard),border-color var(--cm-motion-fast) var(--cm-ease-standard),box-shadow var(--cm-motion-fast) var(--cm-ease-standard)}.cm-field__control::placeholder{color:var(--cm-color-text-subtle);opacity:1}.cm-field__control:hover{border-color:var(--cm-color-text)}.cm-field__control:focus-visible{border-color:var(--cm-color-brand);box-shadow:var(--cm-focus-ring);outline:0}.cm-field__control[aria-invalid=true]{border-color:var(--cm-color-danger)}.cm-field__control:disabled{color:var(--cm-color-text-subtle);background:var(--cm-color-surface-muted);border-color:var(--cm-color-border);cursor:not-allowed;opacity:1}.cm-field__help,.cm-field__error{margin:0;color:var(--cm-color-text-muted);font-size:var(--cm-type-100);line-height:1.45}.cm-field__error{color:var(--cm-color-danger);font-weight:var(--cm-font-weight-semibold)}.cm-select{position:relative}.cm-select .cm-field__control{padding-right:3rem;-webkit-appearance:none;appearance:none}.cm-select>.cm-icon{position:absolute;top:50%;right:var(--cm-space-4);transform:translateY(-50%);pointer-events:none}.cm-choice-group{min-width:0;margin:0;padding:0;border:0}.cm-choice-group legend{margin-bottom:var(--cm-space-3)}.cm-choice{width:fit-content;display:flex;align-items:flex-start;gap:var(--cm-space-3);color:var(--cm-color-text);cursor:pointer}.cm-choice+.cm-choice{margin-top:var(--cm-space-3)}.cm-choice__control{width:1.25rem;height:1.25rem;margin:.125rem 0 0;display:grid;place-items:center;flex:0 0 auto;-webkit-appearance:none;appearance:none;border:var(--cm-border-width) solid var(--cm-color-border-strong);border-radius:.25rem;background:var(--cm-color-surface);cursor:pointer;transition:background-color var(--cm-motion-fast) var(--cm-ease-standard),border-color var(--cm-motion-fast) var(--cm-ease-standard),box-shadow var(--cm-motion-fast) var(--cm-ease-standard)}.cm-choice__control[type=radio]{border-radius:var(--cm-radius-pill)}.cm-choice__control:after{width:.625rem;height:.375rem;content:"";border-bottom:2px solid var(--cm-color-white);border-left:2px solid var(--cm-color-white);opacity:0;transform:translateY(-.0625rem) rotate(-45deg) scale(.7);transition:opacity var(--cm-motion-fast) var(--cm-ease-standard),transform var(--cm-motion-fast) var(--cm-ease-standard)}.cm-choice__control[type=radio]:after{width:.5rem;height:.5rem;border:0;border-radius:var(--cm-radius-pill);background:var(--cm-color-white);transform:scale(.6)}.cm-choice__control:checked{background:var(--cm-color-brand);border-color:var(--cm-color-brand)}.cm-choice__control:checked:after{opacity:1;transform:translateY(-.0625rem) rotate(-45deg) scale(1)}.cm-choice__control[type=radio]:checked:after{transform:scale(1)}.cm-choice__control:focus-visible{border-color:var(--cm-color-brand);box-shadow:var(--cm-focus-ring);outline:0}.cm-choice__control:disabled{background:var(--cm-color-surface-muted);border-color:var(--cm-color-border);cursor:not-allowed}.cm-choice:has(.cm-choice__control:disabled){color:var(--cm-color-text-subtle);cursor:not-allowed}.cm-badge{min-height:1.625rem;padding:.25rem .625rem;display:inline-flex;align-items:center;gap:var(--cm-space-1);border:var(--cm-border-width) solid transparent;border-radius:var(--cm-radius-pill);color:var(--cm-color-white);background:var(--cm-color-brand);font-size:var(--cm-type-100);font-weight:var(--cm-font-weight-bold);letter-spacing:.06em;line-height:1;text-transform:uppercase}.cm-badge--neutral{color:var(--cm-color-text);background:var(--cm-color-surface-muted)}.cm-badge--outline{color:var(--cm-color-text);background:transparent;border-color:var(--cm-color-border-strong)}.cm-badge--success{color:var(--cm-color-success);background:var(--cm-color-success-soft)}.cm-badge--warning{color:var(--cm-color-warning);background:var(--cm-color-warning-soft)}.cm-badge--danger{color:var(--cm-color-danger);background:var(--cm-color-danger-soft)}.cm-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--cm-space-2);color:var(--cm-color-text);line-height:1}.cm-price__current{font-family:var(--cm-font-editorial);font-size:var(--cm-price-size, var(--cm-type-500));font-weight:var(--cm-font-weight-semibold);letter-spacing:-.02em}.cm-price__compare{color:var(--cm-color-text-muted);font-size:var(--cm-type-200)}.cm-price__discount{color:var(--cm-color-brand);font-size:var(--cm-type-100);font-weight:var(--cm-font-weight-bold)}.cm-price--sale .cm-price__current{color:var(--cm-color-brand)}.cm-price--large{--cm-price-size: var(--cm-type-600)}.cm-skeleton{position:relative;overflow:hidden;border-radius:var(--cm-radius-xs);background:var(--cm-color-skeleton)}.cm-skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,transparent,var(--cm-color-skeleton-highlight),transparent);transform:translate(-100%);animation:cm-skeleton 1.5s var(--cm-ease-standard) infinite}.cm-skeleton--text{width:var(--cm-skeleton-width, 100%);height:.75rem}.cm-skeleton--title{width:var(--cm-skeleton-width, 72%);height:2rem}.cm-skeleton--media{width:100%;aspect-ratio:var(--cm-skeleton-ratio, 4 / 3);border-radius:var(--cm-radius-md)}.cm-skeleton-group{display:grid;gap:var(--cm-space-3)}.cm-status{padding:var(--cm-space-4);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--cm-space-3);align-items:start;border:var(--cm-border-width) solid currentColor;border-radius:var(--cm-radius-sm);color:var(--cm-color-info);background:var(--cm-color-info-soft);font-size:var(--cm-type-200)}.cm-status--success{color:var(--cm-color-success);background:var(--cm-color-success-soft)}.cm-status--warning{color:var(--cm-color-warning);background:var(--cm-color-warning-soft)}.cm-status--error{color:var(--cm-color-danger);background:var(--cm-color-danger-soft)}.cm-status__content{min-width:0}.cm-status__title{display:block;font-weight:var(--cm-font-weight-bold)}.cm-status__message{margin-top:var(--cm-space-1);display:block;line-height:1.45}.cm-status__dismiss{min-width:var(--cm-touch-target);min-height:var(--cm-touch-target);margin:calc(var(--cm-space-3) * -1);display:grid;place-items:center;border:0;color:currentColor;background:transparent;cursor:pointer}.cm-media{position:relative;margin:0;display:block;overflow:hidden;border-radius:var(--cm-media-radius, var(--cm-radius-md));background:var(--cm-media-background, var(--cm-color-surface-subtle))}.cm-media--square{aspect-ratio:1}.cm-media--portrait{aspect-ratio:4 / 5}.cm-media--landscape{aspect-ratio:16 / 9}.cm-media__image,.cm-media__placeholder{width:100%;height:100%;display:block;object-fit:var(--cm-media-fit, cover)}.cm-media--contain{--cm-media-fit: contain}.cm-media__placeholder{padding:12%;color:var(--cm-color-text-subtle)}.cm-dialog-backdrop{position:fixed;z-index:var(--cm-z-overlay);top:0;right:0;bottom:0;left:0;background:var(--cm-color-overlay);-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);animation:cm-fade-in var(--cm-motion-base) var(--cm-ease-standard)}.cm-dialog{position:fixed;z-index:var(--cm-z-dialog);top:50%;left:50%;width:min(42rem,calc(100vw - (var(--cm-container-gutter) * 2)));max-height:calc(100vh - (var(--cm-container-gutter) * 2));max-height:min(48rem,calc(100dvh - (var(--cm-container-gutter) * 2)));padding:clamp(1.25rem,4vw,2rem);overflow:auto;transform:translate(-50%,-50%);border:var(--cm-border-width) solid var(--cm-color-border);border-radius:var(--cm-radius-lg);color:var(--cm-color-text);background:var(--cm-color-surface);box-shadow:var(--cm-shadow-lg);overscroll-behavior:contain;animation:cm-dialog-in var(--cm-motion-base) var(--cm-ease-standard)}.cm-dialog--drawer{top:0;right:0;left:auto;width:min(31.25rem,100vw);height:100vh;height:100dvh;max-height:none;transform:none;border-block:0;border-right:0;border-radius:var(--cm-radius-lg) 0 0 var(--cm-radius-lg);animation-name:cm-drawer-in}.cm-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--cm-space-5)}.cm-dialog__title{margin-top:var(--cm-space-2);font-family:var(--cm-font-editorial);font-size:var(--cm-type-600);font-weight:var(--cm-font-weight-medium);letter-spacing:var(--cm-tracking-tight);line-height:var(--cm-leading-tight)}.cm-dialog__body{margin-top:var(--cm-space-6)}.cm-dialog__footer{margin-top:var(--cm-space-6);padding-top:var(--cm-space-5);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--cm-space-3);border-top:var(--cm-border-width) solid var(--cm-color-border)}.cm-ui-kit-section,.cm-ui-kit{background:var(--cm-color-canvas, #ffffff)}.cm-ui-kit{min-width:0;padding-block:var(--cm-section-space)}.cm-ui-kit__header{padding-bottom:var(--cm-space-8);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);gap:var(--cm-space-7);align-items:end;border-bottom:var(--cm-border-width) solid var(--cm-color-border)}.cm-ui-kit__header-copy{display:grid;gap:var(--cm-space-4)}.cm-ui-kit__meta{padding:var(--cm-space-5);display:grid;gap:var(--cm-space-3);border-radius:var(--cm-radius-md);color:var(--cm-color-text-inverse);background:var(--cm-color-surface-inverse)}.cm-ui-kit__meta p{color:color-mix(in srgb,currentColor 72%,transparent);font-size:var(--cm-type-200)}.cm-ui-kit__section{padding-block:var(--cm-space-8);display:grid;grid-template-columns:minmax(11rem,.28fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);border-bottom:var(--cm-border-width) solid var(--cm-color-border)}.cm-ui-kit__section-header{display:grid;align-content:start;gap:var(--cm-space-3)}.cm-ui-kit__section-header p{color:var(--cm-color-text-muted);font-size:var(--cm-type-200)}.cm-ui-kit__examples{min-width:0;display:grid;gap:var(--cm-space-6)}.cm-ui-kit__example{min-width:0;padding:var(--cm-space-5);display:grid;gap:var(--cm-space-4);border:var(--cm-border-width) solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-surface)}.cm-ui-kit__example--inverse{color:var(--cm-color-text-inverse);background:var(--cm-color-surface-inverse);border-color:var(--cm-color-border-inverse)}.cm-ui-kit__label{color:var(--cm-color-text-muted);font-size:var(--cm-type-100);font-weight:var(--cm-font-weight-bold);letter-spacing:var(--cm-tracking-wide);text-transform:uppercase}.cm-ui-kit__example--inverse .cm-ui-kit__label{color:currentColor;opacity:.7}.cm-ui-kit__form-grid,.cm-ui-kit__status-grid,.cm-ui-kit__media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cm-space-5)}.cm-ui-kit__precision{padding:clamp(1.5rem,4vw,3rem);display:grid;gap:var(--cm-space-5);border:var(--cm-border-width) solid var(--cm-color-border);border-radius:var(--cm-radius-md);color:var(--cm-color-text);background:var(--cm-color-surface)}.cm-ui-kit__precision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cm-space-3)}.cm-ui-kit__precision-cell{padding:var(--cm-space-4);display:grid;gap:var(--cm-space-2);border:var(--cm-border-width) solid var(--cm-color-border);background:var(--cm-color-surface-subtle)}.cm-ui-kit__precision-cell span{color:var(--cm-color-text-muted);font-size:var(--cm-type-100);letter-spacing:var(--cm-tracking-wide);text-transform:uppercase}@keyframes cm-spin{to{transform:rotate(1turn)}}@keyframes cm-skeleton{to{transform:translate(100%)}}@keyframes cm-fade-in{0%{opacity:0}}@keyframes cm-dialog-in{0%{opacity:0;transform:translate(-50%,calc(-50% - 1rem))}}@keyframes cm-drawer-in{0%{transform:translate(100%)}}@media(hover:hover){.cm-button:hover{transform:translateY(-1px)}.cm-button:active{transform:translateY(1px)}}@media(max-width:47.999rem){.cm-dialog{width:calc(100vw - (var(--cm-container-gutter) * 2));max-height:calc(100vh - (var(--cm-container-gutter) * 2));max-height:calc(100dvh - (var(--cm-container-gutter) * 2));border-radius:var(--cm-radius-md)}.cm-dialog--drawer{width:100vw;max-height:none;border-left:0;border-radius:0}.cm-dialog__footer{align-items:stretch;flex-direction:column-reverse}.cm-dialog__footer .cm-button{width:100%}.cm-ui-kit__header,.cm-ui-kit__section{grid-template-columns:minmax(0,1fr)}.cm-ui-kit__section{gap:var(--cm-space-6)}.cm-ui-kit__form-grid,.cm-ui-kit__status-grid,.cm-ui-kit__media-grid,.cm-ui-kit__precision-grid{grid-template-columns:minmax(0,1fr)}}@media(pointer:coarse){.cm-button--small{min-height:var(--cm-touch-target)}}@media(prefers-reduced-motion:reduce){.cm-button[aria-busy=true]:before,.cm-skeleton:after{animation:none}.cm-skeleton:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cm-components.css.map */