32:I[8054,["/_next/static/chunks/051zm_9rairux.js","/_next/static/chunks/3p2lmahwiujn-.js","/_next/static/chunks/40jn6gpsz6wtv.js","/_next/static/chunks/0t7homaa3spvs.js"],"EffectCard"] 33:T48c,

Inlet

Sea water reaches far inland between the walls.

Sill

A shallow ridge holds the deep water still.

Cliff

Ice cut the rock face almost vertical.

34:T4b1,.fx-acc-fjord-slide { width: 300px; display: flex; flex-direction: column; gap: 5px; font-family: system-ui, "Segoe UI", sans-serif; } .fx-acc-fjord-slide-row { position: relative; display: flex; align-items: stretch; background: #101820; border: 1px solid #1d3140; border-radius: 8px; overflow: hidden; } .fx-acc-fjord-slide-head { display: flex; align-items: center; flex: 0 0 94px; padding: 9px 11px; background: #14202b; cursor: pointer; } .fx-acc-fjord-slide-input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; } .fx-acc-fjord-slide-name { font-size: 11.5px; letter-spacing: 0.04em; color: #bfe0f2; transition: color 0.3s ease; } .fx-acc-fjord-slide-body { max-width: 0; overflow: hidden; transition: max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .fx-acc-fjord-slide-text { display: block; width: 180px; padding: 9px 11px; font-size: 10.5px; line-height: 1.4; color: #7f9db3; } .fx-acc-fjord-slide-row:has(.fx-acc-fjord-slide-input:checked) .fx-acc-fjord-slide-body { max-width: 202px; } .fx-acc-fjord-slide-row:has(.fx-acc-fjord-slide-input:checked) .fx-acc-fjord-slide-name { color: #38bdf8; }

Fjord Slide Accordion

Popüler etiketler