.more-view{--duration:300ms;--label_padding:47px}.more-view .transition,.more-view-button-container.transition .more-view-btn-icon,.more-view-button-container.transition .more-view-btn-icon .bt-rec,.more-view-button-container.transition .more-view-btn-label,.more-view-button-container.transition .more-view-button{transition:var(--duration)}.more-view-view-port{overflow:hidden}.more-view-button-container{z-index:1;display:flex;position:sticky;padding-top:30px;height:50px;width:100%}.more-view-button{cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:start;margin:auto;padding:0 10px;height:50px;font-size:17px;font-weight:400;color:#1b183e;border:none;border-radius:100px;background-color:#fff;box-sizing:content-box}.more-view-btn-label{position:absolute;z-index:2;white-space:nowrap;left:var(--label_padding)}.more-view-btn-icon{display:flex;padding:8px;width:30px;height:30px;border-radius:100%;background-color:#1b183e;fill:#fff;transform:scale(1) rotate(0);box-sizing:border-box}.more-view-btn-icon .bt-rec{opacity:1}.more-view-button-container.close .more-view-btn-label-close,.more-view-button-container.open .more-view-btn-label-open{opacity:1;transform:translateX(0)}.more-view-button-container.open .more-view-btn-label-close{opacity:0;transform:translateX(30px)}.more-view-button-container.close,.more-view-button-container.transition{bottom:15px}.more-view-button-container.close .more-view-btn-label-open{opacity:0;transform:translateX(-30px)}.more-view-button-container.close .more-view-btn-icon{transform:scale(1) rotate(-45deg)}.more-view-button-container.hidden{opacity:0;padding-top:0;height:0}.more-view-button-container.hidden .more-view-button{transform:translateY(-20px)}