:root{--c-color-page: var(--theme-color-background, #f7f2e9);--c-color-section: #eee5d8;--c-color-surface: var(--theme-color-surface, #fffdf9);--c-color-surface-dark: #2d241e;--c-color-text: var(--theme-color-foreground, #2d241e);--c-color-text-secondary: #5e5148;--c-color-text-muted: var(--theme-color-muted, #6f6258);--c-color-border: var(--theme-color-border, #d6c9b8);--c-color-cork: #8d5633;--c-color-sand: #d9c29c;--c-color-clay: #a85f49;--c-color-olive: var(--theme-color-green, #667258);--c-color-action: var(--theme-color-accent, #b94b1a);--c-color-action-hover: var(--theme-color-accent-deep, #963b13);--c-color-success: #2f6b4f;--c-color-warning: #8a5900;--c-color-error: #a13c34;--c-color-sold: #675d55;--c-color-focus: #116f78;--c-color-on-dark: #fffaf2;--c-color-on-action: #ffffff;--c-color-box-open: #d9e4d3;--c-color-box-building: #e5cd98;--c-color-box-almost: #dd9e6b;--c-color-box-ready: #76936b;--color-background: var(--c-color-page);--color-surface: var(--c-color-surface);--color-foreground: var(--c-color-text);--color-muted: var(--c-color-text-muted);--color-accent: var(--c-color-action);--color-accent-deep: var(--c-color-action-hover);--color-green: var(--c-color-olive);--color-border: var(--c-color-border);--archive-ink: var(--c-color-surface-dark);--archive-panel: var(--c-color-surface);--archive-coral: var(--c-color-clay);--archive-cyan: var(--c-color-focus);--archive-grid: transparent;--c-font-display: var(--font-heading);--c-font-interface: var(--font-body);--c-type-display-size: clamp(3rem, 7vw, 6.75rem);--c-type-display-line: .94;--c-type-display-tracking: -.045em;--c-type-section-size: clamp(2.25rem, 4.5vw, 4.75rem);--c-type-section-line: 1;--c-type-card-size: clamp(1.25rem, 2vw, 1.65rem);--c-type-card-line: 1.15;--c-type-body-large-size: clamp(1.125rem, 1.5vw, 1.35rem);--c-type-body-large-line: 1.6;--c-type-body-size: 1rem;--c-type-body-line: 1.65;--c-type-small-size: .875rem;--c-type-small-line: 1.55;--c-type-label-size: .75rem;--c-type-label-line: 1.2;--c-type-label-tracking: .095em;--c-type-button-size: .8125rem;--c-type-button-tracking: .075em;--c-type-price-size: 1.0625rem;--c-type-measurement-size: .8125rem;--c-type-badge-size: .6875rem;--c-width-page: 96rem;--c-width-content: 78rem;--c-width-reading: 44rem;--c-gutter: clamp(1rem, 3vw, 2.5rem);--c-section-space: clamp(4.5rem, 9vw, 8.5rem);--c-section-space-compact: clamp(3rem, 6vw, 5rem);--c-grid-gap: clamp(1rem, 2vw, 1.75rem);--c-space-1: .25rem;--c-space-2: .5rem;--c-space-3: .75rem;--c-space-4: 1rem;--c-space-5: 1.5rem;--c-space-6: 2rem;--c-space-7: 3rem;--c-space-8: 4rem;--c-radius-xs: .25rem;--c-radius-sm: .5rem;--c-radius-md: .875rem;--c-radius-lg: 1.375rem;--c-radius-pill: 999px;--c-border-thin: 1px;--c-border-strong: 2px;--c-shadow-sm: 0 .125rem .5rem rgba(60, 42, 28, .08);--c-shadow-md: 0 .75rem 2rem rgba(60, 42, 28, .12);--c-shadow-lg: 0 1.5rem 4rem rgba(60, 42, 28, .16);--c-duration-fast: .14s;--c-duration-standard: .22s;--c-duration-slow: .36s;--c-ease-standard: cubic-bezier(.2, .7, .2, 1);--c-focus-ring: 0 0 0 3px var(--c-color-page), 0 0 0 6px var(--c-color-focus);--c-touch-target: 2.75rem;--c-z-base: 1;--c-z-header: 20;--c-z-drawer: 50;--c-z-modal: 60;--c-z-toast: 70;--c-breakpoint-mobile: 35rem;--c-breakpoint-tablet: 53.75rem;--c-breakpoint-desktop: 75rem;--c-breakpoint-wide: 90rem}html{color-scheme:light;background:var(--c-color-page)}body{overflow-x:clip;color:var(--c-color-text);background:var(--c-color-page);font-family:var(--c-font-interface);font-size:var(--c-type-body-size);line-height:var(--c-type-body-line);letter-spacing:0}::selection{color:var(--c-color-on-dark);background:var(--c-color-cork)}:where(a,button,input,select,textarea,summary):focus-visible{outline:0;box-shadow:var(--c-focus-ring)}:where(button,[role=button],summary){-webkit-tap-highlight-color:transparent}:where(button,input,select,textarea){border-radius:var(--c-radius-sm)}:where(button,input,select,textarea):disabled,[aria-disabled=true]{cursor:not-allowed}.c-visually-hidden,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.c-page-container{width:min(var(--c-width-page),calc(100% - (var(--c-gutter) * 2)));margin-inline:auto}.c-page-container--content{width:min(var(--c-width-content),calc(100% - (var(--c-gutter) * 2)))}.c-page-container--reading{width:min(var(--c-width-reading),calc(100% - (var(--c-gutter) * 2)))}.c-section{padding-block:var(--c-section-space);color:var(--c-color-text);background:var(--c-color-page)}.c-section--compact{padding-block:var(--c-section-space-compact)}.c-section--alternate{background:var(--c-color-section)}.c-section--dark{color:var(--c-color-on-dark);background:var(--c-color-surface-dark)}.c-section-header{max-width:var(--c-width-content);margin-bottom:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.48fr);gap:var(--c-grid-gap);align-items:end}.c-section-header--center{max-width:52rem;margin-inline:auto;text-align:center;grid-template-columns:1fr}.c-section-header__copy{max-width:var(--c-width-reading);color:var(--c-color-text-secondary);font-size:var(--c-type-body-large-size);line-height:var(--c-type-body-large-line)}.c-editorial-heading{max-width:15ch;margin:var(--c-space-3) 0 0;color:inherit;font-family:var(--c-font-display);font-size:var(--c-type-display-size);font-weight:400;line-height:var(--c-type-display-line);letter-spacing:var(--c-type-display-tracking);text-wrap:balance}.c-editorial-heading--section{font-size:var(--c-type-section-size);line-height:var(--c-type-section-line)}.c-eyebrow,.eyebrow{margin:0;color:var(--c-color-cork);font-family:var(--c-font-interface);font-size:var(--c-type-label-size);font-weight:700;line-height:var(--c-type-label-line);letter-spacing:var(--c-type-label-tracking);text-transform:uppercase}.c-body-large{font-size:var(--c-type-body-large-size);line-height:var(--c-type-body-large-line)}.c-body-small{font-size:var(--c-type-small-size);line-height:var(--c-type-small-line)}.c-measurement{font-size:var(--c-type-measurement-size);font-variant-numeric:tabular-nums;letter-spacing:.015em}.c-price{font-size:var(--c-type-price-size);font-weight:700;font-variant-numeric:tabular-nums}:is(.collection-header,.cart-page,.product-detail) h1{font-family:var(--c-font-display);font-size:var(--c-type-display-size);font-weight:400;line-height:var(--c-type-display-line);letter-spacing:var(--c-type-display-tracking);text-transform:none;text-wrap:balance}.c-button,.button,.add-this-piece,.standard-product-link,.standard-product-form button,.prebuilt-product-form button,.cart-page>a,.cart-page>button{min-height:var(--c-touch-target);padding:.8rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--c-space-3);border:var(--c-border-thin) solid transparent;border-radius:var(--c-radius-sm);font-family:var(--c-font-interface);font-size:var(--c-type-button-size);font-weight:750;line-height:1;letter-spacing:var(--c-type-button-tracking);text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:color var(--c-duration-fast) var(--c-ease-standard),background-color var(--c-duration-fast) var(--c-ease-standard),border-color var(--c-duration-fast) var(--c-ease-standard),box-shadow var(--c-duration-fast) var(--c-ease-standard),transform var(--c-duration-fast) var(--c-ease-standard);clip-path:none}.c-button--primary,.button--primary,.add-this-piece,.standard-product-form button,.prebuilt-product-form button,.cart-page>a,.cart-page>button{color:var(--c-color-on-action);background:var(--c-color-action);border-color:var(--c-color-action)}.c-button--primary:hover,.button--primary:hover,.add-this-piece:hover:not(:disabled),.standard-product-form button:hover:not(:disabled),.prebuilt-product-form button:hover:not(:disabled),.cart-page>a:hover,.cart-page>button:hover:not(:disabled){color:var(--c-color-on-action);background:var(--c-color-action-hover);border-color:var(--c-color-action-hover)}.c-button--secondary,.button--secondary,.standard-product-link{color:var(--c-color-text);background:transparent;border-color:var(--c-color-text)}.c-section--dark :is(.c-button--secondary,.button--secondary){color:var(--c-color-on-dark);border-color:var(--c-color-on-dark)}.c-button--secondary:hover,.button--secondary:hover,.standard-product-link:hover{color:var(--c-color-action-hover);background:var(--c-color-surface);border-color:var(--c-color-action-hover)}.c-button--text,.text-link{min-height:var(--c-touch-target);padding:var(--c-space-2) 0;display:inline-flex;align-items:center;gap:var(--c-space-2);color:var(--c-color-action-hover);background:transparent;border:0;border-bottom:var(--c-border-thin) solid currentcolor;border-radius:0;font-size:var(--c-type-button-size);font-weight:700;letter-spacing:var(--c-type-button-tracking);text-decoration:none;text-transform:uppercase;cursor:pointer}.c-button--text:hover,.text-link:hover{color:var(--c-color-cork)}.c-button:active,.button:active,.add-this-piece:active:not(:disabled),.standard-product-link:active{transform:translateY(1px)}.c-button:disabled,.c-button[aria-disabled=true],.button:disabled,.add-this-piece:disabled,.standard-product-form button:disabled,.prebuilt-product-form button:disabled{color:var(--c-color-sold);background:var(--c-color-section);border-color:var(--c-color-border);opacity:1}.c-button[aria-busy=true]{position:relative}.c-button[aria-busy=true]:before{content:"";width:.9rem;height:.9rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;animation:c-spin .7s linear infinite}.c-button--block{width:100%}.c-icon-button{width:var(--c-touch-target);min-width:var(--c-touch-target);height:var(--c-touch-target);padding:0;display:inline-grid;place-items:center;color:var(--c-color-text);background:var(--c-color-surface);border:var(--c-border-thin) solid var(--c-color-border);border-radius:var(--c-radius-pill);cursor:pointer}.c-icon-button:hover{color:var(--c-color-action-hover);border-color:var(--c-color-action-hover)}.c-pill,.c-tag,.c-badge,.one-of-one{min-height:1.75rem;padding:.35rem .65rem;display:inline-flex;align-items:center;width:fit-content;border-radius:var(--c-radius-pill);font-family:var(--c-font-interface);font-size:var(--c-type-badge-size);font-weight:750;line-height:1;letter-spacing:.065em;text-transform:uppercase}.c-pill{color:var(--c-color-text-secondary);background:var(--c-color-section);border:var(--c-border-thin) solid var(--c-color-border)}.c-tag{color:var(--c-color-cork);background:transparent;border:var(--c-border-thin) solid currentcolor}.c-badge,.one-of-one{color:var(--c-color-on-dark);background:var(--c-color-cork)}.c-badge--success{background:var(--c-color-success)}.c-badge--warning{color:var(--c-color-text);background:var(--c-color-box-building)}.c-badge--error{background:var(--c-color-error)}.c-badge--sold{background:var(--c-color-sold)}.c-card,.c-choice-card,.c-product-card-shell,.cork-product-card,.prebuilt-card,.piece-card{color:var(--c-color-text);background:var(--c-color-surface);border:var(--c-border-thin) solid var(--c-color-border);border-radius:var(--c-radius-md);box-shadow:var(--c-shadow-sm);clip-path:none}.c-card{padding:clamp(1.25rem,3vw,2rem)}.c-card--elevated{box-shadow:var(--c-shadow-md)}.c-card__title,.c-product-card-shell h2,.cork-product-card h2,.prebuilt-card h2{font-family:var(--c-font-display);font-size:var(--c-type-card-size);font-weight:400;line-height:var(--c-type-card-line)}.c-choice-card{position:relative;min-height:100%;padding:var(--c-space-5);display:grid;gap:var(--c-space-3);cursor:pointer;transition:border-color var(--c-duration-fast) var(--c-ease-standard),box-shadow var(--c-duration-fast) var(--c-ease-standard),transform var(--c-duration-fast) var(--c-ease-standard)}.c-choice-card:hover{border-color:var(--c-color-cork);transform:translateY(-2px)}.c-choice-card:has(input:checked){border-color:var(--c-color-action);box-shadow:0 0 0 2px var(--c-color-action)}.c-choice-card:has(input:focus-visible){box-shadow:var(--c-focus-ring)}.c-choice-card input{position:absolute;opacity:0}.c-choice-card__title{font-weight:750}.c-choice-card__copy{color:var(--c-color-text-secondary);font-size:var(--c-type-small-size)}.c-product-card-shell,.cork-product-card,.prebuilt-card,.piece-card{overflow:hidden;transition:border-color var(--c-duration-standard) var(--c-ease-standard),box-shadow var(--c-duration-standard) var(--c-ease-standard),transform var(--c-duration-standard) var(--c-ease-standard)}.c-product-card-shell:hover,.cork-product-card:hover,.prebuilt-card:hover,.piece-card:hover{border-color:var(--c-color-sand);box-shadow:var(--c-shadow-md);transform:translateY(-3px)}.c-image-frame,.cork-product-card__media,.prebuilt-card__media{position:relative;overflow:hidden;display:grid;place-items:center;color:var(--c-color-text-muted);background:var(--c-color-section);border-radius:calc(var(--c-radius-md) - var(--c-border-thin))}.c-image-frame{aspect-ratio:4 / 3}.c-image-frame--portrait{aspect-ratio:4 / 5}.c-image-frame img,.cork-product-card__media img,.prebuilt-card__media img{width:100%;height:100%;object-fit:cover}.c-image-frame__placeholder{max-width:16ch;padding:var(--c-space-5);text-align:center;font-size:var(--c-type-small-size)}.c-divider{width:100%;height:var(--c-border-thin);margin-block:var(--c-space-6);background:var(--c-color-border);border:0}.c-progress{display:grid;gap:var(--c-space-2)}.c-progress__labels{display:flex;justify-content:space-between;gap:var(--c-space-4);color:var(--c-color-text-secondary);font-size:var(--c-type-small-size)}.c-progress__track{height:.75rem;overflow:hidden;background:var(--c-color-section);border:var(--c-border-thin) solid var(--c-color-border);border-radius:var(--c-radius-pill)}.c-progress__fill{width:var(--c-progress-value, 0%);height:100%;display:block;background:var(--c-color-box-open);border-radius:inherit;transition:width var(--c-duration-slow) var(--c-ease-standard)}.c-progress[data-state=building] .c-progress__fill{background:var(--c-color-box-building)}.c-progress[data-state=almost] .c-progress__fill{background:var(--c-color-box-almost)}.c-progress[data-state=ready] .c-progress__fill{background:var(--c-color-box-ready)}.c-skeleton{position:relative;overflow:hidden;min-height:1rem;background:var(--c-color-section);border-radius:var(--c-radius-xs)}.c-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff6b;transform:translate(-100%);animation:c-skeleton 1.4s ease-in-out infinite}.c-skeleton--image{min-height:14rem;border-radius:var(--c-radius-md)}.c-skeleton--heading{width:min(70%,22rem);min-height:1.6rem}.c-skeleton--copy{width:min(92%,32rem)}.c-state{max-width:42rem;padding:clamp(1.5rem,4vw,3rem);display:grid;justify-items:start;gap:var(--c-space-4);color:var(--c-color-text);background:var(--c-color-surface);border:var(--c-border-thin) solid var(--c-color-border);border-radius:var(--c-radius-md)}.c-state__icon{width:2.5rem;height:2.5rem;display:grid;place-items:center;color:var(--c-color-cork);background:var(--c-color-section);border-radius:var(--c-radius-pill);font-weight:800}.c-state--error{border-color:color-mix(in srgb,var(--c-color-error) 45%,var(--c-color-border))}.c-state--error .c-state__icon{color:var(--c-color-on-dark);background:var(--c-color-error)}.c-state h2,.c-state h3{font-family:var(--c-font-display);font-size:var(--c-type-card-size);font-weight:400}.c-state p{color:var(--c-color-text-secondary)}.c-dialog{width:min(38rem,calc(100% - (var(--c-gutter) * 2)));max-height:min(46rem,calc(100dvh - (var(--c-gutter) * 2)));padding:0;color:var(--c-color-text);background:var(--c-color-surface);border:var(--c-border-thin) solid var(--c-color-border);border-radius:var(--c-radius-lg);box-shadow:var(--c-shadow-lg)}.c-dialog::backdrop{background:#2d241ea3}.c-dialog__header{min-height:4.5rem;padding:var(--c-space-4) var(--c-space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--c-space-4);border-bottom:var(--c-border-thin) solid var(--c-color-border)}.c-dialog__title{font-family:var(--c-font-display);font-size:var(--c-type-card-size);font-weight:400}.c-dialog__body{padding:var(--c-space-5);overflow:auto}.c-dialog__footer{padding:var(--c-space-4) var(--c-space-5);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--c-space-3);border-top:var(--c-border-thin) solid var(--c-color-border)}.c-drawer{width:min(31rem,100%);max-width:100%;height:100dvh;max-height:none;margin:0 0 0 auto;border-radius:var(--c-radius-lg) 0 0 var(--c-radius-lg)}.c-dialog[open]{animation:c-dialog-in var(--c-duration-standard) var(--c-ease-standard)}.c-drawer[open]{animation-name:c-drawer-in}.c-toast{position:fixed;right:var(--c-gutter);bottom:var(--c-gutter);z-index:var(--c-z-toast);width:min(24rem,calc(100% - (var(--c-gutter) * 2)));padding:var(--c-space-4) var(--c-space-5);color:var(--c-color-on-dark);background:var(--c-color-surface-dark);border-radius:var(--c-radius-sm);box-shadow:var(--c-shadow-lg);transform:translateY(calc(100% + var(--c-gutter)));opacity:0;pointer-events:none;transition:transform var(--c-duration-standard) var(--c-ease-standard),opacity var(--c-duration-standard) var(--c-ease-standard)}.c-toast.is-visible{transform:translateY(0);opacity:1}@keyframes c-spin{to{transform:rotate(1turn)}}@keyframes c-skeleton{50%,to{transform:translate(100%)}}@keyframes c-dialog-in{0%{opacity:0;transform:translateY(.75rem) scale(.985)}}@keyframes c-drawer-in{0%{opacity:0;transform:translate(1rem)}}@media(max-width:53.75rem){.c-section-header{grid-template-columns:1fr}.c-section-header__copy{font-size:var(--c-type-body-size)}.c-dialog__footer{flex-direction:column-reverse}.c-dialog__footer .c-button{width:100%}}@media(max-width:35rem){:root{--c-section-space: 4rem;--c-section-space-compact: 2.75rem;--c-grid-gap: .875rem}.c-editorial-heading{font-size:clamp(2.65rem,14vw,4.25rem)}.c-button,.button,.add-this-piece,.standard-product-link,.standard-product-form button,.prebuilt-product-form button{width:100%}.c-drawer{width:100%;border-radius:0}}@media(prefers-reduced-motion:reduce){:root{--c-duration-fast: .01ms;--c-duration-standard: .01ms;--c-duration-slow: .01ms}html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/corkopia-design-system.css.map */