#sideButtons .mainGrid>div>.frame:not(.frame-layout-0) .ce-gallery{display:block}#sideButtons .mainGrid>div>.frame:not(.frame-layout-0){right:0;transition:right var(--animationDuration) var(--animationMainDelay),transform var(--animationDuration) var(--animationMainDelay),background-color var(--animationDuration) var(--animationMainDelay),padding var(--animationDuration) var(--animationMainDelay),margin var(--animationDuration) var(--animationMainDelay)}#sideButtons .mainGrid>div>.frame:not(.frame-layout-0) .csc-header,#sideButtons .mainGrid>div>.frame:not(.frame-layout-0) .ce-bodytext{transition:opacity var(--animationDuration) var(--animationMainDelay),padding var(--animationDuration) var(--animationMainDelay);opacity:1}#sideButtons .mainGrid>div>.frame:not(.frame-layout-0) .ce-gallery{opacity:0;position:absolute;left:0;top:0;bottom:0;margin:0;padding:0;display:flex;align-items:center;justify-content:center;width:var(--colorBoxIconContainerWidth);transition:opacity var(--animationDuration) var(--animationMainDelay)}#sideButtons .mainGrid>div>.frame:not(.frame-layout-0) .ce-gallery .ce-column{margin:0;padding:0}#sideButtons .mainGrid>div>.frame:not(.frame-layout-0) .ce-gallery img{width:var(--colorBoxImgWidth);transition:opacity .3s}@media screen and (max-width: 1279px){#sideButtons .mainGrid>div>.frame:not(.frame-layout-0):hover .ce-gallery img{opacity:.6}}@media screen and (min-width: 1280px){#sideButtons.scroll .mainGrid>div>.frame:not(.frame-layout-0){--colorBoxSpacesVer: 16px;--colorBoxSpaceAfter: var(--iconBoxSpacesAfter);right:calc(-100% + 60px);margin-left:var(--iconBoxAlignment)}#sideButtons.scroll .mainGrid>div>.frame:not(.frame-layout-0) .csc-header,#sideButtons.scroll .mainGrid>div>.frame:not(.frame-layout-0) .ce-bodytext{opacity:0;padding-left:var(--colorBoxIconTextSpace)}#sideButtons.scroll .mainGrid>div>.frame:not(.frame-layout-0) .ce-gallery{opacity:1}#sideButtons.scroll .mainGrid>div>.frame:not(.frame-layout-0):hover{right:0}#sideButtons.scroll .mainGrid>div>.frame:not(.frame-layout-0):hover .csc-header,#sideButtons.scroll .mainGrid>div>.frame:not(.frame-layout-0):hover .ce-bodytext{opacity:1}#sideButtons.scroll .mainGrid>div>.frame:not(.frame-layout-0):hover .ce-gallery{opacity:1}}@media screen and (max-width: 1279px){#sideButtons{--colorBoxSpacesVer: 16px;--colorBoxSpaceAfter: var(--iconBoxSpacesAfter)}.templateHeader.fixedBlock+#sideButtons .mainGrid>div>.frame:not(.frame-layout-0) .csc-header,.templateHeader.fixedBlock+#sideButtons .mainGrid>div>.frame:not(.frame-layout-0) .ce-bodytext{opacity:0}.templateHeader.fixedBlock+#sideButtons .mainGrid>div>.frame:not(.frame-layout-0) .ce-gallery{opacity:1}.templateHeader.fixedBlock:not(.showBlock)+#sideButtons .mainGrid>div>.frame:not(.frame-layout-0){transform:translateX(0%);right:0;margin-left:var(--iconBoxAlignment)}.templateHeader.fixedBlock.showBlock+#sideButtons .mainGrid>div>.frame:not(.frame-layout-0){transform:translateX(-100%);right:calc(-100% + 60px);margin-left:var(--iconBoxAlignment)}}@media screen and (max-width: 600px){#sideButtons{--colorBoxImgWidth:28px;--colorBoxSpacesVer: 11px}#sideButtons .mainGrid>div>.frame:not(.frame-layout-0) .ce-gallery{justify-content:flex-start;left:11px}}