.vkl{display:block;padding:52px 0 80px;background:var(--vkl-background);color:var(--vkl-foreground);--vkl-inset:max(16px, calc((100vw - var(--voicsky-section-width)) / 2))}body:has(.vkl){background:var(--color-background, #f5f5f7)}.vkl *,.vkl *:before,.vkl *:after{box-sizing:border-box}.vkl__wrap{width:var(--voicsky-section-width);max-width:calc(100% - 32px);margin-inline:auto}.vkl__hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:24px 48px}.vkl__eyebrow{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.06em}.vkl h1{margin:0;max-width:820px;font-size:var(--vkl-title-desktop);font-weight:600;line-height:1.06;letter-spacing:-.035em;color:inherit;text-wrap:balance}.vkl__intro{margin:20px 0 0;font-size:20px;line-height:1.4;opacity:.68}.vkl a{text-decoration:none}.vkl__text-link{display:inline-flex;align-items:center;gap:6px;color:var(--vkl-accent);font-size:14px;font-weight:500;white-space:nowrap}.vkl__text-link:hover{text-decoration:underline}.vkl__shelf{padding-top:16px;scroll-margin-top:120px}.vkl h2{margin:0 0 24px;font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:inherit}.vkl h2 span{opacity:.55}.vkl__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px var(--vkl-inset) 20px;scroll-padding-inline:var(--vkl-inset)}.vkl__track::-webkit-scrollbar{display:none}.vkl__model{display:flex;flex-direction:column;flex:0 0 360px;min-width:0;min-height:500px;padding:28px;border-radius:var(--vkl-radius);background:#fff;box-shadow:0 4px 18px #0000000a;scroll-snap-align:start}.vkl__model-tag{min-height:16px;margin:0 0 8px;font-size:11px;line-height:1.3;font-weight:600;color:var(--vkl-accent);letter-spacing:.025em}.vkl h3{margin:0;font-size:26px;line-height:1.13;font-weight:600;letter-spacing:-.025em;color:inherit}.vkl__model-description{margin:12px 0 0;min-height:42px;font-size:14px;line-height:1.5;opacity:.7}.vkl__image-link{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.2;margin-block:20px;border-radius:12px;overflow:hidden}.vkl__image{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.3)}.vkl__model-footer{margin-top:auto;display:flex;flex-direction:column;gap:20px}.vkl__colors{min-height:48px}.vkl__swatches{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-block:2px}.vkl__swatch{position:relative;display:block;width:32px;height:14px;min-height:14px;padding:0;overflow:visible;border:1px solid color-mix(in srgb,var(--vkl-pill-color) 72%,#6c6c72);border-radius:100px;background:var(--vkl-pill-color);box-shadow:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.vkl__swatch:after{content:"";position:absolute;top:-15px;right:-3px;bottom:-15px;left:-3px}.vkl__swatch span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--vkl-pill-color);background-image:var(--vkl-pill-image, none);background-size:cover;background-position:center}.vkl__swatch[aria-pressed=true]{border:2px solid var(--vkl-accent);box-shadow:none}.vkl__color-label{margin:3px 0 0;font-size:11px;line-height:1.35;opacity:.65}.vkl__model-action{display:flex;align-items:center;justify-content:space-between;gap:12px}.vkl__button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 22px;border:1px solid rgb(255 255 255 / 58%);border-radius:14px;color:#111;background:linear-gradient(145deg,#ffffffd1,#fff9),#d6d8da;box-shadow:inset 0 1px #ffffffdb,inset 0 -1px #ffffff3d,0 8px 24px #00000024;backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);font-size:13px;font-weight:650;line-height:1.2;text-decoration:none;white-space:nowrap}.vkl__button:hover{background:linear-gradient(145deg,#ffffffeb,#ffffffb3),#d6d8da}.vkl__store-button{min-height:44px;font-size:14px}.vkl__price{font-size:14px}.vkl__controls{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.vkl__controls button{display:grid;place-items:center;width:48px;height:48px;padding:0;flex-shrink:0;border:0;border-radius:50%;background:#e4e4e7;color:var(--vkl-foreground);cursor:pointer}.vkl__controls svg{width:20px;height:20px}.vkl__controls button:disabled{opacity:.35;cursor:default}.vkl__guides{padding-top:64px;scroll-margin-top:120px}.vkl__guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vkl__guide{display:flex;flex-direction:column;align-items:flex-start;min-height:260px;padding:28px;border-radius:var(--vkl-radius);background:#fff;box-shadow:0 4px 18px #0000000a}.vkl__guide h3{font-size:25px}.vkl__guide>p:not(.vkl__eyebrow){font-size:14px;line-height:1.5;opacity:.68;margin:16px 0 24px}.vkl__guide .vkl__text-link{margin-top:auto}.vkl a:focus-visible,.vkl button:focus-visible,.vkl__track:focus-visible{outline:2px solid var(--vkl-accent);outline-offset:4px}.vkl__empty{align-items:center;justify-content:center}@media(min-width:750px)and (max-width:989px){.vkl h1{font-size:48px}.vkl__hero{align-items:flex-start}.vkl__model{flex-basis:330px}.vkl__guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.vkl{padding-block:24px 48px}.vkl__hero{flex-direction:column;align-items:flex-start;gap:20px;padding-block:16px 24px}.vkl h1{font-size:var(--vkl-title-mobile)}.vkl__intro{font-size:16px;margin-top:14px}.vkl__shelf{padding-top:20px}.vkl h2{font-size:23px;margin-bottom:18px}.vkl h2 span{display:block;margin-top:3px}.vkl__track{gap:14px}.vkl__model{flex-basis:min(320px,calc(100vw - 64px));min-height:460px;padding:24px}.vkl h3{font-size:24px}.vkl__model-description{font-size:13px}.vkl__guides{padding-top:44px}.vkl__guide-grid{grid-template-columns:minmax(0,1fr);gap:14px}.vkl__guide{min-height:220px;padding:24px}.vkl__guide h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.vkl__track{scroll-behavior:auto}}.vkl__controls[hidden]{display:none}body:has(.vkl){overflow-x:clip}body:has(.header[transparent]) voicsky-keyboard-landing.vkl{padding-top:calc(52px + var(--header-group-height, 100px) + var(--header-height, 84px))}@media(max-width:749px){body:has(.header[transparent]) voicsky-keyboard-landing.vkl{padding-top:calc(24px + var(--header-group-height, 80px) + var(--header-height, 70px))}.vkl__button{min-height:32px;padding:7px 16px;border-radius:10px;font-size:12px}}.vkl h1{font-size:var(--vkl-title-desktop);font-weight:var(--vkl-title-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__hero .vkl__eyebrow{font-size:var(--vkl-eyebrow-desktop);font-weight:var(--vkl-eyebrow-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__intro{font-size:var(--vkl-intro-desktop);font-weight:var(--vkl-intro-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl h2{font-size:var(--vkl-section-heading-desktop);font-weight:var(--vkl-section-heading-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl h2 span{font-size:var(--vkl-section-caption-desktop);font-weight:var(--vkl-section-caption-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__model h3{font-size:var(--vkl-card-title-desktop);font-weight:var(--vkl-card-title-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__model-description{font-size:var(--vkl-card-body-desktop);font-weight:var(--vkl-card-body-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__model-tag{font-size:var(--vkl-layout-label-desktop);font-weight:var(--vkl-layout-label-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__color-label{font-size:var(--vkl-color-label-desktop);font-weight:var(--vkl-color-label-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__model .vkl__button{font-size:var(--vkl-button-desktop);font-weight:var(--vkl-button-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__store-label{font-size:var(--vkl-store-desktop);font-weight:var(--vkl-store-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__guide h3{font-size:var(--vkl-guide-title-desktop);font-weight:var(--vkl-guide-title-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__guide>p:not(.vkl__eyebrow){font-size:var(--vkl-guide-body-desktop);font-weight:var(--vkl-guide-body-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__guide .vkl__eyebrow{font-size:var(--vkl-guide-label-desktop);font-weight:var(--vkl-guide-label-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__text-link{font-size:var(--vkl-link-desktop);font-weight:var(--vkl-link-weight);line-height:var(--voicsky-copy-line-height,1.25)}.vkl__price{font-size:var(--vkl-price-desktop);font-weight:var(--vkl-price-weight);line-height:var(--voicsky-copy-line-height,1.25)}@media(min-width:750px)and (max-width:989px){.vkl h1{font-size:var(--vkl-title-tablet)}.vkl__hero .vkl__eyebrow{font-size:var(--vkl-eyebrow-tablet)}.vkl__intro{font-size:var(--vkl-intro-tablet)}.vkl h2{font-size:var(--vkl-section-heading-tablet)}.vkl h2 span{font-size:var(--vkl-section-caption-tablet)}.vkl__model h3{font-size:var(--vkl-card-title-tablet)}.vkl__model-description{font-size:var(--vkl-card-body-tablet)}.vkl__model-tag{font-size:var(--vkl-layout-label-tablet)}.vkl__color-label{font-size:var(--vkl-color-label-tablet)}.vkl__model .vkl__button{font-size:var(--vkl-button-tablet)}.vkl__store-label{font-size:var(--vkl-store-tablet)}.vkl__guide h3{font-size:var(--vkl-guide-title-tablet)}.vkl__guide>p:not(.vkl__eyebrow){font-size:var(--vkl-guide-body-tablet)}.vkl__guide .vkl__eyebrow{font-size:var(--vkl-guide-label-tablet)}.vkl__text-link{font-size:var(--vkl-link-tablet)}.vkl__price{font-size:var(--vkl-price-tablet)}}@media(max-width:749px){.vkl h1{font-size:var(--vkl-title-mobile)}.vkl__hero .vkl__eyebrow{font-size:var(--vkl-eyebrow-mobile)}.vkl__intro{font-size:var(--vkl-intro-mobile)}.vkl h2{font-size:var(--vkl-section-heading-mobile)}.vkl h2 span{font-size:var(--vkl-section-caption-mobile)}.vkl__model h3{font-size:var(--vkl-card-title-mobile)}.vkl__model-description{font-size:var(--vkl-card-body-mobile)}.vkl__model-tag{font-size:var(--vkl-layout-label-mobile)}.vkl__color-label{font-size:var(--vkl-color-label-mobile)}.vkl__model .vkl__button{font-size:var(--vkl-button-mobile)}.vkl__store-label{font-size:var(--vkl-store-mobile)}.vkl__guide h3{font-size:var(--vkl-guide-title-mobile)}.vkl__guide>p:not(.vkl__eyebrow){font-size:var(--vkl-guide-body-mobile)}.vkl__guide .vkl__eyebrow{font-size:var(--vkl-guide-label-mobile)}.vkl__text-link{font-size:var(--vkl-link-mobile)}.vkl__price{font-size:var(--vkl-price-mobile)}}.vkl{padding-block:var(--vkl-padding-top) var(--vkl-padding-bottom)}body:has(.header[transparent]) voicsky-keyboard-landing.vkl{padding-top:calc(var(--vkl-padding-top) + var(--header-group-height,100px) + var(--header-height,84px))}.vkl__hero{gap:var(--vkl-hero-columns-gap);padding-block:0 var(--vkl-hero-bottom-gap)}.vkl__intro{margin-top:var(--vkl-title-description-gap)}.vkl__track{gap:var(--vkl-card-gap)}.vkl__model{padding:var(--vkl-card-inner-padding)}.vkl__model-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.vkl__model-heading h3{min-width:0}.vkl__model-tag{flex-shrink:0;min-height:0;margin:0;padding:5px 9px;border:1px solid rgb(17 17 17 / 8%);border-radius:100px;background:#f1f2f3;color:inherit;white-space:nowrap}.vkl__model-description{margin-top:var(--vkl-card-description-gap)}.vkl__image-link{margin-block:var(--vkl-card-image-gap)}.vkl__model-footer{gap:var(--vkl-card-footer-gap)}.vkl__colors{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--vkl-color-name-gap);align-items:start;min-height:0}.vkl__swatches{gap:var(--vkl-color-pill-gap)}.vkl__color-label{margin:0;text-transform:uppercase;text-align:left;max-width:none;overflow-wrap:anywhere}.vkl__button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}@media(hover:hover)and (pointer:fine){.vkl__model .vkl__button:hover{transform:scale(1.06);box-shadow:inset 0 1px #ffffffdb,0 10px 24px #0000002e}}.vkl__controls{gap:var(--vkl-page-button-gap,10px)}.vkl__controls button{border:1px solid rgb(255 255 255 / 58%);background:linear-gradient(145deg,#ffffffd1,#fff9),#d6d8da;box-shadow:inset 0 1px #ffffffdb,inset 0 -1px #ffffff3d,0 6px 18px #0000001f;backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);transition:transform .18s ease}.vkl__controls button:not(:disabled):hover{transform:scale(1.06)}.vkl__guides{padding-top:var(--vkl-guides-top-gap)}.vkl__guide-grid{gap:var(--vkl-guide-gap)}.vkl__guide{padding:var(--vkl-guide-inner-padding)}.vkl__guide>p:not(.vkl__eyebrow){margin-block:var(--vkl-guide-description-gap) var(--vkl-guide-link-gap)}.vkl__store{display:flex;align-items:center;gap:var(--vkl-store-inner-gap);flex-shrink:0;padding:10px 10px 10px 20px;background:#fff9;border:1px solid rgb(255 255 255 / 68%);border-radius:var(--vkl-store-radius,200px);box-shadow:inset 0 1px #ffffffdb,0 6px 18px #0000000d}.vkl__store-label{text-transform:uppercase;white-space:nowrap}.vkl__store-button{width:42px;height:42px;min-height:42px;border-radius:50%;padding:0;flex-shrink:0}.vkl__store-button svg{width:20px;height:20px;fill:currentColor}@media(max-width:749px){.vkl__store-button{width:36px;height:36px;min-height:36px}}@media(prefers-reduced-motion:reduce){.vkl__button,.vkl__controls button{transition:none}.vkl__model .vkl__button:hover,.vkl__controls button:not(:disabled):hover{transform:none}}.vkl__eyebrow{margin-bottom:var(--vkl-eyebrow-gap)}.vkl h2{margin-bottom:var(--vkl-section-heading-gap)}.vkl__model-heading{gap:var(--vkl-layout-pill-gap)}.vkl__controls{padding-top:var(--vkl-page-controls-top-gap,18px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/voicsky-keyboard-landing.css.map */