.yarl__fullsize{width:100%;height:100%}.yarl__portal{opacity:0;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s)var(--yarl__fade_animation_timing_function,ease);position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{-webkit-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));outline:0;position:relative;overflow:hidden}.yarl__carousel{position:absolute;inset:0;overflow:hidden}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:var(--yarl__carousel_padding,16px);-webkit-transform:translate3d(calc(var(--yarl__slide_offset,0)*(100% + var(--yarl__carousel_spacing,30%))*var(--yarl__direction,1)),0,0);transform:translate3d(calc(var(--yarl__slide_offset,0)*(100% + var(--yarl__carousel_spacing,30%))*var(--yarl__direction,1)),0,0);transition:-webkit-transform var(--yarl__swipe_animation_duration,.5s)var(--yarl__swipe_animation_timing_function,ease-out);transition:transform var(--yarl__swipe_animation_duration,.5s)var(--yarl__swipe_animation_timing_function,ease-out);transition:transform var(--yarl__swipe_animation_duration,.5s)var(--yarl__swipe_animation_timing_function,ease-out),-webkit-transform var(--yarl__swipe_animation_duration,.5s)var(--yarl__swipe_animation_timing_function,ease-out);position:absolute;inset:0;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__container_swipe .yarl__slide{-webkit-transform:translate3d(calc(var(--yarl__slide_offset,0)*(100% + var(--yarl__carousel_spacing,30%))*var(--yarl__direction,1)),0,0)translate3d(var(--yarl__swipe_offset,0px),0,0);transform:translate3d(calc(var(--yarl__slide_offset,0)*(100% + var(--yarl__carousel_spacing,30%))*var(--yarl__direction,1)),0,0)translate3d(var(--yarl__swipe_offset,0px),0,0);transition:unset}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transform:translate(0,0)}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{-webkit-animation:unset;animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,#fffc);filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:hover,.yarl__button:focus:hover,.yarl__button:focus-visible:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_prev,.yarl__navigation_next{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}