.promo-mosaic--section .kk-mosaic{--kk-mosaic-accent: #00baba;--kk-mosaic-border: rgba(0, 186, 186, .28);--kk-mosaic-radius: 4px;--kk-mosaic-shadow: 0 24px 65px rgba(0, 0, 0, .28)}.promo-mosaic--section .kk-mosaic .promo-block-mosaic{isolation:isolate;overflow:hidden;border:1px solid var(--kk-mosaic-border);border-radius:var(--kk-mosaic-radius);box-shadow:var(--kk-mosaic-shadow);transform:translateZ(0);transition:border-color .38s ease,box-shadow .38s ease,transform .38s ease}.promo-mosaic--section .kk-mosaic .promo-block-mosaic:after{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.055);border-radius:inherit;box-shadow:0 0 48px color-mix(in srgb,var(--kk-mosaic-accent) 8%,transparent) inset;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--content{z-index:2;border-radius:inherit}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--background{top:0;right:0;bottom:0;left:0;object-fit:cover;transform:scale(1.001);transition:transform .48s cubic-bezier(.2,.7,.2,1)}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--highlight{border-color:color-mix(in srgb,var(--kk-mosaic-accent) 68%,transparent);box-shadow:0 28px 75px #00000057,0 0 42px color-mix(in srgb,var(--kk-mosaic-accent) 18%,transparent)}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--button{border-radius:var(--kk-mosaic-radius)}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--content:focus-visible{outline:3px solid #ffffff;outline-offset:-6px}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--expander:focus-visible{outline:3px solid #ffffff;outline-offset:-6px}@media screen and (min-width:720px){.promo-mosaic--section .kk-mosaic .promo-block-mosaic--content{display:flex;flex-direction:column}.promo-mosaic--section .kk-mosaic :is(.promo-block-mosaic--content-align-top-left,.promo-block-mosaic--content-align-top-center,.promo-block-mosaic--content-align-top-right){justify-content:flex-start}.promo-mosaic--section .kk-mosaic :is(.promo-block-mosaic--content-align-center-left,.promo-block-mosaic--content-align-center-center,.promo-block-mosaic--content-align-center-right){justify-content:center}.promo-mosaic--section .kk-mosaic :is(.promo-block-mosaic--content-align-bottom-left,.promo-block-mosaic--content-align-bottom-center,.promo-block-mosaic--content-align-bottom-right){justify-content:flex-end}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--content-wrapper{top:auto;transform:none;transition:font-size .23s cubic-bezier(.3,0,0,1),transform .42s cubic-bezier(.2,.7,.2,1)}}@media(hover:hover)and (pointer:fine)and (min-width:720px){.promo-mosaic--section .kk-mosaic .promo-block-mosaic--button{display:inline-flex;max-height:64px;align-items:center;margin-top:17px;overflow:hidden;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .32s ease,transform .42s ease,border-color .22s ease,background-color .22s ease,color .22s ease}.promo-mosaic--section .kk-mosaic .promo-block-mosaic:hover,.promo-mosaic--section .kk-mosaic .promo-block-mosaic:focus-within{border-color:color-mix(in srgb,var(--kk-mosaic-accent) 72%,white 8%);box-shadow:0 30px 78px #00000061,0 0 46px color-mix(in srgb,var(--kk-mosaic-accent) 17%,transparent);transform:translateY(-2px)}.promo-mosaic--section .kk-mosaic .promo-block-mosaic:hover .promo-block-mosaic--background,.promo-mosaic--section .kk-mosaic .promo-block-mosaic:focus-within .promo-block-mosaic--background{transform:scale(1.035)}.promo-mosaic--section .kk-mosaic .promo-block-mosaic:hover .promo-block-mosaic--content-wrapper,.promo-mosaic--section .kk-mosaic .promo-block-mosaic:focus-within .promo-block-mosaic--content-wrapper{transform:translateY(-8px)}.promo-mosaic--section .kk-mosaic .promo-block-mosaic:hover .promo-block-mosaic--button,.promo-mosaic--section .kk-mosaic .promo-block-mosaic:focus-within .promo-block-mosaic--button{opacity:1;transform:none;pointer-events:auto}}@media screen and (max-width:719px){.promo-mosaic--section .kk-mosaic .promo-mosaic--inner{display:grid;gap:12px}.promo-mosaic--section .kk-mosaic .promo-block-mosaic{min-height:190px!important;margin:0}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--content{width:100%;height:190px;padding:22px 64px 22px 22px;margin:0}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--content.animating-in,.promo-mosaic--section .kk-mosaic .promo-block-mosaic--content.promo-block-mosaic--expanded:not(.animating-out){height:270px;padding-right:22px}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--content-wrapper{width:100%;overflow:visible;text-overflow:clip;white-space:normal}.promo-mosaic--section .kk-mosaic :is(.promo-block-mosaic--header,.promo-block-mosaic--text){max-width:100%;overflow:visible;text-overflow:clip;white-space:normal}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--header{display:-webkit-box;margin-bottom:7px;overflow:hidden;font-size:clamp(1.45rem,7vw,2rem);line-height:1.08;-webkit-box-orient:vertical;-webkit-line-clamp:2}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--text{display:-webkit-box;margin-top:0;overflow:hidden;font-size:1rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--expanded :is(.promo-block-mosaic--header,.promo-block-mosaic--text){display:block;overflow:visible;-webkit-line-clamp:initial}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--expander{z-index:6;width:58px}.promo-mosaic--section .kk-mosaic .promo-block-mosaic--expander svg{width:22px;height:14px}}@media(prefers-reduced-motion:reduce){.promo-mosaic--section .kk-mosaic .promo-block-mosaic,.promo-mosaic--section .kk-mosaic .promo-block-mosaic--background,.promo-mosaic--section .kk-mosaic .promo-block-mosaic--content-wrapper,.promo-mosaic--section .kk-mosaic .promo-block-mosaic--button{transition:none}.promo-mosaic--section .kk-mosaic .promo-block-mosaic:hover,.promo-mosaic--section .kk-mosaic .promo-block-mosaic:focus-within,.promo-mosaic--section .kk-mosaic .promo-block-mosaic:hover .promo-block-mosaic--background,.promo-mosaic--section .kk-mosaic .promo-block-mosaic:focus-within .promo-block-mosaic--background{transform:none}.promo-mosaic--section .kk-mosaic .promo-block-mosaic:hover .promo-block-mosaic--content-wrapper,.promo-mosaic--section .kk-mosaic .promo-block-mosaic:focus-within .promo-block-mosaic--content-wrapper{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/203/assets/kiekkokingi-mosaic.css.map */