.th{margin:0 0 var(--s4, 34px)}.th__frame{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:1200 / 420;background:#e8f1f2;box-shadow:0 1px 0 var(--line, #E4DDD2),0 18px 40px -30px #17130f8c}.th__frame svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.th__cap{margin:12px 0 0;max-width:72ch;font:italic 400 16px/1.55 var(--read, var(--serif));color:var(--ink-3, #5B534C)}.th__fog{animation:th-fog 64s ease-in-out infinite alternate}@keyframes th-fog{0%{transform:translate(-46px)}to{transform:translate(46px)}}.th__ships{animation:th-ships 90s ease-in-out infinite alternate}@keyframes th-ships{0%{transform:translate(0)}to{transform:translate(-70px)}}.th__lib{cursor:pointer}.th__lib:focus{outline:none}.th__lib:focus-visible .th__sign rect,.th__lib:hover .th__sign rect{fill:#2c6a52}.th__lib:focus-visible .th__libhit{stroke:#b8321f;stroke-width:4}.th__dock{transform:translate(1150px,340px);opacity:0}.th__walker{transform:translate(520px,328px);opacity:0}.th__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .5s ease .1s}.th__frame svg{transition:transform 1s cubic-bezier(.55,.05,.3,1);transform-origin:19.6% 64%}.th.is-docking .th__dock{opacity:1;transform:translate(532px,340px);transition:transform 1.15s cubic-bezier(.3,.6,.25,1),opacity .25s linear}.th.is-docking .th__walker{opacity:1;transform:translate(236px,300px);transition:opacity .2s linear 1.05s,transform .9s ease-in-out 1.1s}.th.is-entering .th__frame svg{transform:scale(3.2)}.th.is-entering .th__frame:after{opacity:1;transition-delay:.55s}.th.is-docking .th__fog,.th.is-docking .th__ships{animation-play-state:paused}.th__w1{animation:th-wr 38s ease-in-out infinite alternate}.th__w2{animation:th-wr 44s ease-in-out infinite alternate}.th__w3{animation:th-wl 36s ease-in-out infinite alternate}.th__w4{animation:th-wl 52s ease-in-out infinite alternate}.th__w5{animation:th-wr 47s ease-in-out infinite alternate-reverse}.th__w6{animation:th-wl 41s ease-in-out infinite alternate-reverse}.th__w7{animation:th-wr 60s ease-in-out infinite alternate}.th__w8{animation:th-wl 66s ease-in-out infinite alternate}@keyframes th-wr{0%{transform:translate(0)}to{transform:translate(46px)}}@keyframes th-wl{0%{transform:translate(0)}to{transform:translate(-46px)}}.th__bob{animation:th-bob 5s ease-in-out infinite alternate}@keyframes th-bob{0%{transform:translateY(0)}to{transform:translateY(1.6px)}}.th__drift1{animation:th-bob 5s ease-in-out infinite alternate,th-drift 70s ease-in-out infinite alternate}.th__drift2{animation:th-bob 6s ease-in-out infinite alternate,th-drift 95s ease-in-out infinite alternate-reverse}.th__drift3{animation:th-bob 7s ease-in-out infinite alternate,th-drift 120s ease-in-out infinite alternate}@keyframes th-drift{0%{translate:0 0}to{translate:-80px 0}}.th.is-docking [class*=th__w],.th.is-docking .th__bob{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.th__fog,.th__ships,[class*=th__w],.th__bob,[class*=th__drift]{animation:none!important}.th__frame svg{transition:none}}.th__frame svg{max-width:none}@media(max-width:640px){.th__frame{aspect-ratio:2 / 1}.th__frame svg{left:-3.571%;right:auto;width:142.857%}}.mr>.th{max-width:none;margin:0 auto var(--s4, 34px);padding:0 clamp(16px,4vw,48px)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/aibooks-harbors.css.map */