.raelon-blog-contextual-cta{margin:30px 0;padding:24px;overflow:hidden;border:1px solid #dedede;border-radius:10px;background:#f7f7f7}.raelon-blog-contextual-cta__title{margin:0 0 10px;color:#111;font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.25}.raelon-blog-contextual-cta__copy{margin:0 0 18px;color:#333;line-height:1.6}.raelon-blog-contextual-cta__button,.raelon-blog-cta-sticky,.raelon-blog-drawer__submit{border:1px solid #d8a400;border-radius:6px;background:#f5b700;color:#111;font:inherit;font-weight:700;cursor:pointer}.raelon-blog-contextual-cta__button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 20px}.raelon-blog-contextual-cta__button:hover,.raelon-blog-cta-sticky:hover,.raelon-blog-drawer__submit:hover{background:#ffc928}.raelon-blog-contextual-cta__button:focus-visible,.raelon-blog-cta-sticky:focus-visible,.raelon-blog-drawer button:focus-visible,.raelon-blog-drawer input:focus-visible,.raelon-blog-drawer textarea:focus-visible{outline:3px solid #111;outline-offset:3px}.raelon-blog-cta-sticky{position:fixed;top:55%;right:18px;z-index:8050;display:inline-flex;max-width:min(300px,calc(100vw - 36px));align-items:center;justify-content:center;min-height:46px;padding:12px 16px;border-radius:999px;box-shadow:0 5px 18px #0003;transform:translateY(-50%);white-space:normal;text-align:center;line-height:1.25}.raelon-blog-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;visibility:hidden;pointer-events:none;background:#00000026}.raelon-blog-drawer.is-open{visibility:visible;pointer-events:auto}.raelon-blog-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#0000002e!important;background-image:none!important;color:transparent;opacity:0;cursor:default;transition:opacity .18s ease}.raelon-blog-drawer.is-open .raelon-blog-drawer__overlay{opacity:1!important}.raelon-blog-drawer__overlay:hover,.raelon-blog-drawer__overlay:focus,.raelon-blog-drawer__overlay:active{background:#0000002e!important;background-image:none!important}.raelon-blog-drawer__panel{position:absolute;top:0;right:0;display:flex;width:350px;max-width:100%;height:100vh;height:100dvh;flex-direction:column;overflow:hidden;background:var(--color-background-variant, #fff);box-shadow:0 0 5px #0003;transform:translate(100%);transition:transform .22s ease}.raelon-blog-drawer.is-open .raelon-blog-drawer__panel{transform:translate(0)}.raelon-blog-drawer__header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 18px;border-bottom:1px solid #e5e5e5}.raelon-blog-drawer__header h2{margin:0 0 8px;color:#111;font-size:25px;line-height:1.25}.raelon-blog-drawer__header p{margin:0;color:#555;line-height:1.5}.raelon-blog-drawer__close{flex:0 0 auto;width:42px;height:42px;padding:0;border:0;border-radius:0;background:transparent;color:#111;font-size:30px;line-height:1;cursor:pointer}.raelon-blog-drawer__body{flex:1 1 auto;overflow-y:auto;padding:24px;overscroll-behavior:contain}.raelon-blog-drawer__field{margin-bottom:18px}.raelon-blog-drawer__field label{display:block;margin-bottom:6px;color:#111;font-weight:650}.raelon-blog-drawer__field label span:not([aria-hidden]){color:#666;font-size:.9em;font-weight:400}.raelon-blog-drawer__field input,.raelon-blog-drawer__field textarea{display:block;width:100%;min-width:0;padding:12px;border:1px solid #bdbdbd;border-radius:6px;background:#fff;color:#111;font:inherit}.raelon-blog-drawer__field textarea{min-height:118px;resize:vertical}.raelon-blog-drawer__submit{width:100%;min-height:48px;padding:11px 18px}.raelon-blog-drawer__privacy{margin:12px 0 0;color:#666;font-size:13px;line-height:1.45;text-align:center}.raelon-blog-drawer__notice{margin:0 0 18px;padding:12px 14px;border-radius:6px}.raelon-blog-drawer__notice--error{border:1px solid #c84b4b;background:#fff2f2}.raelon-blog-drawer__notice--success{border:1px solid #3d8850;background:#f0fff4}body.raelon-blog-drawer-open{overflow:hidden}body.raelon-blog-drawer-open .raelon-blog-cta-sticky{visibility:hidden;pointer-events:none}@media(max-width:767px){.raelon-blog-contextual-cta{margin:24px 0;padding:20px}.raelon-blog-contextual-cta__button{width:100%}.raelon-blog-cta-sticky{display:none}.raelon-blog-drawer__panel{width:min(350px,94vw);max-width:100%}.raelon-blog-drawer__header{padding:20px 18px 16px}.raelon-blog-drawer__header h2{font-size:22px}.raelon-blog-drawer__body{padding:20px 18px calc(24px + env(safe-area-inset-bottom))}.raelon-blog-drawer__field input,.raelon-blog-drawer__field textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){.raelon-blog-drawer__overlay,.raelon-blog-drawer__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/raelon-blog-cta.css.map */