.blog-ai-overview{display:block}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-bottom:4px}.blog-article-meta__details{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.shopify-section-article-page .blog-article-meta .article-card-category{padding:10px 18px;line-height:1.25;white-space:nowrap}.blog-article-meta .article-card-author{margin:0}.blog-ai-overview-action{display:flex;align-items:center;width:fit-content;margin:20px 0 16px}.blog-ai-overview-button{display:inline-flex;align-items:center;gap:0;min-height:38px;padding:4px 2px;border:0;background:transparent;color:#0065ac;cursor:pointer;isolation:isolate}.blog-ai-overview-button__icon{position:relative;z-index:2;display:inline-flex;width:30px;height:30px;flex:0 0 30px;border-radius:8px;color:#0065ac}.blog-ai-overview-button__icon svg{display:block;width:100%;height:100%;overflow:visible}.blog-ai-overview-button__frame{fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.blog-ai-overview-button__star{fill:currentColor;transform-box:fill-box;transform-origin:center}.blog-ai-overview-button__star--primary{animation:blog-ai-star-primary 2.5s cubic-bezier(.45,0,.2,1) infinite}.blog-ai-overview-button__star--rising{animation:blog-ai-star-rising 2.5s cubic-bezier(.45,0,.2,1) infinite}.blog-ai-overview-button__star--new{opacity:0;animation:blog-ai-star-new 2.5s cubic-bezier(.45,0,.2,1) infinite}.blog-ai-overview-button__label{position:relative;z-index:1;display:inline-block;max-width:0;margin-left:0;overflow:hidden;color:currentColor;font-family:var(--heading-font);font-size:clamp(13px,.6vw + 9px,17px);letter-spacing:1px;line-height:30px;opacity:0;text-transform:uppercase;transform:translate(-16px);transition:max-width .52s cubic-bezier(.22,1,.36,1),margin-left .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1),opacity .26s ease 80ms;white-space:nowrap}.blog-ai-overview.has-viewport-peek .blog-ai-overview-button__label{max-width:120px;margin-left:10px;opacity:1;transform:translate(0)}.blog-ai-overview-button:hover .blog-ai-overview-button__label{text-decoration:underline;text-underline-offset:3px}.blog-ai-overview-button:focus-visible,.blog-ai-overview__close:focus-visible{border-radius:6px;outline:2px solid currentColor;outline-offset:3px}.blog-ai-overview__media{position:relative;aspect-ratio:var(--blog-hero-aspect-ratio);min-height:clamp(440px,42vw,460px);margin:0 0 20px;overflow:hidden;background:transparent;cursor:pointer}.shopify-section-article-page .blog-ai-overview__image{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;transition:left .7s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1),clip-path .7s cubic-bezier(.22,1,.36,1)}.blog-ai-overview__image picture-component,.blog-ai-overview__image picture,.blog-ai-overview__image img{display:block;width:100%;height:100%}.blog-ai-overview__image img{object-fit:cover}.blog-ai-overview__drawer{position:absolute;z-index:3;inset:0 auto 0 0;width:68%;min-width:460px;overflow:hidden;background:linear-gradient(145deg,#081722,#0b2637 66%,#063853);color:#fff;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);opacity:0;transform:translate(-105%);visibility:hidden;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .26s ease,visibility 0s linear .7s}.blog-ai-overview__drawer:after{position:absolute;inset:0 5.5% 0 auto;width:3px;background:#008bd0;box-shadow:0 0 28px #008bd0b3;content:"";transform:skew(-4deg);transform-origin:top}.blog-ai-overview__drawer-inner{position:relative;display:flex;height:100%;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(14px,1.5vw,20px) 75px clamp(14px,1.5vw,20px) 35px;opacity:0;transform:translate(-24px);transition:transform .42s ease .18s,opacity .32s ease .18s}.blog-ai-overview__drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(8px,1vw,12px)}.blog-ai-overview__eyebrow{color:#6fd0ff;font-family:var(--heading-font);font-size:clamp(18px,1.6vw,25px);font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase}.blog-ai-overview__close{position:absolute;z-index:2;top:clamp(16px,1.6vw,22px);right:8.5%;display:inline-flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;padding:7px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:transparent;color:#fff;cursor:pointer}.blog-ai-overview__close svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.blog-ai-overview__content{font-size:clamp(13px,.55vw + 8px,16px);line-height:1.4}.blog-ai-overview__content p{margin:0}.blog-ai-overview__content h3{margin-top:clamp(10px,1.1vw,14px);margin-bottom:6px;color:#6fd0ff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.blog-ai-overview__content ul,.blog-ai-overview__content ol{display:grid;gap:4px;margin:0;padding:0 0 0 18px;list-style:none}.blog-ai-overview__content li{position:relative;font-size:clamp(12px,.45vw + 8px,14px);line-height:1.3}.blog-ai-overview__content li:before{position:absolute;top:.52em;left:-14px;width:5px;height:5px;border-radius:50%;background:#6fd0ff;content:""}.blog-ai-overview__content strong{color:#fff;font-weight:700}.blog-ai-overview-action[hidden],.blog-ai-overview__drawer[hidden]{display:none}.blog-ai-overview.is-open .blog-ai-overview__drawer{opacity:1;transform:translate(0);visibility:visible;transition-delay:0s}.blog-ai-overview.is-open .blog-ai-overview__drawer-inner{opacity:1;transform:translate(0)}.blog-ai-overview.is-open .blog-ai-overview__image{left:62%;width:38%;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}@media(min-width:992px)and (hover:hover)and (pointer:fine){.blog-ai-overview.has-viewport-peek:not(.is-open) .blog-ai-overview__drawer{opacity:1;transform:translate(calc(-92% + 18px));visibility:visible;transition-delay:0s}.blog-ai-overview:not(.is-open) .blog-ai-overview__media:hover .blog-ai-overview__drawer,.blog-ai-overview:not(.is-open) .blog-ai-overview-action:hover+.blog-ai-overview__media .blog-ai-overview__drawer{opacity:1;transform:translate(calc(-92% + 58px));visibility:visible;transition-delay:0s}}@keyframes blog-ai-star-primary{0%,11%{opacity:1;transform:translate(0) scale(1)}40%{opacity:0;transform:translate(8px,-8px) scale(.28)}99%{opacity:0;transform:translate(8px,-8px) scale(.28);animation-timing-function:steps(1,jump-end)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes blog-ai-star-rising{0%,11%{opacity:1;transform:translate(0) scale(1)}74%{opacity:1;transform:translate(16px,-11.5px) scale(1.5714)}99%{opacity:1;transform:translate(16px,-11.5px) scale(1.5714);animation-timing-function:steps(1,jump-end)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes blog-ai-star-new{0%,11%{opacity:0;transform:translate(-9px,9px) scale(.18)}74%{opacity:1;transform:translate(0) scale(1)}99%{opacity:1;transform:translate(0) scale(1);animation-timing-function:steps(1,jump-end)}to{opacity:0;transform:translate(-9px,9px) scale(.18)}}@media(max-width:991px){.blog-article-meta{align-items:flex-start}.blog-article-meta__share{width:100%}.blog-ai-overview__media{display:flex;aspect-ratio:auto;min-height:0;flex-direction:column;overflow:visible;background:transparent}.blog-ai-overview__drawer{position:relative;inset:auto;order:1;width:100%;min-width:0;max-height:0;clip-path:none;opacity:0;transform:translateY(-16px);visibility:hidden;transition:max-height .6s cubic-bezier(.22,1,.36,1),transform .45s ease,opacity .26s ease,visibility 0s linear .6s}.blog-ai-overview__drawer:after{inset:auto 0 0;width:100%;height:3px;transform:none}.blog-ai-overview__drawer-inner{height:auto;justify-content:flex-start;padding:24px;transform:translateY(-10px)}.blog-ai-overview__close{top:16px;right:16px}.blog-ai-overview__content ul,.blog-ai-overview__content ol{padding-left:0}.blog-ai-overview__content li:before{content:none}.blog-ai-overview__image,.shopify-section-article-page .blog-ai-overview__image{position:relative;inset:auto;order:2;width:100%;height:auto;aspect-ratio:var(--blog-hero-aspect-ratio);clip-path:none}.blog-ai-overview.is-open .blog-ai-overview__drawer{max-height:700px;opacity:1;transform:translateY(0);visibility:visible;transition-delay:0s}.blog-ai-overview.is-open .blog-ai-overview__drawer-inner{transform:translateY(0)}.blog-ai-overview.is-open .blog-ai-overview__image{left:auto;width:100%;clip-path:none}}@media(max-width:549px){.blog-article-meta__details{gap:10px 14px}.shopify-section-article-page .blog-article-meta .article-card-category{padding:8px 12px}.blog-ai-overview-button{gap:7px}.blog-ai-overview-button__icon{width:27px;height:27px;flex-basis:27px}.blog-ai-overview__drawer-inner{padding:22px 18px 25px}}@media(prefers-reduced-motion:reduce){.blog-ai-overview-button__star,.blog-ai-overview-button__label,.blog-ai-overview__drawer,.blog-ai-overview__drawer-inner,.blog-ai-overview__image{animation:none;transition:none}.blog-ai-overview-button__star--rising,.blog-ai-overview-button__star--new{display:none}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/blog-ai-overview.css.map */