.sc-note{position:relative;background:transparent;border:0;border-left:2px solid var(--sc-component-accent);border-radius:0;padding:calc(var(--pxSize) * .35) 0 calc(var(--pxSize) * .35) calc(var(--pxSize) * .75);margin:calc(var(--pxSize) * .45) 0;color:var(--sc-component-type-muted)}.sc-note:after{display:none}.sc-note--tip{display:grid;grid-template-columns:36px 1fr;gap:calc(var(--pxSize) * .4);align-items:start;background:linear-gradient(135deg,rgba(var(--sc-component-accent-rgb),.1),rgba(var(--sc-component-accent-rgb),.04));border-color:var(--sc-component-accent-mid);border-left-width:5px;border-radius:var(--sc-component-radius-lg)}.sc-note--highlight{background:linear-gradient(135deg,rgba(var(--sc-component-accent-rgb),.08),rgba(var(--sc-component-accent-rgb),.03));border-top-width:2px;border-radius:var(--sc-component-radius-lg);padding:calc(var(--pxSize) * .75);text-align:center}.sc-note__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(var(--sc-component-accent-rgb),.14);border:1px solid rgba(var(--sc-component-accent-rgb),.22);color:var(--sc-component-accent);font-size:1.02rem;flex:0 0 auto;transform:rotate(-4deg)}.sc-note__icon--chevron{font-family:var(--font-body-family);font-weight:700}.sc-note__icon--chevron:before{content:"\203a";display:block;line-height:1;transform:translate(1px)}.sc-note__label{display:block;font-size:calc(.74rem * var(--font-body-scale));text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:rgba(var(--sc-component-accent-rgb),.9);margin:0 0 .25rem}.sc-note p{margin:0;color:var(--sc-component-type-muted);line-height:1.65}.sc-note p+p{margin-top:calc(var(--pxSize) * .25)}.sc-note--callout{background:var(--sc-component-surface-alt);border-color:var(--sc-component-border-soft);border-left:3px solid var(--sc-component-accent)}.sc-note--callout:after{display:none}.sc-note--kitchen{border-left-width:1px;border-top:2px solid rgba(var(--sc-component-accent-rgb),.45);background:var(--sc-component-surface-alt)}.sc-note--kitchen:after{display:none}.sc-note__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem calc(var(--pxSize) * .5)}.sc-note__grid p{margin:0;line-height:1.55}@media (max-width: 900px){.sc-note__grid{grid-template-columns:1fr}}.sc-note--quote{background:linear-gradient(135deg,rgba(var(--sc-component-accent-rgb),.08),rgba(var(--sc-component-accent-rgb),.03));border-left:3px solid rgba(var(--sc-component-accent-rgb),.65)}.sc-note--quote:after{display:none}.sc-note__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--pxSize) / 3);margin-bottom:.35rem}.sc-note__cube{width:18px;height:18px;border-radius:5px;border:1px solid rgba(var(--color-text),.25);background:rgba(var(--sc-component-accent-rgb),.12);transform:rotate(10deg);flex:0 0 auto}.sc-note--quote p{font-size:calc(1.05rem * var(--font-body-scale));line-height:1.6;font-weight:500;color:rgba(var(--color-text),.9)}.sc-note--whisper{background:transparent;border:0;border-left:2px dotted var(--sc-component-border-strong);border-radius:0;padding:calc(var(--pxSize) * .35) 0 calc(var(--pxSize) * .35) calc(var(--pxSize) * .75);margin:calc(var(--pxSize) * .45) 0;font-style:italic}.sc-note--whisper:after{display:none}.sc-note--whisper .sc-note__label{color:rgba(var(--color-text),.65);letter-spacing:.12em;margin-bottom:.2rem}.sc-note--inline:after{display:none}.sc-note--compact{padding:calc(var(--pxSize) * .5) calc(var(--pxSize) * .65);margin:calc(var(--pxSize) * .4) 0}.sc-note--compact:after{top:calc(var(--pxSize) * .32);right:calc(var(--pxSize) * .32)}.sc-note--squiggle{background:transparent;border:0;border-left:0;border-radius:0}.sc-note--squiggle:after{display:none}.sc-note--squiggle.sc-squiggle-frame--full{--squiggle-inset: -10px;--squiggle-fill-color: var(--sc-component-surface-alt);--squiggle-stroke-color: var(--sc-component-accent-mid)}.sc-note--tipline{display:flex;gap:calc(var(--pxSize) * .45);align-items:flex-start;background:transparent;border:0;border-left:0;border-radius:0;padding:calc(var(--pxSize) * .35) 0;margin:calc(var(--pxSize) * .45) 0}.sc-note--tipline:after{display:none}.sc-note--tipline .sc-note__icon{width:28px;height:28px;border-radius:9px;font-size:.9rem;transform:rotate(-6deg)}.sc-note--tipline .sc-note__label{margin-bottom:.15rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/components/note.css.map */