.stf__wrapper{box-sizing:border-box;width:100%;height:100%;position:relative}.katalog-viewport{--katalog-header-h:72px;padding-top:var(--katalog-header-h)}.katalog-viewport-inner{height:calc(100dvh - var(--katalog-header-h));min-height:460px}@media (min-width:768px){.katalog-viewport{--katalog-header-h:80px}}@media (min-width:1024px){.katalog-viewport{--katalog-header-h:96px}}@media (min-width:1280px){.katalog-viewport{--katalog-header-h:112px}}.katalog-stage{--katalog-stage-bg:#121212;--katalog-stage-glow:#d5b36b1a;--katalog-panel:#ffffff0f;--katalog-panel-border:#ffffff1a;--katalog-panel-text:#ffffffeb;--katalog-panel-muted:#ffffff73}[data-theme=light] .katalog-stage{--katalog-stage-bg:#e6e1d7;--katalog-stage-glow:#8a6d2f1a;--katalog-panel:#0000000d;--katalog-panel-border:#0000001a;--katalog-panel-text:#1a1a1aeb;--katalog-panel-muted:#1a1a1a73}.katalog-book{filter:drop-shadow(0 18px 34px #0000006b)}.katalog-book>.stf__parent{width:100%!important;min-width:0!important;height:100%!important;min-height:0!important}[data-theme=light] .katalog-book{filter:drop-shadow(0 18px 34px #00000038)}.katalog-page{backface-visibility:hidden;background-color:#fff;overflow:hidden}.katalog-page img{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.katalog-page--loading{background-image:linear-gradient(100deg,#f2f2f2 30%,#e8e8e8 50%,#f2f2f2 70%);background-size:220% 100%;animation:1.4s ease-in-out infinite katalog-page-shimmer}@keyframes katalog-page-shimmer{0%{background-position:180% 0}to{background-position:-80% 0}}.katalog-spine{pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000 0%,#00000029 42%,#00000042 50%,#00000029 58%,#0000 100%);width:44px;margin-left:-22px;position:absolute;top:0;bottom:0;left:50%}.katalog-btn{border:1px solid var(--katalog-panel-border);background:var(--katalog-panel);color:var(--katalog-panel-text);cursor:pointer;border-radius:.625rem;transition:background-color .2s,border-color .2s,color .2s,transform .15s}.katalog-btn:hover:not(:disabled){color:#d5b36b;background:#d5b36b29;border-color:#d5b36b73}.katalog-btn:active:not(:disabled){transform:scale(.94)}.katalog-btn:disabled{opacity:.3;cursor:not-allowed}.katalog-btn--active{color:#d5b36b;background:#d5b36b2e;border-color:#d5b36b80}.katalog-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}.katalog-range::-webkit-slider-runnable-track{background:linear-gradient(to right, #d5b36b 0%, #d5b36b var(--katalog-progress,0%), var(--katalog-panel-border) var(--katalog-progress,0%), var(--katalog-panel-border) 100%);border-radius:999px;height:3px}.katalog-range::-moz-range-track{background:var(--katalog-panel-border);border-radius:999px;height:3px}.katalog-range::-moz-range-progress{background:#d5b36b;border-radius:999px;height:3px}.katalog-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--katalog-stage-bg);background:#d5b36b;border-radius:50%;width:13px;height:13px;margin-top:-5px;transition:transform .15s;box-shadow:0 1px 4px #0006}.katalog-range::-moz-range-thumb{border:2px solid var(--katalog-stage-bg);background:#d5b36b;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 4px #0006}.katalog-range:hover::-webkit-slider-thumb{transform:scale(1.25)}.katalog-range:focus-visible::-webkit-slider-thumb{transform:scale(1.25)}.katalog-range:focus-visible{outline-offset:4px;border-radius:999px;outline:2px solid #d5b36b99}.katalog-thumbs{scrollbar-width:thin;scrollbar-color:#d5b36b8c transparent}.katalog-thumbs::-webkit-scrollbar{height:5px}.katalog-thumbs::-webkit-scrollbar-track{background:0 0}.katalog-thumbs::-webkit-scrollbar-thumb{background:#d5b36b8c;border-radius:999px}.katalog-thumb{cursor:pointer;opacity:.55;background:#ffffff0f;border:2px solid #0000;border-radius:4px;flex:none;transition:border-color .2s,opacity .2s,transform .2s;position:relative;overflow:hidden}.katalog-thumb:hover{opacity:1;transform:translateY(-2px)}.katalog-thumb--active{opacity:1;border-color:#d5b36b}.katalog-thumb img{object-fit:cover;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.katalog-thumb,.katalog-btn{transition:none}.katalog-page--loading{animation:none}}