.article-banner{--article-banner-overlay: .58;position:relative;isolation:isolate;min-height:clamp(360px,48vw,520px);color:rgb(var(--color-foreground, 255 255 255));background:#111;overflow:hidden}.article-banner__media,.article-banner__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.article-banner__media img{object-fit:cover}.article-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#000000d1,#000000ad 34%,#00000047),linear-gradient(180deg,#00000057,rgba(0,0,0,var(--article-banner-overlay)))}.article-banner__inner{position:relative;z-index:2;display:flex;align-items:flex-end;min-height:inherit;width:min(100% - 32px,1180px);margin:0 auto;padding:clamp(48px,8vw,96px) 0 clamp(34px,6vw,72px)}.article-banner__content{max-width:780px}.article-banner__breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;color:#ffffffb8;font-size:13px;line-height:1.4}.article-banner__breadcrumbs a{color:inherit;text-decoration:none}.article-banner__breadcrumbs a:hover{color:#fff;text-decoration:underline}.article-banner__crumb-separator{opacity:.55}.article-banner__status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 20px}.article-banner__tag{display:inline-flex;align-items:center;min-height:24px;margin:0 0 12px;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#fcb813,#ffd24a);color:#16120a;font-size:12px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.02em}.article-banner__title{max-width:760px;margin:0;color:#fff}.article-banner__excerpt{max-width:680px;margin:20px 0 0;color:#ffffffdb}.article-banner__meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:22px 0 0;padding:0;list-style:none;color:#fffc;font-size:13px;line-height:1.4}.article-banner__meta-item{display:inline-flex;gap:7px;align-items:center}.article-banner__meta-icon{width:14px;height:14px;flex:0 0 auto;color:#fff}.article-banner__meta-item--reviewed .article-banner__meta-icon,.article-banner__meta-item--reviewed span{color:#f8b800}.article-banner__share{position:absolute;right:0;bottom:clamp(34px,6vw,72px);display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#ffffffdb;font-size:12px;line-height:1;text-decoration:none;background:#0c0c0c85;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;height:60px;padding:0 35px}.article-banner__share:hover{color:#fff;border-color:#ffffff5c}.article-banner__share svg{width:14px;height:14px}.new-ss-btns{display:flex;align-items:center;gap:0px;width:0;max-width:0;overflow:hidden;transform:translate(-10px);transition:max-width .4s ease,opacity .3s ease,transform .4s ease,margin-left .4s ease;margin-left:0;pointer-events:none;white-space:nowrap;display:none}.share-label{display:flex;gap:10px;font-size:.875rem}.article-banner__share:hover .new-ss-btns{width:auto;max-width:250px;display:flex;transform:translate(0);margin-left:15px;pointer-events:auto}.article-banner__share a{background:none}@media screen and (max-width:749px){.article-banner{min-height:0;overflow:visible;background:transparent;color:rgb(var(--color-foreground))}.article-banner__media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16 / 10}.article-banner__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.article-banner__media:after{display:none}.article-banner__inner{position:relative;display:block;width:min(100% - 28px,1180px);min-height:0;margin:0 auto;padding:24px 0 36px}.article-banner__content{max-width:100%}.article-banner__breadcrumbs{margin-bottom:14px;color:rgba(var(--color-foreground),.65)}.article-banner__breadcrumbs a:hover{color:rgb(var(--color-foreground))}.article-banner__status{margin-bottom:16px}.article-banner__tag{margin-bottom:0}.article-banner__title{max-width:100%;color:rgb(var(--color-foreground));font-size:clamp(32px,10vw,44px)}.article-banner__excerpt{max-width:100%;margin-top:16px;color:rgba(var(--color-foreground),.75)}.article-banner__meta{margin-top:18px;color:rgba(var(--color-foreground),.7)}.article-banner__meta-icon{color:rgb(var(--color-foreground))}.article-banner__share{position:static;width:fit-content;height:52px;margin-top:22px;padding:0 24px;color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.18);background:rgba(var(--color-foreground),.05);-webkit-backdrop-filter:none;backdrop-filter:none}.article-banner__share:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.35)}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/article-banner.css.map */