sticky-notes-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;visibility:hidden;transition:opacity var(--duration-medium) ease,visibility var(--duration-medium) ease}sticky-notes-modal[open]{z-index:1200;opacity:1;visibility:visible}.sticky-notes-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#11111180}.sticky-notes-modal__dialog{position:absolute;left:50%;bottom:0;top:auto;transform:translate(-50%,100%);width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#111;border-radius:1.6rem 1.6rem 0 0;box-shadow:0 -.4rem 2rem #11111126;transition:transform var(--duration-medium) ease}sticky-notes-modal[open] .sticky-notes-modal__dialog{transform:translate(-50%)}@media screen and (min-width:750px){.sticky-notes-modal__dialog{top:50%;bottom:auto;transform:translate(-50%,-46%);width:calc(100% - 4rem);max-width:64rem;max-height:80vh;border-radius:1.6rem}sticky-notes-modal[open] .sticky-notes-modal__dialog{transform:translate(-50%,-50%)}}.sticky-notes-modal__close{position:absolute;top:1.6rem;right:1.6rem;z-index:1;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:.1rem solid rgba(17,17,17,.12);border-radius:50%;background:#fff;color:#111;cursor:pointer}.sticky-notes-modal__close svg{width:1.4rem;height:1.4rem}.sticky-notes-modal__scroll{overflow-y:auto;padding:3.2rem 2.4rem 2.4rem}@media screen and (min-width:750px){.sticky-notes-modal__scroll{padding:4rem}}.sticky-notes-modal__content{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.sticky-notes-modal__heading{margin:0 0 1.2rem;padding-right:3.2rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 2.2rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));color:#111}.sticky-notes-modal__intro{margin:0 0 2.4rem;font-size:1.5rem;line-height:calc(1 + .8 / var(--font-body-scale));color:#111111bf}.sticky-notes-modal__variants{display:flex;gap:1.2rem;margin:0 -2.4rem 2.4rem;padding:0 2.4rem .4rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.sticky-notes-modal__variant{flex:0 0 72%;scroll-snap-align:start}@media screen and (min-width:750px){.sticky-notes-modal__variants{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:0 0 2.8rem;padding:0;overflow:visible;scroll-snap-type:none}.sticky-notes-modal__variant{flex:initial}}.sticky-notes-modal__variant-image{margin-bottom:1.2rem;border-radius:1.6rem;overflow:hidden;background:#f4f4f4}.sticky-notes-modal__variant-image img,.sticky-notes-modal__variant-image svg{display:block;width:100%;height:auto}.sticky-notes-modal__variant-heading{margin:0 0 .4rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.5rem);color:#111}.sticky-notes-modal__variant-text{margin:0;font-size:1.3rem;line-height:calc(1 + .5 / var(--font-body-scale));color:#111111b3}.sticky-notes-modal__facts{display:grid;gap:.8rem;margin:0 0 2.8rem;padding:1.6rem 2rem;list-style:none;background:#f7f7f7;border-radius:1.6rem;font-size:1.3rem;color:#111111d9}.sticky-notes-modal__facts li{padding-left:1.4rem;position:relative}.sticky-notes-modal__facts li:before{content:"";position:absolute;left:0;top:.7rem;width:.5rem;height:.5rem;border-radius:50%;background:#111}.sticky-notes-modal__usage{margin:0 0 2.4rem}.sticky-notes-modal__usage-heading{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.6rem);color:#111}.sticky-notes-modal__usage-media{border-radius:1.6rem;overflow:hidden;background:#f4f4f4}.sticky-notes-modal__usage-media img,.sticky-notes-modal__usage-media video{display:block;width:100%;height:auto}.sticky-notes-modal__cta{display:block;width:100%;padding:1.4rem 2rem;border:none;border-radius:1.6rem;background:#111;color:#fff;font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:1.4rem;letter-spacing:.02rem;text-align:center;cursor:pointer}.sticky-notes-modal__cta:hover{background:#333}.sticky-notes-modal-trigger{display:inline-flex;align-items:center;justify-content:center;margin:1.2rem 0 2rem;padding:1.2rem 2.4rem;border:none;border-radius:999px;background:#111;color:#fff;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold);font-size:1.4rem;letter-spacing:.02rem;text-decoration:none;cursor:pointer;transition:background var(--duration-short) ease}.sticky-notes-modal-trigger:hover{background:#333}@media(prefers-reduced-motion:reduce){sticky-notes-modal,.sticky-notes-modal__dialog{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/sticky-notes-modal.css.map */