.modal{align-items:center;background:var(--modal-background,var(--grey4));display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.modal .modal-container{background:var(--modal-container-background,var(--section-background));border-radius:var(--shop-radius);box-shadow:0 0 12px rgba(0,0,0,.5);height:auto;max-width:var(--container-width);padding:1em;position:relative;width:auto}@media only screen and (max-width:1023px){.modal .modal-container{max-width:94%}}.modal .modal-container.modal-s{width:30%}.modal .modal-container.modal-m{width:50%}.modal .modal-container.modal-l{width:70%}.modal .modal-container>.close{align-items:center;background:var(--button-background-secondary);border-radius:var(--button-border-radius);box-shadow:0 2px 4px rgba(0,0,0,.5);cursor:pointer;display:flex;font-size:32px;height:44px;justify-content:center;position:absolute;right:-12px;text-indent:999em;top:-12px;width:44px}.modal .modal-container>.close:hover{background:var(--button-background-secondary-hover)}.modal .modal-container>.close:after,.modal .modal-container>.close:before{background-color:var(--button-color-secondary);content:"";height:7%;position:absolute;transform:rotate(45deg);width:50%}.modal .modal-container>.close:after{transform:rotate(-45deg)}@media only screen and (max-width:767px){.modal .modal-container>.close{right:6px;top:6px}}.modal .picbox-container{display:grid;flex-direction:column-reverse;grid-template-rows:auto 60px;margin:20px auto;padding:8px}.modal .picbox-container .big-video{height:100%;margin:auto;width:90%}.modal .picbox-container .big-video iframe{height:calc(100% - 60px)}.modal .picbox-container .big-video .youtube-hint{height:60px;margin-bottom:0}.modal .picbox-container .big-three-sixty{height:100%;margin-bottom:8px;overflow:hidden}.modal .picbox-container .big-three-sixty .cloudimage-360{height:100%}.modal .picbox-container .big-three-sixty .cloudimage-360 .cloudimage-360-inner-box{aspect-ratio:1;height:100%;margin:auto;width:auto}.modal .picbox-container .big-three-sixty .cloudimage-360 canvas{height:100%!important;width:100%!important}.modal .picbox-container .big-picture{cursor:zoom-in;display:flex;margin:0 auto 8px;overflow:hidden}.modal .picbox-container .big-picture.full{height:100%}.modal .picbox-container .big-picture img{max-height:100%}.modal .picbox-container .big-picture.zoomed{cursor:grab;overflow:auto}.modal .picbox-container .big-picture.zoomed img{height:200%;max-height:200%;max-width:200%}.modal .picbox-container .big-picture.zoomed.grabbing{cursor:grabbing}.modal .picbox-container .big-picture.zoomed::-webkit-scrollbar{display:none}.modal .picbox-container .thumbnails{display:flex;flex-direction:row;gap:4px;order:1;padding-top:20px;place-self:center}.modal .picbox-container .thumbnails.single{border-top:none}.modal .picbox-container .thumbnails .thumbnail{border:1px solid var(--border-color);border-radius:calc(var(--shop-radius)/2);cursor:pointer;display:flex;height:44px;padding:2px;position:relative;width:44px}.modal .picbox-container .thumbnails .thumbnail img{z-index:10}.modal .picbox-container .thumbnails .thumbnail:nth-child(n+7){display:none}.modal .picbox-container .thumbnails .thumbnail .show-more{cursor:pointer;display:flex;flex-wrap:wrap;font-size:12px;line-height:1.2;place-self:center center;text-align:center;text-decoration:underline}@media only screen and (min-width:768px){.modal .picbox-container .thumbnails .thumbnail{cursor:pointer}.modal .picbox-container .thumbnails .thumbnail:nth-child(n+7){display:block}}.modal .picbox-container .arrow-left,.modal .picbox-container .arrow-right{align-items:center;background:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 0 12px rgba(0,0,0,.25);cursor:pointer;display:flex;height:44px;justify-content:center;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:44px}.modal .picbox-container .arrow-left:before,.modal .picbox-container .arrow-right:before{align-items:center;color:#000;display:flex;font-family:Icons;font-size:2em;justify-content:center}.modal .picbox-container .arrow-right{left:auto;right:12px}.modal .picbox-container .arrow-left:before{content:"";transform:translateX(-15%)}.modal .picbox-container .arrow-right:before{content:"";transform:translateX(15%)}