.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{height:50%}}@media only screen and (min-width:768px){.modal .picbox-container{height:90%}}.modal .picbox-container{display:grid;flex-direction:column-reverse;grid-template-rows:auto 60px;margin:20px auto;padding:8px;position:relative}.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;justify-content:center;padding:2px;position:relative;width:44px}.modal .picbox-container .thumbnails .thumbnail img{z-index:10}.modal .picbox-container .thumbnails .thumbnail.active:before{background-color:var(--section-background);border:solid var(--border-color);border-width:1px 1px 0 0;content:"";display:block;height:8px;left:50%;position:absolute;top:-5px;transform:translateX(-50%) rotate(-45deg);width:8px;z-index:5}.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%)}.modal .picbox-container .zoom-toggle{align-items:center;background:var(--button-background-secondary);border:none;border-radius:var(--button-border-radius);box-shadow:0 2px 4px rgba(0,0,0,.5);cursor:pointer;display:flex;height:44px;justify-content:center;outline:none;position:absolute;right:40px;top:-12px;width:44px}@media only screen and (max-width:768px){.modal .picbox-container .zoom-toggle{right:60px;top:6px}}.modal .picbox-container .zoom-toggle:before{color:var(--button-color-secondary);font-size:24px;font-weight:600;line-height:1}.modal .picbox-container .zoom-toggle.active:before{content:"";font-family:Icons}@media only screen and (max-width:768px){.modal .picbox-container .picbox-hint{background:rgba(0,0,0,.7);border-radius:var(--shop-radius);bottom:70px;box-shadow:0 2px 10px rgba(0,0,0,.35);color:#fff;left:50%;opacity:.95;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s ease}.modal .picbox-container .picbox-hint.fade-out{opacity:0}}