body.reiketsu-combo-sidebar-layout .main-content{
position:relative;
display:flex;
flex-direction:column;
min-height:0;
}
.main-scroll-top-dock-row{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-end;
width:100%;
box-sizing:border-box;
padding:0 1rem max(1rem, env(safe-area-inset-bottom, 0px)) 1rem;
margin-top:auto;
position:sticky;
bottom:0;
z-index:5;
gap:0.75rem;
pointer-events:none;
}
.main-scroll-top-dock-row--top-only{
justify-content:flex-end;
}
.main-scroll-top__share-slot{
flex:0 0 auto;
pointer-events:auto;
align-self:flex-end;
}
.main-scroll-top__top-slot{
flex:0 0 auto;
pointer-events:none;
align-self:flex-end;
margin-inline-start:auto;
}
.main-scroll-top__share-column{
pointer-events:auto;
}
.main-scroll-top{
align-self:flex-end;
width:fit-content;
max-width:100%;
margin:0;
padding:0;
pointer-events:none;
}
.main-scroll-top__share-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:0.4rem;
}
.main-scroll-top__share-wrap{
position:relative;
}
.main-scroll-top__share-panel{
overflow:hidden;
max-height:0;
opacity:0;
visibility:hidden;
transform:translateY(0.25rem);
transition:max-height 0.38s ease, opacity 0.32s ease, visibility 0s linear 0.38s, transform 0.32s ease;
}
.main-scroll-top__share-panel--open{
max-height:12rem;
opacity:1;
visibility:visible;
transform:translateY(0);
transition:max-height 0.38s ease, opacity 0.28s ease, visibility 0s linear 0s, transform 0.28s ease;
}
.main-scroll-top__share-panel-inner{
display:flex;
flex-direction:column;
gap:0.35rem;
}
.main-scroll-top__share-panel:not(.main-scroll-top__share-panel--open) .main-scroll-top__share-link{
pointer-events:none;
}
.main-scroll-top__share-link{
pointer-events:auto;
display:inline-flex;
align-items:center;
justify-content:center;
width:2.75rem;
height:2.75rem;
margin:0;
padding:0;
border-radius:0;
background:#dbdbdb;
color:#0f0f0f;
font-size:1rem;
line-height:1;
text-decoration:none;
transition:background-color 0.2s ease, opacity 0.2s ease;
-webkit-tap-highlight-color:transparent;
}
.main-scroll-top__share-link:hover{
background:rgba(219, 219, 219, 0.5);
}
.main-scroll-top__share-link:focus-visible{
outline:2px solid #0f0f0f;
outline-offset:2px;
}
.main-scroll-top--hidden{
visibility:hidden;
opacity:0;
transition:opacity 0.2s ease, visibility 0s linear 0.2s;
}
.main-scroll-top:not(.main-scroll-top--hidden){
pointer-events:auto;
transition:opacity 0.2s ease;
}
.main-scroll-top__btn{
pointer-events:auto;
display:inline-flex;
align-items:center;
justify-content:center;
width:2.75rem;
height:2.75rem;
margin:0;
padding:0;
border:0;
border-radius:0;
background:#dbdbdb;
color:#0f0f0f;
font-size:1rem;
line-height:1;
cursor:pointer;
transition:background-color 0.2s ease, opacity 0.2s ease;
-webkit-tap-highlight-color:transparent;
}
.main-scroll-top__btn--share[aria-expanded="true"]{
background:rgba(219, 219, 219, 0.5);
}
.main-scroll-top__btn:hover{
background:rgba(219, 219, 219, 0.5);
}
.main-scroll-top__btn:focus-visible{
outline:2px solid #0f0f0f;
outline-offset:2px;
}
.main-scroll-top--hidden .main-scroll-top__btn{
pointer-events:none;
}
@media (max-width:1279px){
.main-scroll-top__share-panel{
position:absolute;
left:0;
bottom:calc(2.75rem + 0.4rem);
width:2.75rem;
z-index:7;
}
}
@media (prefers-reduced-motion:reduce){
.main-scroll-top-dock-row,
.main-scroll-top,
.main-scroll-top__btn,
.main-scroll-top__share-panel{
transition-duration:0.01ms!important;
}
.main-scroll-top__share-panel{
transform:none!important;
}
}
@media (min-width:1280px){
body.reiketsu-combo-sidebar-layout .main-content,
.reiketsu-combo-pc-split__left .main-content{
display:flex;
flex-direction:column;
min-height:0;
}
.main-scroll-top-dock-row--share-external{
justify-content:flex-end;
}
.main-content > .container.main-content__container--has-share-rail{
position:relative;
z-index:0;
box-sizing:border-box;
--reik-share-pad-left:max(1.25rem, calc(1.5rem + 2.75rem + 1rem));
padding-left:var(--reik-share-pad-left);
}
body.reiketsu-combo-sidebar-layout .main-content > .container.main-content__container--has-share-rail,
.reiketsu-combo-pc-split__left .main-content > .container.main-content__container--has-share-rail{
--reik-share-pad-left:max(clamp(2rem, 6vw, 8rem), calc(1.5rem + 2.75rem + 1rem));
padding-left:var(--reik-share-pad-left);
}
body.reiketsu-combo-sidebar-layout .main-content > .container.main-content__container--has-share-rail .main-scroll-top__share-slot,
.reiketsu-combo-pc-split__left .main-content > .container.main-content__container--has-share-rail .main-scroll-top__share-slot,
.main-content > .container.main-content__container--has-share-rail .main-scroll-top__share-slot{
flex:none!important;
align-self:stretch!important;
position:absolute!important;
left:max(calc((var(--reik-share-pad-left) - 2.75rem) / 2), env(safe-area-inset-left, 0px))!important;
right:auto!important;
top:0!important;
bottom:0!important;
width:2.75rem!important;
box-sizing:border-box!important;
display:flex!important;
flex-direction:column!important;
flex-wrap:nowrap!important;
justify-content:flex-start!important;
align-items:stretch!important;
align-content:flex-start!important;
padding:0!important;
margin:0!important;
transform:none!important;
pointer-events:none!important;
z-index:6!important;
}
body.reiketsu-combo-sidebar-layout .main-content > .container.main-content__container--has-share-rail .main-scroll-top__share-column,
.reiketsu-combo-pc-split__left .main-content > .container.main-content__container--has-share-rail .main-scroll-top__share-column,
.main-content > .container.main-content__container--has-share-rail .main-scroll-top__share-column{
pointer-events:auto!important;
position:sticky!important;
top:max(1rem, env(safe-area-inset-top, 0px))!important;
bottom:auto!important;
width:2.75rem!important;
flex:0 0 auto!important;
margin:0!important;
padding:0!important;
}
body.reiketsu-combo-sidebar-layout .main-content > .container.main-content__container--has-share-rail .main-scroll-top__share-wrap,
.reiketsu-combo-pc-split__left .main-content > .container.main-content__container--has-share-rail .main-scroll-top__share-wrap,
.main-content > .container.main-content__container--has-share-rail .main-scroll-top__share-wrap{
gap:0!important;
align-items:stretch!important;
justify-content:flex-start!important;
width:100%!important;
margin:0!important;
}
.main-scroll-top__share-wrap{
gap:0;
align-items:stretch;
width:100%;
}
.main-scroll-top__btn--share{
display:none !important;
}
.main-scroll-top__share-panel{
overflow:visible;
max-height:none;
opacity:1;
visibility:visible;
transform:none;
transition:none;
}
.main-scroll-top__share-panel--open{
transition:none;
}
.main-scroll-top__share-panel-inner{
gap:0;
}
.main-scroll-top__share-panel:not(.main-scroll-top__share-panel--open) .main-scroll-top__share-link{
pointer-events:auto;
}
.main-scroll-top__share-link{
border-radius:0;
}
.main-scroll-top__share-link + .main-scroll-top__share-link{
border-top:1px solid rgba(0, 0, 0, 0.08);
}
.main-scroll-top{
margin-bottom:0;
}
}