.transition-bar-container{width:100%;position:relative}@media screen and (max-width:767px){.transition-bar-container{margin:-10px 0 20px}}@media screen and (min-width:768px){.transition-bar-container{margin:-20px 0 40px}}.transition-bar-container:after,.transition-bar-container:before{content:"";display:block;height:100%;position:absolute;z-index:20;top:0}@media screen and (max-width:767px){.transition-bar-container:after,.transition-bar-container:before{width:20px}}@media screen and (min-width:768px){.transition-bar-container:after,.transition-bar-container:before{width:30px}}.transition-bar-container:after{right:0;background-image:linear-gradient(90deg,rgba(255,255,255,0),rgb(255,255,255))}.transition-bar-container:before{left:0;background-image:linear-gradient(-90deg,rgba(255,255,255,0),rgb(255,255,255))}.transition-bar-container-item{width:100%;height:100%;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none}@media screen and (max-width:767px){.transition-bar-container-item{padding:0 20px 10px}}@media screen and (min-width:768px){.transition-bar-container-item{padding:0 30px 20px}}.transition-bar-container-item::-webkit-scrollbar{display:none;width:1px;height:0}.transition-bar{display:flex;scrollbar-width:none}@media screen and (max-width:767px){.transition-bar{padding-right:20px;margin-left:-15px}}@media screen and (min-width:768px){.transition-bar{padding-right:30px;margin-left:-20px}}.transition-bar>.transition-bar-item{vertical-align:top;display:inline-block}@media screen and (max-width:767px){.transition-bar>.transition-bar-item{padding-left:15px;min-width:135px}}@media screen and (min-width:768px){.transition-bar>.transition-bar-item{padding-left:20px;min-width:200px}}.transition-link{display:flex;position:relative;justify-content:center;align-items:center;text-align:center;font-weight:700;overflow:hidden;color:#fff;border-radius:8px;width:100%;height:60px;cursor:pointer;background:50% no-repeat;background-size:cover}@media screen and (max-width:767px){.transition-link{padding:0 8px;height:40px;font-size:1.1rem;line-height:1.4}}@media screen and (min-width:768px){.transition-link{padding:0 26px;font-size:1.5rem;height:60px}}.transition-link:before{content:"";border-radius:8px;z-index:1;position:absolute;width:100%;height:100%;left:0;top:0;pointer-events:none;background-color:rgba(0,0,0,.3);transition:background-color .1s ease}.transition-link:hover:before{background-color:rgba(0,0,0,.2)}.transition-link span{position:relative;z-index:2}