.yol{timeline-scope:--yol}.yol-tuval{view-timeline:--yol block}.yol-iz,.yol-dikey path{stroke-dasharray:1 2;stroke-dashoffset:0}@keyframes yol-ciz{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes yol-nokta{0%{opacity:0;scale:.2}}@keyframes yol-belir{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.yol-iz{animation:linear both yol-ciz;animation-timeline:--yol;animation-range:cover 6% cover 40%}.yol-kuyruk{animation:linear both yol-belir;animation-timeline:--yol;animation-range:cover 38% cover 46%}.yol-nokta{animation:linear both yol-nokta;animation-timeline:--yol;animation-range:cover calc(7% + var(--i) * 7%) cover calc(12% + var(--i) * 7%)}.yol-tel{animation:linear both yol-belir;animation-timeline:--yol;animation-range:cover calc(7% + var(--i) * 7%) cover calc(14% + var(--i) * 7%)}.yol-dikey path{animation:linear both yol-ciz;animation-timeline:view();animation-range:entry 30% cover 45%}}}.yol-nokta{transition:background-color .32s var(--ease-yay), box-shadow .32s var(--ease-yay)}.yol-durak:hover .yol-nokta,.yol-durak:focus-within .yol-nokta{background-color:var(--color-kor);box-shadow:0 0 0 4px #de4c3029;box-shadow:0 0 0 4px lab(53.6437% 56.7735 48.2901/.16)}.yol-tel{background-image:linear-gradient(to bottom, var(--color-cizgi) 50%, transparent 0);transition:opacity .32s var(--ease-yay);background-size:1px 5px}.yol-durak:hover .yol-tel{background-image:linear-gradient(to bottom, var(--color-kursun) 50%, transparent 0)}.kitap-sirt{writing-mode:vertical-rl}.plak{transition:translate .9s var(--ease-yay), rotate 1.4s var(--ease-yay);translate:18%}.plak-kap:hover .plak,.plak-kap:focus-visible .plak{translate:40%;rotate:60deg}.davet-cizgi.murekkep-cizgi path{stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.davet-cizgi.murekkep-cizgi path{animation:linear both yol-ciz;animation-timeline:view();animation-range:entry 100% cover 45%}}}