ybc-blade-carousel{--ybc-blade-carousel-control-color:#feffff;--ybc-blade-carousel-control-bg:#142229;--ybc-blade-carousel-control-bg-hover:#0a1418;--ybc-blade-carousel-focus-color:#f1f5f6;--ybc-blade-carousel-dot-color:#feffff;--ybc-blade-carousel-dot-hover-bg:color-mix(in srgb,var(--ybc-blade-carousel-dot-color) 50%,transparent);--ybc-blade-carousel-control-clearance:calc(48px + var(--ybc-sys-sp-4, 1rem));display:block;margin:0;position:relative}ybc-blade-carousel>.blade-inner{display:block;min-width:100%;position:relative}ybc-blade-carousel>.blade-inner>ybc-blade-hero{display:block;width:100%}@media (min-width:768px){ybc-blade-carousel[scale~=tall]>.blade-inner>ybc-blade-hero{height:100%;max-height:100%;min-height:100%}ybc-blade-carousel[scale~=tall]>.blade-inner{height:min(55vh,710px);max-height:710px;min-height:min(55vh,710px);overflow:hidden}ybc-blade-carousel[scale~=tall]>.blade-inner>ybc-blade-hero[variation~=lifestyle]{align-items:center;background-position:50%}ybc-blade-carousel[scale~=tall]>.blade-inner>ybc-blade-hero:has(ybc-blade-hero-image){padding-bottom:calc(var(--ybc-sys-sp-10, 2.5rem) + var(--ybc-blade-carousel-control-clearance));padding-top:var(--ybc-sys-sp-8,2rem)}}ybc-blade-carousel.is-active>.blade-inner>ybc-blade-hero{transition:opacity .4s ease}ybc-blade-carousel.is-active>.blade-inner>ybc-blade-hero[aria-hidden=true]{display:none;inset:0;opacity:0;pointer-events:none;position:absolute}ybc-blade-carousel.is-active>.blade-inner>ybc-blade-hero[aria-hidden=true][data-transitioning=true]{display:block}ybc-blade-carousel.is-active>.blade-inner>ybc-blade-hero[aria-hidden=false]{opacity:1}@media (prefers-reduced-motion:reduce){ybc-blade-carousel.is-active>.blade-inner>ybc-blade-hero{transition:none}}ybc-blade-carousel .blade-carousel-controls{bottom:16px;height:48px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}ybc-blade-carousel .blade-carousel-next,ybc-blade-carousel .blade-carousel-prev{align-items:center;background-color:var(--ybc-blade-carousel-control-bg);border-radius:9999px;border-width:0;color:var(--ybc-blade-carousel-control-color);cursor:pointer;display:inline-flex;height:48px;justify-content:center;padding:0;pointer-events:auto;position:absolute;top:0;transition:background-color .2s ease,transform .2s ease;width:48px}ybc-blade-carousel .blade-carousel-next:hover,ybc-blade-carousel .blade-carousel-prev:hover{background-color:var(--ybc-blade-carousel-control-bg-hover);transform:scale(1.05)}ybc-blade-carousel .blade-carousel-next:focus-visible,ybc-blade-carousel .blade-carousel-prev:focus-visible{outline:2px solid var(--ybc-blade-carousel-focus-color);outline-offset:2px}@media (max-width:767px){ybc-blade-carousel .blade-carousel-next,ybc-blade-carousel .blade-carousel-prev{display:none}}ybc-blade-carousel .blade-carousel-next [class^=icon-arrow-],ybc-blade-carousel .blade-carousel-prev [class^=icon-arrow-]{display:inline-block;font-size:28px;height:28px;line-height:1;width:28px}ybc-blade-carousel .blade-carousel-prev{left:var(--ybc-sys-sp-4,1rem)}ybc-blade-carousel .blade-carousel-next{right:1rem}@media (min-width:768px){ybc-blade-carousel .blade-carousel-next{right:4rem}}ybc-blade-carousel .blade-carousel-pagination{align-items:center;bottom:20px;display:flex;gap:var(--ybc-sys-sp-2);justify-content:center;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%)}ybc-blade-carousel .blade-carousel-dot{background-color:transparent;border:1.5px solid var(--ybc-blade-carousel-dot-color);border-radius:9999px;cursor:pointer;height:8px;padding:0;transition:background-color .2s ease;width:8px}ybc-blade-carousel .blade-carousel-dot:hover{background-color:var(--ybc-blade-carousel-dot-hover-bg)}ybc-blade-carousel .blade-carousel-dot[aria-pressed=true]{background-color:var(--ybc-blade-carousel-dot-color)}ybc-blade-carousel .blade-carousel-dot:focus-visible{outline:2px solid var(--ybc-blade-carousel-focus-color);outline-offset:2px}@media (max-width:767px){ybc-blade-carousel{--ybc-blade-carousel-dot-color:#142229;--ybc-blade-carousel-focus-color:#40525a;--ybc-blade-carousel-control-clearance:calc(28px + var(--ybc-sys-sp-4, 1rem))}ybc-blade-carousel>.blade-inner>ybc-blade-hero:has(ybc-blade-hero-image) .blade-inner{padding-bottom:calc(var(--ybc-sys-sp-10, 2.5rem) + var(--ybc-blade-carousel-control-clearance))}}@media (prefers-reduced-motion:reduce){ybc-blade-carousel .blade-carousel-dot,ybc-blade-carousel .blade-carousel-next,ybc-blade-carousel .blade-carousel-prev{transition:none}}