.style-guide{--sg-padding: var(--space-xl);--sg-bg: var(--brand-linen);--sg-text: var(--brand-charcoal);--sg-border: var(--brand-khaki);--sg-accent: var(--brand-pink-chicken);padding:var(--sg-padding) var(--space-md);background:var(--sg-bg);color:var(--sg-text);border-block-start:4px solid var(--sg-accent);font-family:var(--FONT-STACK-BODY)}.style-guide__inner{max-width:1200px;margin-inline:auto}.style-guide__header{margin-block-end:var(--space-2xl);text-align:center}.style-guide__title{font-family:var(--FONT-STACK-HEADING);font-size:42px;font-weight:400;margin:0 0 var(--space-2xs)}.style-guide__subtitle{font-size:14px;opacity:.7;margin:0}.style-guide__section{margin-block-end:var(--space-2xl);padding-block-end:var(--space-2xl);border-block-end:1px solid var(--sg-border)}.style-guide__heading{font-family:var(--FONT-STACK-HEADING);font-size:28px;font-weight:400;margin:0 0 var(--space-lg)}.style-guide__subheading{font-family:var(--FONT-STACK-BODY);font-size:14px;font-weight:600;margin:0 0 var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.style-guide__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.style-guide__swatch{display:flex;flex-direction:column;gap:var(--space-3xs)}.style-guide__swatch-preview{width:100%;aspect-ratio:1;background:var(--swatch-color);border-radius:var(--radius-lg);border:1px solid var(--sg-border)}.style-guide__swatch-label{font-weight:600;font-size:14px;margin-block-start:var(--space-3xs)}.style-guide__swatch-code{font-size:11px;color:var(--sg-accent)}.style-guide__swatch-hex{font-size:11px;opacity:.6}.style-guide__type-row{display:grid;grid-template-columns:200px 1fr;gap:var(--space-lg);padding:var(--space-md) 0;border-block-end:1px solid var(--sg-border);align-items:start}@media screen and (max-width:768px){.style-guide__type-row{grid-template-columns:1fr}}.style-guide__type-meta{display:flex;flex-direction:column;gap:var(--space-3xs)}.style-guide__type-name{font-weight:700;font-size:14px}.style-guide__type-meta code{font-size:11px;color:var(--sg-accent)}.style-guide__type-meta span:last-child{font-size:12px;opacity:.6}.style-guide__type-sample{display:flex;flex-direction:column;gap:var(--space-2xs)}.style-guide__button-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.style-guide__button-row{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}.style-guide__spacing-list{display:flex;flex-direction:column;gap:var(--space-xs)}.style-guide__spacing-item{display:grid;grid-template-columns:140px 140px 1fr;gap:var(--space-sm);align-items:center;font-size:13px}.style-guide__spacing-var{font-size:12px;color:var(--sg-accent)}.style-guide__spacing-value{opacity:.6;font-size:12px}.style-guide__shadow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-lg)}.style-guide__shadow-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);padding:var(--space-lg);background:#fff;border-radius:var(--radius-lg);text-align:center}.style-guide__shadow-card code{font-size:12px;color:var(--sg-accent)}.style-guide__shadow-class{font-size:11px;opacity:.6}.style-guide__radius-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-lg)}.style-guide__radius-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);text-align:center}.style-guide__radius-preview{width:80px;height:80px;background:var(--sg-accent);opacity:.15;border:2px solid var(--sg-accent)}.style-guide__radius-item code{font-size:12px;color:var(--sg-accent)}.style-guide__radius-item span{font-size:11px;opacity:.6}.style-guide__token-table{display:flex;flex-direction:column}.style-guide__token-row{display:grid;grid-template-columns:200px 1fr auto;gap:var(--space-md);padding:var(--space-xs) 0;border-block-end:1px solid var(--sg-border);font-size:13px;align-items:center}.style-guide__token-row code{font-size:12px;color:var(--sg-accent)}.style-guide__token-class{font-size:11px;opacity:.6}.style-guide__note{margin-block-start:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--brand-eggshell);border-radius:var(--radius-md);font-size:13px}.style-guide__note p{margin:0 0 var(--space-3xs)}.style-guide__note p:last-child{margin-block-end:0}.style-guide__note code{font-size:12px;color:var(--sg-accent);background:#dd4b6514;padding:1px 4px;border-radius:3px}.style-guide__focus-demo{margin-block-start:var(--space-md)}.style-guide__focus-button{padding:var(--space-xs) var(--space-lg);background:var(--brand-eggshell);border:1px solid var(--sg-border);border-radius:var(--radius-button);font-family:var(--BTN-FONT-STACK);font-size:14px;color:var(--sg-text);cursor:pointer}.style-guide__focus-button:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.recipient-form{margin-top:1.5rem}.recipient-form .recipient-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding-bottom:1rem}.recipient-form .recipient-fields{display:none;margin-top:1rem}.recipient-form input[type=checkbox]:checked~.recipient-fields{display:block}.recipient-fields__field{margin-bottom:1.25rem}.recipient-fields__field:last-child{margin-bottom:0}.recipient-fields__label{display:block;margin-bottom:.5rem;font-weight:400}.recipient-fields__label .required:after{content:" *";color:var(--COLOR-ERROR, #cc0000)}.recipient-fields__input,.recipient-fields__textarea{display:block;width:100%;padding:.75rem 1rem;border:1px solid #4c4f51;border-radius:var(--RADIUS, 4px);background-color:var(--COLOR-BG, #fff);font-family:inherit;font-size:inherit;line-height:1.5;transition:border-color .2s ease}.recipient-fields__input:focus,.recipient-fields__textarea:focus{outline:none;border-color:var(--COLOR-PRIMARY, #000)}.recipient-fields__textarea{resize:vertical;min-height:100px}.recipient-fields__input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.recipient-fields__input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.recipient-fields__input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.recipient-fields__hint{display:block;margin-top:.375rem;font-size:var(--font-body-x-small, .6875rem);color:var(--text-a60, rgba(0, 0, 0, .6))}.recipient-form__error-wrapper{padding:1rem;margin-bottom:1rem;border:1px solid var(--COLOR-ERROR-BORDER, #cc0000);border-radius:var(--RADIUS, 4px);background-color:var(--COLOR-ERROR-BG, #fff0f0);color:var(--COLOR-ERROR, #cc0000)}.recipient-form__error-wrapper[hidden]{display:none}.recipient-form__error-wrapper h2{display:flex;align-items:center;gap:.5em;margin:0 0 .5em;font-size:var(--font-body-medium, .875rem)}.recipient-form__error-wrapper ul{list-style:none;margin:0;padding:0}.recipient-form__error-wrapper ul li{margin-bottom:.25em}.recipient-form__error-wrapper ul li:last-child{margin-bottom:0}.recipient-form__error-wrapper a{color:inherit;text-decoration:underline}.recipient-form .form__message{display:flex;align-items:center;gap:.5em;margin-top:.5em;color:var(--COLOR-ERROR, #cc0000);font-size:var(--font-body-small, .75rem)}.recipient-form .form__message.hidden{display:none}.recipient-form .form__message .icon-error{flex-shrink:0}.recipient-fields__input[aria-invalid=true],.recipient-fields__textarea[aria-invalid=true]{border-color:var(--COLOR-ERROR-BORDER, #cc0000);background-color:var(--COLOR-ERROR-BG, #fff0f0)}.no-js .recipient-form input[type=checkbox]+label,.js .recipient-form .recipient-fields{display:none}.no-js .recipient-form .recipient-fields{display:block}
/*# sourceMappingURL=/cdn/shop/t/630/compiled_assets/styles.css.map */