.vlg-set-viewer{width:min(1100px,96vw);height:min(900px,92dvh);max-width:96vw;max-height:92dvh;padding:0;border:1px solid #e94638;background:#f3f1eb;color:#151515;overflow:hidden}.vlg-set-viewer[open]{display:flex;flex-direction:column}.vlg-set-viewer::backdrop{background:#000c}.vlg-set-viewer-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #ddd;flex:none}.vlg-set-viewer-bar h2{font:800 26px/1 Barlow Condensed,sans-serif;margin:0 auto 0 0}.vlg-set-viewer-bar button,.vlg-set-viewer-bar a{border:1px solid #151515;background:#151515;color:#fff;padding:10px 13px;min-height:40px;cursor:pointer;font:700 11px/1.2 Helvetica,Arial,sans-serif;text-decoration:none}.vlg-set-viewer-bar a{background:#e94638;border-color:#e94638;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px)}.vlg-set-viewer-viewport{flex:1;min-height:0;overflow:auto;padding:12px 44px;box-sizing:border-box}.vlg-set-viewer-stage{position:relative;margin:0 auto;line-height:0;max-width:none}.vlg-set-viewer-stage img{display:block;width:100%;height:auto;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.vlg-set-viewer-mark{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;background-size:180px 180px;opacity:.115;pointer-events:none;overflow:hidden}.vlg-set-viewer-prev,.vlg-set-viewer-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:52px;background:#151515;color:#fff;border:1px solid #e94638;cursor:pointer;font:400 36px/1 Arial,sans-serif}.vlg-set-viewer-prev{left:5px}.vlg-set-viewer-next{right:5px}.vlg-set-viewer-status{font-size:11px;text-align:center;margin:7px 0 10px;flex:none}.vlg-set-viewer button:focus-visible,.vlg-set-viewer a:focus-visible{outline:2px solid #e94638;outline-offset:2px}@media(max-width:640px){.vlg-set-viewer-bar{gap:7px;padding:12px}.vlg-set-viewer-bar h2{flex-basis:100%;font-size:22px}.vlg-set-viewer-bar button,.vlg-set-viewer-bar a{padding:9px;font-size:10px}.vlg-set-viewer-viewport{padding:12px 28px}.vlg-set-viewer-prev,.vlg-set-viewer-next{width:30px;height:44px}.vlg-set-viewer-mark{background-size:140px 140px}}.vlg-set-viewer.is-sticker-preview .vlg-set-viewer-mark{opacity:.215}.vlg-set-viewer{background:#0b0b0b;color:#fff;border:0;width:min(1200px,98vw);height:94dvh;max-height:94dvh}.vlg-set-viewer::backdrop{background:#0b0b0bf5}.vlg-set-viewer-bar{border:0;background:transparent}.vlg-set-viewer-bar h2{color:#fff}.vlg-set-viewer-viewport,.vlg-set-viewer-stage{background:transparent}.vlg-set-add-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;flex:none;padding:10px 16px}.vlg-set-add-actions:empty{display:none}.vlg-set-add-actions button{border:0;background:#e94638;color:#fff;padding:13px 20px;min-height:44px;font:800 18px/1 Barlow Condensed,sans-serif;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px)}.vlg-set-add-actions button:disabled{opacity:.4;cursor:default}.vlg-set-viewer-status{color:#fff}.vlg-set-viewer,.vlg-set-viewer-bar,.vlg-set-viewer-viewport,.vlg-set-viewer-stage,.vlg-set-add-actions{background:transparent!important;box-shadow:none!important}.vlg-set-viewer::backdrop{background:#000000e0}.vlg-set-viewer-mark{mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-mode:alpha}.vlg-set-viewer-mark{background-size:600px 225px}@media(max-width:640px){.vlg-set-viewer-mark{background-size:467px 175px}}.vlg-set-viewer-mark{background-size:510px 191.25px}@media(max-width:640px){.vlg-set-viewer-mark{background-size:397px 148.875px}}.vlg-set-viewer-mark{background-size:300px 112.5px}@media(max-width:640px){.vlg-set-viewer-mark{background-size:240px 90px}}.vlg-set-viewer-mark{background-size:300px 300px}@media(max-width:640px){.vlg-set-viewer-mark{background-size:240px 240px}}.vlg-set-viewer-mark{background-size:112.5px 112.5px}@media(max-width:640px){.vlg-set-viewer-mark{background-size:90px 90px}}.vlg-set-viewer-mark{background-size:206.25px 206.25px}@media(max-width:640px){.vlg-set-viewer-mark{background-size:165px 165px}}.vlg-set-add-actions{gap:12px;padding:10px 16px}.vlg-set-add-actions .vlg-set-add-button{display:grid;grid-template-columns:1fr auto;gap:5px 20px;min-width:210px;text-align:left;padding:12px 18px;line-height:1.2}.vlg-set-add-label{font-size:17px;grid-column:1;white-space:nowrap}.vlg-set-add-price{display:flex;align-items:baseline;gap:8px;grid-column:1;font-size:22px}.vlg-set-add-price del{font:500 13px/1.2 Helvetica,Arial,sans-serif;opacity:.75}.vlg-set-add-plus{grid-column:2;grid-row:1/3;align-self:center;font:400 27px/1 Arial,sans-serif}.vlg-set-viewer-prev,.vlg-set-viewer-next{display:grid;place-items:center;padding:0}.vlg-set-viewer-bar h2{min-width:0;overflow-wrap:anywhere;line-height:1.1}@media(max-width:640px){.vlg-set-add-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.vlg-set-add-actions .vlg-set-add-button{min-width:0;gap:5px 6px;padding:11px 12px}.vlg-set-add-label{font-size:15px}.vlg-set-add-price{font-size:20px}.vlg-set-add-actions .vlg-set-add-button:only-child{grid-column:1/-1}.vlg-set-viewer-bar h2{font-size:20px}}@media(max-width:640px){.vlg-set-viewer-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px}.vlg-set-viewer-bar h2{grid-column:1;grid-row:1;flex-basis:auto;margin:0;align-self:center}.vlg-set-viewer-bar .vlg-preview-listing{grid-column:1;grid-row:2;justify-self:start}.vlg-set-viewer-bar .vlg-set-viewer-close{grid-column:2;grid-row:1/3;justify-self:end;align-self:start;min-height:44px;min-width:70px;margin:0}}@media(max-width:640px){.vlg-set-viewer{box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#101010!important;color:#fff}.vlg-set-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.vlg-set-viewer-bar{padding:14px 16px 12px;gap:6px 12px;border-bottom:1px solid #ffffff20}.vlg-set-viewer-bar h2{font-size:22px;line-height:1.1;letter-spacing:0;overflow-wrap:normal}.vlg-set-viewer-bar .vlg-preview-listing{padding:0;min-height:28px;display:inline-flex;align-items:center;border:0;background:transparent;color:#d0d0d0;font:600 11px/1.2 Helvetica,Arial,sans-serif;clip-path:none}.vlg-set-viewer-bar .vlg-preview-listing:hover{color:#fff}.vlg-set-viewer-bar .vlg-set-viewer-close{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #ffffff40;display:grid;place-items:center;font-size:0;background:#1b1b1b;color:#fff}.vlg-set-viewer-bar .vlg-set-viewer-close:after{content:"\d7";font:400 28px/1 Helvetica,Arial,sans-serif}.vlg-set-viewer-viewport{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:16px 42px;overflow:hidden}.vlg-set-viewer-stage{flex:none;margin:0;max-width:100%}.vlg-set-viewer-prev,.vlg-set-viewer-next{width:32px;height:44px;border:1px solid #ffffff40;background:#1b1b1b;color:#fff;font-size:30px}.vlg-set-viewer-prev{left:6px}.vlg-set-viewer-next{right:6px}.vlg-set-add-actions{gap:8px;padding:12px 16px 8px;border-top:1px solid #ffffff20}.vlg-set-add-actions .vlg-set-add-button{width:100%;min-height:76px;grid-template-columns:minmax(0,1fr) 22px;align-content:center;gap:5px 6px;padding:12px 14px}.vlg-set-add-label{font-size:15px;line-height:1.1}.vlg-set-add-price{font-size:22px;line-height:1}.vlg-set-add-plus{font-size:25px}.vlg-set-viewer-status{min-height:16px;margin:2px 16px 10px;color:#bbb;font:500 11px/16px Helvetica,Arial,sans-serif}}@media(max-width:640px){.vlg-set-viewer-bar .vlg-set-viewer-close{position:relative;display:block;line-height:0;text-align:center}.vlg-set-viewer-bar .vlg-set-viewer-close:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);background:linear-gradient(45deg,transparent calc(50% - 1px),currentColor calc(50% - 1px),currentColor calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),currentColor calc(50% - 1px),currentColor calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/vlg-set-viewer.css.map */