.datis-scroll-template-widget{direction:rtl}.datis-scroll-template-widget .datis-scroll-template__card{background:#fff0;position:relative;z-index:0}.datis-scroll-template-widget .datis-scroll-template__viewport{max-height:520px;overflow-y:auto;overflow-x:hidden;background:#fff0;scrollbar-width:none}.datis-scroll-template-widget .datis-scroll-template__viewport::before{content:'';display:block;z-index:1;position:absolute;width:100%;isolation:isolate;height:140px;left:0;bottom:0;background:linear-gradient(180deg,#fff0 0%,#FFFFFF 70%)}.datis-scroll-template-widget .datis-scroll-template__viewport.is-scrollbar-hidden{scrollbar-width:none}.datis-scroll-template-widget .datis-scroll-template__viewport.is-scrollbar-hidden::-webkit-scrollbar{width:0;height:0}.datis-scroll-template-widget .datis-scroll-template__buttons{position:absolute;bottom:0;display:flex;flex-direction:row;gap:14px;z-index:5;align-items:center;justify-content:center;width:100%}.datis-scroll-template-widget .datis-scroll-template__btn{width:28px;height:28px;border-radius:8px;border:1.3px solid var(--datis-secondary-color);background:#fff0;color:var(--datis-secondary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 300ms}.datis-scroll-template-widget .datis-scroll-template__btn:hover{transform:translateY(-2px)}.datis-scroll-template-widget .datis-scroll-template__placeholder{padding:18px;text-align:center;opacity:.7}@media (max-width:767px){.datis-scroll-template-widget .datis-scroll-template__buttons{display:none}}