:root{--control-size:max(22.5px, min(45px, 2.25svw))}#picture_gallery>div>div{align-items:center;display:inline-flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;position:relative;width:100%}#pictures>img{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;border-radius:max(min(3vw,25px),10px);display:none;height:100%;max-height:100%;max-width:100%;user-select:none}#controls{-webkit-tap-highlight-color:transparent;color:var(--main-bg-color);margin-top:.25vw;text-align:center}#controls>div{align-items:center;display:flex;gap:max(2.5px,min(5px,.25svw))}#controls>div>*{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;cursor:pointer;display:inline-block;font-size:calc(var(--control-size) * 1.3)!important;user-select:none;width:calc(var(--control-size) * 1.3)}.badge{border:calc(var(--control-size) * .15) solid var(--main-bg-color)!important;border-radius:100%;box-sizing:border-box;height:var(--control-size)!important;transition-duration:var(--transDur);width:var(--control-size)!important}.badge:is(:hover,:focus){background-color:var(--main-bg-color);transform:scale(1.1)!important}@media (max-width:992px){#picture_gallery>div>div{position:relative}#pictures>img{margin:auto}#controls{height:100%;margin-top:0;position:absolute;top:0;width:100%;z-index:99}#controls>div{height:100%;position:relative;width:100%}#controls>div>button{background-color:rgba(31,31,31,.75);color:var(--light);font-size:calc(24px + 4svw)!important;height:calc((24px + 4svw) * 1.6);margin:0;position:absolute;top:50%;translate:0 -50%;vertical-align:middle;width:calc((24px + 4svw) * 1.6)}#controls>div>button:first-child{left:0}#controls>div>button:last-child{right:0}.badge{display:none!important}}@media (max-width:300px){#controls>div>button{font-size:calc(10px + 8svw)!important;height:calc((10px + 8svw) * 1.6);width:calc((10px + 8svw) * 1.6)}}