#app .c-window-det.csB2BItemPhotos .c-selected-photo.c-loading,#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-list>li.c-progress div .skeleton-img{opacity:0;border-radius:5px;background-color:#c4c4c4;animation:skeleton-loading-pulse 2s linear infinite alternate}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-list>li.c-progress div .skeleton-img{width:100%;height:100%}#app .c-window-det.csB2BItemPhotos{display:flex;flex-direction:column}#app .c-window-det.csB2BItemPhotos .c-selected-photo{display:flex;justify-content:center;align-items:center}#app .c-window-det.csB2BItemPhotos .c-selected-photo>.c-image{cursor:pointer;width:80%;height:80%}#app .c-window-det.csB2BItemPhotos .c-item-photo-list{width:100%;display:flex}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-back,#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-fwd{height:100%}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-back::after,#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-fwd::after{display:block;font-size:0;position:absolute;top:50%;transform:translateY(-50%);filter:invert(93%) sepia(5%) saturate(28%) hue-rotate(202deg) brightness(88%) contrast(81%)}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-back.c-inactive,#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-fwd.c-inactive{cursor:not-allowed}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-back.c-inactive::after,#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-fwd.c-inactive::after{opacity:.3}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-back{left:0}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-back::after{content:url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e %3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e %3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' baseProfile='full' width='12.804' height='23.8402' viewBox='0 0 12.80 23.84' enable-background='new 0 0 12.80 23.84' xml:space='preserve'%3e %3cpath fill='black' fill-opacity='1' fill-rule='evenodd' stroke-width='0.2' stroke-linejoin='miter' d='M 0.883179%2c0.000244141L 0.00012207%2c0.883301L 11.0378%2c11.9204L 0.00012207%2c22.9575L 0.883179%2c23.8403L 12.804%2c11.9204L 0.883179%2c0.000244141 Z '/%3e %3c/svg%3e");transform:rotate(180deg) translateY(50%);left:0}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-fwd{right:0}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-fwd::after{content:url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e %3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e %3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' baseProfile='full' width='12.804' height='23.8402' viewBox='0 0 12.80 23.84' enable-background='new 0 0 12.80 23.84' xml:space='preserve'%3e %3cpath fill='black' fill-opacity='1' fill-rule='evenodd' stroke-width='0.2' stroke-linejoin='miter' d='M 0.883179%2c0.000244141L 0.00012207%2c0.883301L 11.0378%2c11.9204L 0.00012207%2c22.9575L 0.883179%2c23.8403L 12.804%2c11.9204L 0.883179%2c0.000244141 Z '/%3e %3c/svg%3e");right:0}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-list{display:flex;flex:1;overflow-x:hidden}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-list>li:not(.c-progress):not(.c-empty)>div{display:flex;justify-content:center;align-items:center;border:1px solid #c4c4c4;border-radius:4px}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-list>li:not(.c-progress):not(.c-empty)>div>.c-image{max-width:90%;max-height:90%;cursor:pointer}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-list>li:not(.c-progress):not(.c-empty).c-active>div{border-color:#f27e00}#app .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-list>li.c-progress{display:flex;justify-content:flex-start}#app .c-window-det.csB2BItemPhotos.card{z-index:1}#app.desktop .c-window-det.csB2BItemPhotos.modal .c-selected-photo{width:40vw;max-width:1200px;margin:15px 0 20px 0}#app.desktop .c-window-det.csB2BItemPhotos.modal .c-item-photo-list{justify-content:center;height:calc((500px - 3 * 12px)/5)}#app.desktop .c-window-det.csB2BItemPhotos.modal .c-item-photo-list>.c-btn-back,#app.desktop .c-window-det.csB2BItemPhotos.modal .c-item-photo-list>.c-btn-fwd{width:45px}#app.desktop .c-window-det.csB2BItemPhotos.modal .c-item-photo-list>.c-list{width:500px;max-width:500px}#app.desktop .c-window-det.csB2BItemPhotos.modal .c-item-photo-list>.c-list>li:not(.c-progress):not(.c-empty)>div{width:calc((500px - 3 * 12px)/5);height:calc((500px - 3 * 12px)/5)}#app.desktop .c-window-det.csB2BItemPhotos.modal .c-item-photo-list>.c-list>li:not(.c-progress):not(.c-empty):not(:last-child){margin-right:12px}#app.desktop .c-window-det.csB2BItemPhotos.modal .c-item-photo-list>.c-list>li.c-progress>div{width:calc((500px - 3 * 12px)/5);height:calc((500px - 3 * 12px)/5)}#app.desktop .c-window-det.csB2BItemPhotos.modal .c-item-photo-list>.c-list>li.c-progress>div:not(:last-child){margin-right:12px}#app.desktop .c-window-det.csB2BItemPhotos.card .c-selected-photo{width:350px;height:350px;margin:0 0 20px 0}#app.desktop .c-window-det.csB2BItemPhotos.card .c-item-photo-list{width:350px;height:calc((
    350px - 3 * 8px - 2 * 22px
  )/4)}#app.desktop .c-window-det.csB2BItemPhotos.card .c-item-photo-list>.c-btn-back,#app.desktop .c-window-det.csB2BItemPhotos.card .c-item-photo-list>.c-btn-fwd{width:22px}#app.desktop .c-window-det.csB2BItemPhotos.card .c-item-photo-list>.c-list{width:306px}#app.desktop .c-window-det.csB2BItemPhotos.card .c-item-photo-list>.c-list>li:not(.c-progress):not(.c-empty)>div{width:calc((
    350px - 3 * 8px - 2 * 22px
  )/4);height:calc((
    350px - 3 * 8px - 2 * 22px
  )/4)}#app.desktop .c-window-det.csB2BItemPhotos.card .c-item-photo-list>.c-list>li:not(.c-progress):not(.c-empty):not(:last-child){margin-right:8px}#app.desktop .c-window-det.csB2BItemPhotos.card .c-item-photo-list>.c-list>li.c-progress>div{width:calc((
    350px - 3 * 8px - 2 * 22px
  )/4);height:calc((
    350px - 3 * 8px - 2 * 22px
  )/4)}#app.desktop .c-window-det.csB2BItemPhotos.card .c-item-photo-list>.c-list>li.c-progress>div:not(:last-child){margin-right:8px}#app.phone .c-window-det.csB2BItemPhotos{justify-content:flex-end}#app.phone .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-back,#app.phone .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-btn-fwd{width:25px}#app.phone .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-list>li:not(.c-progress):not(.c-empty):not(:last-child),#app.phone .c-window-det.csB2BItemPhotos .c-item-photo-list>.c-list>li.c-progress>div:not(:last-child){margin-right:12px}#app.phone .c-window-det.csB2BItemPhotos.modal{width:100%;height:80%}#app.phone .c-window-det.csB2BItemPhotos.modal .c-selected-photo{margin:0 0 30px 0}#app.phone .c-window-det.csB2BItemPhotos.modal .c-item-photo-list{display:flex;justify-content:center;align-items:center;height:calc((100vw - 60px - 2 * 8px - 2 * 25px)/3);margin-bottom:15vh}#app.phone .c-window-det.csB2BItemPhotos.modal .c-item-photo-list>.c-list{width:calc(100vw - 2 * 25px)}#app.phone .c-window-det.csB2BItemPhotos.modal .c-item-photo-list>.c-list>li:not(.c-progress):not(.c-empty)>div{width:calc((100vw - 60px - 2 * 8px - 2 * 25px)/3);height:calc((100vw - 60px - 2 * 8px - 2 * 25px)/3)}#app.phone .c-window-det.csB2BItemPhotos.modal .c-item-photo-list>.c-list>li.c-progress>div{width:calc((100vw - 60px - 2 * 8px - 2 * 25px)/3);height:calc((100vw - 60px - 2 * 8px - 2 * 25px)/3)}#app.phone .c-window-det.csB2BItemPhotos.card .c-selected-photo{width:270px;height:270px;margin:0 auto 20px auto}#app.phone .c-window-det.csB2BItemPhotos.card .c-item-photo-list{height:calc((
    340px - 2 * 8px - 2 * 25px
  )/3)}#app.phone .c-window-det.csB2BItemPhotos.card .c-item-photo-list>.c-list{width:calc(340px - 2 * 25px)}#app.phone .c-window-det.csB2BItemPhotos.card .c-item-photo-list>.c-list>li:not(.c-progress):not(.c-empty)>div{width:calc((
    340px - 2 * 8px - 2 * 25px
  )/3);height:calc((
    340px - 2 * 8px - 2 * 25px
  )/3)}#app.phone .c-window-det.csB2BItemPhotos.card .c-item-photo-list>.c-list>li.c-progress>div{width:calc((
    340px - 2 * 8px - 2 * 25px
  )/3);height:calc((
    340px - 2 * 8px - 2 * 25px
  )/3)}