:root{--vh:0;--studio-nav-height:0;--global-nav-offset:150px;--global-nav-mobile-offset:110px;--scrollbar-width:0px;--local-nav-offset:70px;--local-nav-mobile-offset:64px}.blog-social-nav button{cursor:pointer}.blog-social-nav{background:#fff;font-family:MiniSans,Arial,sans-serif;font-weight:700;position:relative;width:100%}.blog-social-nav.sticky-nav{position:fixed;z-index:1000}.blog-social-nav__placeholder{padding-bottom:60px}@media(min-width:768px){.blog-social-nav__placeholder{padding-bottom:76px}}.blog-social-nav__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 4vw}@media(min-width:1280px){.blog-social-nav__inner{padding:20px 8vw}}.blog-social-nav__back-container{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.blog-social-nav__back,.blog-social-nav__back-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.blog-social-nav__back{-webkit-box-pack:center;-ms-flex-pack:center;aspect-ratio:1/1;background:transparent;border:2px solid;border-radius:1000px;cursor:pointer;font-family:MiniSansBold,Arial,sans-serif;font-size:14px;font-weight:400;gap:6px;height:36px;justify-content:center;padding:8px 14px;text-decoration:none;-webkit-transition:background .1s,color .1s;transition:background .1s,color .1s;width:36px}.blog-social-nav__back:hover{background:#000;color:#fff}.blog-social-nav__back:hover *{color:#fff}@media(min-width:768px){.blog-social-nav__back{aspect-ratio:unset;border-radius:30px;height:36px;width:auto}}.blog-social-nav__back-icon{font-size:22px;margin:3px 0 0}.blog-social-nav__back-icon:before{margin:0;padding:0}.blog-social-nav__back-text{color:#000;display:none}@media(min-width:768px){.blog-social-nav__back-text{display:block}}.blog-social-nav__title{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:MiniSansBold,Arial,sans-serif;font-size:12px;line-height:1.2;margin:0 auto;padding:0;text-align:center}@media(min-width:768px){.blog-social-nav__title{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:13px}}.blog-social-nav__icon{aspect-ratio:1/1;border:2px solid #000;border-radius:50%;color:#000;display:list-item;position:relative;text-decoration:none;-webkit-transition:background-color .1s;transition:background-color .1s}.blog-social-nav__icon i[class^=icon-]{color:#000;font-size:30px;left:50%;margin:var(--icon-margins,0);position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(var(--icon-rotation,0deg));-ms-transform:translate(-50%,-50%) rotate(var(--icon-rotation,0deg));transform:translate(-50%,-50%) rotate(var(--icon-rotation,0deg))}.blog-social-nav__icon i[class^=icon-]:before{margin:0;padding:0}.blog-social-nav__icon.is-active,.blog-social-nav__icon:hover{background-color:#000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.blog-social-nav__icon.is-active i[class^=icon-],.blog-social-nav__icon:hover i[class^=icon-]{color:#fff}.socialNav.bl2-dark-mode .blog-social-nav__icon{border:2px solid #fff;color:#fff}.socialNav.bl2-dark-mode .blog-social-nav__icon i[class^=icon-]{color:#fff}.socialNav.bl2-dark-mode .blog-social-nav__icon.is-active,.socialNav.bl2-dark-mode .blog-social-nav__icon:hover{background-color:#fff;color:#000}.socialNav.bl2-dark-mode .blog-social-nav__icon.is-active i[class^=icon-],.socialNav.bl2-dark-mode .blog-social-nav__icon:hover i[class^=icon-]{color:#000}.blog-social-nav__icon{cursor:pointer;display:none;height:36px;overflow:hidden;width:36px}@media(min-width:768px){.blog-social-nav__icon{display:list-item}}.blog-social-nav__icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;gap:12px;justify-content:flex-end;list-style:none;margin:0;padding:0}.blog-social-nav__icons--share{display:list-item}.blog-social-nav__icons--share[aria-expanded=true]{background-color:#000;color:#fff}.blog-social-nav__icons--share[aria-expanded=true] i[class^=icon-]{color:#fff}@media(min-width:768px){.blog-social-nav__icons--share{display:none}}@media(min-width:320px){.blog-social-nav__icons{gap:18px}}.blog-social-nav__icon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;display:grid;height:100%;position:relative;width:100%}.blog-social-nav__icon-button--copy .icon-linked:not(.\9 ){font-size:26px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.blog-social-nav__icon-button--share .icon-share:not(.\9 ){font-size:18px}.blog-social-nav__share-menu{background:#fff;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.15);display:none;padding:18px 22px;position:absolute;right:100%;right:4vw;top:calc(100% + 2px);width:240px;z-index:1000}.blog-social-nav__share-menu.is-open{display:block}.blog-social-nav__share-menu-header{font-family:MiniSansBold,Arial,sans-serif;font-size:12px;letter-spacing:.5px;margin-bottom:12px}.blog-social-nav__share-menu-list{list-style:none;margin:0;padding:0}.blog-social-nav__share-item{border-bottom:1px solid #e5e5e5;cursor:pointer;font-family:MiniSansBold,Arial,sans-serif;font-size:10px;font-weight:700;padding:8px 0}.blog-social-nav__share-item:last-child{border-bottom:none}.blog-social-nav__share-item-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:none;padding:0;text-decoration:none;width:100%}.blog-social-nav__share-item-link-title{text-align:center;width:100%}.blog-social-nav__share-item-link-icon{aspect-ratio:1/1;border:2px solid #000;border-radius:50%;color:#000;display:list-item;text-decoration:none;-webkit-transition:background-color .1s;transition:background-color .1s}.blog-social-nav__share-item-link-icon i[class^=icon-]{color:#000;font-size:30px;left:50%;margin:var(--icon-margins,0);position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(var(--icon-rotation,0deg));-ms-transform:translate(-50%,-50%) rotate(var(--icon-rotation,0deg));transform:translate(-50%,-50%) rotate(var(--icon-rotation,0deg))}.blog-social-nav__share-item-link-icon i[class^=icon-]:before{margin:0;padding:0}.blog-social-nav__share-item-link-icon.is-active,.blog-social-nav__share-item-link-icon:hover{background-color:#000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.blog-social-nav__share-item-link-icon.is-active i[class^=icon-],.blog-social-nav__share-item-link-icon:hover i[class^=icon-]{color:#fff}.socialNav.bl2-dark-mode .blog-social-nav__share-item-link-icon{border:2px solid #fff;color:#fff}.socialNav.bl2-dark-mode .blog-social-nav__share-item-link-icon i[class^=icon-]{color:#fff}.socialNav.bl2-dark-mode .blog-social-nav__share-item-link-icon.is-active,.socialNav.bl2-dark-mode .blog-social-nav__share-item-link-icon:hover{background-color:#fff;color:#000}.socialNav.bl2-dark-mode .blog-social-nav__share-item-link-icon.is-active i[class^=icon-],.socialNav.bl2-dark-mode .blog-social-nav__share-item-link-icon:hover i[class^=icon-]{color:#000}.blog-social-nav__share-item-link-icon{display:inline-block;height:36px;position:relative;width:36px}.blog-social-nav__share-item-link-icon .icon-linked:not(.\9 ){font-size:26px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.socialNav.bl2-dark-mode .blog-social-nav{background:#000;color:#fff}.socialNav.bl2-dark-mode .blog-social-nav .blog-social-nav__back{border:2px solid #fff}.socialNav.bl2-dark-mode .blog-social-nav .blog-social-nav__back:hover{background:#fff;color:#000}.socialNav.bl2-dark-mode .blog-social-nav .blog-social-nav__back:hover *{color:#000}.socialNav.bl2-dark-mode .blog-social-nav .blog-social-nav__back-icon,.socialNav.bl2-dark-mode .blog-social-nav .blog-social-nav__back-text{color:#fff}.socialNav.bl2-dark-mode .blog-social-nav .blog-social-nav__share-menu-header{color:#000}.socialNav.bl2-dark-mode .blog-social-nav .blog-social-nav__share-menu-list .blog-social-nav__share-item-link-icon{border:2px solid #000;color:#000}.socialNav.bl2-dark-mode .blog-social-nav .blog-social-nav__share-menu-list .blog-social-nav__share-item-link-icon i[class^=icon-]{color:#000}
