:root{--neutral-1: #ffffff;--neutral-2: #dddddd;--neutral-3: #7a7a7a;--neutral-4: #525252;--neutral-5: #1f1f1f}.sg-title-40{font-size:40px;line-height:56px}.sg-title-32{font-size:32px;line-height:44px}.sg-title-28{font-size:28px;line-height:32px}.sg-title-24{font-size:24px;line-height:32px}.sg-title-20{font-size:20px;line-height:28px}.sg-body-16{font-size:16px;line-height:20px}.sg-body-14{font-size:14px;line-height:20px}.sg-caption-12{font-size:12px;line-height:16px}.sg-caption-10{font-size:10px;line-height:14px}.sg-block{margin-bottom:4rem}.sg-section-title{font-size:24px;margin-bottom:1rem}.sg-subtitle{margin-top:2rem;font-weight:600}.sg-color-palette{display:flex;gap:1rem;flex-wrap:wrap}.sg-color-box{width:120px;height:80px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center}.text-neutral-1{color:var(--neutral-1)}.text-neutral-2{color:var(--neutral-2)}.text-neutral-3{color:var(--neutral-3)}.text-neutral-4{color:var(--neutral-4)}.text-neutral-5{color:var(--neutral-5)}.bg-neutral-1{background:var(--neutral-1)}.bg-neutral-2{background:var(--neutral-2)}.bg-neutral-3{background:var(--neutral-3)}.bg-neutral-4{background:var(--neutral-4)}.bg-neutral-5{background:var(--neutral-5)}.sg-color-palette div{text-align:center}.neutral-1{background:#fff}.neutral-2{background:#ddd}.neutral-3{background:#7a7a7a}.neutral-4{background:#525252}.neutral-5{background:#1f1f1f;color:#fff}.sg-textfield-group{border:1px dashed #A259FF;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.sg-input-label,label{display:block;margin-bottom:8px;font-size:14px;line-height:20px;color:var(--neutral-5)}input,.sg-input,select{padding:13.5px 16px;color:var(--neutral-3);border:1px solid var(--neutral-2)}input:focus,.sg-input:focus,select:focus{color:var(--neutral-5);border:1px solid var(--neutral-3)}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;padding:8px 15px;cursor:pointer;font-size:12px;line-height:20px;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-button-text));transition:box-shadow var(--duration-short) ease;-webkit-appearance:none;appearance:none;background-color:var(--neutral-5);border:1px solid var(--neutral-5);font-family:var(--font-body-family)}.btn:hover{background-color:var(--neutral-1);color:var(--neutral-5)}.btn-sm{padding:12px 24px;font-size:12px;line-height:16px}.btn-invert{background:var(--neutral-1);border:1px solid var(--neutral-1);color:var(--neutral-5)}.btn-invert:hover{background:var(--neutral-5);color:var(--neutral-1);border:1px solid var(--neutral-5)}.btn-secondary{background:var(--neutral-1);border:1px solid var(--neutral-3);color:var(--neutral-5)}.btn-secondary:hover{background:var(--neutral-5);color:var(--neutral-1);border:1px solid var(--neutral-5)}.btn-text,.link,a{background:transparent;font-size:12px;line-height:16px;text-transform:uppercase;color:var(--neutral-3);border:none;text-decoration:underline;text-underline-offset:4px;display:inline;padding:0;min-width:initial;min-height:initial}.btn-text:hover,.link:hover,a:hover,.btn-text-secondary:hover,.link-secondary:hover{color:#000}.btn-text-secondary,.link-secondary{background:transparent;font-size:12px;line-height:16px;text-transform:uppercase;color:var(--neutral-3);border:none;text-decoration:none;display:inline;padding:0;min-width:initial;min-height:initial}.btn-icon{background:transparent;font-size:20px;padding:12px}.page-width{max-width:1374px;padding:0 15px}
/*# sourceMappingURL=/cdn/shop/t/54/assets/style-guide.css.map */