#jpc-slider-banner-container{padding-top:40%;max-width:100%;position:relative;height:auto;max-height:300px;overflow:hidden;box-sizing:border-box;transition-property:padding,background-color;transition-duration:.2s;transition-timing-function:ease-out}#jpc-slider-banner-container.portrait{max-height:unset;width:100%;padding-top:200%}#banner-hud-container,#banner-inner-container{position:absolute;box-sizing:border-box;top:0;left:50%;transform:translateX(-50%);background-size:contain;background-repeat:no-repeat;background-position:center;overflow:hidden;width:100%;max-width:100%;height:100%}#banner-hud-container{pointer-events:none}#banner-slider-control-box{position:absolute;width:100%;bottom:0;padding:16px;text-align:center}.banner-slide-pip{display:inline-block;pointer-events:all;border:2px solid #fff;width:8px;height:8px;border-radius:100%;margin:0 3px;filter:drop-shadow(1px 1px 2px #000);transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-out;cursor:pointer}.banner-slide-pip:hover{background-color:#b4b4b4}.banner-slide-pip.selected{background-color:#fff;pointer-events:none}.slide-banner-container{position:absolute;top:0;left:0;width:100%;max-width:100%;height:100%;transform:translateX(0);perspective:50px;perspective-origin:center center;animation-fill-mode:both;animation-duration:.5s;animation-timing-function:ease-out}.layer-origin{position:absolute;box-sizing:border-box;width:100%;max-width:100%;height:100%;transition-timing-function:ease-out;transition-property:transform,opacity,left,top;pointer-events:none}.layer-content{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition-timing-function:ease-out;transition-property:transform,opacity,left,top,font-size,height,filter}.layer-content:not(.full-cover){position:absolute}.layer-content.full-contain{width:100%}.layer-content.text-area{position:absolute;padding:6px 24px;display:inline-block;color:#fff;white-space:pre-wrap;max-width:100%;box-sizing:border-box}.layer-content.link-button{padding:6px 12px;background-color:#2a6ebb;color:#fff;pointer-events:all;border-radius:3px}.layer-content.link-button:active,.layer-content.link-button:hover,.layer-content.link-button:link{text-decoration:none}@keyframes wobble1{0%,100%{transform:translateX(-90%)}50%{transform:translateX(0)}}@keyframes fadeOutAndHide{0%{opacity:1}100%{opacity:0}}