/* source:italia-v307-gallery-arrows */

html body .gralha-lightbox > button.ii-gallery-arrow{
 all:unset!important; box-sizing:border-box!important;
 position:absolute!important; top:calc(50% - 24px)!important; bottom:auto!important;
 width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important;
 max-width:48px!important; max-height:48px!important; margin:0!important; padding:0!important;
 display:grid!important; place-items:center!important; z-index:40!important;
 transform:none!important; translate:none!important; scale:none!important; rotate:none!important;
 animation:none!important; transition:color .15s ease,background-color .15s ease!important;
 border:0!important; border-radius:50%!important; box-shadow:none!important;
 background:transparent!important; color:rgba(255,255,255,.9)!important;
 cursor:pointer!important; pointer-events:auto!important; touch-action:manipulation!important;
 user-select:none!important; -webkit-tap-highlight-color:transparent!important;
}
html body .gralha-lightbox > button.ii-gallery-arrow--prev{left:max(18px,env(safe-area-inset-left))!important;right:auto!important}
html body .gralha-lightbox > button.ii-gallery-arrow--next{right:max(18px,env(safe-area-inset-right))!important;left:auto!important}
html body .gralha-lightbox > button.ii-gallery-arrow::before,
html body .gralha-lightbox > button.ii-gallery-arrow::after{content:none!important;display:none!important}
html body .gralha-lightbox > button.ii-gallery-arrow svg{
 width:22px!important;height:22px!important;display:block!important;position:static!important;
 margin:0!important;padding:0!important;fill:none!important;stroke:currentColor!important;
 stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
 transform:none!important;translate:none!important;scale:none!important;rotate:none!important;
 animation:none!important;transition:none!important;pointer-events:none!important;
}
html body .gralha-lightbox > button.ii-gallery-arrow:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
html body .gralha-lightbox > button.ii-gallery-arrow:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
@media(max-width:899px),(hover:none){
 html body .gralha-lightbox > button.ii-gallery-arrow--prev{left:max(4px,env(safe-area-inset-left))!important}
 html body .gralha-lightbox > button.ii-gallery-arrow--next{right:max(4px,env(safe-area-inset-right))!important}
}