.image-set-auto-browse-host{position:relative}.image-set-auto-browse-button{z-index:20;box-sizing:border-box;color:#173f70;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #dedede;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 4px 12px #1c27341f}.image-set-auto-browse-button:hover{color:#0f3159;border-color:#c8d2d8;box-shadow:0 5px 14px #1c273429}.image-set-auto-browse-icon{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.image-set-auto-browse-icon-slow,.image-set-auto-browse-icon-fast,.image-set-auto-browse-button.is-active .image-set-auto-browse-icon-idle{display:none}.image-set-auto-browse-button.is-active.is-slow .image-set-auto-browse-icon-slow,.image-set-auto-browse-button.is-active.is-fast .image-set-auto-browse-icon-fast{display:grid}.image-set-auto-browse-button svg{pointer-events:none;width:18px;height:18px;margin:-9px 0 0 -9px;display:block;position:absolute;top:50%;left:50%}.image-set-auto-browse-icon-slow svg,.image-set-auto-browse-icon-fast svg{width:15px;height:15px;margin:-7.5px 0 0 -7.5px}.image-set-auto-browse-icon-slow svg:first-child{transform:translateY(-2.5px)}.image-set-auto-browse-icon-slow svg:nth-child(2){transform:translateY(2.5px)}.image-set-auto-browse-icon-fast svg:first-child{transform:translateY(-5px)}.image-set-auto-browse-icon-fast svg:nth-child(2){transform:translateY(0)}.image-set-auto-browse-icon-fast svg:nth-child(3){transform:translateY(5px)}.image-set-auto-browse-button.is-active.is-fast{color:#fff;background:#355a6b;border-color:#355a6b}.image-set-auto-browse-button.is-active.is-slow{color:#173f70;background:#e6f0f2;border-color:#426678}.image-set-auto-browse-button:focus{outline:none}.image-set-auto-browse-button:focus-visible{outline-offset:2px;outline:2px solid #4f829747}.image-set-quick-browse-button{z-index:20;box-sizing:border-box;color:#173f70;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #dedede;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:72px;right:18px;box-shadow:0 4px 12px #1c27341f}.image-set-quick-browse-button:hover{color:#0f3159;border-color:#c8d2d8;box-shadow:0 5px 14px #1c273429}.image-set-quick-browse-button svg{pointer-events:none;width:20px;height:20px;display:block}.image-set-quick-browse-button.is-active{color:#fff;background:#355a6b;border:2px solid #fff;box-shadow:0 0 0 2px #dce4e8,0 5px 14px #1c273438}.image-set-quick-browse-button:focus{outline:none}.image-set-quick-browse-button:focus-visible{outline-offset:2px;outline:2px solid #4f829747}.image-set-auto-browse-button.is-browse-controls-at-left,.image-set-quick-browse-button.is-browse-controls-at-left{transform:translateX(var(--image-set-browse-left-offset,-320px))}.image-set-auto-browse-button.is-browse-controls-moving-left,.image-set-quick-browse-button.is-browse-controls-moving-left{pointer-events:none;animation:.52s ease-in-out both image-set-browse-controls-to-left}.image-set-auto-browse-button.is-browse-controls-moving-right,.image-set-quick-browse-button.is-browse-controls-moving-right{pointer-events:none;animation:.52s ease-in-out both image-set-browse-controls-to-right}@keyframes image-set-browse-controls-to-left{0%{opacity:1;transform:translate(0)}42%{opacity:0;transform:translate(72px)}43%{transform:translateX(calc(var(--image-set-browse-left-offset,-320px) - 72px));opacity:0}to{transform:translateX(var(--image-set-browse-left-offset,-320px));opacity:1}}@keyframes image-set-browse-controls-to-right{0%{transform:translateX(var(--image-set-browse-left-offset,-320px));opacity:1}42%{transform:translateX(calc(var(--image-set-browse-left-offset,-320px) - 72px));opacity:0}43%{opacity:0;transform:translate(72px)}to{opacity:1;transform:translate(0)}}.image-set-quick-preview{z-index:40;box-sizing:border-box;border-radius:inherit;pointer-events:auto;background:#19262d9e;position:absolute;inset:0;overflow:hidden}.image-set-quick-preview[hidden]{display:none}.image-set-quick-preview:before{content:"";background:#fff;border:1px solid #d9e0e4;border-radius:8px;position:absolute;inset:10px;box-shadow:0 14px 34px #121f283d}.image-set-quick-preview-stage{z-index:1;overscroll-behavior:contain;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border-radius:7px 7px 0 0;position:absolute;inset:11px 11px 59px;overflow:auto}.image-set-quick-preview-stage.is-dragging{cursor:grabbing}.image-set-quick-preview-canvas{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-width:100%;height:100%;min-height:100%;display:flex}.image-set-quick-preview-image{object-fit:contain;opacity:0;width:auto;max-width:100%;height:auto;max-height:100%;cursor:inherit;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transition:opacity 80ms linear;display:block;position:relative}.image-set-quick-preview.is-ready .image-set-quick-preview-image{opacity:1}.image-set-quick-preview-caption{z-index:1;box-sizing:border-box;color:#4b6070;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-top:1px solid #e0e5e8;border-radius:0 0 7px 7px;height:48px;padding:14px 270px;position:absolute;bottom:11px;left:11px;right:11px;overflow:hidden}.image-set-quick-preview-caption[hidden]{display:none}.image-set-quick-preview-hint{z-index:2;color:#77878f;white-space:nowrap;pointer-events:none;font-size:10px;line-height:1;position:absolute;bottom:24px;right:22px}@media (max-width:720px){.image-set-auto-browse-button{bottom:12px;right:12px}.image-set-quick-browse-button{bottom:66px;right:12px}.image-set-quick-preview-caption{text-align:center;padding:14px 24px}.image-set-quick-preview-hint{background:#ffffffe6;padding:4px 6px;bottom:16px;right:18px}}