.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}#ptw-wrapin[data-zoom-image] .ptw-gift-image{cursor:zoom-in}.ptw-zoom-dialog{--ptw-zoom-size: min(800px, calc(100vw - 2rem) , calc(100dvh - 2rem) );box-sizing:border-box;width:var(--ptw-zoom-size);height:var(--ptw-zoom-size);max-width:none;max-height:none;padding:3rem;border:0;border-radius:var(--radius-lg);background:#f9f6f1;overflow:hidden;place-self:center}.ptw-zoom-dialog::backdrop{background:#0009}.ptw-zoom-dialog__image{display:block;width:100%;height:100%;object-fit:contain}.ptw-zoom-dialog__close{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.625rem;border:0;border-radius:50%;background:#fff;color:#363839;cursor:pointer}.ptw-zoom-dialog__close svg{width:100%;height:100%}.cart__wrapin #ptw-wrapin .ptw-gift-image{position:relative}.cart__wrapin #ptw-wrapin .ptw-checkbox-option{margin-right:15px}.cart__wrapin #ptw-wrapin .ptw-app-wrapper{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;column-gap:.375rem;row-gap:.75rem;align-items:end}.cart__wrapin #ptw-wrapin .ptw-app-desc,.cart__wrapin #ptw-wrapin .ptw-app-label,.cart__wrapin #ptw-wrapin .ptw-app-label label,.cart__wrapin #ptw-wrapin .ptw-app-gnote,.cart__wrapin #ptw-wrapin .ptw-add-gift{display:contents}.cart__wrapin #ptw-wrapin .ptw-app-label .ptw-gift-image{grid-column:1;grid-row:1 / span 2;align-self:center;margin-right:.8125rem}.cart__wrapin #ptw-wrapin .ptw-app-label .ptw-price{grid-column:3;grid-row:1}.cart__wrapin #ptw-wrapin #ptw-add-gift-pro-ck,.cart__wrapin #ptw-wrapin #ptw-add-gift-pro{grid-column:2 / -1;grid-row:2;align-self:start;justify-self:start}.cart__wrapin #ptw-wrapin .ptw-gift-options,.cart__wrapin #ptw-wrapin .ptw-message-note,.cart__wrapin #ptw-wrapin #ptw-error-message{grid-column:2 / -1}.cart__wrapin #ptw-wrapin #ptw-gift-needed,.cart__wrapin #ptw-wrapin .ptw-gift-needed,.cart__wrapin #ptw-wrapin .ptw-gift-options-sb{position:relative;width:1.3em;height:1.3em;color:#363839;border:1px solid #bdc1c6;min-height:auto;border-radius:4px;padding:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:0;cursor:pointer;transition:background 175ms cubic-bezier(.1,.1,.25,1);display:inline-block}.cart__wrapin #ptw-wrapin #ptw-gift-needed:before,.cart__wrapin #ptw-wrapin .ptw-gift-needed:before,.cart__wrapin #ptw-wrapin .ptw-gift-options-sb:before{position:absolute;content:"";display:block;top:2px;left:6px;width:6px;height:11px;border-style:solid;border-color:#fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}.cart__wrapin #ptw-wrapin #ptw-gift-needed:checked:before,.cart__wrapin #ptw-wrapin .ptw-gift-needed:checked:before,.cart__wrapin #ptw-wrapin .ptw-gift-options-sb:checked:before{opacity:1;border-color:#363839}.cart__wrapin #ptw-wrapin .ptw-app-label label,.cart__wrapin #ptw-wrapin .ptw-checkbox-option span{position:relative;top:unset;left:unset;font-size:12px;font-family:sofia-pro,sans-serif;font-weight:400}.cart__wrapin #ptw-wrapin .ptw-checkbox-option span{display:flex;align-items:center}.cart__wrapin #ptw-wrapin #ptw-error-message,.cart__wrapin #ptw-wrapin .ptw-extra-field-error{color:#e72222}.cart__wrapin #ptw-wrapin .ptw-gift-image{display:block;position:relative;width:10.875rem;height:10.875rem;max-width:100%;background:#f9f6f1;text-decoration:none;border-radius:var(--radius-lg);overflow:hidden}.cart__wrapin #ptw-wrapin .ptw-app-gnote{margin-top:0}.ptw-app-gnote .ptw-gift-image,.ptw-app-gnote .ptw-message-note{display:inline-block;vertical-align:top}.cart__wrapin #ptw-wrapin #ptw-text-message{min-height:100px;font-size:14px;max-width:328px}.cart__wrapin #ptw-wrapin .ptw-message-limit{text-align:right}.cart__wrapin #ptw-wrapin .ptw-gift-options{display:none}.cart__wrapin #ptw-wrapin .ptw-gift-options-img{display:inline-block}.cart__wrapin #ptw-wrapin .ptw-gift-options-img img{max-width:50px;vertical-align:middle}.cart__wrapin #ptw-wrapin .ptw-gift-options-img.selected img{border:2px solid #000000}.cart__wrapin #ptw-wrapin .ptw-gift-options select,.cart__wrapin #ptw-wrapin .ptw-gift-options select:focus-visible,.cart__wrapin #ptw-wrapin .ptw-gift-options select:focus{outline:none;padding:5px;box-shadow:none}@media screen and (max-width:767px){.cart__wrapin #ptw-wrapin .ptw-gift-image{width:7.875rem;height:7.875rem}}
/*# sourceMappingURL=/cdn/shop/t/682/compiled_assets/styles.css.map */