#solution-digital-contents{position:relative;margin:0 auto;max-width:var(--contents-width);overflow:hidden}#solution-digital-contents canvas{width:100%;object-fit:cover;background-color:#f0f0f0}#solution-digital-contents .arrow-left,#solution-digital-contents .arrow-right{position:absolute;width:96px;height:96px;transform:translateY(-50%);cursor:pointer;transition:transform .4s cubic-bezier(.19,1,.22,1);background:transparent;border:none;padding:0;color:#333;-moz-appearance:none;appearance:none;-webkit-appearance:none;--arrow-line: 44px;--arrow-stroke: 4px}#solution-digital-contents .arrow-left:before,#solution-digital-contents .arrow-left:after,#solution-digital-contents .arrow-right:before,#solution-digital-contents .arrow-right:after{content:"";position:absolute;width:var(--arrow-line);height:var(--arrow-stroke);background-color:currentColor;top:50%}#solution-digital-contents .arrow-left:before,#solution-digital-contents .arrow-left:after{left:33%;transform-origin:2% 50%}#solution-digital-contents .arrow-right:before,#solution-digital-contents .arrow-right:after{right:33%;transform-origin:98% 50%}#solution-digital-contents .arrow-left:before,#solution-digital-contents .arrow-right:before{transform:translateY(-50%) rotate(45deg)}#solution-digital-contents .arrow-left:after,#solution-digital-contents .arrow-right:after{transform:translateY(-50%) rotate(-45deg)}@media (hover: hover) and (pointer: fine){#solution-digital-contents .arrow-left:hover,#solution-digital-contents .arrow-right:hover{transform:translateY(-50%) scale(1.1)}}#solution-digital-contents .arrow-left.disable,#solution-digital-contents .arrow-right.disable{opacity:.2;pointer-events:none}#solution-digital-contents .arrow-left{left:16px;top:50%}#solution-digital-contents .arrow-right{right:16px;top:50%}@media (max-width: 1024px){#solution-digital-contents .arrow-left,#solution-digital-contents .arrow-right{width:64px;height:64px;--arrow-line: 30px;--arrow-stroke: 3px}#solution-digital-contents .arrow-left{left:0}#solution-digital-contents .arrow-right{right:0}}@media (max-width: 768px){#solution-digital-contents .arrow-left,#solution-digital-contents .arrow-right{width:48px;height:48px;--arrow-line: 16px;--arrow-stroke: 2px}#solution-digital-contents .arrow-left{left:8px;top:auto;bottom:8px;transform:none!important}#solution-digital-contents .arrow-right{right:8px;top:auto;bottom:8px;transform:none!important}}#solution-digital-contents .slider{display:none}@media (max-width: 768px){#solution-digital-contents .slider{display:block;position:absolute;left:50%;bottom:32px;width:calc(100% - 128px);height:4px;transform:translate(-50%,50%);touch-action:none}#solution-digital-contents .slider .slider-base{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:2px;background-color:#ccc}#solution-digital-contents .slider .slider-knob{position:absolute;left:0;top:0;width:calc(100% / 7);height:100%;border-radius:2px;background-color:#e60012;touch-action:none;cursor:grab}#solution-digital-contents .slider .slider-knob:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 32px);height:calc(100% + 64px);background:transparent}}