@import"https://fonts.googleapis.com/css2?family=Andika:wght@400;700&display=swap";@font-face{font-family:HouschkaRounded;src:url(https://kassie.media/static/HouschkaRounded-Bold.woff2) format("woff2"),url(https://kassie.media/static/HouschkaRounded-Bold.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--kassie-font-cutive: "Cutive", monospace;--kassie-font-courier-prime: "Courier Prime", monospace;--kassie-font-roboto: "Roboto", sans-serif;--font-houschkarounded: "houschkarounded", "Courier Prime", monospace;--kassie-white: #ffffff;--kassie-black: #000000;--kassie-green-1: #bcd85fff;--kassie-green-2: #8fb83fff;--kassie-green-3: #5c833aff;--kassie-green-4: #457839ff;--kassie-brown-1: #db9260ff;--kassie-brown-2: #a56235ff;--kassie-brown-3: #723b2aff;--kassie-brown-4: #723b2aff;--kassie-orange-1: #fee589ff;--kassie-orange-2: #fbdd5cff;--kassie-orange-3: #faae1cff;--kassie-orange-4: #e96125ff;--kassie-cyan-1: #a1dbe4ff;--kassie-cyan-2: #84d2e2ff;--kassie-cyan-3: #44c1c5ff;--kassie-blue-1: #afbde1ff;--kassie-blue-2: #788ec7ff;--kassie-blue-3: #788ec7ff;--kassie-blue-4: #2b3982ff;--kassie-purple-1: #bfa9d2ff;--kassie-purple-2: #9d85beff;--kassie-purple-3: #7c51a1ff;--kassie-purple-4: #7d2c7fff;--kassie-red-1: #f68d76ff;--kassie-red-2: #eb6f5aff;--kassie-red-3: #db4139ff;--kassie-red-4: #bd202eff;--kassie-burgendy: #cf3d96ff;--kassie-primary-color: #FEE589;--kassie-button-middle: #FBDD5C;--kassie-secondary-color: #b99a0cff;--kassie-light-color: #ffffff;--kassie-red: var(--kassie-red-4);--kassie-lighter-background-color: #f8f9fa;--kassie-light-border-color: #e5e7eb;--kassie-dark-border-color: #3F2A14;--kassie-text-color: #3F2A14;--kassie-border-color: #e5e7eb;--kassie-shadow-color: rgba(0, 0, 0, .1);--kassie-blackbg-color: #111111;--kassie-box-shadow-color: #3F2A14aa;--kassie-white-transparent-20: rgba(255, 255, 255, .2);--kassie-variant-card-bgcolor: #ffffff;--kassie-variant-card-bordercolor: #000000;--kassie-dark-brown: #3F2A14;--kassie-cyan: var(--kassie-cyan-3);--kassie-cyan-light: var(--kassie-cyan-2);--kassie-cyan-tint: var(--kassie-cyan-1);--category-sport: #f5bf16;--category-wildtuin: #447839;--category-plaas: #4858a6;--category-vervoer: #5c813a;--category-kuns: #7158a5;--kassie-svg-components-wildtuinbadge: url(https://kassie.media/svg/components/WildtuinBadge.svg);--kassie-svg-components-farmbadge: url(https://kassie.media/svg/components/FarmBadge.svg);--kassie-svg-components-sportbadge: url(https://kassie.media/svg/components/SportBadge.svg);--kassie-svg-components-vervoerbadge: url(https://kassie.media/svg/components/VervoerBadge.svg);--kassie-svg-components-kunsbadge: url(https://kassie.media/svg/components/KunsBadge.svg);--kassie-svg-components-aitsabadge1: url(https://kassie.media/svg/components/AitsaBadge1.svg);--kassie-svg-components-aitsaaward: url(https://kassie.media/svg/components/AitsaAward.svg);--kassie-svg-components-note1: url(https://kassie.media/svg/components/Note1.svg);--kassie-svg-components-note2: url(https://kassie.media/svg/components/Note2.svg);--kassie-svg-components-note3: url(https://kassie.media/svg/components/Note3.svg);--kassie-svg-components-bluestar: url(https://kassie.media/svg/components/BlueStar.svg);--kassie-svg-components-greenstar: url(https://kassie.media/svg/components/GreenStar.svg);--kassie-svg-components-yellowstar: url(https://kassie.media/svg/components/YellowStar.svg);--kassie-svg-components-redstar: url(https://kassie.media/svg/components/RedStar.svg);--kassie-svg-components-pinkstar: url(https://kassie.media/svg/components/PinkStar.svg);--kassie-svg-branding-kassienote: url(https://kassie.media/svg/branding/KassieNote.svg);--kassie-svg-branding-kassietassie1: url(https://kassie.media/svg/branding/KassieTassie1.svg);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-base: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-xxl: 2.5rem;--reader-font-family: "Andika", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 50%;--shadow-small: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .15);--shadow-large: 0 8px 16px rgba(0, 0, 0, .2);--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:1.5;color:var(--kassie-text-color);background-image:url(https://kassie.media/svg/components/BlueBgoptimizedpng.svg);background-repeat:repeat;background-size:20px 20px;background-attachment:fixed;image-rendering:pixelated;min-height:100vh}#app{width:100%;min-height:100vh;background:transparent}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:var(--kassie-black)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}h4,h5,h6{font-size:var(--font-size-base)}p{margin:0;color:var(--kassie-text-color)}a{color:var(--kassie-blue-4);text-decoration:none;transition:color .2s ease}a:hover{color:var(--kassie-blue-3)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;margin:0;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;border:2px solid var(--kassie-border-color);border-radius:var(--radius-sm);padding:var(--spacing-base);background:var(--kassie-white);color:var(--kassie-text-color);transition:border-color .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--kassie-cyan);box-shadow:0 0 0 3px #44c1c51a}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);opacity:1;z-index:100}.coin-container{display:flex;align-items:center;justify-content:center;width:120px;height:120px}.coin{width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:spin 2s linear infinite}.coin img{width:100%;height:100%;object-fit:contain}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-animation p{font-size:var(--font-size-base);font-weight:600;color:var(--kassie-color-text-dark, #2c3e50);text-align:center;margin:0}.loading-dots{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:center}.loading-dots .dot{width:12px;height:12px;border-radius:50%;background:var(--kassie-color-primary-cyan, #00bcd4);animation:bounce 1.4s infinite ease-in-out both}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){*{border-color:var(--kassie-black)!important}button,a{text-decoration:underline}}.navigation-bar{position:fixed;top:10px;left:0;right:0;height:72px;background:transparent;border-bottom:none;box-shadow:none;display:flex;justify-content:center;align-items:center;gap:0px;z-index:50!important;padding:0 var(--spacing-xl);transition:transform .3s ease;margin:0}button{padding:50px,0!important;margin:10px!important;height:50px!important}.navigation-bar.hidden{transform:translateY(-100%)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);margin:0;padding:0 10px;min-width:70px;min-height:70px;border:none;background:transparent;cursor:pointer;transform:scale(1.2);transition:transform .3s ease;border-radius:var(--radius-sm);position:relative;overflow:visible}.nav-item:hover{transform:scale(1.4)}.nav-item:active{transform:scale(1.3)}.nav-item.active,.nav-item.active:hover{transform:scale(1.5)}.nav-item.disabled,.nav-item:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.nav-item.disabled:hover,.nav-item:disabled:hover{transform:none}.nav-item.disabled .nav-icon-image,.nav-item:disabled .nav-icon-image{filter:grayscale(100%)}.nav-item--profile{flex-direction:column;padding:10px;min-height:56px}.nav-avatar-container{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.nav-avatar-image{width:56px;height:56px;object-fit:contain;transition:filter .3s ease;display:block}.nav-item--profile:hover .nav-avatar-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.nav-item--profile.active .nav-avatar-container{transform:scale(1)}.nav-avatar{width:56px;height:56px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--kassie-border-color);transition:border-color .3s ease;background:var(--kassie-lighter-background-color)}.nav-item--profile.active .nav-avatar{border-color:var(--kassie-cyan);box-shadow:0 0 0 2px var(--kassie-cyan-tint)}.nav-avatar img{width:100%;height:100%;object-fit:cover}.nav-icon-image{width:56px;height:56px;object-fit:contain;transition:filter .3s ease;display:block;margin:0 auto;padding:0}.nav-item[data-route=library] .nav-icon-image{width:auto!important;height:56px!important;max-height:56px!important}.nav-item:hover .nav-icon-image{filter:drop-shadow(0 4px 4px rgba(0,0,0,.3))}.nav-label{font-size:var(--font-size-xs);font-weight:600;color:var(--kassie-color-text-dark, #2c3e50)!important;transition:color .3s ease;text-align:center;background:var(--kassie-color-accent-orange, #ff9800);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);border:4px solid var(--kassie-color-text-dark, #2c3e50);box-shadow:var(--shadow-medium)}.nav-item.active .nav-label{color:var(--kassie-cyan)}.hamburger-button{position:fixed;top:var(--spacing-md);left:var(--spacing-md);width:44px;height:44px;border:2px solid var(--kassie-dark-border-color);background:var(--kassie-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-small);cursor:pointer;z-index:99;display:none;align-items:center;justify-content:center;transition:all .2s ease}.hamburger-button.visible{display:flex}.hamburger-button:hover{background:var(--kassie-lighter-background-color);box-shadow:var(--shadow-medium);transform:scale(1.05)}.hamburger-button:active{transform:scale(.95)}.hamburger-icon{width:24px;height:24px}.hamburger-icon line{stroke:var(--kassie-text-color);stroke-width:2;stroke-linecap:round}.navigation-overlay{position:fixed;inset:0;z-index:1000;display:none}.navigation-overlay.open{display:block}.overlay-backdrop{position:absolute;inset:0;background:#00000080;animation:fadeIn .3s ease}.overlay-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--kassie-white);border:3px solid var(--kassie-dark-border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-large);padding:var(--spacing-xl);min-width:280px;max-width:90vw;animation:slideIn .3s ease}.overlay-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:44px;height:44px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background .2s ease}.overlay-close:hover{background:var(--kassie-lighter-background-color)}.overlay-close svg{width:24px;height:24px;stroke:var(--kassie-text-color);stroke-width:2}.overlay-nav{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.overlay-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid var(--kassie-border-color);background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-height:60px}.overlay-nav-item:hover{background:var(--kassie-lighter-background-color);border-color:var(--kassie-cyan)}.overlay-nav-item:active{transform:scale(.98)}.overlay-icon{width:40px;height:40px;fill:var(--kassie-text-color);flex-shrink:0}.overlay-label{font-size:var(--font-size-md);font-weight:600;color:var(--kassie-text-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(width:375px)and (height:667px)and (orientation:portrait){.navigation-bar{top:10px!important;height:80px!important;gap:10px!important;padding:0 var(--spacing-sm)!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.nav-item{min-width:80px!important;min-height:80px!important;padding:0 5px!important;margin:0!important;position:relative!important;left:auto!important;transform:scale(1)!important;flex:0 0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important}.nav-item--profile{justify-content:center!important;padding-left:5px!important}.nav-item--profile:hover{transform:scale(1.1)!important}.nav-item--profile:active,.nav-item--profile.active{transform:scale(1.05)!important}.nav-item--profile.active:hover{transform:scale(1.15)!important}.nav-item[data-route=library]{justify-content:center!important;padding-left:5px!important;padding-right:5px!important}.nav-item[data-route=library]:hover{transform:scale(1.1)!important}.nav-item[data-route=library]:active,.nav-item[data-route=library].active{transform:scale(1.05)!important}.nav-item[data-route=library].active:hover{transform:scale(1.15)!important}.nav-item:last-child{justify-content:center!important;padding-right:5px!important}.nav-item:last-child:hover{transform:scale(1.1)!important}.nav-item:last-child:active,.nav-item:last-child.active{transform:scale(1.05)!important}.nav-item:last-child.active:hover{transform:scale(1.15)!important}.nav-avatar-container,.nav-avatar-image{width:50px!important;height:50px!important}.nav-icon-image{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important}.nav-label{font-size:.625rem!important}}@media(min-width:640px)and (max-width:667px)and (min-height:360px)and (max-height:390px)and (orientation:landscape){.navigation-bar{position:fixed!important;top:10px!important;height:70px!important;gap:0!important;padding:0!important;display:flex!important;justify-content:space-evenly!important;align-items:center!important}.nav-item{min-width:105px!important;min-height:90px!important;padding:0!important;margin:0!important;position:relative!important;left:auto!important;transform:scale(1)!important;flex:0 0 33.33%!important;display:flex!important;justify-content:center!important;align-items:center!important}.nav-item--profile{justify-content:flex-start!important;padding-left:30px!important}.nav-item--profile:hover{transform:scale(1.2)!important}.nav-item--profile:active{transform:scale(1.1)!important}.nav-item--profile.active,.nav-item--profile.active:hover{transform:scale(1.3)!important}.nav-item[data-route=library]{justify-content:center!important;padding-left:10px!important;padding-right:10px!important}.nav-item[data-route=library]:hover{transform:scale(1.2)!important}.nav-item[data-route=library]:active{transform:scale(1.1)!important}.nav-item[data-route=library].active,.nav-item[data-route=library].active:hover{transform:scale(1.3)!important}.nav-item:last-child{justify-content:flex-end!important;padding-right:30px!important}.nav-item:last-child:hover{transform:scale(1.2)!important}.nav-item:last-child:active{transform:scale(1.1)!important}.nav-item:last-child.active{transform:scale(1.3)!important}.nav-item:last-child.active:hover{transform:scale(1.3)!important}.nav-avatar-container{width:70px!important;height:70px!important}.nav-avatar-image,.nav-icon-image{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important}.nav-label{font-size:.625rem!important}}@media(width:375px)and (height:812px)and (orientation:portrait){.navigation-bar{height:80px!important;padding:0 var(--spacing-sm)!important;gap:15px!important}.nav-item{min-width:94px!important;min-height:70px!important;padding:var(--spacing-xs)!important}.nav-item:hover{transform:scale(1.2)!important}.nav-item:active,.nav-item.active{transform:scale(1.15)!important}.nav-item.active:hover{transform:scale(1.25)!important}.nav-avatar-container{width:84px!important;height:84px!important}.nav-avatar-image{width:54px!important;height:54px!important}.nav-avatar-image:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.nav-icon-image{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important}.nav-label{font-size:.6875rem!important}}@media(width:812px)and (height:375px)and (orientation:landscape){.navigation-bar{height:70px!important;padding:0 var(--spacing-sm)!important;gap:8px!important}.nav-item{min-width:80px!important;min-height:65px!important;padding:var(--spacing-xs)!important}.nav-avatar-container{width:70px!important;height:70px!important}.nav-icon-image{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}.nav-label{font-size:.625rem!important}}@media(width:390px)and (height:844px)and (orientation:portrait){.navigation-bar{height:80px!important;padding:0 var(--spacing-sm)!important;gap:5px!important}.nav-item{min-width:94px!important;min-height:70px!important;padding:var(--spacing-xs)!important}.nav-item:hover{transform:scale(1.2)!important}.nav-item:active,.nav-item.active{transform:scale(1.15)!important}.nav-item.active:hover{transform:scale(1.25)!important}.nav-avatar-container{width:84px!important;height:84px!important}.nav-avatar-image{width:54px!important;height:54px!important}.nav-avatar-image:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.nav-icon-image{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important}.nav-label{font-size:.6875rem!important}}@media(width:844px)and (height:390px)and (orientation:landscape){.navigation-bar{height:70px!important;padding:0 var(--spacing-sm)!important;gap:8px!important}.nav-item{min-width:80px!important;min-height:65px!important;padding:var(--spacing-xs)!important}.nav-avatar-container{width:70px!important;height:70px!important}.nav-icon-image{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}.nav-label{font-size:.625rem!important}}@media(width:768px)and (height:1024px)and (orientation:portrait){.navigation-bar{height:85px!important}.nav-item{min-width:106px!important;min-height:75px!important}.nav-item:hover{transform:scale(1.2)!important}.nav-item:active{transform:scale(1.15)!important}.nav-item.active{transform:scale(1.3)!important}.nav-item.active:hover{transform:scale(1.56)!important}.nav-avatar-container{width:90px!important;height:90px!important}.nav-avatar-image{width:60px!important;height:60px!important}.nav-icon-image{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important}}@media(width:1024px)and (height:768px)and (orientation:landscape){.navigation-bar{height:85px!important}.nav-item{min-width:106px!important;min-height:75px!important}.nav-item:hover{transform:scale(1.2)!important}.nav-item:active{transform:scale(1.15)!important}.nav-item.active{transform:scale(1.3)!important}.nav-item.active:hover{transform:scale(1.56)!important}.nav-avatar-container{width:90px!important;height:90px!important}.nav-avatar-image{width:60px!important;height:60px!important}.nav-icon-image{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important}}@media(min-width:1025px){.navigation-bar{gap:10px!important}.nav-item{min-width:90px!important}}.nav-item:focus-visible,.hamburger-button:focus-visible,.overlay-close:focus-visible,.overlay-nav-item:focus-visible{outline:3px solid var(--kassie-cyan);outline-offset:2px}@media(prefers-contrast:high){.navigation-bar,.hamburger-button,.overlay-panel{border-width:3px}.nav-item,.overlay-nav-item{border-width:2px}}.library-swiper{width:100%!important;max-width:1200px;height:100%!important;margin:0 auto;padding:0;overflow:visible!important;position:relative;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s;perspective:1200px;perspective-origin:50% 50%;top:20px;z-index:100}.library-swiper.swiper-initialized{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s 0s}.library-swiper .swiper-wrapper{width:100%;height:100%;align-items:center}.library-swiper .swiper-slide{width:auto!important;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;padding:0;margin:0}.library-swiper .swiper-slide .content-card{isolation:isolate}.library-swiper .swiper-slide .content-card .card-inner{transform-style:preserve-3d!important;perspective:1000px;transition:transform .6s ease!important}.library-swiper .swiper-slide .content-card .card-face{backface-visibility:hidden!important}.library-swiper .swiper-slide .content-card.flipped .card-inner{transform:rotateY(180deg)!important}.library-swiper .swiper-slide-transform{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.library-swiper .swiper-slide:not(.swiper-slide-active){transform:scale(.9)}.library-swiper .swiper-slide-active{z-index:2;transform:scale(1)}.library-swiper .swiper-button-next,.library-swiper .swiper-button-prev{color:var(--kassie-white);background:var(--kassie-cyan);width:44px;height:44px;border-radius:var(--radius-full);box-shadow:var(--shadow-medium);border:2px solid var(--kassie-dark-border-color);z-index:10}.library-swiper .swiper-button-next:after,.library-swiper .swiper-button-prev:after{font-size:20px;font-weight:700}.library-swiper .swiper-button-next:hover,.library-swiper .swiper-button-prev:hover{background:var(--kassie-cyan-light);transform:scale(1.05)}.library-swiper .swiper-pagination{display:none;bottom:10px;z-index:10}.library-swiper .swiper-pagination-bullet{background:var(--kassie-cyan);width:12px;height:12px}.library-swiper .swiper-pagination-bullet-active{background:var(--kassie-cyan)}.content-catalog-container{min-height:100vh;padding:var(--spacing-lg);padding-top:calc(72px + var(--spacing-lg));background:transparent;overflow-x:visible;overflow-y:visible;padding-left:10%;padding-right:10%}.catalog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.header-content{flex:1;text-align:center}.header-content h1{font-size:var(--font-size-xl);font-weight:700;color:var(--kassie-text-color);margin:0 0 var(--spacing-xs) 0}.header-content p{font-size:var(--font-size-base);color:var(--kassie-text-color);margin:0}.profile-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--kassie-white);border-radius:var(--radius-md);box-shadow:var(--shadow-small)}.profile-badge img{border-radius:var(--radius-full)}.profile-name{font-size:var(--font-size-sm);font-weight:600;color:var(--kassie-text-color)}.search-bar{position:relative;margin-bottom:var(--spacing-lg);max-width:400px;margin-left:auto;margin-right:auto}.search-input{width:100%;padding:var(--spacing-md);padding-right:48px;border:2px solid var(--kassie-border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--kassie-white)}.search-input:focus{outline:none;border-color:var(--kassie-cyan);box-shadow:0 0 0 3px #00bcd41a}.search-clear{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.search-clear:hover{background:var(--kassie-lighter-background-color)}.category-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);overflow-x:auto;padding:var(--spacing-sm) 0}.category-btn{flex-shrink:0}.category-btn.active .top-div{background:var(--kassie-cyan)!important;color:var(--kassie-white)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--kassie-text-color)}.empty-state h3{font-size:var(--font-size-lg);font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.empty-state p{font-size:var(--font-size-base);margin:0}.library-screen{padding:var(--spacing-md);padding-bottom:0;height:100vh;max-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;overflow:visible;position:fixed;inset:0;padding-top:120px}.library-screen .carousel-arrow,.library-screen .carousel-container,.library-screen .content-carousel,.library-screen .swiper-button-next,.library-screen .swiper-button-prev{display:none!important}.carousel-container{position:relative;width:100%;max-width:1200px;display:flex;align-items:center;gap:var(--spacing-md)}.carousel-arrow{width:48px;height:48px;border-radius:var(--radius-full);background:var(--kassie-white);border:2px solid var(--kassie-dark-border-color);box-shadow:var(--shadow-small);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;z-index:10}.carousel-arrow:hover{background:var(--kassie-lighter-background-color);box-shadow:var(--shadow-medium);transform:scale(1.05)}.carousel-arrow:active{transform:scale(.95)}.carousel-arrow:disabled{opacity:.3;cursor:not-allowed;transform:scale(1)}.carousel-arrow:disabled:hover{background:var(--kassie-white);box-shadow:var(--shadow-small)}.arrow-icon{width:24px;height:24px;fill:var(--kassie-text-color)}.carousel-arrow:disabled .arrow-icon{fill:var(--kassie-border-color)}.content-carousel{flex:1;overflow:hidden;position:relative}.carousel-track{display:flex;gap:var(--spacing-md);transition:transform .3s ease;padding:var(--spacing-md) 0}.carousel-track.dragging{transition:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.content-card{flex:0 0 280px;width:280px}@media(max-width:767px){.library-swiper{max-width:100%;height:500px;padding:1rem 0}.library-swiper .swiper-slide{width:auto!important;height:100%}.library-swiper .swiper-button-next,.library-swiper .swiper-button-prev{width:36px;height:36px}.library-swiper .swiper-button-next:after,.library-swiper .swiper-button-prev:after{font-size:16px}.content-catalog-container{padding:var(--spacing-md);padding-top:calc(64px + var(--spacing-md));padding-left:5%;padding-right:5%}.catalog-header{flex-direction:column;align-items:stretch}.header-content h1{font-size:var(--font-size-lg)}.category-filters{gap:var(--spacing-xs)}.library-screen{padding:var(--spacing-md);padding-top:calc(64px + var(--spacing-md))}.carousel-container{gap:var(--spacing-sm)}.carousel-arrow{width:40px;height:40px}.arrow-icon{width:20px;height:20px}.carousel-track{gap:var(--spacing-sm)}.content-card{flex:0 0 240px;width:240px}}@media(min-width:375px)and (max-width:389px){.library-swiper{margin-top:20px}}@media(min-width:375px)and (max-width:389px)and (orientation:portrait){.library-swiper{transform:scale(.95);transform-origin:center center}}@media(max-width:767px)and (orientation:landscape){.library-swiper{margin-top:0!important;height:320px!important;max-height:none!important;transform:scale(.8);width:100%}.library-screen{padding-top:60px!important}}@media(min-width:390px)and (max-width:430px){.library-swiper{transform:scale(.8);transform-origin:center center}}@media(min-width:768px)and (max-width:1023px){.library-swiper{max-width:100%;height:550px}.library-swiper .swiper-slide{width:auto!important;height:100%}.library-swiper .swiper-button-next,.library-swiper .swiper-button-prev{width:40px;height:40px}.library-swiper .swiper-button-next:after,.library-swiper .swiper-button-prev:after{font-size:18px}.content-catalog-container{padding-top:calc(68px + var(--spacing-lg));padding-left:8%;padding-right:8%}.library-screen{padding-top:calc(68px + var(--spacing-lg))}.carousel-arrow{width:44px;height:44px}.arrow-icon{width:22px;height:22px}.content-card{flex:0 0 260px;width:260px}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.library-swiper{transform:scale(.85)!important;transform-origin:center center!important;margin-top:-37px!important}}@media(min-width:1024px){.carousel-container,.carousel-track{gap:var(--spacing-lg)}.content-card{flex:0 0 280px;width:280px}.library-swiper{margin-top:-50px!important}}@media(min-width:1400px){.carousel-container{max-width:1400px}.content-card{flex:0 0 300px;width:300px}}.carousel-arrow:focus-visible{outline:3px solid var(--kassie-cyan);outline-offset:2px}@media(prefers-contrast:high){.carousel-arrow{border-width:3px}}@media(prefers-reduced-motion:reduce){.carousel-track{transition:none}}@media(min-width:768px)and (max-width:896px)and (min-height:375px)and (max-height:414px)and (orientation:landscape){.library-screen{transform:scale(.9)!important;transform-origin:center center!important;padding-top:15px!important;padding-bottom:15px!important;margin-top:44px!important}}@media(min-width:430px)and (max-width:450px)and (orientation:portrait){.library-screen{transform:scale(.8)!important;transform-origin:center center!important}}@media(min-width:360px)and (max-width:370px)and (min-height:720px)and (max-height:760px)and (orientation:portrait){.library-screen{transform:scale(.8)!important;transform-origin:center center!important}}@media(min-width:720px)and (max-width:760px)and (min-height:360px)and (max-height:370px)and (orientation:landscape){.library-screen{transform:scale(.95)!important;transform-origin:center center!important}.library-swiper{margin-top:5px!important}}@media(min-width:340px)and (max-width:350px)and (min-height:875px)and (max-height:890px)and (orientation:portrait){.library-swiper{transform:scale(.7)!important;transform-origin:center center!important}}.content-card{width:280px;height:392px;aspect-ratio:5 / 7;perspective:1000px;position:relative;overflow:visible}@media(max-width:1439px){.content-card{height:85%;width:auto;aspect-ratio:5 / 7}}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;overflow:visible}.content-card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-md);background:var(--kassie-white);box-shadow:var(--shadow-small);display:flex;flex-direction:column;border:18px solid var(--category-plaas);overflow:visible}.card-face--front{z-index:2}.card-face--back{transform:rotateY(180deg)}.content-card[style*=--dynamic-border-color] .card-face{border:18px solid var(--dynamic-border-color)!important}.content-card[data-category=sport]:not([style*=--dynamic-border-color]) .card-face{border:18px solid var(--category-sport)!important}.content-card[data-category=wildtuin]:not([style*=--dynamic-border-color]) .card-face{border:18px solid var(--category-wildtuin)!important}.content-card[data-category=plaas]:not([style*=--dynamic-border-color]) .card-face{border:18px solid var(--category-plaas)!important}.content-card[data-category=vervoer]:not([style*=--dynamic-border-color]) .card-face{border:18px solid var(--category-vervoer)!important}.content-card[data-category=kuns]:not([style*=--dynamic-border-color]) .card-face{border:18px solid var(--category-kuns)!important}.card-cover{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--kassie-white);border-radius:0;z-index:1}.card-cover img{width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;object-position:center;border-radius:0}.card-face--front .card-category-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:56px;height:56px;min-width:56px;min-height:56px;max-width:56px;max-height:56px;border-radius:50%;background:#ffc107;border:3px solid var(--kassie-dark-border-color);display:flex;align-items:center;justify-content:center;z-index:100;padding:0;cursor:default;opacity:1!important;box-sizing:border-box;flex-shrink:0}.card-face--front .card-category-badge img{width:34px;height:34px;object-fit:contain}.card-face--back .card-category-badge{width:auto!important;height:100px!important;background:transparent;border:none;position:absolute;top:0;left:50%}.card-face--back .card-category-badge img{width:auto!important;height:100px!important;position:relative;top:-25px}.card-info-btn{position:absolute;top:-8px;right:-8px;width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border-radius:50%;background:var(--kassie-cyan);border:3px solid var(--kassie-dark-border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s ease;z-index:100;padding:0;flex-shrink:0;box-sizing:border-box}.card-category-icon{position:absolute;top:8px;left:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:50}.card-category-icon img{width:32px;height:32px;object-fit:contain}.card-info-btn:hover{transform:scale(1.1);transition:all .5s ease-in}.card-info-btn:active{transform:scale(.95);transition:all .5s ease-in}.card-info-btn svg,.card-info-btn img{width:24px;height:24px;display:block}.card-like-btn{position:absolute;bottom:-8px;right:-8px;width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border-radius:50%;background:#ffc107;border:3px solid var(--kassie-dark-border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;padding:0;flex-shrink:0;box-sizing:border-box}.card-like-btn:not(.card-like-btn--liked) img{filter:grayscale(100%)}.card-like-btn--liked img{filter:none}.card-like-btn:hover{transform:scale(1.1);transition:all .3s ease}.card-like-btn:active{transform:scale(.95);transition:all .1s ease}.card-like-btn img{width:18px;height:18px;display:block;transition:filter .3s ease}.card-like-btn:focus-visible{outline:3px solid var(--kassie-cyan);outline-offset:2px}.card-content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);padding-bottom:30px;display:flex;flex-direction:column;gap:var(--spacing-sm);background:transparent;z-index:2}.card-title{font-size:var(--font-size-base);font-weight:600;color:var(--kassie-text-color);margin:0;line-height:1.3}.card-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.card-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--kassie-cyan);color:var(--kassie-white);font-size:var(--font-size-xs);font-weight:600}.content-card--unavailable .card-badge{background:var(--kassie-border-color);color:var(--kassie-text-color)}.card-play-btn{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:60px;height:60px;padding:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s ease;z-index:200;opacity:1!important}.card-play-btn:hover{transform:translate(-50%) scale(1.05);transition:all .5s ease}.card-play-btn:active{transform:translate(-50%) scale(.98);transition:all .5s ease}.card-play-btn img{width:60px;height:60px;opacity:1!important}.content-card--unavailable .card-play-btn{cursor:not-allowed}.content-card--unavailable .card-play-btn:hover{transform:none}.card-play-btn--disabled{cursor:not-allowed}.card-play-btn--disabled:hover{transform:translate(-50%) scale(1.05)}.card-play-btn--disabled:active{transform:translate(-50%)}.card-details{padding:var(--spacing-md);padding-top:90px;flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto}.card-category-icon{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) 0}.card-category-icon img{width:48px;height:48px;object-fit:contain}.card-description{font-size:var(--font-size-sm);color:var(--kassie-text-color);line-height:1.2;margin:95px 0 0;height:100px;overflow:hidden;text-align:justify}.card-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:0;margin-bottom:40px}.card-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--kassie-text-color);margin-bottom:-15px}.card-meta-item svg{width:16px;height:12px;fill:var(--kassie-text-color)}.card-earned-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.card-earned-badge{width:32px;height:32px;border-radius:var(--radius-full);background:var(--kassie-orange-2);display:flex;align-items:center;justify-content:center}.card-earned-badge svg{width:20px;height:20px;fill:var(--kassie-white)}.card-earned-badge--locked{background:var(--kassie-border-color)}.card-wishlist-section{padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);border-top:1px solid var(--kassie-border-color)}.card-wishlist-prompt{font-size:var(--font-size-sm);color:var(--kassie-text-color);text-align:center;margin:0}.card-wishlist-btn{width:60px;height:60px;border-radius:var(--radius-full);background:var(--kassie-orange-2);border:2px solid var(--kassie-white);box-shadow:var(--shadow-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s ease}.card-wishlist-btn:hover{background:var(--kassie-orange-1);transform:scale(1.1);transition:all .5s ease}.card-wishlist-btn:active{transform:scale(.95);transition:all .5s ease}.card-wishlist-btn svg{width:28px;height:28px;fill:var(--kassie-white)}.toast-notification{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);background:var(--kassie-text-color);color:var(--kassie-white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-large);font-size:var(--font-size-base);font-weight:600;z-index:2000;animation:toastSlideUp .3s ease,toastFadeOut .3s ease 2.7s;pointer-events:none}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.content-card--coming-soon{transition:opacity .3s ease}.content-card--coming-soon .card-face{background:#e0e0e0}.content-card--coming-soon .card-cover img,.content-card--coming-soon .card-play-btn{filter:grayscale(100%)}.content-card--coming-soon .card-info-btn{background:var(--kassie-cyan)}.coming-soon-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-lg);padding-bottom:80px;text-align:center}.coming-soon-icon{font-size:4rem;margin-bottom:var(--spacing-md);width:120px;height:120px;display:flex;align-items:center;justify-content:center}.coming-soon-icon img{width:100%;height:100%;object-fit:contain}.coming-soon-title{font-size:var(--font-size-lg);font-weight:600;color:var(--kassie-text-color);margin:0 0 var(--spacing-sm) 0}.coming-soon-text{font-size:var(--font-size-sm);color:var(--kassie-text-color);margin:0}@media(max-width:767px){.content-card{height:85%;width:auto;aspect-ratio:5 / 7}.card-content{padding:var(--spacing-sm)}.card-title{font-size:var(--font-size-sm)}.card-play-btn{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.card-details{padding:var(--spacing-sm)}.card-wishlist-btn{width:52px;height:52px}.card-wishlist-btn svg{width:24px;height:24px}}@media(min-width:340px)and (max-width:350px)and (orientation:portrait){.card-title,.card-description,.card-meta-item,.card-wishlist-prompt,.coming-soon-title,.coming-soon-text,.card-badge{font-size:1.5rem!important}.card-face,.content-card--coming-soon .card-face{border-width:22px!important}}@media(min-width:360px)and (max-width:374px)and (orientation:portrait){.card-title,.card-description,.card-meta-item,.card-wishlist-prompt,.coming-soon-title,.coming-soon-text,.card-badge{font-size:1.55rem!important}.card-face,.content-card--coming-soon .card-face{border-width:22px!important}}@media(min-width:360px)and (max-width:370px)and (min-height:720px)and (max-height:760px)and (orientation:portrait){.card-title,.card-description,.card-meta-item,.card-wishlist-prompt,.coming-soon-title,.coming-soon-text,.card-badge{font-size:1.2rem!important}.card-face,.content-card .card-face,.content-card .card-face--front,.content-card .card-face--back,.content-card[style*=--dynamic-border-color] .card-face,.content-card[data-category=sport] .card-face,.content-card[data-category=wildtuin] .card-face,.content-card[data-category=plaas] .card-face,.content-card[data-category=vervoer] .card-face,.content-card[data-category=kuns] .card-face,.content-card--coming-soon .card-face,.content-card--coming-soon .card-face--front,.content-card--coming-soon .card-face--back{border-width:25px!important}.card-info-btn{transform:scale(2.7)!important}.card-like-btn{transform:scale(2.2)!important}.card-face--back .card-like-btn{transform:scale(2.7)!important}.card-face--front .card-category-badge{left:50%!important;transform:translate(-50%) scale(1.5)!important;top:-6px!important}.card-face--back .card-category-badge{left:50%!important;transform:translate(-50%) scale(1.4)!important;top:30px!important}.card-play-btn{left:50%!important;transform:translate(-50%) scale(2.2)!important}.card-face--back .card-meta{margin-top:30px!important}.card-face--back .card-meta-item{padding-bottom:0!important;margin-bottom:-2px!important}.card-face--back .card-description{height:260px!important;margin-top:100px!important;padding-bottom:0!important}.card-face--back .card-details{padding-top:20px!important;margin-top:0!important}}@media(min-width:360px)and (max-width:370px)and (orientation:portrait){.card-face,.content-card .card-face,.content-card .card-face--front,.content-card .card-face--back,.content-card[style*=--dynamic-border-color] .card-face,.content-card[data-category] .card-face,.content-card--coming-soon .card-face,.content-card--coming-soon .card-face--front,.content-card--coming-soon .card-face--back,.content-card.content-card--coming-soon .card-face,.content-card.content-card--coming-soon .card-face--front,.content-card.content-card--coming-soon .card-face--back{border-width:25px!important;border-style:solid!important}.card-info-btn,.card-face--front .card-info-btn,.card-face--back .card-info-btn{transform:scale(1.35)!important}.card-like-btn,.card-face--front .card-like-btn{transform:scale(1.1)!important}.card-face--back .card-like-btn{transform:scale(1.35)!important}.card-play-btn,.card-face--front .card-play-btn,.card-face--back .card-play-btn{left:50%!important;transform:translate(-50%) scale(1.1)!important}}@media(min-width:375px)and (max-width:389px)and (orientation:portrait){.card-title,.card-description,.card-meta-item,.card-wishlist-prompt,.coming-soon-title,.coming-soon-text,.card-badge{font-size:1.05rem!important}}@media(min-width:390px)and (max-width:411px)and (orientation:portrait){.card-title,.card-description,.card-meta-item,.card-wishlist-prompt,.coming-soon-title,.coming-soon-text,.card-badge{font-size:1.6rem!important}.card-face,.content-card--coming-soon .card-face{border-width:22px!important}}@media(min-width:413px)and (max-width:413px)and (orientation:portrait){.card-title,.card-description,.card-meta-item,.card-wishlist-prompt,.coming-soon-title,.coming-soon-text,.card-badge{font-size:1.6rem!important}.card-face,.content-card--coming-soon .card-face{border-width:22px!important}}@media(min-width:414px)and (max-width:429px)and (orientation:portrait){.card-title,.card-description,.card-meta-item,.card-wishlist-prompt,.coming-soon-title,.coming-soon-text,.card-badge{font-size:1.65rem!important}.card-face,.content-card--coming-soon .card-face{border-width:22px!important}}@media(min-width:430px)and (max-width:767px)and (orientation:portrait){.card-title,.card-description,.card-meta-item,.card-wishlist-prompt,.coming-soon-title,.coming-soon-text,.card-badge{font-size:1.7rem!important}.card-face,.content-card--coming-soon .card-face{border-width:22px!important}}@media(max-width:767px)and (orientation:landscape){.content-card{width:40%!important;height:auto!important;aspect-ratio:1 / 1.4!important}.card-inner{transform-style:preserve-3d!important}.card-face{width:100%!important;height:100%!important}.card-face--back .card-details{padding-top:50px!important;gap:var(--spacing-xs)!important;margin-top:80px!important}.card-description{padding-top:0!important;margin-top:-30px!important}.card-meta{margin-top:20px!important;gap:3px!important}.card-face--front .card-info-btn,.card-face--back .card-info-btn{top:-16px!important;right:-16px!important}.card-face--front .card-like-btn{bottom:-16px!important;right:-16px!important}.card-face--front .card-category-badge{top:-16px!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important;left:50%!important;transform:translate(-50%)!important}.card-play-btn{bottom:-32px!important;left:50%!important;transform:translate(-50%)!important}.card-info-btn,.card-like-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;border-radius:50%!important;flex-shrink:0!important;transform:scale(1)!important;transform-style:flat!important}.card-info-btn:hover,.card-like-btn:hover{transform:scale(1.1)!important}}@media(min-width:768px)and (max-width:1023px){.content-card{height:85%;width:auto;aspect-ratio:5 / 7}}.card-info-btn:focus-visible,.card-play-btn:focus-visible,.card-wishlist-btn:focus-visible{outline:3px solid var(--kassie-cyan);outline-offset:2px}@media(prefers-contrast:high){.card-face{border-width:10px}.card-info-btn,.card-wishlist-btn{border-width:3px}}@media(prefers-reduced-motion:reduce){.card-inner{transition:none}.toast-notification{animation:none}}@media(min-width:375px)and (max-width:389px)and (orientation:portrait){.card-face--back .card-category-badge{top:13px!important;left:50%!important;transform:translate(-50%)!important}.card-face--front .card-category-badge{left:50%!important;transform:translate(-50%)!important}.card-face--front .card-content{bottom:25px!important}.card-face--back .card-description{margin-top:50px!important}.card-meta{gap:5px!important}.card-info-btn{top:-18px!important;right:-18px!important}.card-play-btn{bottom:-27px!important}.card-face--front .card-like-btn{bottom:-18px!important;right:-18px!important}.card-face--front .card-category-badge{top:-21px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important}}@media(max-width:767px)and (orientation:landscape){.card-face--back .card-category-badge{top:13px!important;left:50%!important;transform:translate(-50%)!important}.card-face--front .card-category-badge,.card-play-btn{left:50%!important;transform:translate(-50%)!important}.card-face--back .card-description{margin-top:-20px!important}.card-face--back .card-meta{margin-top:40px!important;margin-bottom:20px!important}.card-face--back .card-details{margin-top:100px!important}.card-face--back .card-meta-item{margin-bottom:-5px!important}.card-face--front .card-content{top:218px!important}}@media(min-width:375px)and (max-width:389px)and (orientation:portrait){.card-face--back .card-meta-item{padding-bottom:0!important;margin-bottom:-2px!important}.card-face--front .card-content{margin-top:-15px!important}.card-face--front .card-meta{margin-bottom:10px!important}.card-face--front .card-meta-item{margin-bottom:5px!important}.card-face--back .card-meta-item{margin-bottom:2px!important}.card-face--back .card-description{margin-top:100px!important}.card-face--back .card-meta{margin-top:140px!important;margin-bottom:10px!important;padding-top:0!important}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.content-card{width:34%!important;height:auto!important;aspect-ratio:1 / 1.4!important}.card-face{width:100%!important;height:100%!important}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.card-face--back .card-category-badge{top:3px!important;left:50%!important;transform:translate(-50%)!important}.card-face--back .card-description{margin-top:25px!important;padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important;height:150px!important;overflow:hidden!important;z-index:100;background:none!important}.card-face--back .card-details{padding-top:0!important;gap:var(--spacing-sm)!important;margin-top:60px!important;min-width:200px!important;padding:5px;margin-bottom:0;width:100%!important;border:none!important}.card-meta{padding:0;margin:0!important;gap:2px!important}.card-meta-item{margin-bottom:0;background:none}.card-face--front .card-category-badge{top:-16px!important}.card-face--back .card-info-btn,.card-face--front .card-info-btn{top:-16px!important;right:-16px!important}.card-face--front .card-like-btn{bottom:-16px!important;right:-16px!important}}@media(min-width:390px)and (max-width:411px)and (orientation:portrait){.card-face,.content-card .card-face,.content-card .card-face--front,.content-card .card-face--back,.content-card[style*=--dynamic-border-color] .card-face,.content-card[data-category] .card-face,.content-card--coming-soon .card-face,.content-card--coming-soon .card-face--front,.content-card--coming-soon .card-face--back,.content-card.content-card--coming-soon .card-face,.content-card.content-card--coming-soon .card-face--front,.content-card.content-card--coming-soon .card-face--back{border-width:22px!important;border-style:solid!important}.card-face--back .card-category-badge{top:10px!important;left:50%!important;transform:translate(-50%)!important}.card-meta-item{margin-bottom:0!important}.card-face--back .card-meta{margin-top:10px!important}.card-face--back .card-description{min-height:320px!important;padding-top:20px}.card-info-btn{top:-10px!important;right:-10px!important}.card-face--front .card-category-badge{transform:scale(1.2)!important;left:50%!important;transform:translate(-50%) scale(1.5)!important}.card-play-btn{transform:scale(1.5)!important;left:50%!important;transform:translate(-50%) scale(1.2)!important}.card-face--front .card-play-btn{bottom:-10px!important}}@media(min-width:413px)and (max-width:430px)and (orientation:portrait){.card-face,.content-card .card-face,.content-card .card-face--front,.content-card .card-face--back,.content-card[style*=--dynamic-border-color] .card-face,.content-card[data-category] .card-face,.content-card--coming-soon .card-face,.content-card--coming-soon .card-face--front,.content-card--coming-soon .card-face--back,.content-card.content-card--coming-soon .card-face,.content-card.content-card--coming-soon .card-face--front,.content-card.content-card--coming-soon .card-face--back{border-width:22px!important;border-style:solid!important}.card-face--back .card-category-badge{top:10px!important;left:50%!important;transform:translate(-50%)!important}.card-meta-item{margin-bottom:0!important}.card-face--back .card-meta{margin-top:10px!important}.card-face--back .card-description{min-height:320px!important;padding-top:20px}.card-info-btn{top:-10px!important;right:-10px!important}.card-face--front .card-category-badge{transform:scale(1.2)!important;left:50%!important;transform:translate(-50%) scale(1.5)!important}.card-play-btn{transform:scale(1.5)!important;left:50%!important;transform:translate(-50%) scale(1.2)!important}.card-face--front .card-play-btn{bottom:-10px!important}}@media(min-width:428px)and (max-width:432px)and (orientation:portrait){.content-card .card-face,.content-card .card-face--front,.content-card .card-face--back,.content-card[style*=--dynamic-border-color] .card-face,.content-card[data-category=sport] .card-face,.content-card[data-category=wildtuin] .card-face,.content-card[data-category=plaas] .card-face,.content-card[data-category=vervoer] .card-face,.content-card[data-category=kuns] .card-face,.content-card--coming-soon .card-face,.content-card--coming-soon .card-face--front,.content-card--coming-soon .card-face--back{border-width:28px!important}.card-face--back .card-meta{margin-top:0!important}.card-face--back .card-category-badge{width:auto!important;height:100px!important;left:50%!important;transform:translate(-50%) scale(1.8)!important;top:28px!important}.card-face--back .card-category-badge img{width:auto!important;height:100px!important}.card-face--front .card-category-badge,.card-play-btn{left:50%!important;transform:translate(-50%) scale(1.8)!important}.card-info-btn,.card-like-btn{transform:scale(1.8)!important}.card-face--back .card-description{height:340px!important;margin-top:45px!important}.card-face--back .card-details{margin-top:0;padding-top:120px!important}.card-face--back .card-meta{margin-top:0!important;margin-bottom:0!important}.card-face--back .card-meta-item{padding-bottom:0!important;margin-bottom:0!important}}@media(min-width:411px)and (max-width:413px)and (orientation:portrait){.card-title,.card-description,.card-meta-item,.card-wishlist-prompt,.coming-soon-title,.coming-soon-text,.card-badge{font-size:1.6rem!important}.content-card .card-face,.content-card .card-face--front,.content-card .card-face--back,.content-card[style*=--dynamic-border-color] .card-face,.content-card[data-category=sport] .card-face,.content-card[data-category=wildtuin] .card-face,.content-card[data-category=plaas] .card-face,.content-card[data-category=vervoer] .card-face,.content-card[data-category=kuns] .card-face,.content-card--coming-soon .card-face,.content-card--coming-soon .card-face--front,.content-card--coming-soon .card-face--back{border-width:25px!important}.card-face--back .card-meta{margin-top:0!important}.card-face--back .card-category-badge{width:auto!important;height:100px!important;left:50%!important;transform:translate(-50%) scale(1.5)!important;top:33px!important}.card-face--back .card-category-badge img{width:auto!important;height:100px!important}.card-face--front .card-category-badge,.card-play-btn{left:50%!important;transform:translate(-50%) scale(1.5)!important}.card-face--front .card-play-btn{bottom:-30px!important}.card-info-btn,.card-like-btn{transform:scale(1.5)!important}.card-face--back .card-description{height:340px!important;margin-top:45px!important}.card-face--back .card-details{margin-top:0;padding-top:120px!important}.card-face--back .card-meta{margin-top:0!important;margin-bottom:0!important}.card-face--back .card-meta-item{padding-bottom:0!important;margin-bottom:0!important}}@media(min-width:930px)and (max-width:934px)and (max-height:432px)and (orientation:landscape){.card-face--back .card-meta{margin-top:0!important;padding-top:0!important}.card-face--back .card-meta-item{margin-bottom:-5px!important}.card-face--back .card-description{padding-top:30px!important;margin-top:0!important;height:180px!important;overflow:visible}}@media(min-width:1024px){.card-face--back .card-description{margin-top:100px!important;height:200px!important}.content-card{aspect-ratio:1 / 1.4!important;height:calc(85% + 50px)!important}.card-info-btn{top:-18px!important;right:-18px!important}.card-face--front .card-like-btn{bottom:-18px!important;right:-18px!important}.card-face--front .card-category-badge{top:-16px!important}.card-face--back .card-category-badge{top:3px!important;left:50%!important;transform:translate(-50%)!important}.card-face--back .card-meta{margin-top:20px!important}.card-face--back .card-meta-item{margin-bottom:2px!important}.card-face--back .card-details{padding-top:70px!important}}.story-reader-container{position:fixed;inset:0;background:var(--kassie-orange-4);display:flex;flex-direction:column;z-index:50}.story-header{width:100%;background:var(--kassie-white);border-bottom:2px solid var(--kassie-dark-border-color);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-shrink:0;box-shadow:var(--shadow-small)}.story-title{font-size:var(--font-size-md);font-weight:600;color:var(--kassie-text-color);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-progress{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--kassie-text-color)}.progress-bar{width:100px;height:8px;background:var(--kassie-border-color);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--kassie-cyan);border-radius:var(--radius-full);transition:width .3s ease}@media(min-width:375px)and (max-width:389px){.reader-navigation{top:35px}}@media(max-height:400px)and (orientation:landscape){.reader-navigation{top:5px!important;padding-top:0!important}#story-reader{margin-top:-8px!important}.story-content{top:80px!important;bottom:10px!important}.cover-display{top:80px!important}.page{height:100%!important;padding:0!important}.page-body{height:260px!important;display:flex!important;flex-direction:column!important;padding:0!important}.page-content{height:236px!important;max-height:236px!important;display:flex!important;flex-direction:column!important;padding:5px 10px!important}.page-image{height:50%!important;max-height:50%!important;flex:0 0 50%!important;margin:0!important}.page-text{height:50%!important;max-height:50%!important;flex:0 0 50%!important;overflow-y:auto!important;margin:0!important;font-size:.8rem!important}.page-text h1,.page-text h2,.page-text h3,.page-text h4,.page-text h5,.page-text h6{margin-top:0!important;margin-bottom:.05rem!important;line-height:.5!important;font-size:1.2rem!important}.page-text p{margin-top:0!important;margin-bottom:.05rem!important}.page-footer{height:12px!important;flex:0 0 12px!important;margin-top:0!important;margin-bottom:0!important;padding:0!important}}@media(min-width:375px)and (max-width:389px)and (orientation:portrait){.story-content{top:120px!important;bottom:30px!important}.page-body{height:auto!important}.page-content{height:auto!important;max-height:none!important}}.cover-display{position:absolute;inset:120px 0 0;display:flex;align-items:center;justify-content:center;padding:10px;cursor:pointer}.cover-container{position:relative;width:100%;height:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.cover-image-wrapper{position:relative;display:inline-block;max-width:100%;max-height:100%;width:auto;box-shadow:0 2px 4px #0000001a,0 4px 8px #00000026,0 8px 16px #0003,0 16px 32px #00000026;transition:transform .3s ease,box-shadow .3s ease}.cover-image-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;box-shadow:inset 0 0 15px #ffffff1a,inset 10px 0 30px #0000001a,inset -10px 0 30px #0000001a,inset 0 10px 30px #0000000d,inset 0 -10px 30px #00000026;transition:box-shadow .3s ease}.cover-image{width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:0;display:block;position:relative;z-index:1}.cover-display:hover .cover-image-wrapper{transform:scale(1.02);box-shadow:0 4px 8px #0000001f,0 8px 16px #0000002e,0 16px 32px #00000038,0 24px 48px #0000002e}.cover-display:hover .cover-image-wrapper:after{box-shadow:inset 0 0 80px #ffffff26,inset 20px 0 80px #0000001f,inset -20px 0 80px #0000001f,inset 0 20px 80px #00000014,inset 0 -20px 80px #0000002e}.cover-text{background:var(--kassie-white);padding:var(--spacing-xxl);border-radius:var(--radius-md);box-shadow:var(--shadow-large);text-align:center}.cover-text h1{font-size:var(--font-size-xxl);color:var(--kassie-text-color);margin:0}.story-content{position:absolute;inset:120px 0 30px;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;min-height:0}#book,.flip-book{box-shadow:0 0 20px #00000080;margin:0 auto;display:block;width:100%;height:100%}.page{padding:20px;background-color:#fdfaf7;color:#785e3a;border:solid 1px #c2b5a3;overflow:hidden;display:flex;flex-direction:column;max-width:100%;box-sizing:border-box}.page-content{width:100%;height:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;padding:5px;position:relative;box-sizing:border-box;overflow:hidden}@media(min-width:768px){.page-content{padding:20px}}.page-header{flex:0 0 auto;height:20px;font-weight:700;text-transform:uppercase;text-align:center;font-size:var(--font-size-xs)}.page-body{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.page-image{width:100%;flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;max-height:50%}.page-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:top center}.page-text{font-size:var(--font-size-base);line-height:1.6;color:var(--kassie-text-color);text-align:justify;margin-top:var(--spacing-xs);overflow-y:auto;overflow-x:hidden;flex:1 1 auto;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal;min-height:0}.page-content .page-text{font-family:var(--reader-font-family);font-weight:400;font-size:1rem;line-height:1.7}.page-content .page-text *,.page-content .page-text a,.page-content .page-text span,.page-content .page-text strong,.page-content .page-text em,.page-content .page-text b,.page-content .page-text i{font-family:var(--reader-font-family)}.page-content .page-text strong,.page-content .page-text b{font-weight:700}.page-content .page-text em,.page-content .page-text i{font-weight:400;font-style:italic}.page-content .page-text a{font-weight:400;color:var(--kassie-cyan);text-decoration:underline}.page-content .page-text a:hover{color:var(--kassie-cyan-light)}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{font-family:var(--reader-font-family);font-weight:700;line-height:1.3;margin-bottom:.5rem}.page-content h1{font-size:2rem}.page-content h2{font-size:1.75rem}.page-content h3{font-size:1.5rem}.page-content h4{font-size:1.25rem}.page-content h5{font-size:1.125rem}.page-content h6{font-size:1rem}.page-text p{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.page-footer{flex:0 0 auto;height:20px;margin-top:calc(var(--spacing-xs) + 80px);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--kassie-text-color);opacity:.7;text-align:center}.page-content[data-layout=text-top] .page-text{margin-top:0;margin-bottom:var(--spacing-sm)}.page-content[data-layout=text-top] .page-image{margin-top:var(--spacing-sm)}.page.--left{border-right:0;box-shadow:inset -7px 0 30px -7px #0006}.page.--right{border-left:0;box-shadow:inset 7px 0 30px -7px #0006}.page.--right .page-footer{text-align:right}.page.hard{background-color:#f2e8d9;border:solid 1px #998466}.page.page-cover{background-color:#e3d0b5;color:#785e3a;border:solid 1px #998466}.page.page-cover .page-content{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0}.cover-image-full{width:100%;height:100%;object-fit:cover;object-position:center}.page.page-cover h2{text-align:center;font-size:2rem;color:#785e3a;margin:0;padding:0}.page.page-cover.page-cover-top{box-shadow:inset 0 0 30px #240a0380,-2px 0 5px 2px #0006}.page.page-cover.page-cover-bottom{box-shadow:inset 0 0 30px #240a0380,10px 0 8px #0006}.page-count{color:#785e3a!important;font-weight:600}.flip-book:focus,.page:focus{outline:none}.story-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.story-info h1{font-size:var(--font-size-md);font-weight:600;color:var(--kassie-text-color);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-indicator{display:flex;align-items:center;gap:var(--spacing-sm)}.page-counter{font-size:var(--font-size-sm);color:var(--kassie-text-color);white-space:nowrap;min-width:60px}.story-actions{display:flex;gap:var(--spacing-sm)}.story-controls{width:100%;background:var(--kassie-white);border-top:2px solid var(--kassie-dark-border-color);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-shrink:0;box-shadow:var(--shadow-small)}.audio-controls{position:fixed;bottom:10px;left:50%;transform:translate(-50%);height:40px;background:var(--kassie-orange-4);display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:0 var(--spacing-md);z-index:200;max-width:100%;width:95%;box-sizing:border-box}.audio-block--play{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start}.audio-block--progress{flex:1 1 auto;display:flex;align-items:center;min-width:0;padding:0 var(--spacing-sm)}.audio-block--star{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end}.audio-btn{width:30px;height:30px;border-radius:var(--radius-full);border:none;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;background:transparent}.audio-btn:hover{transform:scale(1.05)}.audio-btn:active{transform:scale(.95)}.audio-btn:disabled{opacity:.4;cursor:not-allowed;transform:scale(1)}.audio-btn--play{width:30px;height:30px;background:transparent;box-shadow:none}.audio-btn--play img{width:30px;height:30px;object-fit:contain}.audio-btn--play:hover{transform:scale(1.05);box-shadow:none}.audio-btn--star{background:transparent;box-shadow:none}.audio-btn--star img{width:26px;height:26px;object-fit:contain}.audio-btn--star:hover{transform:scale(1.05);box-shadow:none}.audio-btn--star svg{fill:var(--kassie-orange-3)}.audio-btn--star.bouncing{animation:starBounce .6s ease-in-out infinite}@keyframes starBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.audio-progress-bar{width:100%;height:6px;background:var(--kassie-brown-2);border-radius:0;overflow:hidden;cursor:pointer}.audio-progress-fill{height:100%;background:var(--kassie-brown-4);border-radius:0;transition:width .1s linear;width:0%}.audio-time{display:none}.story-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-xl)}.story-loading-spinner{width:60px;height:60px;border:4px solid var(--kassie-border-color);border-top-color:var(--kassie-cyan);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.story-loading-text{font-size:var(--font-size-base);color:var(--kassie-text-color);text-align:center}@media(max-width:767px)and (orientation:portrait){.story-header{padding:var(--spacing-sm) var(--spacing-md)}.story-title{font-size:var(--font-size-base)}.story-progress{font-size:var(--font-size-xs)}.progress-bar{width:60px}.story-content{padding:var(--spacing-sm)}.flip-book{max-width:95%;margin:0 auto}.page-image{max-height:50%}.page-content .page-text{font-size:1rem}.page-footer{font-size:.75rem;height:20px}.cover-title{font-size:var(--font-size-md)}.cover-subtitle{font-size:var(--font-size-sm)}.audio-controls{padding:var(--spacing-sm);gap:var(--spacing-sm);justify-content:space-between}.story-controls{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.audio-btn{width:44px;height:44px}.audio-btn svg{width:20px;height:20px}}@media(max-width:767px)and (orientation:landscape){.story-header{padding:var(--spacing-xs) var(--spacing-md)}.story-content{padding:var(--spacing-sm)}.flip-book{max-width:98%;margin:0 auto}.story-controls{padding:var(--spacing-xs) var(--spacing-md);gap:var(--spacing-sm)}.audio-controls{padding:var(--spacing-xs) var(--spacing-md);justify-content:space-between}}@media(min-width:768px)and (max-width:1023px)and (orientation:portrait){.flip-book{max-width:95%;margin:0 auto}.page-image{max-height:45%}.page-content .page-text{font-size:1.125rem}.page-footer{font-size:.875rem;height:25px}.cover-image-wrapper{max-width:500px}.page.page-cover h2{font-size:2.25rem}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.story-content{padding:var(--spacing-md)}.flip-book{max-width:98%;margin:0 auto}.page-content{padding:var(--spacing-md) var(--spacing-xl)}}@media(min-width:1024px){.story-header{padding:var(--spacing-lg) var(--spacing-xl)}.story-title{font-size:var(--font-size-lg)}.story-content{padding:var(--spacing-xl)}.flip-book{max-width:98%;margin:0 auto}.page-content{padding:var(--spacing-xl)}.page-image{max-height:45%}.cover-image-wrapper{max-width:600px}.page,.page .page-content{padding:30px}.page-header{font-size:1.25rem;height:30px}.page-content .page-text{font-size:1.25rem;margin-top:15px;padding-top:15px}.page-footer{font-size:1rem;height:30px}.page.page-cover h2{font-size:2.5rem}.audio-controls{padding:var(--spacing-lg);gap:var(--spacing-lg);justify-content:space-between}.audio-btn{width:56px;height:56px}.audio-btn svg{width:28px;height:28px}}.audio-btn:focus-visible{outline:3px solid var(--kassie-cyan);outline-offset:2px}@media(prefers-contrast:high){.story-header,.audio-controls,.audio-btn{border-width:3px}.page{box-shadow:0 0 0 2px var(--kassie-black)}}@media(prefers-reduced-motion:reduce){.progress-fill,.audio-btn,.story-loading-spinner{transition:none;animation:none}}@media(max-width:767px)and (orientation:landscape){.navigation-container button{padding:150px,0!important;margin:50px!important;height:50px!important}}@media(min-width:375px)and (max-width:389px){.navigation-container button{height:50px!important;width:120px!important}.page-footer{margin-top:4px!important}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.reader-navigation{top:5px!important;padding-top:0!important}#story-reader{margin-top:-8px!important}.story-content{top:80px!important;bottom:10px!important}.cover-display{top:80px!important}.page{height:100%!important;padding:0!important}.page-body{height:260px!important;display:flex!important;flex-direction:column!important;padding:0!important}.page-content{height:275px!important;max-height:275px!important;display:flex!important;flex-direction:column!important;padding:5px 10px!important}.page-image{height:50%!important;max-height:50%!important;flex:0 0 50%!important;margin:0!important}.page-text{height:50%!important;max-height:50%!important;flex:0 0 50%!important;overflow-y:auto!important;margin:0!important;font-size:.8rem!important}.page-text h1,.page-text h2,.page-text h3,.page-text h4,.page-text h5,.page-text h6{margin-top:0!important;margin-bottom:.05rem!important;line-height:.5!important;font-size:1.2rem!important}.page-text p{margin-top:0!important;margin-bottom:.05rem!important}.page-footer{height:12px!important;flex:0 0 12px!important;margin-top:0!important;margin-bottom:0!important;padding:0!important}}@media(min-width:390px)and (max-width:390px)and (min-height:844px)and (max-height:844px)and (orientation:portrait){.reader-navigation{top:40px!important}.page-footer{margin-top:4px!important}}@media(min-width:844px)and (max-width:844px)and (min-height:390px)and (max-height:390px)and (orientation:landscape){.reader-navigation{top:5px!important;padding-top:0!important}#story-reader{margin-top:-8px!important}.story-content{top:80px!important;bottom:10px!important}.cover-display{top:80px!important}.page{height:100%!important;padding:0!important}.page-body{height:260px!important;display:flex!important;flex-direction:column!important;padding:0!important}.page-content{height:236px!important;max-height:236px!important;display:flex!important;flex-direction:column!important;padding:5px 10px!important}.page-image{height:50%!important;max-height:50%!important;flex:0 0 50%!important;margin:0!important}.page-text{height:50%!important;max-height:50%!important;flex:0 0 50%!important;overflow-y:auto!important;margin:0!important;font-size:.8rem!important}.page-text h1,.page-text h2,.page-text h3,.page-text h4,.page-text h5,.page-text h6{margin-top:0!important;margin-bottom:.05rem!important;line-height:.5!important;font-size:1.2rem!important}.page-text p{margin-top:0!important;margin-bottom:.05rem!important}.page-footer{height:12px!important;flex:0 0 12px!important;margin-top:0!important;margin-bottom:0!important;padding:0!important}}@media(min-width:930px)and (max-width:934px)and (max-height:432px)and (orientation:landscape){.reader-navigation{top:5px!important;padding-top:0!important}#story-reader{margin-top:-8px!important}.story-content{top:80px!important;bottom:10px!important}.cover-display{top:80px!important}.page{height:100%!important;padding:0!important}.page-body{height:260px!important;display:flex!important;flex-direction:column!important;padding:0!important}.page-content{height:285px!important;max-height:285px!important;display:flex!important;flex-direction:column!important;padding:5px 10px!important}.page-image{height:50%!important;max-height:50%!important;flex:0 0 50%!important;margin:0!important}.page-text{height:50%!important;max-height:50%!important;flex:0 0 50%!important;overflow-y:auto!important;margin:0!important;font-size:.8rem!important}.page-text h1,.page-text h2,.page-text h3,.page-text h4,.page-text h5,.page-text h6{margin-top:0!important;margin-bottom:.05rem!important;line-height:.5!important;font-size:1.2rem!important}.page-text p{margin-top:0!important;margin-bottom:.05rem!important}.page-footer{height:12px!important;flex:0 0 12px!important;margin-top:0!important;margin-bottom:0!important;padding:0!important}}.profile-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;max-height:100vh;padding:var(--spacing-xl);padding-top:180px;background:transparent;position:fixed;inset:0;overflow:hidden}.profile-prompt{margin-bottom:var(--spacing-xxxl, 64px);text-align:center}.profile-prompt-text{font-size:1.3125rem;font-weight:700;font-family:var(--kassie-font-cutive)!important;color:var(--kassie-color-text-dark, #2c3e50);background:#fae594;padding:calc(var(--spacing-md) * .67) calc(var(--spacing-xl) * .67);padding-top:14px;border-radius:var(--radius-lg);border:8px solid var(--kassie-purple-4);box-shadow:var(--shadow-large);margin:0;display:inline-block}.profile-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:900px}.profile-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:transform .2s ease;position:relative;margin:5px}.profile-card:hover{transform:scale(1.05)}.profile-card:active{transform:scale(.98)}.profile-card--current{cursor:default}.profile-card--current:hover{transform:none}.profile-card-avatar{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.profile-card-avatar img{width:100%;height:100%;object-fit:contain;display:block}.profile-card-badge{position:absolute;top:-10px;right:-10px;width:50px;height:50px;z-index:10}.profile-card-badge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.profile-card-switch{position:absolute;top:-10px;right:-10px;width:50px;height:50px;background-color:var(--kassie-color-accent-yellow, #ffd54f);border:4px solid var(--kassie-color-text-dark, #2c3e50);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 8px #0000004d;cursor:pointer;transition:transform .2s ease}.profile-card-switch:hover{transform:scale(1.1)}.profile-card-switch img{width:55%;height:55%;object-fit:contain}.profile-card:not(.profile-card--current) .profile-card-badge{display:none}.profile-card-name{font-size:1.5rem;font-weight:700;color:var(--kassie-color-text-dark, #2c3e50);background:#f8ac1b;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);border:4px solid var(--kassie-color-text-dark, #2c3e50);box-shadow:var(--shadow-medium);text-align:center;min-width:140px;padding:2px}@media(max-width:768px){.profile-screen{padding:var(--spacing-lg);position:absolute;top:30%!important;left:10%;right:10%;width:80%}.profile-prompt-text{font-size:1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.profile-card-frame{width:140px;height:160px}.profile-card-avatar{width:100px;height:100px}.profile-card-badge{width:50px;height:50px;top:-8px;right:-8px}.profile-card-name{font-size:1.125rem;padding:var(--spacing-xs) var(--spacing-md);min-width:100px}.profile-cards{gap:var(--spacing-lg)}}@media(max-width:430px){.profile-screen{position:absolute;top:10%!important;left:10%;right:10%;width:80%}}.profile-screen.loading{opacity:1;pointer-events:none}.profile-empty{text-align:center;padding:var(--spacing-xxl);color:#fff}.profile-empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.8}.profile-empty-message{font-size:var(--font-size-base);font-weight:500;color:#fff}.achievement-board{display:flex;flex-direction:column;align-items:center;height:100vh;max-height:100vh;padding:var(--spacing-xl);background:transparent;position:fixed;inset:0;overflow:hidden}.board-title{font-size:.9rem;font-weight:700;font-family:var(--kassie-font-cutive);color:var(--kassie-color-text-dark, #2c3e50);text-align:center;padding:calc(var(--spacing-md) * .6) calc(var(--spacing-xl) * .6);background:#fae594;border-radius:5px;border:4.8px solid var(--kassie-purple-4);box-shadow:var(--shadow-large);letter-spacing:1.2px;position:absolute;top:174px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;justify-content:center;line-height:1;margin:0}.achievement-canvas{position:relative;width:100%;max-width:900px;min-height:420px;background:#fff;border:20px groove var(--kassie-green-2);border-radius:var(--radius-lg);box-shadow:inset 0 0 10px #00000080;padding:var(--spacing-xxl);overflow:hidden;margin-top:130px;padding-top:60px}.category-achievement{position:absolute;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:transform .2s ease;padding:var(--spacing-md);border-radius:var(--radius-md)}.category-achievement:hover{transform:scale(1.05)}.category-achievement--pos-1:hover,.category-achievement--pos-2:hover{transform:rotate(15deg) scale(1.05)}.category-achievement--pos-3:hover{transform:rotate(10deg) scale(1.05)}.category-achievement--pos-4:hover{transform:rotate(-15deg) scale(1.05)}.category-achievement--pos-5:hover{transform:rotate(-20deg) scale(1.05)}.category-achievement:active{transform:scale(.98)}.category-achievement--pos-1{top:5%;left:5%;transform:rotate(10deg)}.category-achievement--pos-2{top:32%;left:22%;transform:rotate(10deg)}.category-achievement--pos-3{top:calc(45% + 15px);left:calc(50% + 40px);transform:rotate(5deg)}.category-achievement--pos-3 .achievement-stars{right:-3px}.category-achievement--pos-4{top:calc(28% + 100px);right:calc(12% - 50px);transform:rotate(-10deg)}.category-achievement--pos-5{top:5%;right:25%;transform:rotate(-15deg)}.category-achievement--pos-5 .achievement-stars{right:-3px}.achievement-badge{width:120px;height:120px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .3s ease,opacity .3s ease}.achievement-badge--completed{filter:grayscale(0%);opacity:1}.achievement-badge--locked{filter:grayscale(100%);opacity:.6}.achievement-stars{position:absolute;width:50px;height:120px;top:0;right:0}.achievement-star{position:absolute;width:32px;height:32px;display:flex}.achievement-star-img{width:100%;height:100%;object-fit:contain}.achievement-star--position-1{top:15px;right:5px}.achievement-star--position-2{top:44px;right:0}.achievement-star--position-3{top:73px;right:5px}.overall-achievement{position:absolute;top:calc(40% - 60px);left:calc(80% + 90px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);z-index:10}.overall-badge{width:90px;height:90px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .3s ease,opacity .3s ease;cursor:pointer}.overall-badge--aitsa{background-image:var(--kassie-svg-components-aitsabadge1)}.overall-badge--completed{filter:grayscale(0%);opacity:1;animation:pulse 2s ease-in-out infinite}.overall-badge--locked{filter:grayscale(100%);opacity:.6}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.overall-badge-label{font-size:1.25rem;font-weight:700;color:var(--kassie-color-primary-cyan, #00bcd4);text-align:center;margin:0}.decorative-elements{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.decorative-note{position:absolute;width:60px;height:60px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7}.decorative-note--1{background-image:var(--kassie-svg-components-note1);top:18%;left:calc(50% - 15px);transform:translate(-50%)}.decorative-note--2{background-image:var(--kassie-svg-components-note2);top:calc(62% + 80px);left:32%}.decorative-note--3{background-image:var(--kassie-svg-components-note3);top:52%;right:46%}.kassie-branding{position:absolute;width:80px;height:80px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.5}.kassie-branding--note{background-image:var(--kassie-svg-branding-kassienote);top:55%;left:2%;right:auto;width:20%;height:40%}.kassie-branding--tassie{display:none}.achievement-detail-modal{position:fixed;inset:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000}.achievement-detail-modal.open{display:flex}.achievement-detail-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-large);padding:var(--spacing-xl);max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.achievement-detail-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.achievement-detail-badge{width:80px;height:80px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .3s ease,opacity .3s ease}.achievement-detail-badge--locked{filter:grayscale(100%);opacity:.6}.achievement-detail-title{font-size:1.5rem;font-weight:700;color:var(--kassie-color-text-dark, #2c3e50);margin:0}.achievement-detail-progress{margin-bottom:var(--spacing-lg)}.achievement-detail-progress-label{font-size:var(--font-size-base);font-weight:600;color:var(--kassie-color-text-dark, #2c3e50);margin-bottom:var(--spacing-md)}.achievement-module-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.achievement-module-item{padding:var(--spacing-sm) var(--spacing-md);background:#f5f5f5;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--kassie-color-text-dark, #2c3e50);display:flex;align-items:center;gap:var(--spacing-sm)}.achievement-module-item:before{content:"✓";color:var(--kassie-green-2, #4CAF50);font-weight:700;font-size:var(--font-size-base)}.achievement-empty-modules{font-size:var(--font-size-sm);color:var(--kassie-color-text-medium, #6c757d);font-style:italic;margin:var(--spacing-md) 0}.achievement-aitsa-message{font-size:var(--font-size-sm);font-weight:600;text-align:center;margin:var(--spacing-md) 0;padding:var(--spacing-sm);border-radius:var(--radius-md)}.achievement-aitsa-earned{color:var(--kassie-green-2, #4CAF50);background:#4caf501a}.achievement-aitsa-locked{color:var(--kassie-color-text-medium, #6c757d);background:#f5f5f5}.achievement-detail-progress-bar{width:100%;height:12px;background:#e0e0e0;border-radius:var(--radius-full);overflow:hidden}.achievement-detail-progress-fill{height:100%;transition:width .3s ease}.achievement-detail-close{width:100%;padding:var(--spacing-md);background:var(--kassie-color-primary-cyan, #00bcd4);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background .2s ease}.achievement-detail-close:hover{background:var(--kassie-color-primary-cyan-dark, #0097a7)}.achievement-board.loading{opacity:1;pointer-events:none}.achievement-empty{text-align:center;padding:var(--spacing-xxl);color:var(--kassie-color-text-medium, #6c757d);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.achievement-empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.achievement-empty-message{font-size:var(--font-size-base);font-weight:500}@media(max-width:768px){.achievement-board{padding:var(--spacing-md)}.board-title{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);top:158px}.achievement-canvas{min-height:400px;padding:var(--spacing-lg);overflow:visible}.achievement-badge{width:80px;height:80px}.achievement-star{width:21px;height:21px}.achievement-star--position-1{top:8px;right:2px}.achievement-star--position-2{top:22px;right:0}.achievement-star--position-3{top:36px;right:2px}.achievement-stars{width:33px;height:80px;right:0}.decorative-note--1{top:25%;right:15%}.decorative-note--2{top:85%;left:25%}.decorative-note--3{top:5%;left:30%}.overall-badge{width:100px;height:100px}.overall-badge-label{font-size:var(--font-size-base)}.category-achievement--pos-1{top:8%;left:3%}.category-achievement--pos-2{top:12%;right:5%;left:auto}.category-achievement--pos-3{top:40%;left:25%}.category-achievement--pos-4{top:45%;right:8%;left:auto}.category-achievement--pos-5{bottom:calc(12% + 120px);left:auto;top:auto}.decorative-note{width:40px;height:40px}.kassie-branding{width:120px;height:120px}.overall-achievement{inset:auto auto 5% 50%;transform:translate(-50%)}}@media(max-width:430px){.achievement-board{padding:var(--spacing-sm)}.board-title{font-size:1rem;padding:var(--spacing-xs) var(--spacing-sm);top:136px}.achievement-canvas{min-height:450px;padding:var(--spacing-md);margin-top:115px;padding-top:50px}.achievement-badge{width:75px;height:75px}.achievement-star{width:15px;height:15px;font-size:15px}.achievement-stars{width:23px;height:55px;right:-3px}.achievement-star--position-1{top:4px;right:1px}.achievement-star--position-2{top:14px;right:0}.achievement-star--position-3,.achievement-star--position-4{top:24px;right:1px}.achievement-star--position-5{top:4px;right:1px}.category-achievement{padding:var(--spacing-xs)}.category-achievement--pos-1{top:5%;left:8%;transform:rotate(5deg)}.category-achievement--pos-2{top:5%;right:8%;left:auto;transform:rotate(-5deg)}.category-achievement--pos-3{top:35%;left:8%;transform:rotate(3deg)}.category-achievement--pos-4{top:35%;right:8%;left:auto;transform:rotate(-3deg)}.category-achievement--pos-5{inset:50% auto auto 40%;transform:rotate(0)}.category-achievement--pos-5 .achievement-stars{right:-3%;left:auto}.overall-achievement{inset:auto auto 3% 50%}.overall-badge{width:70px;height:70px}.decorative-note{width:50px;height:auto;opacity:1}.kassie-branding{display:block;bottom:0%;width:100px;height:150px}.decorative-note--1{top:25%;left:40%}.decorative-note--2{top:55%;left:25%}.decorative-note--3{top:55%;right:25%;left:auto}}.device-activation-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#4ecdc4,#44a08d)}.activation-icon{margin-bottom:24px;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.activation-card{background-color:#fff;border-radius:24px;padding:40px 32px;max-width:500px;width:100%;box-shadow:0 10px 40px #0003;animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.revocation-notice{background-color:#fee589;border:3px solid #E96125;border-radius:12px;padding:16px;margin-bottom:24px;text-align:center}.revocation-text{color:#3f2a14;font-size:var(--font-size-base);font-weight:600;margin:0;line-height:1.5}.activation-header{text-align:center;margin-bottom:32px}.activation-header h1{color:#3f2a14;font-size:1.75rem;font-weight:700;margin:0 0 12px}.activation-header p{color:#666;font-size:var(--font-size-base);margin:0}.code-input-container,.code-input-container .item{margin-bottom:16px}.code-input{width:100%;padding:16px;font-size:1.5rem;text-align:center;letter-spacing:8px;border:2px solid #DDD;border-radius:12px;font-weight:600;color:#3f2a14;transition:border-color .3s ease}.code-input:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a}.code-input::placeholder{letter-spacing:normal;color:#aaa}.error-message{background-color:#ffe5e5;border:2px solid #DB4139;border-radius:8px;padding:12px;margin-bottom:16px;color:#db4139;font-size:var(--font-size-sm);font-weight:600;text-align:center}.activation-help{text-align:center;margin:24px 0;padding:16px;background-color:#f8f9fa;border-radius:12px}.activation-help p{color:#666;font-size:var(--font-size-sm);margin:0;line-height:1.6}.adult-login-option{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #E0E0E0}@media(max-width:600px){.activation-card{padding:32px 24px}.activation-header h1{font-size:1.5rem}.code-input{font-size:1.25rem;letter-spacing:6px}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}