/* HWB viewer, accessibility and ocean ambience */
#models .preview{position:relative}
#models .preview:fullscreen{background:#071522;display:grid;place-items:center}
#models .preview:fullscreen canvas{max-width:100%;max-height:100%}
.hwb-loader{position:absolute;top:50%;left:50%;width:72px;height:72px;transform:translate(-50%,-50%);pointer-events:none;z-index:2}
.hwb-loader img{width:100%;height:100%;object-fit:contain;animation:hwb-bob 2.4s ease-in-out infinite;filter:drop-shadow(0 0 14px #67e4ef66)}
@keyframes hwb-bob{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}
.hwb-fullscreen,.hwb-animation{position:absolute;z-index:4;bottom:12px;right:12px;border:1px solid #9cdce9;background:#092734e8;color:#fff;border-radius:8px;padding:9px 12px;cursor:pointer}
.hwb-animation{right:auto;left:12px}
.hwb-fullscreen:focus-visible,.hwb-animation:focus-visible{outline:3px solid #f8d98a;outline-offset:3px}
@media(max-width:600px){.hwb-fullscreen,.hwb-animation{font-size:13px;min-height:44px;padding:10px}.hwb-loader{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.hwb-loader img{animation:none!important}.critter,.critter *{animation:none!important}}