.universal-list-container{z-index:0;width:100%;position:relative}.universal-list-container__shadow{opacity:1;width:calc(var(--shadow-width) + 2px);z-index:1;transition:opacity .2s;position:absolute;top:0;bottom:0}.universal-list-container__shadow--left{background:-webkit-gradient(linear,right top,left top,from(#fff0),color-stop(10%,rgba(255,255,255,var(--start-opacity))),to(#fff));background:linear-gradient(to left,#fff0,rgba(255,255,255,var(--start-opacity)) 10%,#fff);left:0}.universal-list-container__shadow--right{background:-webkit-gradient(linear,left top,right top,from(#fff0),color-stop(10%,rgba(255,255,255,var(--start-opacity))),to(#fff));background:linear-gradient(to right,#fff0,rgba(255,255,255,var(--start-opacity)) 10%,#fff);right:0}.universal-list-container__shadow--overflow.universal-list-container__shadow--left{left:calc(var(--shadow-width)*-1)}.universal-list-container__shadow--overflow.universal-list-container__shadow--right{right:calc(var(--shadow-width)*-1)}@starting-style{.universal-list-container__shadow{opacity:0}}.universal-list-container__container{-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:none;overflow-x:auto;container:universal-list/scroll-state}.universal-list-container__container::-webkit-scrollbar{display:none}.universal-list-container__container--with-overflow-shadow{margin-left:calc(var(--shadow-width)*-1);margin-right:calc(var(--shadow-width)*-1)}.universal-list-container__container--with-overflow-shadow .universal-list-container__inner-container{padding-left:var(--shadow-width);padding-right:var(--shadow-width)}.universal-list-container__arrow-button{cursor:pointer;opacity:1;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s;display:flex;position:absolute;top:calc(50% - 16px);transform:rotateY(180deg);box-shadow:0 2px 24px #121a4814,0 0 2px #121a4814}.universal-list-container__arrow-button--disabled{display:none}.universal-list-container__arrow-button--prev{left:-16px}.universal-list-container__arrow-button--next{right:-16px}.universal-list-container__arrow-button .icon{width:24px;height:24px}@starting-style{.universal-list-container__arrow-button{opacity:0}}.universal-list-container__inner-container{width:max-content;padding-right:1px}@supports (container-type:scroll-state){.universal-list-container__arrow-button,.universal-list-container__shadow{display:none}@container universal-list scroll-state(scrollable:right){.universal-list-container__arrow-button--next{display:flex}.universal-list-container__shadow--right{display:block}}@container universal-list scroll-state(scrollable:left){.universal-list-container__arrow-button--prev{display:flex}.universal-list-container__shadow--left{display:block}}}