iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: https://cdn.engelbert-strauss.nl/bundles/Showcase/1.42.1/threeSixtyView.css
.three_sixty_thumbnails_container{display:flex;flex-direction:row;justify-content:center;margin-bottom:10px}.three_sixty_thumbnails_container .t_arrow_left,.three_sixty_thumbnails_container .t_arrow_right{margin-top:auto;margin-bottom:auto;cursor:pointer;width:45px;height:20px;transform:rotate(-90deg)}.three_sixty_thumbnails_container .three_sixty_thumbnails{height:100%;overflow:hidden;display:flex;flex-direction:row;margin-right:auto;margin-left:auto;max-width:390px}.three_sixty_thumbnails_container .three_sixty_thumbnails .thumbnail_slot{transition:all 1s;display:flex;flex-direction:column}.three_sixty_thumbnails_container .three_sixty_thumbnails .thumbnail_slot .t_slot_image_container{height:100px;width:100px;cursor:pointer;border:solid #d3d4d4 1px;margin-left:15px;margin-right:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:border 300ms}.three_sixty_thumbnails_container .three_sixty_thumbnails .thumbnail_slot .t_slot_image_container.selected{border:solid #000 1px}.three_sixty_thumbnails_container .three_sixty_thumbnails .thumbnail_slot .t_slot_image_container:hover{border:solid #000 1px}.three_sixty_thumbnails_container .three_sixty_thumbnails .thumbnail_slot .t_slot_image_container .t_slot_image{max-height:80px;max-width:80px}.three_sixty_thumbnails_container .three_sixty_thumbnails .thumbnail_slot .t_slot_label{color:#000;font-size:13px;margin-top:15px;margin-left:15px;margin-right:15px;width:100px;font-weight:bold;height:55px;text-overflow:ellipsis;text-align:center;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media only screen and (min-width: 1200px){.three_sixty_thumbnails_container{flex-direction:column;margin-right:85px}.three_sixty_thumbnails_container .t_arrow_left,.three_sixty_thumbnails_container .t_arrow_right{transform:rotate(0deg);margin-bottom:auto;margin-left:auto;margin-right:auto}.three_sixty_thumbnails_container .t_arrow_left{margin-bottom:15px}.three_sixty_thumbnails_container .t_arrow_right{margin-top:15px}.three_sixty_thumbnails_container .three_sixty_thumbnails{flex-direction:column;max-height:600px;height:100%}.three_sixty_thumbnails_container .three_sixty_thumbnails .thumbnail_slot .t_slot_image_container{height:120px;width:120px;margin-left:auto;margin-right:auto}.three_sixty_thumbnails_container .three_sixty_thumbnails .thumbnail_slot .t_slot_image_container .t_slot_image{max-height:100px;max-width:100px}.three_sixty_thumbnails_container .three_sixty_thumbnails .thumbnail_slot .t_slot_label{font-size:13px;width:120px;margin-top:5px;margin-bottom:5px}}@media only screen and (min-width: 769px)and (max-width: 1199px){.three_sixty_thumbnails_container .three_sixty_thumbnails .thumbnail_slot .t_slot_label{font-size:11px}} .showcase-container{width:100%;height:100%;background-color:#fff}.showcase-container.no_background{background-color:rgba(0,0,0,0)}.showcase-container .fall_back_img{display:none;height:100%;width:100%;-o-object-fit:contain;object-fit:contain;margin:auto}.showcase-container .fall_back_img.fbi_show{display:block}.three_sixty_view{display:flex;flex-direction:column;max-width:550px;height:100%;justify-content:center;margin-left:auto;margin-right:auto}.three_sixty_view .three_sixty_container{width:100%}.three_sixty_view .three_sixty_container .three_sixty_animation{max-width:initial}.three_sixty_view .three_sixty_container .three_sixty_animation .three_d_images{margin-bottom:10px}.three_sixty_view .three_sixty_container .three_sixty_animation .three_d_images .three_d_image{height:100%;width:100%}.three_sixty_view .gallery_buttons .close_g3d_overlay_btn{top:25px;right:25px;position:absolute;cursor:pointer;z-index:1}.three_sixty_view .gallery_buttons .close_g3d_overlay_btn svg{background:rgba(255,255,255,.75);border-radius:28px}.three_sixty_view .gallery_buttons .close_g3d_overlay_btn svg .border{transition:fill 300ms;fill:#d3d4d4}.three_sixty_view .gallery_buttons .close_g3d_overlay_btn:hover svg .border{fill:#000}.mobile_gallery_buttons .close_g3d_overlay_btn{position:absolute;right:15px;cursor:pointer;z-index:1}.mobile_gallery_buttons .close_g3d_overlay_btn svg{background:rgba(255,255,255,.75);border-radius:28px}.mobile_gallery_buttons .close_g3d_overlay_btn svg .border{transition:fill 300ms;fill:#d3d4d4}.mobile_gallery_buttons .close_g3d_overlay_btn:hover svg .border{fill:#000}@media only screen and (min-width: 1200px){.three_sixty_view{flex-direction:row;max-width:inherit;justify-content:space-between}.three_sixty_view .gallery_buttons{margin-bottom:inherit}.three_sixty_view .three_sixty_container .three_sixty_animation .three_d_images{margin-top:85px}} .three_sixty_animation{display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;max-width:950px;max-height:inherit;width:100%;height:100%}.three_sixty_animation .react-transform-wrapper{margin-left:auto;margin-right:auto}.three_sixty_animation .three_d_images{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;overflow:hidden;position:relative;max-width:900px;width:100%;height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center}.three_sixty_animation .three_d_images .three_d_image{transform:initial;display:none;margin:auto;left:0;right:0;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.three_sixty_animation .three_d_images .active_image{display:block}.three_sixty_animation .three_d_images.show_td_images{opacity:1}.three_sixty_animation .three_d_images.tdi_full_width{max-width:1000px;margin-right:auto}.three_sixty_animation .zoom_buttons{display:flex;flex-direction:row;justify-content:center;margin-left:auto;margin-right:auto;width:90%;max-width:900px;margin-bottom:15px}.three_sixty_animation .zoom_buttons .start_stop_button,.three_sixty_animation .zoom_buttons .zoom_in_btn,.three_sixty_animation .zoom_buttons .zoom_out_btn{cursor:pointer}.three_sixty_animation .zoom_buttons .start_stop_button svg .border,.three_sixty_animation .zoom_buttons .zoom_in_btn svg .border,.three_sixty_animation .zoom_buttons .zoom_out_btn svg .border{transition:fill 300ms;fill:#d3d4d4}.three_sixty_animation .zoom_buttons .start_stop_button:hover svg .border,.three_sixty_animation .zoom_buttons .zoom_in_btn:hover svg .border,.three_sixty_animation .zoom_buttons .zoom_out_btn:hover svg .border{fill:#000}.three_sixty_animation .zoom_buttons .start_stop_button.inactive,.three_sixty_animation .zoom_buttons .zoom_in_btn.inactive,.three_sixty_animation .zoom_buttons .zoom_out_btn.inactive{pointer-events:none}.three_sixty_animation .zoom_buttons .start_stop_button.inactive svg,.three_sixty_animation .zoom_buttons .zoom_in_btn.inactive svg,.three_sixty_animation .zoom_buttons .zoom_out_btn.inactive svg{fill:#d3d4d4}.three_sixty_animation .zoom_buttons .start_stop_button.inactive svg .border,.three_sixty_animation .zoom_buttons .zoom_in_btn.inactive svg .border,.three_sixty_animation .zoom_buttons .zoom_out_btn.inactive svg .border{fill:#d3d4d4}.three_sixty_animation .zoom_buttons .start_stop_button,.three_sixty_animation .zoom_buttons .zoom_out_btn{margin-right:30px}.three_sixty_animation .zoom_buttons.tdi_full_width{max-width:1000px;margin-right:auto}.three_sixty_thumbnails .three_sixty_animation{justify-content:center}.three_sixty_view .three_sixty_animation .three_d_images .three_d_image{cursor:pointer} .loading_spinner{display:none;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;background-color:#000}.loading_spinner.show_loading_spinner{display:flex}.loading_spinner .scs_loader,.loading_spinner .scs_loader:before,.loading_spinner .scs_loader:after{border-radius:50%}.loading_spinner .scs_loader{color:#fff;font-size:4px;text-indent:-99999em;margin:55px auto;position:relative;width:26px;height:26px;box-shadow:inset 0 0 0 2px;transform:translateZ(0)}.loading_spinner .scs_loader:before,.loading_spinner .scs_loader:after{position:absolute;content:""}.loading_spinner .scs_loader:before{width:5em;height:10em;border-radius:10em 0 0 10em;background:#000;top:-1.8em;left:-1.8em;transform-origin:5em 5em;animation:load2 2s infinite ease 1.5s}.loading_spinner .scs_loader:after{width:5em;height:10em;border-radius:0 10em 10em 0;background:#000;top:-1.8em;left:3.2em;transform-origin:.1em 5.1em;animation:load2 2s infinite ease}@keyframes load2{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .scs_fallback_container{overflow:hidden;height:100%;width:100%;display:flex;justify-content:center;flex-direction:column}.scs_fallback_container .fallback_img{width:100%} /*# sourceMappingURL=threeSixtyView.css.map*/