@jetbrains/kotlin-web-site-ui 2.5.0 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ctaBlock.css +2 -0
- package/dist/ctaBlock.css.map +1 -0
- package/dist/ctaBlock.js +3 -0
- package/dist/ctaBlock.js.LICENSE.txt +8 -0
- package/dist/ctaBlock.js.map +1 -0
- package/dist/grid.css +1 -1
- package/dist/grid.css.map +1 -1
- package/package.json +2 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.ktl-cta-block-module_wrapper_15k8I{background:radial-gradient(89.53% 145.96% at .34% 100.79%,#ef4857 0,#de4970 17.58%,#b44db0 50.31%,#7f52ff 97.03%);color:#fff;padding:32px 16px}@media (min-width:768px){.ktl-cta-block-module_wrapper_15k8I{padding:48px 32px}}.ktl-cta-block-module_top-title_3GPYq{max-width:330px;margin-bottom:64px}@media (min-width:768px){.ktl-cta-block-module_top-title_3GPYq{margin-bottom:96px}}.ktl-cta-block-module_buttons_1FFW3,.ktl-cta-block-module_content_3Iph6{margin-top:32px}.ktl-cta-block-module_buttons_1FFW3 button{margin-right:16px}
|
|
2
|
+
/*# sourceMappingURL=ctaBlock.css.map*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/cta-block/cta-block.module.pcss"],"names":[],"mappings":"AAAA,mC,CACI,iH,CACA,U,CACA,iB,CACA,yBAJJ,mC,CAKQ,mBAIR,qC,CACI,e,CACA,kB,CACA,yBAHJ,qC,CAIQ,oBAWR,mC,CAJA,mC,CACI,e,CAKA,0C,CACI,iB","file":"ctaBlock.css","sourcesContent":[".wrapper {\n background: radial-gradient(89.53% 145.96% at 0.34% 100.79%, #EF4857 0%, #DE4970 17.58%, #B44DB0 50.31%, #7F52FF 97.03%);\n color: #fff;\n padding: 32px 16px;\n @media (--ktl-sm) {\n padding: 48px 32px;\n }\n}\n\n.top-title {\n max-width: 330px;\n margin-bottom: 64px;\n @media (--ktl-sm) {\n margin-bottom: 96px;\n }\n}\n\n.main-title {\n}\n\n.content {\n margin-top: 32px;\n}\n\n.buttons {\n margin-top: 32px;\n button {\n margin-right: 16px;\n }\n}"],"sourceRoot":""}
|
package/dist/ctaBlock.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! For license information please see ctaBlock.js.LICENSE.txt */
|
|
2
|
+
!function(){"use strict";var e={251:function(e,t,r){var o=r(910),n=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var l=Symbol.for;n=l("react.element"),l("react.fragment")}var c=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,i={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var o,l={},s=null,u=null;for(o in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,o)&&!i.hasOwnProperty(o)&&(l[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===l[o]&&(l[o]=t[o]);return{$$typeof:n,type:e,key:s,ref:u,props:l,_owner:c.current}}t.jsx=s,t.jsxs=s},893:function(e,t,r){e.exports=r(251)},910:function(e){e.exports=require("react")}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var l=t[o]={exports:{}};return e[o](l,l.exports,r),l.exports}r.d=function(e,t){for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};!function(){r.r(o),r.d(o,{CtaBlock:function(){return t}});r(910);var e=r(893);const t=({topTitle:t,mainTitle:r,content:o,buttons:n})=>(0,e.jsx)("div",{className:"ktl-cta-block-module_wrapper_15k8I",children:(0,e.jsxs)("div",{className:"ktl-container",children:[t&&(0,e.jsx)("div",{className:"ktl-cta-block-module_top-title_3GPYq",children:(0,e.jsx)("div",{className:"ktl-text-2 ktl-text-2_theme_dark",children:t})}),(0,e.jsx)("div",{className:"ktl-cta-block-module_main-title_3Vu7x",children:(0,e.jsx)("h2",{className:"ktl-hero ktl-hero_theme_dark",children:r})}),o&&(0,e.jsx)("div",{className:"ktl-cta-block-module_content_3Iph6",children:o}),(0,e.jsx)("div",{}),n&&(0,e.jsx)("div",{className:"ktl-cta-block-module_buttons_1FFW3",children:n})]})})}(),module.exports=o}();
|
|
3
|
+
//# sourceMappingURL=ctaBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ctaBlock.js","mappings":";wDAQiBA,EAAE,EAAQ,KAASC,EAAE,MAA6B,GAAN,MAAS,mBAAoBC,QAAQA,OAAOC,IAAI,CAAC,IAAIC,EAAEF,OAAOC,IAAIF,EAAEG,EAAE,iBAAkCA,EAAE,kBAAkB,IAAIC,EAAEL,EAAEM,mDAAmDC,kBAAkBC,EAAEC,OAAOC,UAAUC,eAAeC,EAAE,CAACC,KAAI,EAAGC,KAAI,EAAGC,QAAO,EAAGC,UAAS,GAC5U,SAASC,EAAEC,EAAEC,EAAEC,GAAG,IAAIC,EAAEC,EAAE,GAAGC,EAAE,KAAKC,EAAE,KAAiF,IAAIH,UAAhF,IAASD,IAAIG,EAAE,GAAGH,QAAG,IAASD,EAAEN,MAAMU,EAAE,GAAGJ,EAAEN,UAAK,IAASM,EAAEL,MAAMU,EAAEL,EAAEL,KAAcK,EAAEX,EAAEiB,KAAKN,EAAEE,KAAKT,EAAED,eAAeU,KAAKC,EAAED,GAAGF,EAAEE,IAAI,GAAGH,GAAGA,EAAEQ,aAAa,IAAIL,KAAKF,EAAED,EAAEQ,kBAAe,IAASJ,EAAED,KAAKC,EAAED,GAAGF,EAAEE,IAAI,MAAM,CAACM,SAAS1B,EAAE2B,KAAKV,EAAEL,IAAIU,EAAET,IAAIU,EAAEK,MAAMP,EAAEQ,OAAOzB,EAAE0B,SAASC,EAAQC,IAAIhB,EAAEe,EAAQE,KAAKjB,uBCNrVkB,EAAOH,QAAU,EAAjB,sBCHFG,EAAOH,QAAUI,QAAQ,WCCrBC,EAA2B,GAG/B,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaR,QAGrB,IAAIG,EAASE,EAAyBE,GAAY,CAGjDP,QAAS,IAOV,OAHAU,EAAoBH,GAAUJ,EAAQA,EAAOH,QAASM,GAG/CH,EAAOH,QCpBfM,EAAoBhB,EAAI,SAASU,EAASW,GACzC,IAAI,IAAI9B,KAAO8B,EACXL,EAAoBM,EAAED,EAAY9B,KAASyB,EAAoBM,EAAEZ,EAASnB,IAC5EJ,OAAOoC,eAAeb,EAASnB,EAAK,CAAEiC,YAAY,EAAMC,IAAKJ,EAAW9B,MCJ3EyB,EAAoBM,EAAI,SAASI,EAAKC,GAAQ,OAAOxC,OAAOC,UAAUC,eAAec,KAAKuB,EAAKC,ICC/FX,EAAoBY,EAAI,SAASlB,GACX,oBAAX9B,QAA0BA,OAAOiD,aAC1C1C,OAAOoC,eAAeb,EAAS9B,OAAOiD,YAAa,CAAEC,MAAO,WAE7D3C,OAAOoC,eAAeb,EAAS,aAAc,CAAEoB,OAAO,4FCMhD,MAAMC,EAA4B,EAAGC,SAAAA,EAAUC,UAAAA,EAAWC,QAAAA,EAASC,QAAAA,MAGtE,gBAAKC,UCbc,qCDanB,UACE,iBAAKA,UAAU,gBAAf,UACGJ,IAAY,gBAAKI,UCdF,uCDcH,UACX,gBAAKA,UAAU,mCAAf,SACGJ,OAGL,gBAAKI,UClBY,wCDkBjB,UACE,eAAIA,UAAU,+BAAd,SACGH,MAGJC,IACC,gBAAKE,UCvBQ,qCDuBb,SACGF,KAGL,mBAECC,IACD,gBAAKC,UC7BU,qCD6Bf,SACGD","sources":["webpack://@jetbrains/kotlin-web-site-ui/./node_modules/react/cjs/react-jsx-runtime.production.min.js","webpack://@jetbrains/kotlin-web-site-ui/./node_modules/react/jsx-runtime.js","webpack://@jetbrains/kotlin-web-site-ui/external commonjs2 {\"commonjs2\":\"react\",\"commonjs\":\"react\"}","webpack://@jetbrains/kotlin-web-site-ui/webpack/bootstrap","webpack://@jetbrains/kotlin-web-site-ui/webpack/runtime/define property getters","webpack://@jetbrains/kotlin-web-site-ui/webpack/runtime/hasOwnProperty shorthand","webpack://@jetbrains/kotlin-web-site-ui/webpack/runtime/make namespace object","webpack://@jetbrains/kotlin-web-site-ui/./src/components/cta-block/index.tsx","webpack://@jetbrains/kotlin-web-site-ui/./src/components/cta-block/cta-block.module.pcss?a180"],"sourcesContent":["/** @license React v16.14.0\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),g=60103;exports.Fragment=60107;if(\"function\"===typeof Symbol&&Symbol.for){var h=Symbol.for;g=h(\"react.element\");exports.Fragment=h(\"react.fragment\")}var m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,k){var b,d={},e=null,l=null;void 0!==k&&(e=\"\"+k);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(l=a.ref);for(b in a)n.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:g,type:c,key:e,ref:l,props:d,_owner:m.current}}exports.jsx=q;exports.jsxs=q;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","module.exports = require(\"react\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from 'react';\n\nimport * as styles from './cta-block.module.pcss';\n\ntype Props = {\n mainTitle: string,\n topTitle?: string,\n buttons?: React.ReactNode\n content?: React.ReactNode\n}\n\nexport const CtaBlock: React.FC<Props> = ({ topTitle, mainTitle, content, buttons }) => {\n\n return (\n <div className={styles.wrapper}>\n <div className='ktl-container'>\n {topTitle && <div className={styles.topTitle}>\n <div className='ktl-text-2 ktl-text-2_theme_dark'>\n {topTitle}\n </div>\n </div>}\n <div className={styles.mainTitle}>\n <h2 className='ktl-hero ktl-hero_theme_dark'>\n {mainTitle}\n </h2>\n </div>\n {content &&\n <div className={styles.content}>\n {content}\n </div>\n }\n <div>\n </div>\n {buttons &&\n <div className={styles.buttons}>\n {buttons}\n </div>\n }\n </div>\n </div>\n );\n};","// extracted by mini-css-extract-plugin\nexport const wrapper = \"ktl-cta-block-module_wrapper_15k8I\";\nexport const topTitle = \"ktl-cta-block-module_top-title_3GPYq\";\nexport const mainTitle = \"ktl-cta-block-module_main-title_3Vu7x\";\nexport const content = \"ktl-cta-block-module_content_3Iph6\";\nexport const buttons = \"ktl-cta-block-module_buttons_1FFW3\";"],"names":["f","g","Symbol","for","h","m","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","n","Object","prototype","hasOwnProperty","p","key","ref","__self","__source","q","c","a","k","b","d","e","l","call","defaultProps","$$typeof","type","props","_owner","current","exports","jsx","jsxs","module","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","definition","o","defineProperty","enumerable","get","obj","prop","r","toStringTag","value","CtaBlock","topTitle","mainTitle","content","buttons","className"],"sourceRoot":""}
|
package/dist/grid.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--ktl-grid-container-width-desktop:1480px;--ktl-grid-container-width-tablet:960px;--ktl-grid-container-width-mobile:100%;--ktl-grid-gutter:32px;--ktl-grid-gutter-half:calc(var(--ktl-grid-gutter) / 2);--ktl-grid-gutter-mobile:16px;--ktl-grid-gutter-mobile-half:calc(var(--ktl-grid-gutter-mobile) / 2);--ktl-grid-elements:12;--ktl-grid-col-size:calc(100% / var(--ktl-grid-elements))}.ktl-container{margin:0 auto;max-width:var(--ktl-grid-container-width-mobile)}@media (min-width:1200px){.ktl-container{max-width:var(--ktl-grid-container-width-desktop)}}.ktl-container-fluid{max-width:none}.ktl-row{display:flex;margin-left:calc(-1*var(--ktl-grid-gutter-half));margin-right:calc(-1*var(--ktl-grid-gutter-half));flex-wrap:wrap;flex-direction:row}.ktl-row--reverse{flex-direction:row-reverse}@media (max-width:767px){.ktl-row{margin-left:calc(-1*var(--ktl-grid-gutter-mobile-half));margin-right:calc(-1*var(--ktl-grid-gutter-mobile-half))}}.ktl-col{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*);max-width:calc(var(--ktl-grid-col-size)*)}@media (max-width:767px){.ktl-col{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col{flex-grow:1;flex-basis:0;max-width:100%}.ktl-col-1{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*1);max-width:calc(var(--ktl-grid-col-size)*1)}@media (max-width:767px){.ktl-col-1{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-1{margin-left:calc(var(--ktl-grid-col-size)*1)}.ktl-col-2{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*2);max-width:calc(var(--ktl-grid-col-size)*2)}@media (max-width:767px){.ktl-col-2{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-2{margin-left:calc(var(--ktl-grid-col-size)*2)}.ktl-col-3{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*3);max-width:calc(var(--ktl-grid-col-size)*3)}@media (max-width:767px){.ktl-col-3{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-3{margin-left:calc(var(--ktl-grid-col-size)*3)}.ktl-col-4{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*4);max-width:calc(var(--ktl-grid-col-size)*4)}@media (max-width:767px){.ktl-col-4{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-4{margin-left:calc(var(--ktl-grid-col-size)*4)}.ktl-col-5{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*5);max-width:calc(var(--ktl-grid-col-size)*5)}@media (max-width:767px){.ktl-col-5{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-5{margin-left:calc(var(--ktl-grid-col-size)*5)}.ktl-col-6{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*6);max-width:calc(var(--ktl-grid-col-size)*6)}@media (max-width:767px){.ktl-col-6{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-6{margin-left:calc(var(--ktl-grid-col-size)*6)}.ktl-col-7{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*7);max-width:calc(var(--ktl-grid-col-size)*7)}@media (max-width:767px){.ktl-col-7{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-7{margin-left:calc(var(--ktl-grid-col-size)*7)}.ktl-col-8{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*8);max-width:calc(var(--ktl-grid-col-size)*8)}@media (max-width:767px){.ktl-col-8{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-8{margin-left:calc(var(--ktl-grid-col-size)*8)}.ktl-col-9{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*9);max-width:calc(var(--ktl-grid-col-size)*9)}@media (max-width:767px){.ktl-col-9{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-9{margin-left:calc(var(--ktl-grid-col-size)*9)}.ktl-col-10{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*10);max-width:calc(var(--ktl-grid-col-size)*10)}@media (max-width:767px){.ktl-col-10{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-10{margin-left:calc(var(--ktl-grid-col-size)*10)}.ktl-col-11{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*11);max-width:calc(var(--ktl-grid-col-size)*11)}@media (max-width:767px){.ktl-col-11{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-11{margin-left:calc(var(--ktl-grid-col-size)*11)}.ktl-col-12{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*12);max-width:calc(var(--ktl-grid-col-size)*12)}@media (max-width:767px){.ktl-col-12{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-12{margin-left:calc(var(--ktl-grid-col-size)*12)}@media (min-width:768px){.ktl-col-sm{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*);max-width:calc(var(--ktl-grid-col-size)*)}@media (max-width:767px){.ktl-col-sm{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm{flex-grow:1;flex-basis:0;max-width:100%}.ktl-col-sm-1{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*1);max-width:calc(var(--ktl-grid-col-size)*1)}@media (max-width:767px){.ktl-col-sm-1{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-1{margin-left:calc(var(--ktl-grid-col-size)*1)}.ktl-col-sm-2{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*2);max-width:calc(var(--ktl-grid-col-size)*2)}@media (max-width:767px){.ktl-col-sm-2{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-2{margin-left:calc(var(--ktl-grid-col-size)*2)}.ktl-col-sm-3{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*3);max-width:calc(var(--ktl-grid-col-size)*3)}@media (max-width:767px){.ktl-col-sm-3{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-3{margin-left:calc(var(--ktl-grid-col-size)*3)}.ktl-col-sm-4{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*4);max-width:calc(var(--ktl-grid-col-size)*4)}@media (max-width:767px){.ktl-col-sm-4{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-4{margin-left:calc(var(--ktl-grid-col-size)*4)}.ktl-col-sm-5{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*5);max-width:calc(var(--ktl-grid-col-size)*5)}@media (max-width:767px){.ktl-col-sm-5{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-5{margin-left:calc(var(--ktl-grid-col-size)*5)}.ktl-col-sm-6{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*6);max-width:calc(var(--ktl-grid-col-size)*6)}@media (max-width:767px){.ktl-col-sm-6{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-6{margin-left:calc(var(--ktl-grid-col-size)*6)}.ktl-col-sm-7{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*7);max-width:calc(var(--ktl-grid-col-size)*7)}@media (max-width:767px){.ktl-col-sm-7{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-7{margin-left:calc(var(--ktl-grid-col-size)*7)}.ktl-col-sm-8{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*8);max-width:calc(var(--ktl-grid-col-size)*8)}@media (max-width:767px){.ktl-col-sm-8{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-8{margin-left:calc(var(--ktl-grid-col-size)*8)}.ktl-col-sm-9{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*9);max-width:calc(var(--ktl-grid-col-size)*9)}@media (max-width:767px){.ktl-col-sm-9{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-9{margin-left:calc(var(--ktl-grid-col-size)*9)}.ktl-col-sm-10{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*10);max-width:calc(var(--ktl-grid-col-size)*10)}@media (max-width:767px){.ktl-col-sm-10{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-10{margin-left:calc(var(--ktl-grid-col-size)*10)}.ktl-col-sm-11{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*11);max-width:calc(var(--ktl-grid-col-size)*11)}@media (max-width:767px){.ktl-col-sm-11{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-11{margin-left:calc(var(--ktl-grid-col-size)*11)}.ktl-col-sm-12{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*12);max-width:calc(var(--ktl-grid-col-size)*12)}@media (max-width:767px){.ktl-col-sm-12{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-12{margin-left:calc(var(--ktl-grid-col-size)*12)}}@media (min-width:1024px){.ktl-col-md{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*);max-width:calc(var(--ktl-grid-col-size)*)}@media (max-width:767px){.ktl-col-md{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md{flex-grow:1;flex-basis:0;max-width:100%}.ktl-col-md-1{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*1);max-width:calc(var(--ktl-grid-col-size)*1)}@media (max-width:767px){.ktl-col-md-1{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-1{margin-left:calc(var(--ktl-grid-col-size)*1)}.ktl-col-md-2{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*2);max-width:calc(var(--ktl-grid-col-size)*2)}@media (max-width:767px){.ktl-col-md-2{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-2{margin-left:calc(var(--ktl-grid-col-size)*2)}.ktl-col-md-3{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*3);max-width:calc(var(--ktl-grid-col-size)*3)}@media (max-width:767px){.ktl-col-md-3{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-3{margin-left:calc(var(--ktl-grid-col-size)*3)}.ktl-col-md-4{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*4);max-width:calc(var(--ktl-grid-col-size)*4)}@media (max-width:767px){.ktl-col-md-4{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-4{margin-left:calc(var(--ktl-grid-col-size)*4)}.ktl-col-md-5{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*5);max-width:calc(var(--ktl-grid-col-size)*5)}@media (max-width:767px){.ktl-col-md-5{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-5{margin-left:calc(var(--ktl-grid-col-size)*5)}.ktl-col-md-6{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*6);max-width:calc(var(--ktl-grid-col-size)*6)}@media (max-width:767px){.ktl-col-md-6{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-6{margin-left:calc(var(--ktl-grid-col-size)*6)}.ktl-col-md-7{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*7);max-width:calc(var(--ktl-grid-col-size)*7)}@media (max-width:767px){.ktl-col-md-7{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-7{margin-left:calc(var(--ktl-grid-col-size)*7)}.ktl-col-md-8{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*8);max-width:calc(var(--ktl-grid-col-size)*8)}@media (max-width:767px){.ktl-col-md-8{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-8{margin-left:calc(var(--ktl-grid-col-size)*8)}.ktl-col-md-9{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*9);max-width:calc(var(--ktl-grid-col-size)*9)}@media (max-width:767px){.ktl-col-md-9{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-9{margin-left:calc(var(--ktl-grid-col-size)*9)}.ktl-col-md-10{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*10);max-width:calc(var(--ktl-grid-col-size)*10)}@media (max-width:767px){.ktl-col-md-10{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-10{margin-left:calc(var(--ktl-grid-col-size)*10)}.ktl-col-md-11{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*11);max-width:calc(var(--ktl-grid-col-size)*11)}@media (max-width:767px){.ktl-col-md-11{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-11{margin-left:calc(var(--ktl-grid-col-size)*11)}.ktl-col-md-12{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*12);max-width:calc(var(--ktl-grid-col-size)*12)}@media (max-width:767px){.ktl-col-md-12{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-12{margin-left:calc(var(--ktl-grid-col-size)*12)}}@media (min-width:1200px){.ktl-col-lg{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*);max-width:calc(var(--ktl-grid-col-size)*)}@media (max-width:767px){.ktl-col-lg{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg{flex-grow:1;flex-basis:0;max-width:100%}.ktl-col-lg-1{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*1);max-width:calc(var(--ktl-grid-col-size)*1)}@media (max-width:767px){.ktl-col-lg-1{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-1{margin-left:calc(var(--ktl-grid-col-size)*1)}.ktl-col-lg-2{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*2);max-width:calc(var(--ktl-grid-col-size)*2)}@media (max-width:767px){.ktl-col-lg-2{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-2{margin-left:calc(var(--ktl-grid-col-size)*2)}.ktl-col-lg-3{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*3);max-width:calc(var(--ktl-grid-col-size)*3)}@media (max-width:767px){.ktl-col-lg-3{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-3{margin-left:calc(var(--ktl-grid-col-size)*3)}.ktl-col-lg-4{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*4);max-width:calc(var(--ktl-grid-col-size)*4)}@media (max-width:767px){.ktl-col-lg-4{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-4{margin-left:calc(var(--ktl-grid-col-size)*4)}.ktl-col-lg-5{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*5);max-width:calc(var(--ktl-grid-col-size)*5)}@media (max-width:767px){.ktl-col-lg-5{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-5{margin-left:calc(var(--ktl-grid-col-size)*5)}.ktl-col-lg-6{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*6);max-width:calc(var(--ktl-grid-col-size)*6)}@media (max-width:767px){.ktl-col-lg-6{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-6{margin-left:calc(var(--ktl-grid-col-size)*6)}.ktl-col-lg-7{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*7);max-width:calc(var(--ktl-grid-col-size)*7)}@media (max-width:767px){.ktl-col-lg-7{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-7{margin-left:calc(var(--ktl-grid-col-size)*7)}.ktl-col-lg-8{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*8);max-width:calc(var(--ktl-grid-col-size)*8)}@media (max-width:767px){.ktl-col-lg-8{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-8{margin-left:calc(var(--ktl-grid-col-size)*8)}.ktl-col-lg-9{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*9);max-width:calc(var(--ktl-grid-col-size)*9)}@media (max-width:767px){.ktl-col-lg-9{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-9{margin-left:calc(var(--ktl-grid-col-size)*9)}.ktl-col-lg-10{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*10);max-width:calc(var(--ktl-grid-col-size)*10)}@media (max-width:767px){.ktl-col-lg-10{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-10{margin-left:calc(var(--ktl-grid-col-size)*10)}.ktl-col-lg-11{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*11);max-width:calc(var(--ktl-grid-col-size)*11)}@media (max-width:767px){.ktl-col-lg-11{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-11{margin-left:calc(var(--ktl-grid-col-size)*11)}.ktl-col-lg-12{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*12);max-width:calc(var(--ktl-grid-col-size)*12)}@media (max-width:767px){.ktl-col-lg-12{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-12{margin-left:calc(var(--ktl-grid-col-size)*12)}}
|
|
1
|
+
:root{--ktl-grid-container-width-desktop:1480px;--ktl-grid-container-width-tablet:960px;--ktl-grid-container-width-mobile:100%;--ktl-grid-gutter:32px;--ktl-grid-gutter-half:calc(var(--ktl-grid-gutter) / 2);--ktl-grid-gutter-mobile:16px;--ktl-grid-gutter-mobile-half:calc(var(--ktl-grid-gutter-mobile) / 2);--ktl-grid-elements:12;--ktl-grid-col-size:calc(100% / var(--ktl-grid-elements))}.ktl-container{margin:0 auto;max-width:var(--ktl-grid-container-width-mobile)}@media (min-width:1200px){.ktl-container{max-width:var(--ktl-grid-container-width-desktop)}}.ktl-container-fluid{max-width:none}.ktl-row{display:flex;margin-left:calc(-1*var(--ktl-grid-gutter-half));margin-right:calc(-1*var(--ktl-grid-gutter-half));flex-wrap:wrap;flex-direction:row}.ktl-row--reverse{flex-direction:row-reverse}@media (max-width:767px){.ktl-row{margin-left:calc(-1*var(--ktl-grid-gutter-mobile-half));margin-right:calc(-1*var(--ktl-grid-gutter-mobile-half))}}.ktl-offset-top-xs{margin-top:8px}.ktl-offset-top-s{margin-top:16px}.ktl-offset-top-m{margin-top:32px}@media (max-width:767px){.ktl-offset-top-m{margin-top:16px}}.ktl-offset-top-l{margin-top:48px}@media (max-width:767px){.ktl-offset-top-l{margin-top:32px}}.ktl-offset-top-xl{margin-top:64px}@media (max-width:767px){.ktl-offset-top-xl{margin-top:48px}}.ktl-offset-top-xxl{margin-top:96px}@media (max-width:767px){.ktl-offset-top-xxl{margin-top:64px}}.ktl-offset-bottom-xs{margin-bottom:8px}.ktl-offset-bottom-s{margin-bottom:16px}.ktl-offset-bottom-m{margin-bottom:32px}@media (max-width:767px){.ktl-offset-bottom-m{margin-bottom:16px}}.ktl-offset-bottom-l{margin-bottom:48px}@media (max-width:767px){.ktl-offset-bottom-l{margin-bottom:32px}}.ktl-offset-bottom-xl{margin-bottom:64px}@media (max-width:767px){.ktl-offset-bottom-xl{margin-bottom:48px}}.ktl-offset-bottom-xxl{margin-bottom:96px}@media (max-width:767px){.ktl-offset-bottom-xxl{margin-bottom:64px}}.ktl-col{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*);max-width:calc(var(--ktl-grid-col-size)*)}@media (max-width:767px){.ktl-col{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col{flex-grow:1;flex-basis:0;max-width:100%}.ktl-col-1{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*1);max-width:calc(var(--ktl-grid-col-size)*1)}@media (max-width:767px){.ktl-col-1{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-1{margin-left:calc(var(--ktl-grid-col-size)*1)}.ktl-col-2{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*2);max-width:calc(var(--ktl-grid-col-size)*2)}@media (max-width:767px){.ktl-col-2{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-2{margin-left:calc(var(--ktl-grid-col-size)*2)}.ktl-col-3{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*3);max-width:calc(var(--ktl-grid-col-size)*3)}@media (max-width:767px){.ktl-col-3{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-3{margin-left:calc(var(--ktl-grid-col-size)*3)}.ktl-col-4{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*4);max-width:calc(var(--ktl-grid-col-size)*4)}@media (max-width:767px){.ktl-col-4{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-4{margin-left:calc(var(--ktl-grid-col-size)*4)}.ktl-col-5{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*5);max-width:calc(var(--ktl-grid-col-size)*5)}@media (max-width:767px){.ktl-col-5{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-5{margin-left:calc(var(--ktl-grid-col-size)*5)}.ktl-col-6{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*6);max-width:calc(var(--ktl-grid-col-size)*6)}@media (max-width:767px){.ktl-col-6{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-6{margin-left:calc(var(--ktl-grid-col-size)*6)}.ktl-col-7{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*7);max-width:calc(var(--ktl-grid-col-size)*7)}@media (max-width:767px){.ktl-col-7{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-7{margin-left:calc(var(--ktl-grid-col-size)*7)}.ktl-col-8{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*8);max-width:calc(var(--ktl-grid-col-size)*8)}@media (max-width:767px){.ktl-col-8{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-8{margin-left:calc(var(--ktl-grid-col-size)*8)}.ktl-col-9{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*9);max-width:calc(var(--ktl-grid-col-size)*9)}@media (max-width:767px){.ktl-col-9{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-9{margin-left:calc(var(--ktl-grid-col-size)*9)}.ktl-col-10{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*10);max-width:calc(var(--ktl-grid-col-size)*10)}@media (max-width:767px){.ktl-col-10{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-10{margin-left:calc(var(--ktl-grid-col-size)*10)}.ktl-col-11{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*11);max-width:calc(var(--ktl-grid-col-size)*11)}@media (max-width:767px){.ktl-col-11{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-11{margin-left:calc(var(--ktl-grid-col-size)*11)}.ktl-col-12{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*12);max-width:calc(var(--ktl-grid-col-size)*12)}@media (max-width:767px){.ktl-col-12{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-offset-12{margin-left:calc(var(--ktl-grid-col-size)*12)}@media (min-width:768px){.ktl-col-sm{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*);max-width:calc(var(--ktl-grid-col-size)*)}@media (max-width:767px){.ktl-col-sm{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm{flex-grow:1;flex-basis:0;max-width:100%}.ktl-col-sm-1{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*1);max-width:calc(var(--ktl-grid-col-size)*1)}@media (max-width:767px){.ktl-col-sm-1{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-1{margin-left:calc(var(--ktl-grid-col-size)*1)}.ktl-col-sm-2{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*2);max-width:calc(var(--ktl-grid-col-size)*2)}@media (max-width:767px){.ktl-col-sm-2{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-2{margin-left:calc(var(--ktl-grid-col-size)*2)}.ktl-col-sm-3{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*3);max-width:calc(var(--ktl-grid-col-size)*3)}@media (max-width:767px){.ktl-col-sm-3{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-3{margin-left:calc(var(--ktl-grid-col-size)*3)}.ktl-col-sm-4{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*4);max-width:calc(var(--ktl-grid-col-size)*4)}@media (max-width:767px){.ktl-col-sm-4{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-4{margin-left:calc(var(--ktl-grid-col-size)*4)}.ktl-col-sm-5{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*5);max-width:calc(var(--ktl-grid-col-size)*5)}@media (max-width:767px){.ktl-col-sm-5{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-5{margin-left:calc(var(--ktl-grid-col-size)*5)}.ktl-col-sm-6{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*6);max-width:calc(var(--ktl-grid-col-size)*6)}@media (max-width:767px){.ktl-col-sm-6{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-6{margin-left:calc(var(--ktl-grid-col-size)*6)}.ktl-col-sm-7{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*7);max-width:calc(var(--ktl-grid-col-size)*7)}@media (max-width:767px){.ktl-col-sm-7{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-7{margin-left:calc(var(--ktl-grid-col-size)*7)}.ktl-col-sm-8{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*8);max-width:calc(var(--ktl-grid-col-size)*8)}@media (max-width:767px){.ktl-col-sm-8{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-8{margin-left:calc(var(--ktl-grid-col-size)*8)}.ktl-col-sm-9{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*9);max-width:calc(var(--ktl-grid-col-size)*9)}@media (max-width:767px){.ktl-col-sm-9{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-9{margin-left:calc(var(--ktl-grid-col-size)*9)}.ktl-col-sm-10{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*10);max-width:calc(var(--ktl-grid-col-size)*10)}@media (max-width:767px){.ktl-col-sm-10{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-10{margin-left:calc(var(--ktl-grid-col-size)*10)}.ktl-col-sm-11{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*11);max-width:calc(var(--ktl-grid-col-size)*11)}@media (max-width:767px){.ktl-col-sm-11{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-11{margin-left:calc(var(--ktl-grid-col-size)*11)}.ktl-col-sm-12{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*12);max-width:calc(var(--ktl-grid-col-size)*12)}@media (max-width:767px){.ktl-col-sm-12{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-sm-offset-12{margin-left:calc(var(--ktl-grid-col-size)*12)}}@media (min-width:1024px){.ktl-col-md{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*);max-width:calc(var(--ktl-grid-col-size)*)}@media (max-width:767px){.ktl-col-md{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md{flex-grow:1;flex-basis:0;max-width:100%}.ktl-col-md-1{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*1);max-width:calc(var(--ktl-grid-col-size)*1)}@media (max-width:767px){.ktl-col-md-1{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-1{margin-left:calc(var(--ktl-grid-col-size)*1)}.ktl-col-md-2{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*2);max-width:calc(var(--ktl-grid-col-size)*2)}@media (max-width:767px){.ktl-col-md-2{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-2{margin-left:calc(var(--ktl-grid-col-size)*2)}.ktl-col-md-3{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*3);max-width:calc(var(--ktl-grid-col-size)*3)}@media (max-width:767px){.ktl-col-md-3{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-3{margin-left:calc(var(--ktl-grid-col-size)*3)}.ktl-col-md-4{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*4);max-width:calc(var(--ktl-grid-col-size)*4)}@media (max-width:767px){.ktl-col-md-4{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-4{margin-left:calc(var(--ktl-grid-col-size)*4)}.ktl-col-md-5{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*5);max-width:calc(var(--ktl-grid-col-size)*5)}@media (max-width:767px){.ktl-col-md-5{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-5{margin-left:calc(var(--ktl-grid-col-size)*5)}.ktl-col-md-6{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*6);max-width:calc(var(--ktl-grid-col-size)*6)}@media (max-width:767px){.ktl-col-md-6{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-6{margin-left:calc(var(--ktl-grid-col-size)*6)}.ktl-col-md-7{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*7);max-width:calc(var(--ktl-grid-col-size)*7)}@media (max-width:767px){.ktl-col-md-7{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-7{margin-left:calc(var(--ktl-grid-col-size)*7)}.ktl-col-md-8{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*8);max-width:calc(var(--ktl-grid-col-size)*8)}@media (max-width:767px){.ktl-col-md-8{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-8{margin-left:calc(var(--ktl-grid-col-size)*8)}.ktl-col-md-9{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*9);max-width:calc(var(--ktl-grid-col-size)*9)}@media (max-width:767px){.ktl-col-md-9{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-9{margin-left:calc(var(--ktl-grid-col-size)*9)}.ktl-col-md-10{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*10);max-width:calc(var(--ktl-grid-col-size)*10)}@media (max-width:767px){.ktl-col-md-10{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-10{margin-left:calc(var(--ktl-grid-col-size)*10)}.ktl-col-md-11{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*11);max-width:calc(var(--ktl-grid-col-size)*11)}@media (max-width:767px){.ktl-col-md-11{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-11{margin-left:calc(var(--ktl-grid-col-size)*11)}.ktl-col-md-12{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*12);max-width:calc(var(--ktl-grid-col-size)*12)}@media (max-width:767px){.ktl-col-md-12{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-md-offset-12{margin-left:calc(var(--ktl-grid-col-size)*12)}}@media (min-width:1200px){.ktl-col-lg{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*);max-width:calc(var(--ktl-grid-col-size)*)}@media (max-width:767px){.ktl-col-lg{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg{flex-grow:1;flex-basis:0;max-width:100%}.ktl-col-lg-1{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*1);max-width:calc(var(--ktl-grid-col-size)*1)}@media (max-width:767px){.ktl-col-lg-1{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-1{margin-left:calc(var(--ktl-grid-col-size)*1)}.ktl-col-lg-2{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*2);max-width:calc(var(--ktl-grid-col-size)*2)}@media (max-width:767px){.ktl-col-lg-2{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-2{margin-left:calc(var(--ktl-grid-col-size)*2)}.ktl-col-lg-3{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*3);max-width:calc(var(--ktl-grid-col-size)*3)}@media (max-width:767px){.ktl-col-lg-3{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-3{margin-left:calc(var(--ktl-grid-col-size)*3)}.ktl-col-lg-4{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*4);max-width:calc(var(--ktl-grid-col-size)*4)}@media (max-width:767px){.ktl-col-lg-4{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-4{margin-left:calc(var(--ktl-grid-col-size)*4)}.ktl-col-lg-5{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*5);max-width:calc(var(--ktl-grid-col-size)*5)}@media (max-width:767px){.ktl-col-lg-5{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-5{margin-left:calc(var(--ktl-grid-col-size)*5)}.ktl-col-lg-6{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*6);max-width:calc(var(--ktl-grid-col-size)*6)}@media (max-width:767px){.ktl-col-lg-6{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-6{margin-left:calc(var(--ktl-grid-col-size)*6)}.ktl-col-lg-7{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*7);max-width:calc(var(--ktl-grid-col-size)*7)}@media (max-width:767px){.ktl-col-lg-7{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-7{margin-left:calc(var(--ktl-grid-col-size)*7)}.ktl-col-lg-8{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*8);max-width:calc(var(--ktl-grid-col-size)*8)}@media (max-width:767px){.ktl-col-lg-8{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-8{margin-left:calc(var(--ktl-grid-col-size)*8)}.ktl-col-lg-9{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*9);max-width:calc(var(--ktl-grid-col-size)*9)}@media (max-width:767px){.ktl-col-lg-9{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-9{margin-left:calc(var(--ktl-grid-col-size)*9)}.ktl-col-lg-10{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*10);max-width:calc(var(--ktl-grid-col-size)*10)}@media (max-width:767px){.ktl-col-lg-10{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-10{margin-left:calc(var(--ktl-grid-col-size)*10)}.ktl-col-lg-11{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*11);max-width:calc(var(--ktl-grid-col-size)*11)}@media (max-width:767px){.ktl-col-lg-11{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-11{margin-left:calc(var(--ktl-grid-col-size)*11)}.ktl-col-lg-12{box-sizing:border-box;flex:0 0 auto;padding-right:var(--ktl-grid-gutter-half);padding-left:var(--ktl-grid-gutter-half);flex-basis:calc(var(--ktl-grid-col-size)*12);max-width:calc(var(--ktl-grid-col-size)*12)}@media (max-width:767px){.ktl-col-lg-12{padding-right:var(--ktl-grid-gutter-mobile-half);padding-left:var(--ktl-grid-gutter-mobile-half)}}.ktl-col-lg-offset-12{margin-left:calc(var(--ktl-grid-col-size)*12)}}
|
|
2
2
|
/*# sourceMappingURL=grid.css.map*/
|
package/dist/grid.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/grid/style.pcss","webpack://@jetbrains/kotlin-web-site-ui/<no source>"],"names":[],"mappings":"AAAA,K,CACI,yC,CACA,uC,CACA,sC,CACA,sB,CACA,uD,CACA,6B,CACA,qE,CACA,sB,CACA,yD,CAIA,c,CACI,a,CACA,gD,CAEA,0BAJJ,c,CAKQ,mDAIR,oB,CACI,c,CAGJ,Q,CACI,Y,CACA,gD,CACA,iD,CACA,c,CACA,kB,CAEA,iB,CACI,0B,CAGJ,yBAXJ,Q,CAYQ,uD,CACA,
|
|
1
|
+
{"version":3,"sources":["webpack://@jetbrains/kotlin-web-site-ui/./src/components/grid/style.pcss","webpack://@jetbrains/kotlin-web-site-ui/<no source>"],"names":[],"mappings":"AAAA,K,CACI,yC,CACA,uC,CACA,sC,CACA,sB,CACA,uD,CACA,6B,CACA,qE,CACA,sB,CACA,yD,CAIA,c,CACI,a,CACA,gD,CAEA,0BAJJ,c,CAKQ,mDAIR,oB,CACI,c,CAGJ,Q,CACI,Y,CACA,gD,CACA,iD,CACA,c,CACA,kB,CAEA,iB,CACI,0B,CAGJ,yBAXJ,Q,CAYQ,uD,CACA,0DAIR,kB,CACI,c,CAGJ,iB,CACI,e,CAGJ,iB,CACI,e,CACA,yBAFJ,iB,CAGQ,iBAIR,iB,CACI,e,CACA,yBAFJ,iB,CAGQ,iBAIR,kB,CACI,e,CACA,yBAFJ,kB,CAGQ,iBAIR,mB,CACI,e,CACA,yBAFJ,mB,CAGQ,iBAIR,qB,CACI,iB,CAGJ,oB,CACI,kB,CAGJ,oB,CACI,kB,CACA,yBAFJ,oB,CAGQ,oBAIR,oB,CACI,kB,CACA,yBAFJ,oB,CAGQ,oBAIR,qB,CACI,kB,CACA,yBAFJ,qB,CAGQ,oBAIR,sB,CACI,kB,CACA,yBAFJ,sB,CAGQ,oBAoBR,Q,CAdA,qB,CACA,a,CACA,yC,CACA,wC,CACA,0C,CACA,yC,CAEC,yBAOD,Q,CANI,gD,CACA,iDC9HR,Q,CDqIQ,W,CACA,Y,CACA,c,CAIA,U,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,U,CAdA,gD,CACA,iDAiBA,iB,CACI,4C,CALJ,U,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,U,CAdA,gD,CACA,iDAiBA,iB,CACI,4C,CALJ,U,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,U,CAdA,gD,CACA,iDAiBA,iB,CACI,4C,CALJ,U,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,U,CAdA,gD,CACA,iDAiBA,iB,CACI,4C,CALJ,U,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,U,CAdA,gD,CACA,iDAiBA,iB,CACI,4C,CALJ,U,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,U,CAdA,gD,CACA,iDAiBA,iB,CACI,4C,CALJ,U,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,U,CAdA,gD,CACA,iDAiBA,iB,CACI,4C,CALJ,U,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,U,CAdA,gD,CACA,iDAiBA,iB,CACI,4C,CALJ,U,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,U,CAdA,gD,CACA,iDAiBA,iB,CACI,4C,CALJ,W,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,W,CAdA,gD,CACA,iDAiBA,kB,CACI,6C,CALJ,W,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,W,CAdA,gD,CACA,iDAiBA,kB,CACI,6C,CALJ,W,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,W,CAdA,gD,CACA,iDAiBA,kB,CACI,6C,CAOZ,yBApBI,W,CAdA,qB,CACA,a,CACA,yC,CACA,wC,CACA,0C,CACA,yC,CAEC,yBAOD,W,CANI,gD,CACA,iDC9HR,W,CDqIQ,W,CACA,Y,CACA,c,CAIA,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,c,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,c,CAdA,gD,CACA,iDAiBA,qB,CACI,6C,CALJ,c,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,c,CAdA,gD,CACA,iDAiBA,qB,CACI,6C,CALJ,c,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,c,CAdA,gD,CACA,iDAiBA,qB,CACI,+C,0BAbR,W,CAdA,qB,CACA,a,CACA,yC,CACA,wC,CACA,0C,CACA,yC,CAEC,yBAOD,W,CANI,gD,CACA,iDC9HR,W,CDqIQ,W,CACA,Y,CACA,c,CAIA,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,c,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,c,CAdA,gD,CACA,iDAiBA,qB,CACI,6C,CALJ,c,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,c,CAdA,gD,CACA,iDAiBA,qB,CACI,6C,CALJ,c,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,c,CAdA,gD,CACA,iDAiBA,qB,CACI,+C,0BAbR,W,CAdA,qB,CACA,a,CACA,yC,CACA,wC,CACA,0C,CACA,yC,CAEC,yBAOD,W,CANI,gD,CACA,iDC9HR,W,CDqIQ,W,CACA,Y,CACA,c,CAIA,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,a,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,2C,CACA,0C,CAEC,yBAeG,a,CAdA,gD,CACA,iDAiBA,oB,CACI,4C,CALJ,c,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,c,CAdA,gD,CACA,iDAiBA,qB,CACI,6C,CALJ,c,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,c,CAdA,gD,CACA,iDAiBA,qB,CACI,6C,CALJ,c,CAtBJ,qB,CACA,a,CACA,yC,CACA,wC,CACA,4C,CACA,2C,CAEC,yBAeG,c,CAdA,gD,CACA,iDAiBA,qB,CACI","file":"grid.css","sourcesContent":[":root {\n --ktl-grid-container-width-desktop: 1480px;\n --ktl-grid-container-width-tablet: 960px;\n --ktl-grid-container-width-mobile: 100%;\n --ktl-grid-gutter: 32px;\n --ktl-grid-gutter-half: calc(var(--ktl-grid-gutter) / 2);\n --ktl-grid-gutter-mobile: 16px;\n --ktl-grid-gutter-mobile-half: calc(var(--ktl-grid-gutter-mobile) / 2);\n --ktl-grid-elements: 12;\n --ktl-grid-col-size: calc(100% / var(--ktl-grid-elements));\n}\n\n:global {\n .ktl-container {\n margin: 0 auto;\n max-width: var(--ktl-grid-container-width-mobile);\n\n @media (--ktl-lg) {\n max-width: var(--ktl-grid-container-width-desktop);\n }\n }\n\n .ktl-container-fluid {\n max-width: none;\n }\n\n .ktl-row {\n display: flex;\n margin-left: calc(-1 * var(--ktl-grid-gutter-half));\n margin-right: calc(-1 * var(--ktl-grid-gutter-half));\n flex-wrap: wrap;\n flex-direction: row;\n\n &--reverse {\n flex-direction: row-reverse;\n }\n\n @media (--ktl-xs) {\n margin-left: calc(-1 * var(--ktl-grid-gutter-mobile-half));\n margin-right: calc(-1 * var(--ktl-grid-gutter-mobile-half));\n }\n }\n\n .ktl-offset-top-xs {\n margin-top: 8px;\n }\n\n .ktl-offset-top-s {\n margin-top: 16px;\n }\n\n .ktl-offset-top-m {\n margin-top: 32px;\n @media (--ktl-xs) {\n margin-top: 16px;\n }\n }\n\n .ktl-offset-top-l {\n margin-top: 48px;\n @media (--ktl-xs) {\n margin-top: 32px;\n }\n }\n\n .ktl-offset-top-xl {\n margin-top: 64px;\n @media (--ktl-xs) {\n margin-top: 48px;\n }\n }\n\n .ktl-offset-top-xxl {\n margin-top: 96px;\n @media (--ktl-xs) {\n margin-top: 64px;\n }\n }\n\n .ktl-offset-bottom-xs {\n margin-bottom: 8px;\n }\n\n .ktl-offset-bottom-s {\n margin-bottom: 16px;\n }\n\n .ktl-offset-bottom-m {\n margin-bottom: 32px;\n @media (--ktl-xs) {\n margin-bottom: 16px;\n }\n }\n\n .ktl-offset-bottom-l {\n margin-bottom: 48px;\n @media (--ktl-xs) {\n margin-bottom: 32px;\n }\n }\n\n .ktl-offset-bottom-xl {\n margin-bottom: 64px;\n @media (--ktl-xs) {\n margin-bottom: 48px;\n }\n }\n\n .ktl-offset-bottom-xxl {\n margin-bottom: 96px;\n @media (--ktl-xs) {\n margin-bottom: 64px;\n }\n }\n}\n\n@define-mixin col-base $size {\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: var(--ktl-grid-gutter-half);\n padding-left: var(--ktl-grid-gutter-half);\n flex-basis: calc(var(--ktl-grid-col-size) * $size);\n max-width: calc(var(--ktl-grid-col-size) * $size);\n\n @media (--ktl-xs) {\n padding-right: var(--ktl-grid-gutter-mobile-half);\n padding-left: var(--ktl-grid-gutter-mobile-half);\n }\n}\n\n@define-mixin generate-cols $size {\n :global .ktl-$(size) {\n @mixin col-base;\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n }\n\n @for $i from 1 to 12 {\n :global .ktl-$(size)-$(i) {\n @mixin col-base $i;\n }\n\n :global .ktl-$(size)-offset-$(i) {\n margin-left: calc(var(--ktl-grid-col-size) * $i);\n }\n }\n}\n\n@mixin generate-cols col;\n\n@media (--ktl-sm) {\n @mixin generate-cols col-sm;\n}\n\n@media (--ktl-md) {\n @mixin generate-cols col-md;\n}\n\n@media (--ktl-lg) {\n @mixin generate-cols col-lg;\n}\n",null],"sourceRoot":""}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jetbrains/kotlin-web-site-ui",
|
|
3
3
|
"description": "UI components for Kotlin web sites development",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.6.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
7
7
|
"files": [
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
"@babel/preset-react": "^7.13.13",
|
|
34
34
|
"@babel/preset-typescript": "^7.13.0",
|
|
35
35
|
"@babel/register": "^7.11.5",
|
|
36
|
+
"@rescui/button": "^0.2.1",
|
|
36
37
|
"@rescui/typography": "0.0.1",
|
|
37
38
|
"@rescui/ui-contexts": "0.0.2",
|
|
38
39
|
"@storybook/addon-actions": "^6.2.8",
|