.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--control-h-md);padding-inline:24px;font-family:var(--font-body);font-size:var(--fs-button);font-weight:var(--fw-semibold);letter-spacing:var(--ls-button);text-transform:uppercase;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-control);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),filter var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard)}.cc-btn:active:not(:disabled),.cc-btn[aria-busy=true]{transform:scale(var(--press-scale))}.cc-btn:disabled,.cc-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.cc-btn--sm{height:var(--control-h-sm);padding-inline:16px;font-size:12px}.cc-btn--lg{height:var(--control-h-lg);padding-inline:40px;font-size:16px}.cc-btn--full{width:100%}.cc-btn--primary{background:var(--cc-steel);color:var(--cc-white);border-color:var(--cc-steel-200);box-shadow:var(--inset-rim),var(--shadow-sm)}.cc-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.cc-btn--chrome{background:var(--cc-grad-chrome);color:var(--cc-navy);border-color:var(--cc-silver-bright);box-shadow:var(--shadow-sm)}.cc-btn--chrome:hover:not(:disabled){filter:brightness(1.06)}.cc-btn--secondary{background:transparent;color:var(--cc-silver-bright);border-color:var(--cc-steel)}.cc-btn--secondary:hover:not(:disabled){background:#1e3a6a59;border-color:var(--cc-steel-200)}.cc-btn--ghost{background:transparent;color:var(--cc-silver-chrome);border-color:transparent}.cc-btn--ghost:hover:not(:disabled){background:#b8c4de14;color:var(--cc-white)}.cc-btn--danger{background:var(--status-danger);color:var(--cc-white);border-color:#fff3;box-shadow:var(--inset-rim)}.cc-btn--danger:hover:not(:disabled){filter:brightness(1.1)}.cc-btn--glow{box-shadow:var(--inset-rim),var(--shadow-glow)}.cc-iconbtn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--control-h-md);height:var(--control-h-md);background:#0f1b3d99;color:var(--cc-silver-bright);border:1px solid var(--border-subtle);border-radius:var(--radius-control);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.cc-iconbtn:hover:not(:disabled){background:#1e3a6a73;color:var(--cc-white);border-color:var(--cc-steel)}.cc-iconbtn:disabled{opacity:.4;cursor:not-allowed}.cc-iconbtn--sm{width:32px;height:32px}.cc-iconbtn--lg{width:var(--control-h-lg);height:var(--control-h-lg)}.cc-iconbtn--solid{background:var(--cc-steel);color:var(--cc-white);border-color:var(--cc-steel-200)}.cc-iconbtn--solid:hover:not(:disabled){background:var(--accent-hover)}.cc-iconbtn--ghost{background:transparent;color:var(--cc-silver-chrome);border-color:transparent}.cc-iconbtn--outline{background:transparent;border-color:var(--border-subtle)}.cc-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-family:var(--font-body);font-size:12px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-caption);text-transform:uppercase;line-height:1;border:1px solid var(--cc-steel);border-radius:var(--radius-sm);background:#1e3a6a8c;color:var(--cc-silver-bright)}.cc-badge--sm{padding:3px 8px;font-size:10px;letter-spacing:var(--ls-button)}.cc-badge--chrome{background:var(--cc-grad-chrome);color:var(--cc-navy);border-color:var(--cc-silver-bright)}.cc-badge--scent{background:color-mix(in srgb,var(--scent-mid) 24%,transparent);color:var(--scent-light);border-color:var(--scent-mid)}.cc-badge--success{background:#4fa37a29;color:var(--status-success-text);border-color:#4fa37a8c}.cc-badge--danger{background:#c2453c2e;color:var(--status-danger-text);border-color:#c2453c99}.cc-badge--outline{background:transparent;color:var(--cc-silver-chrome);border-color:var(--border-subtle)}.cc-tag{display:inline-flex;align-items:center;gap:8px;height:34px;padding-inline:14px;font-family:var(--font-body);font-size:12px;font-weight:var(--fw-medium);letter-spacing:var(--ls-button);text-transform:uppercase;background:transparent;color:var(--cc-silver-chrome);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.cc-tag:hover{background:#1e3a6a66;color:var(--cc-white)}.cc-tag[aria-current=true],.cc-tag--selected{background:var(--cc-silver-bright);color:var(--cc-navy);border-color:var(--cc-silver-bright)}.cc-tag:focus-visible{box-shadow:var(--focus-ring)}input:checked+.cc-tag{background:var(--cc-silver-bright);color:var(--cc-navy);border-color:var(--cc-silver-bright)}input:focus-visible+.cc-tag{box-shadow:var(--focus-ring)}.cc-tag__dot{width:8px;height:8px;border-radius:50%;background:var(--cc-swatch, var(--cc-steel-200));flex:0 0 auto}.cc-card{position:relative;padding:var(--space-5);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);transition:transform var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.cc-card--raised{background:var(--surface-raised);border-color:var(--cc-steel);box-shadow:var(--shadow-md),var(--inset-rim)}.cc-card--outline{background:transparent;border-color:var(--cc-steel)}.cc-card--foliage{background:linear-gradient(#0a0e1ac7,#0a0e1aeb)}.cc-card--flush{padding:0}.cc-card--interactive:hover{transform:translateY(var(--hover-lift));border-color:var(--cc-steel-200);box-shadow:var(--shadow-lg)}.cc-product-card{display:flex;flex-direction:column;overflow:hidden;padding:0;color:inherit}.cc-product-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--cc-navy-900)}.cc-product-card__media img{width:100%;height:100%;object-fit:cover}.cc-product-card__badge{position:absolute;top:12px;left:12px;z-index:1}.cc-product-card__body{display:flex;flex-direction:column;gap:10px;padding:var(--space-5)}.cc-product-card__title{font-family:var(--font-display);font-size:24px;font-weight:var(--fw-semibold);letter-spacing:.5px;line-height:1.15;color:var(--text-display)}.cc-product-card--sold-out .cc-product-card__media img{filter:saturate(.55)}.cc-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.cc-price__current{font-family:var(--font-display);font-size:22px;font-weight:var(--fw-semibold);letter-spacing:.5px;color:var(--text-display)}.cc-price__compare{font-family:var(--font-body);font-size:15px;color:var(--text-faint);text-decoration:line-through}.cc-price__note{font-family:var(--font-body);font-size:12px;letter-spacing:var(--ls-button);color:var(--text-faint)}.cc-price--lg .cc-price__current{font-size:36px}.cc-price--lg .cc-price__compare{font-size:20px}.cc-price--sm .cc-price__current{font-size:16px}.cc-price--sm .cc-price__compare{font-size:13px}.cc-scents{display:flex;flex-wrap:wrap;gap:var(--space-3)}.cc-scents__item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-control);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.cc-scents__item:hover{border-color:var(--cc-swatch)}.cc-scents__input:checked+.cc-scents__item{background:color-mix(in srgb,var(--cc-swatch) 22%,transparent);border-color:var(--cc-swatch)}.cc-scents__input:focus-visible+.cc-scents__item{box-shadow:var(--focus-ring)}.cc-scents__input:disabled+.cc-scents__item{opacity:.4;cursor:not-allowed}.cc-scents__dot{width:14px;height:14px;flex:0 0 auto;border-radius:50%;background:var(--cc-swatch);transition:box-shadow var(--dur-fast) var(--ease-standard)}.cc-scents__input:checked+.cc-scents__item .cc-scents__dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-swatch) 35%,transparent)}.cc-scents__text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.cc-scents__name{font-family:var(--font-body);font-size:12px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-button);text-transform:uppercase;color:var(--text-muted)}.cc-scents__input:checked+.cc-scents__item .cc-scents__name{color:var(--scent-light)}.cc-scents__animal{font-family:var(--font-body);font-size:11px;color:var(--text-faint)}.cc-qty{display:inline-flex;align-items:center;border:1px solid var(--cc-steel);border-radius:var(--radius-control);background:var(--cc-navy-900);overflow:hidden}.cc-qty[aria-busy=true]{opacity:.55;pointer-events:none}.cc-qty__btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:42px;background:transparent;color:var(--cc-silver-chrome);border:0;border-radius:0;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.cc-qty__btn:hover{background:#1e3a6a73;color:var(--cc-white)}.cc-qty__input{width:44px;height:42px;padding:0;text-align:center;background:transparent;border:0;outline:none;color:var(--text-body);font-family:var(--font-body);font-size:15px;font-weight:var(--fw-semibold);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.cc-qty__input::-webkit-outer-spin-button,.cc-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cc-heading{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.cc-heading--center{align-items:center;text-align:center}.cc-heading__subtitle{max-width:560px}.cc-heading--center .cc-heading__subtitle{margin-inline:auto}.cc-heading-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-block-end:22px}.cc-belt{display:flex;align-items:center;gap:var(--space-5);width:100%}.cc-belt:before,.cc-belt:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--cc-steel))}.cc-belt:after{background:linear-gradient(270deg,transparent,var(--cc-steel))}.cc-belt__art{height:44px;object-fit:contain}.cc-belt__label{font-family:var(--font-body);font-size:12px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-caption);text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.cc-field{display:flex;flex-direction:column;gap:8px;width:100%}.cc-field__label{font-family:var(--font-body);font-size:12px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-button);text-transform:uppercase;color:var(--text-muted)}.cc-input,.cc-select,.cc-textarea{width:100%;height:var(--control-h-md);padding-inline:14px;background:var(--cc-navy-900);color:var(--text-body);font-family:var(--font-body);font-size:15px;border:1px solid var(--cc-steel);border-radius:var(--radius-control);outline:none;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.cc-textarea{height:auto;min-height:132px;padding-block:12px;resize:vertical}.cc-input:focus,.cc-select:focus,.cc-textarea:focus{border-color:var(--cc-silver-chrome);box-shadow:var(--focus-ring)}.cc-input::placeholder,.cc-textarea::placeholder{color:var(--text-faint)}.cc-input[aria-invalid=true],.cc-textarea[aria-invalid=true]{border-color:var(--status-danger)}.cc-field__hint{font-family:var(--font-body);font-size:12px;color:var(--text-faint)}.cc-field__error{font-family:var(--font-body);font-size:12px;color:var(--status-danger-text)}.cc-select-wrap{position:relative;display:block;width:100%}.cc-select{-webkit-appearance:none;appearance:none;padding-inline-end:40px}.cc-select option{background:var(--cc-navy);color:var(--text-body)}.cc-select-wrap__chevron{position:absolute;top:50%;right:14px;translate:0 -50%;pointer-events:none;color:var(--text-muted)}.cc-toast-region{position:fixed;bottom:var(--space-5);left:50%;translate:-50% 0;z-index:120;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.cc-toast{display:flex;align-items:flex-start;gap:14px;min-width:320px;max-width:min(420px,calc(100vw - 2 * var(--gutter-inline)));padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--cc-steel);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);pointer-events:auto;opacity:0;translate:0 8px;transition:opacity var(--dur-base) var(--ease-standard),translate var(--dur-base) var(--ease-standard)}.cc-toast--visible{opacity:1;translate:0 0}.cc-toast--danger{border-color:#c2453c99}.cc-toast--success{border-color:#4fa37a99}.cc-toast:before{content:"";width:3px;align-self:stretch;flex:0 0 auto;background:var(--cc-silver-chrome)}.cc-toast--danger:before{background:var(--status-danger)}.cc-toast--success:before{background:var(--status-success)}.cc-toast__body{flex:1;display:flex;flex-direction:column;gap:4px}.cc-toast__title{font-family:var(--font-body);font-size:13px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-button);text-transform:uppercase;color:var(--text-display)}.cc-toast__message{font-family:var(--font-body);font-size:14px;color:var(--text-muted)}.cc-dialog{padding:0;border:0;background:transparent;max-width:none;max-height:none;color:var(--text-body)}.cc-dialog::backdrop{background:var(--surface-overlay);-webkit-backdrop-filter:var(--overlay-blur);backdrop-filter:var(--overlay-blur)}.cc-drawer-dialog{position:fixed;inset:0 0 0 auto;width:min(440px,100vw);height:auto;max-width:none;max-height:none;margin:0}.cc-drawer-dialog[open]{animation:cc-slide-in var(--dur-base) var(--ease-standard)}@keyframes cc-slide-in{0%{translate:100% 0}to{translate:0 0}}.cc-drawer{display:flex;flex-direction:column;height:100%;background:var(--surface-page);border-inline-start:1px solid var(--cc-steel);box-shadow:var(--shadow-lg)}.cc-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-block-end:1px solid var(--border-subtle)}.cc-drawer__title{font-family:var(--font-display);font-size:24px;font-weight:var(--fw-semibold);letter-spacing:.5px;color:var(--text-display)}.cc-drawer__body{flex:1;overflow-y:auto;padding:var(--space-5)}.cc-drawer__foot{padding:var(--space-5);border-block-start:1px solid var(--border-subtle);background:var(--surface-sunken)}.cc-modal-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(520px,calc(100vw - 2 * var(--gutter-inline)));height:fit-content;max-height:calc(100vh - 2 * var(--gutter-inline));margin:auto}.cc-modal{background:var(--surface-card);border:1px solid var(--cc-steel);border-radius:var(--radius-card);box-shadow:var(--shadow-lg),var(--inset-rim)}body:has(dialog[open]){overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cc-components.css.map */