.kfeature{border:.5px solid var(--kf-border,#ccc);background:var(--kf-bg,transparent);width:246px;max-width:100%;height:76px;color:var(--kf-text,#fff);cursor:pointer;font-family:var(--font-mono);flex-direction:column;justify-content:space-between;align-items:stretch;padding:0 16px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.kfeature:disabled,.kfeature[data-state=disabled]{cursor:not-allowed}.kfeature__corner{pointer-events:none;z-index:1;border-color:var(--kf-corner,currentColor);border-style:solid;border-width:0;width:15px;height:15px;transition:top .15s,left .15s,right .15s,bottom .15s;position:absolute}.kfeature__corner--tl{border-top-width:1px;border-left-width:1px;top:-1px;left:-1px}.kfeature__corner--tr{border-top-width:1px;border-right-width:1px;top:-1px;right:-1px}.kfeature__corner--bl{border-bottom-width:1px;border-left-width:1px;bottom:-1px;left:-1px}.kfeature__corner--br{border-bottom-width:1px;border-right-width:1px;bottom:-1px;right:-1px}.kfeature__arrow{color:currentColor;align-self:flex-end;width:20px;height:20px;margin-top:8px;display:inline-flex}.kfeature__arrow svg{width:100%;height:100%}.kfeature__label{font-family:var(--font-mono);font-size:calc(16px * var(--ts,1));letter-spacing:.48px;text-transform:uppercase;text-align:center;align-self:center;margin-bottom:12px;line-height:1.25}.kfeature[data-style=outline][data-state=default][data-mode=light]{--kf-bg:#0000001a;--kf-border:#ccc;--kf-corner:#00d0a3;--kf-text:#00d0a3;-webkit-backdrop-filter:blur(15px)}.kfeature[data-style=outline][data-state=hover][data-mode=light]{--kf-bg:#00d0a3;--kf-border:#091a19;--kf-corner:#00d0a3;--kf-text:#07504c}.kfeature[data-style=outline][data-state=click][data-mode=light]{--kf-bg:#07504c;--kf-border:#091a19;--kf-corner:#00d0a3;--kf-text:#00d0a3}.kfeature[data-style=outline][data-state=disabled][data-mode=light]{--kf-bg:#757575;--kf-border:#0c0c0c;--kf-corner:#4b4b4b;--kf-text:#4b4b4b}.kfeature[data-style=outline][data-state=default][data-mode=dark]{--kf-bg:#ffffff1a;--kf-border:#0c0c0c;--kf-corner:#0c0c0c;--kf-text:#0c0c0c;-webkit-backdrop-filter:blur(15px)}.kfeature[data-style=outline][data-state=hover][data-mode=dark]{--kf-bg:#ff949a;--kf-border:#4b4b4b;--kf-corner:#ff949a;--kf-text:#ede6de}.kfeature[data-style=outline][data-state=click][data-mode=dark]{--kf-bg:#c06e73;--kf-border:#4b4b4b;--kf-corner:#ff949a;--kf-text:#ff949a}.kfeature[data-style=outline][data-state=disabled][data-mode=dark]{--kf-bg:#757575;--kf-border:#0c0c0c;--kf-corner:#4b4b4b;--kf-text:#4b4b4b}.kfeature[data-style=fill][data-state=default][data-mode=light]{--kf-bg:#00d0a3;--kf-border:#091a19;--kf-corner:#07504c;--kf-text:#07504c}.kfeature[data-style=fill][data-state=hover][data-mode=light]{--kf-bg:#07504c;--kf-border:#c06e73;--kf-corner:#07504c;--kf-text:#00d0a3}.kfeature[data-style=fill][data-state=click][data-mode=light]{--kf-bg:#091a19;--kf-border:#07504c;--kf-corner:#07504c;--kf-text:#07504c}.kfeature[data-style=fill][data-state=disabled][data-mode=light]{--kf-bg:#757575;--kf-border:#0c0c0c;--kf-corner:#4b4b4b;--kf-text:#4b4b4b}.kfeature[data-style=fill][data-state=default][data-mode=dark]{--kf-bg:#ff949a;--kf-border:#f3e9e8;--kf-corner:#ede6de;--kf-text:#ede6de}.kfeature[data-style=fill][data-state=hover][data-mode=dark]{--kf-bg:#ede6de;--kf-border:#c06e73;--kf-corner:#ff949a;--kf-text:#c06e73}.kfeature[data-style=fill][data-state=click][data-mode=dark]{--kf-bg:#c06e73;--kf-border:#c06e73;--kf-corner:#ff949a;--kf-text:#ff949a}.kfeature[data-style=fill][data-state=disabled][data-mode=dark]{--kf-bg:#757575;--kf-border:#0c0c0c;--kf-corner:#4b4b4b;--kf-text:#4b4b4b}.kfeature[data-state=hover] .kfeature__corner--tl,.kfeature[data-state=click] .kfeature__corner--tl{top:-3px;left:-3px}.kfeature[data-state=hover] .kfeature__corner--tr,.kfeature[data-state=click] .kfeature__corner--tr{top:-3px;right:-3px}.kfeature[data-state=hover] .kfeature__corner--bl,.kfeature[data-state=click] .kfeature__corner--bl{bottom:-3px;left:-3px}.kfeature[data-state=hover] .kfeature__corner--br,.kfeature[data-state=click] .kfeature__corner--br{bottom:-3px;right:-3px}.kfeature[data-style=outline][data-state=live][data-mode=light]{--kf-bg:#0000001a;--kf-border:#ccc;--kf-corner:#00d0a3;--kf-text:#00d0a3;-webkit-backdrop-filter:blur(15px)}.kfeature[data-style=outline][data-state=live][data-mode=light]:hover{--kf-bg:#00d0a3;--kf-border:#091a19;--kf-corner:#00d0a3;--kf-text:#07504c}.kfeature[data-style=outline][data-state=live][data-mode=light]:active{--kf-bg:#07504c;--kf-border:#091a19;--kf-corner:#00d0a3;--kf-text:#00d0a3}.kfeature[data-style=outline][data-state=live][data-mode=light]:disabled{--kf-bg:#757575;--kf-border:#0c0c0c;--kf-corner:#4b4b4b;--kf-text:#4b4b4b}.kfeature[data-style=outline][data-state=live][data-mode=dark]{--kf-bg:#ffffff1a;--kf-border:#0c0c0c;--kf-corner:#0c0c0c;--kf-text:#0c0c0c;-webkit-backdrop-filter:blur(15px)}.kfeature[data-style=outline][data-state=live][data-mode=dark]:hover{--kf-bg:#ff949a;--kf-border:#4b4b4b;--kf-corner:#ff949a;--kf-text:#ede6de}.kfeature[data-style=outline][data-state=live][data-mode=dark]:active{--kf-bg:#c06e73;--kf-border:#4b4b4b;--kf-corner:#ff949a;--kf-text:#ff949a}.kfeature[data-style=outline][data-state=live][data-mode=dark]:disabled{--kf-bg:#757575;--kf-border:#0c0c0c;--kf-corner:#4b4b4b;--kf-text:#4b4b4b}.kfeature[data-style=fill][data-state=live][data-mode=light]{--kf-bg:#00d0a3;--kf-border:#091a19;--kf-corner:#07504c;--kf-text:#07504c}.kfeature[data-style=fill][data-state=live][data-mode=light]:hover{--kf-bg:#07504c;--kf-border:#c06e73;--kf-corner:#07504c;--kf-text:#00d0a3}.kfeature[data-style=fill][data-state=live][data-mode=light]:active{--kf-bg:#091a19;--kf-border:#07504c;--kf-corner:#07504c;--kf-text:#07504c}.kfeature[data-style=fill][data-state=live][data-mode=light]:disabled{--kf-bg:#757575;--kf-border:#0c0c0c;--kf-corner:#4b4b4b;--kf-text:#4b4b4b}.kfeature[data-style=fill][data-state=live][data-mode=dark]{--kf-bg:#ff949a;--kf-border:#f3e9e8;--kf-corner:#ede6de;--kf-text:#ede6de}.kfeature[data-style=fill][data-state=live][data-mode=dark]:hover{--kf-bg:#ede6de;--kf-border:#c06e73;--kf-corner:#ff949a;--kf-text:#c06e73}.kfeature[data-style=fill][data-state=live][data-mode=dark]:active{--kf-bg:#c06e73;--kf-border:#c06e73;--kf-corner:#ff949a;--kf-text:#ff949a}.kfeature[data-style=fill][data-state=live][data-mode=dark]:disabled{--kf-bg:#757575;--kf-border:#0c0c0c;--kf-corner:#4b4b4b;--kf-text:#4b4b4b}.kfeature[data-state=live]:hover .kfeature__corner--tl,.kfeature[data-state=live]:active .kfeature__corner--tl{top:-3px;left:-3px}.kfeature[data-state=live]:hover .kfeature__corner--tr,.kfeature[data-state=live]:active .kfeature__corner--tr{top:-3px;right:-3px}.kfeature[data-state=live]:hover .kfeature__corner--bl,.kfeature[data-state=live]:active .kfeature__corner--bl{bottom:-3px;left:-3px}.kfeature[data-state=live]:hover .kfeature__corner--br,.kfeature[data-state=live]:active .kfeature__corner--br{bottom:-3px;right:-3px}