.slu-bs-wrap{--bs-active-flex:4;--bs-inactive-flex:1;--bs-min-size:60px;--bs-height:500px;--bs-duration:0.8s;--bs-easing:cubic-bezier(0.4, 0, 0.2, 1);--bs-radius:0px;display:flex;width:100%;height:var(--bs-height);border-radius:var(--bs-radius);overflow:hidden;gap:0}.slu-bs-wrap.is-vertical{flex-direction:column}.slu-bs-panel{position:relative;flex:var(--bs-inactive-flex);min-width:var(--bs-min-size);min-height:var(--bs-min-size);overflow:hidden;cursor:pointer;transition:flex var(--bs-duration) var(--bs-easing)}.slu-bs-panel.is-active{flex:var(--bs-active-flex);cursor:default}.slu-bs-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1);transition:transform var(--bs-duration) var(--bs-easing)}.slu-bs-panel:not(.is-active) .slu-bs-bg{transform:scale(1.05)}.slu-bs-overlay{position:absolute;inset:0;background:var(--bs-overlay-inactive,rgb(0 0 0 / .55));transition:background var(--bs-duration) var(--bs-easing)}.slu-bs-panel.is-active .slu-bs-overlay{background:var(--bs-overlay-active,rgb(0 0 0 / .15))}.slu-bs-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 24px;color:var(--bs-content-color,#ffffff);z-index:2}.slu-bs-title{margin:0 0 10px;color:var(--bs-content-color,#ffffff);transition:opacity var(--bs-duration) var(--bs-easing),transform var(--bs-duration) var(--bs-easing)}.slu-bs-wrap:not(.is-vertical) .slu-bs-panel:not(.is-active) .slu-bs-content{justify-content:flex-end;align-items:flex-start}.slu-bs-wrap:not(.is-vertical).title-vertical .slu-bs-panel:not(.is-active) .slu-bs-content{justify-content:flex-end;align-items:center}.slu-bs-wrap:not(.is-vertical).title-vertical .slu-bs-panel:not(.is-active) .slu-bs-title{writing-mode:vertical-rl;transform:rotate(180deg);margin:0;white-space:nowrap;align-self:center}.slu-bs-wrap.is-vertical .slu-bs-panel:not(.is-active) .slu-bs-content{justify-content:center}.slu-bs-desc{margin:0 0 16px;color:var(--bs-content-color);opacity:0;transform:translateY(12px);max-width:100%;max-height:0;overflow:hidden;margin:0;transition:opacity var(--bs-duration) var(--bs-easing),transform var(--bs-duration) var(--bs-easing),max-height var(--bs-duration) var(--bs-easing),margin var(--bs-duration) var(--bs-easing);transition-delay:calc(var(--bs-duration) * 0.4)}.slu-bs-btn-wrap{opacity:0;transform:translateY(12px);max-height:0;overflow:hidden;transition:opacity var(--bs-duration) var(--bs-easing),transform var(--bs-duration) var(--bs-easing),max-height var(--bs-duration) var(--bs-easing);transition-delay:calc(var(--bs-duration) * 0.5)}.slu-bs-panel.is-active .slu-bs-desc{opacity:1;transform:translateY(0);max-height:200px;margin:0 0 16px}.slu-bs-panel.is-active .slu-bs-btn-wrap{opacity:1;transform:translateY(0);max-height:100px}.slu-bs-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease;white-space:nowrap;border:2px solid #fff0;background:var(--bs-btn-bg,#ffffff);color:var(--bs-btn-color,#111827)!important;border-color:var(--bs-btn-border,transparent)}.slu-bs-btn:hover{background:var(--bs-btn-bg-hover,rgb(255 255 255 / .85));color:var(--bs-btn-color-hover,#111827);text-decoration:none}@media (max-width:768px){.slu-bs-wrap{flex-direction:column!important;height:auto!important}.slu-bs-panel{min-height:var(--bs-mobile-min-height,80px);min-width:unset}.slu-bs-panel:not(.is-active) .slu-bs-content{justify-content:center;align-items:flex-start;text-align:left}.slu-bs-panel:not(.is-active) .slu-bs-title{margin:0 0 -2px}.slu-bs-panel.is-active{min-height:var(--bs-mobile-active-min-height,360px)}.slu-bs-desc,.slu-bs-btn-wrap{opacity:1!important;transform:none!important}.slu-bs-wrap:not(.is-vertical).title-vertical .slu-bs-panel:not(.is-active) .slu-bs-title{writing-mode:horizontal-tb;transform:none;white-space:normal;align-self:auto}.slu-bs-wrap:not(.is-vertical).title-vertical .slu-bs-panel:not(.is-active) .slu-bs-content{justify-content:center;align-items:flex-start}}