.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;--bs-fade-out-ratio:0.3;--bs-fade-out:calc(var(--bs-duration) * var(--bs-fade-out-ratio));--bs-fade-in:calc(var(--bs-duration) * 0.4);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-expanded{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-expanded) .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-expanded .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);opacity:1;transition:opacity var(--bs-fade-in) 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;color:var(--bs-content-color);max-width:100%;max-height:0;overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity var(--bs-fade-in) var(--bs-easing),transform var(--bs-fade-in) var(--bs-easing);transition-delay:calc(var(--bs-duration) * 0.12)}.slu-bs-btn-wrap{max-height:0;overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity var(--bs-fade-in) var(--bs-easing),transform var(--bs-fade-in) var(--bs-easing);transition-delay:calc(var(--bs-duration) * 0.24)}.slu-bs-panel.is-active .slu-bs-desc{opacity:1;transform:translateY(0);max-height:none;overflow:visible;margin:0 0 16px}.slu-bs-panel.is-active .slu-bs-btn-wrap{opacity:1;transform:translateY(0);max-height:none;overflow:visible}.slu-bs-panel.is-fading .slu-bs-title,.slu-bs-panel.is-fading .slu-bs-desc,.slu-bs-panel.is-fading .slu-bs-btn-wrap{opacity:0;transition-duration:var(--bs-fade-out);transition-delay:0s}.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}