.glk-note{max-width:68ch;margin:20px auto 0;font-size:1.3rem;line-height:1.55;text-align:center;color:rgba(var(--color-foreground),.72)}.glk-note p{margin:0}.glk-ico{position:relative;display:grid;place-items:center;width:64px;height:64px;border:2px solid transparent;border-radius:50%;background:linear-gradient(#fff,#fff) padding-box,var(--gl-grad) border-box;color:var(--gl-ink)}.glk-ico .gl-icon{width:32px;height:32px}.glk-ico i{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0;pointer-events:none}.glk-ico i:nth-of-type(1){background:#39dfe2}.glk-ico i:nth-of-type(2){background:#f278ae}.glk-ico i:nth-of-type(3){background:#fac970}.glk-ico[data-k=drop] i{top:54%}.glk-ico[data-k=drop] i:nth-of-type(1){left:40%}.glk-ico[data-k=drop] i:nth-of-type(2){left:50%}.glk-ico[data-k=drop] i:nth-of-type(3){left:58%}.glk-ico[data-k=shine] i{top:30%}.glk-ico[data-k=shine] i:nth-of-type(1){left:60%}.glk-ico[data-k=shine] i:nth-of-type(2){left:68%}@media(prefers-reduced-motion:no-preference){.glk ol:not(.is-in) .glk-ico>svg{opacity:0}.glk ol.is-in li .glk-ico>svg,.glk ol.is-in li .glk-ico i{animation-fill-mode:both;animation-delay:calc(var(--glk-i, 0) * .22s)}.glk ol li:nth-child(2){--glk-i: 1}.glk ol li:nth-child(3){--glk-i: 2}.glk ol.is-in .glk-ico[data-k=drop]>svg{animation-name:glk-drop;animation-duration:.64s;animation-timing-function:cubic-bezier(.23,1,.32,1)}.glk ol.is-in .glk-ico[data-k=drop] i{animation-name:glk-fall;animation-duration:.7s;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-delay:calc(var(--glk-i, 0) * .22s + .24s)}.glk ol.is-in .glk-ico[data-k=drop] i:nth-of-type(2){animation-delay:calc(var(--glk-i, 0) * .22s + .3s)}.glk ol.is-in .glk-ico[data-k=drop] i:nth-of-type(3){animation-delay:calc(var(--glk-i, 0) * .22s + .36s)}.glk ol.is-in .glk-ico[data-k=stir]>svg{animation-name:glk-stir;animation-duration:.8s;animation-timing-function:cubic-bezier(.77,0,.175,1)}.glk ol.is-in .glk-ico[data-k=shine]>svg{animation-name:glk-shine;animation-duration:.6s;animation-timing-function:cubic-bezier(.23,1,.32,1)}.glk ol.is-in .glk-ico[data-k=shine] i{animation-name:glk-rise;animation-duration:.8s;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-delay:calc(var(--glk-i, 0) * .22s + .26s)}.glk ol.is-in .glk-ico[data-k=shine] i:nth-of-type(2){animation-delay:calc(var(--glk-i, 0) * .22s + .38s)}@media(hover:hover)and (pointer:fine){.glk ol.is-in li:hover .glk-ico>svg,.glk ol.is-in li:hover .glk-ico i{animation-delay:0ms}.glk ol.is-in li:hover .glk-ico i:nth-of-type(2){animation-delay:60ms}.glk ol.is-in li:hover .glk-ico i:nth-of-type(3){animation-delay:.12s}.glk ol.is-in li:hover .glk-ico[data-k=drop]>svg{animation-name:glk-drop-2}.glk ol.is-in li:hover .glk-ico[data-k=drop] i{animation-name:glk-fall-2}.glk ol.is-in li:hover .glk-ico[data-k=stir]>svg{animation-name:glk-stir-2}.glk ol.is-in li:hover .glk-ico[data-k=shine]>svg{animation-name:glk-shine-2}.glk ol.is-in li:hover .glk-ico[data-k=shine] i{animation-name:glk-rise-2}}}@keyframes glk-drop{0%{opacity:0;transform:translateY(-14px) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes glk-drop-2{0%{opacity:0;transform:translateY(-14px) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes glk-fall{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}to{opacity:0;transform:translateY(20px)}}@keyframes glk-fall-2{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}to{opacity:0;transform:translateY(20px)}}@keyframes glk-stir{0%{opacity:.2;transform:rotate(-200deg)}to{opacity:1;transform:none}}@keyframes glk-stir-2{0%{transform:rotate(-200deg)}to{transform:none}}@keyframes glk-shine{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes glk-shine-2{0%{transform:scale(.94)}60%{transform:scale(1.06)}to{transform:none}}@keyframes glk-rise{0%{opacity:0;transform:translateY(8px) scale(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-16px) scale(1)}}@keyframes glk-rise-2{0%{opacity:0;transform:translateY(8px) scale(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-16px) scale(1)}}.glk-b{--glk-ico: 56px;position:relative;list-style:none;margin:0;padding:0;display:grid;gap:18px}.glk-b:before{content:"";position:absolute;top:calc(var(--glk-ico) / 2);bottom:calc(var(--glk-ico) / 2);left:calc(var(--glk-ico) / 2 - 1px);width:2px;background:var(--gl-grad);transform-origin:top}.glk-b__step{position:relative;display:grid;grid-template-columns:var(--glk-ico) 1fr;gap:14px;align-items:center}.glk-b .glk-ico{width:var(--glk-ico);height:var(--glk-ico)}.glk-b .glk-ico .gl-icon{width:28px;height:28px}.glk-b__step div{display:grid;gap:2px}.glk-b__step b{font:700 1.6rem/1.25 var(--font-heading-family);letter-spacing:.04em;text-transform:uppercase}.glk-b__step span:not(.glk-ico){font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.82)}@media(prefers-reduced-motion:no-preference){.glk-b:not(.is-in):before{transform:scaleY(0)}.glk-b.is-in:before{transition:transform .9s cubic-bezier(.77,0,.175,1)}}@media screen and (min-width:750px){.glk-b{--glk-ico: 80px;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1040px;margin-inline:auto}.glk-b:before{top:calc(var(--glk-ico) / 2 - 1px);bottom:auto;left:16.6%;right:16.6%;width:auto;height:2px;transform-origin:left}.glk-b:not(.is-in):before{transform:scaleX(0)}.glk-b__step{grid-template-columns:1fr;justify-items:center;align-items:start;align-content:start;text-align:center;gap:14px}.glk-b .glk-ico .gl-icon{width:38px;height:38px}.glk-b__step b{font-size:1.8rem}.glk-b__step span:not(.glk-ico){font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/gliter-kroki.css.map */