@font-face{
  font-family:"iqos";
  src:url("../../assets/fonts/iqos/IQOSW04-Bold.woff2") format("woff2"), url("../../assets/fonts/iqos/IQOSW04-Bold.woff") format("woff");
  font-weight:600;
  font-display:swap;
}
@font-face{
  font-family:"iqos";
  src:url("../../assets/fonts/iqos/IQOSW04-Light.woff2") format("woff2"), url("../../assets/fonts/iqos/IQOSW04-Light.woff") format("woff");
  font-weight:100;
  font-display:swap;
}
@font-face{
  font-family:"iqos";
  src:url("../../assets/fonts/iqos/IQOSW04-Regular.woff2") format("woff2"), url("../../assets/fonts/iqos/IQOSW04-Regular.woff") format("woff");
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"iqos-icons";
  src:url("../../assets/fonts/iqos-icons/iqos-icons.eot?9rb0eu");
  src:url("../../assets/fonts/iqos-icons/iqos-icons.eot?9rb0eu#iefix") format("embedded-opentype"), url("../../assets/fonts/iqos-icons/iqos-icons.ttf?9rb0eu") format("truetype"), url("../../assets/fonts/iqos-icons/iqos-icons.woff?9rb0eu") format("woff"), url("../../assets/fonts/iqos-icons/iqos-icons.svg?9rb0eu#icomoon") format("svg");
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Planer Regular";
  src:url("../../assets/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.woff") format("woff"), url("../../assets/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.ttf") format("truetype"), url("../../assets/fonts/NeoSansPanEu/NeoSansPanEu-Regular-v11.woff2") format("woff2");
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}
html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
}
article,
header,
section{
  display:block;
}
h1{
  font-size:2em;
  margin:0.67em 0;
}

figure,
main{
  display:block;
}
a{
  background-color:transparent;
  -webkit-text-decoration-skip:objects;
}
a:active,
a:hover{
  outline-width:0;
}

strong{
  font-weight:inherit;
}

strong{
  font-family:"iqos", "Helvetica Neue", sans-serif;
  font-weight:bold;
}
sub{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

video{
  display:inline-block;
}
img{
  border-style:none;
}
svg:not(:root){
  overflow:hidden;
}
button,
input{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  margin:0;
}
button,
input{
  overflow:visible;
}
button{
  text-transform:none;
}
button,
html [type=button]{
  -webkit-appearance:button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner{
  border-style:none;
  padding:0;
}

a:not(.btn):not(.ui_464917):not(.ui_517427):not(.ui_558574):active, a:not(.btn):not(.ui_464917):not(.ui_517427):not(.ui_558574):focus{
  outline:0;
  border:none;
  -moz-outline-style:none;
  box-shadow:none;
}

*,
*::before,
*::after{
  box-sizing:inherit;
}

html{
  box-sizing:border-box;
  font-size:20px;
  line-height:1.5;
  -webkit-tap-highlight-color:transparent;
  overflow-x:hidden;
}

body{
  background:#FFFDFB;
  color:#34303d;
  font-family:"iqos", "Helvetica Neue", sans-serif;
  font-size:0.8rem;
  text-rendering:optimizeLegibility;
}

a{
  color:#34303d;
  outline:none;
  text-decoration:none;
}
a:focus, a:hover, a:active, a.active{
  color:#1c1a20;
}
figure{
  margin:0;
}
h1,
h2,
h3,
h4,
h5,
h6{
  color:inherit;
  line-height:1.2;
  margin-bottom:0.5em;
  margin-top:0;
}

h1,
.h1{
  font-size:2rem;
}

h2,
.h2{
  font-size:1.6rem;
}

h3,
.h3{
  font-size:1.4rem;
}

h4,
.h4{
  font-size:1.2rem;
}

h5,
.h5{
  font-size:1rem;
}

h6,
.h6{
  font-size:0.8rem;
}

p{
  margin:0 0 1.2rem;
}

a,
u{
  -webkit-text-decoration-skip:ink edges;
  text-decoration-skip:ink edges;
}

a{
  text-decoration:none;
}

a:active, a:hover{
  outline-width:0;
}

ul{
  margin:0.8rem 0 0.8rem 0.8rem;
  padding:0;
}
ul ul{
  margin:0.8rem 0 0.8rem 0.8rem;
}
ul li{
  margin-top:0.4rem;
}

ul{
  list-style:disc inside;
}
ul ul{
  list-style-type:circle;
}

html:lang(zh),
html:lang(zh-Hans){
  font-family:"iqos", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;
}

html:lang(zh-Hant){
  font-family:"iqos", "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", "Helvetica Neue", sans-serif;
}

html:lang(ja){
  font-family:"iqos", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", sans-serif;
}

html:lang(ko){
  font-family:"iqos", "Malgun Gothic", "Helvetica Neue", sans-serif;
}


:lang(zh) u,
:lang(ja) u{
  border-bottom:0.05rem solid;
  text-decoration:none;
}

:lang(zh) s + s,
:lang(zh) u + u,
:lang(ja) s + s,
:lang(ja) u + u{
  margin-left:0.125em;
}

button{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

.label{
  border-radius:0.1rem;
  line-height:1.25;
  padding:0.1rem 0.2rem;
  background:#edecf0;
  color:#403b4b;
  display:inline-block;
}

.figure{
  margin:0 0 0.4rem 0;
}

[class~=col-]{
  flex:1;
  max-width:100%;
  padding-left:0.4rem;
  padding-right:0.4rem;
}

.card{
  background:#ffffff;
  border:0.05rem solid #dbd8e0;
  border-radius:0.1rem;
  display:flex;
  flex-direction:column;
}

.modal{
  align-items:center;
  bottom:0;
  display:none;
  justify-content:center;
  left:0;
  opacity:0;
  overflow:hidden;
  padding:1rem;
  position:fixed;
  right:0;
  top:0;
}
.modal:target, .modal.active{
  display:flex;
  opacity:1;
  z-index:400;
}

@keyframes loading{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}
@keyframes slide-down{
  0%{
    opacity:0;
    transform:translateY(-1.6rem);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}
@keyframes right-to-left{
  25%{
    left:0px;
    top:0px;
  }
  0%{
    left:200px;
    top:0px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6{
  color:inherit;
  line-height:1.2;
  margin-bottom:0.5em;
  margin-top:0;
}

h1,
.h1{
  font-size:2rem;
}

h2,
.h2{
  font-size:1.6rem;
}

h3,
.h3{
  font-size:1.4rem;
}

h4,
.h4{
  font-size:1.2rem;
}

h5,
.h5{
  font-size:1rem;
}

h6,
.h6{
  font-size:0.8rem;
}

p{
  margin:0 0 1.2rem;
}

a,
u{
  -webkit-text-decoration-skip:ink edges;
  text-decoration-skip:ink edges;
}

a{
  text-decoration:none;
}

a:active, a:hover{
  outline-width:0;
}

ul{
  margin:0.8rem 0 0.8rem 0.8rem;
  padding:0;
}
ul ul{
  margin:0.8rem 0 0.8rem 0.8rem;
}
ul li{
  margin-top:0.4rem;
}

ul{
  list-style:disc inside;
}
ul ul{
  list-style-type:circle;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
  -webkit-transition:background-color 5000s ease-in-out 0s;
  transition:background-color 5000s ease-in-out 0s;
}

.form-group{
  margin-bottom:1.2rem;
}

.form-label{
  display:flex;
  position:relative;
  flex-wrap:nowrap;
  align-items:center;
}
.form-label:not(.has-btn)::after{
  height:1.2rem;
  width:1.2rem;
  margin-right:0.6rem;
  flex-shrink:0;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  pointer-events:none;
}

.form-input{
  flex:1;
  width:100%;
  margin:0;
  background:none;
  border:none;
  color:#34303d;
  height:2.4rem;
  z-index:0;
  padding:0.6rem 1rem 0.6rem 0.8rem;
}
.form-label:not(.show-placeholder) .form-input ::-moz-placeholder{
  color:transparent;
}
.form-label:not(.show-placeholder) .form-input::-moz-placeholder{
  color:transparent;
}
.form-label:not(.show-placeholder) .form-input::placeholder{
  color:transparent;
}
.form-input:-webkit-autofill, .form-input:not(:placeholder-shown), .form-input:focus{
  outline:none;
}
.form-input:-webkit-autofill ~ .label-desc, .form-input:not(:placeholder-shown) ~ .label-desc, .form-input:focus ~ .label-desc{
  border-color:#34303d;
  color:#34303d;
}
.form-input:-webkit-autofill ~ .label-desc > span, .form-input:not(:placeholder-shown) ~ .label-desc > span, .form-input:focus ~ .label-desc > span{
  transform:translateY(-1.2rem);
  font-size:0.6rem;
  letter-spacing:0.4px;
  margin:0 -0.2rem;
  padding:0 0.2rem;
}
.form-input:focus ~ .label-desc{
  box-shadow:0 0 0 1px #34303d;
}
 .form-input:disabled{
  pointer-events:none;
  color:#b8b7bb;
  -webkit-text-fill-color:#b8b7bb;
}
 .form-input:disabled ~ .label-desc{
  border-color:#b8b7bb;
  color:#b8b7bb;
}

.label-desc{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding:0.45rem 1rem 0.6rem 0.8rem;
  border:1px solid #99979e;
  color:#7b7881;
  border-radius:3px;
  pointer-events:none;
  transition:0.3s border-color;
  z-index:2;
}
.label-desc > span{
  background:#FFFDFB;
  display:inline-block;
  margin:0;
  padding:0;
  font-size:0.8rem;
  letter-spacing:0;
  transform:translateY(0);
  transition:0.3s all;
  overflow:hidden;
  white-space:nowrap;
  max-width:100%;
  text-overflow:ellipsis;
  vertical-align:middle;
}
.label-desc *{
  pointer-events:none;
}

.btn{
  --box-shadow-color:transparent;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  color:#34303d;
  border-radius:1.8rem;
  cursor:pointer;
  display:inline-block;
  font-size:0.8rem;
  font-weight:400;
  line-height:1.2rem;
  outline:none;
  padding:0.6rem 1.7rem;
  box-shadow:inset 0 0 0 2px var(--box-shadow-color);
  text-align:center;
  text-decoration:none;
  transition:background 0.2s, box-shadow 0.3s ease-out, color 0.2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  vertical-align:middle;
  white-space:nowrap;
  letter-spacing:0.5px;
  overflow:hidden;
  position:relative;
  z-index:1;
  background:#FFFDFB;
  border:none;
  will-change:background, bos-shadow, color;
}
.btn:after{
  content:" ";
  position:absolute;
  top:50%;
  left:0;
  background:#00D1D2;
  width:120%;
  height:120%;
  z-index:-1;
  transition:transform 0.25s ease-out;
  transform:translate(-101%, -50%) skew(0deg);
  opacity:1;
}
.btn:focus, .btn:active, .btn:hover{
  text-decoration:none;
  transition:background 0.15s 0.2s, box-shadow 0.15s 0.25s ease-out, color 0.2s;
}
.btn:focus:after, .btn:active:after, .btn:hover:after{
  transform:translate(-10%, -50%) skew(-30deg);
  opacity:1;
}
.btn:disabled{
  box-shadow:none;
  background:#7b7881;
  color:#e1e0e2;
  pointer-events:none;
}
.btn:disabled:after{
  display:none;
}
.btn.btn-primary-dark{
  background:#34303d;
  color:#FFFDFB;
}
.btn.btn-primary-dark:focus, .btn.btn-primary-dark:active, .btn.btn-primary-dark:hover{
  color:#34303d;
  --box-shadow-color:transparent;
  background:transparent;
}
.btn.btn-primary-dark:disabled{
  color:#7b7881;
  background:#b8b7bb;
}
.btn.btn-primary-dark-alt:after{
  background:#FFFDFB;
}
.btn.btn-primary-dark-alt:focus, .btn.btn-primary-dark-alt:active, .btn.btn-primary-dark-alt:hover{
  --box-shadow-color:transparent;
}
.btn.btn-secondary-dark{
  --box-shadow-color:#34303d;
  background:transparent;
  color:#34303d;
  padding:0.6rem 1.7rem;
}
.btn.btn-secondary-dark:focus, .btn.btn-secondary-dark:hover, .btn.btn-secondary-dark:active{
  --box-shadow-color:transparent;
}
.btn.btn-secondary-dark:disabled{
  color:#7b7881;
  background:#b8b7bb;
}
 .btn:disabled{
  cursor:default;
  pointer-events:none;
}

.link{
  font-size:0.8rem;
  line-height:1.5;
  position:relative;
  border:none;
  padding:0 0 1px;
  outline:none;
  cursor:pointer;
  background-color:transparent;
  background-image:linear-gradient(to right, #00D1D2 50%, #34303d 50%);
  background-size:200% 1px;
  background-position:100% bottom;
  transition:background-position 0.5s ease-in-out;
  background-repeat:no-repeat;
}
@media (hover: hover){
  .link:hover{
    background-position:0% bottom;
  }
}
.link.alt{
  background-image:linear-gradient(to right, #FFFDFB 50%, #34303d 50%);
}
@media (hover: hover){
  .link.alt:hover{
    color:#FFFDFB;
  }
}
.link.light{
  color:#FFFDFB;
  background-image:linear-gradient(to right, #00D1D2 50%, #FFFDFB 50%);
}
.link.light.alt{
  background-image:linear-gradient(to right, #34303d 50%, #FFFDFB 50%);
}
.link.light.alt:hover{
  color:#FFFDFB;
}

.promo-variant-2{
  margin:0 0 56px 0;
}
@media (min-width: 960px){
  .promo-variant-2{
    margin:0 0 100px 0;
    padding:0 0 7.2rem 0;
  }
}
.promo-variant-2 .content-wrapper{
  margin:0 auto;
  display:flex;
  flex-direction:column;
  background:#00D1D2;
}
@media (min-width: 960px){
  .promo-variant-2 .content-wrapper{
    max-width:1440px;
    flex-direction:row;
    background:transparent;
    position:relative;
  }
  .promo-variant-2 .content-wrapper:before{
    background:#00D1D2;
    z-index:-1;
    content:" ";
    position:absolute;
    top:0;
    left:0;
    width:95.556%;
    height:100%;
  }
  .promo-variant-2 .content-wrapper:after{
    background:#00D1D2;
    z-index:-1;
    content:" ";
    position:absolute;
    top:0;
    right:50%;
    width:50vw;
    height:100%;
  }
}
.promo-variant-2 .text-wrapper{
  box-sizing:border-box;
  padding:2rem 8.5vw 2.75rem 8.5vw;
  overflow:hidden;
  position:relative;
  transform-origin:top left;
}
@media (min-width: 960px){
  .promo-variant-2 .text-wrapper{
    margin:0 0 0 10%;
    box-sizing:content-box;
    width:32.5%;
    padding:7.2rem 0 90px 0;
    min-height:400px;
  }
}
.promo-variant-2 .text-wrapper h6{
  font-size:0.7rem;
  line-height:1.14;
  display:inline-flex;
  align-items:center;
  font-weight:normal;
  margin:0 0 0.5rem 0;
}
.promo-variant-2 .text-wrapper h6 span:not(.badge){
  margin-right:0.3rem;
  letter-spacing:0.8px;
}
.promo-variant-2 .text-wrapper h2{
  font-family:"iqos", "Helvetica Neue", sans-serif;
  font-weight:bold;
  margin:0 0 1.2rem 0;
  line-height:1.25;
  font-size:1.6rem;
}
@media (min-width: 960px){
  .promo-variant-2 .text-wrapper h2{
    font-size:2.1rem;
    line-height:1.14;
    margin:0 0 1.6rem 0;
    letter-spacing:-0.75px;
  }
}
@media (min-width: 1280px){
  .promo-variant-2 .text-wrapper h2{
    font-size:2.8rem;
  }
}
.promo-variant-2 .text-wrapper p{
  margin:0 0 1.6rem 0;
}
@media (min-width: 960px){
  .promo-variant-2 .text-wrapper p{
    margin:0 0 1.6rem 0;
  }
}
.promo-variant-2 .text-wrapper p .btn{
  margin-top:8px;
}
.promo-variant-2 .text-wrapper > :last-child{
  margin-bottom:0;
}
.promo-variant-2 figure{
  position:relative;
  margin:0;
}
.promo-variant-2 figure img{
  width:100%;
  display:block;
}
@media (min-width: 960px){
  .promo-variant-2 figure{
    top:7.2rem;
    width:46.666%;
  }
  .promo-variant-2 figure img{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
  }
}
*,
::before,
::after{
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:currentColor;
}

::before,
::after{
  --tw-content:"";
}

*,
::before,
::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:"";
  --tw-pan-y:"";
  --tw-pinch-zoom:"";
  --tw-scroll-snap-strictness:proximity;
  --tw-ordinal:"";
  --tw-slashed-zero:"";
  --tw-numeric-figure:"";
  --tw-numeric-spacing:"";
  --tw-numeric-fraction:"";
  --tw-ring-inset:"";
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:"";
  --tw-brightness:"";
  --tw-contrast:"";
  --tw-grayscale:"";
  --tw-hue-rotate:"";
  --tw-invert:"";
  --tw-saturate:"";
  --tw-sepia:"";
  --tw-drop-shadow:"";
  --tw-backdrop-blur:"";
  --tw-backdrop-brightness:"";
  --tw-backdrop-contrast:"";
  --tw-backdrop-grayscale:"";
  --tw-backdrop-hue-rotate:"";
  --tw-backdrop-invert:"";
  --tw-backdrop-opacity:"";
  --tw-backdrop-saturate:"";
  --tw-backdrop-sepia:"";
}
html{
  font-family:"iqos", serif;
  font-weight:400;
}

*,
*:before,
*:after{
  box-sizing:border-box;
}
.kbs-site-content{
  --tw-text-opacity:1;
  color:rgb(52 48 61 / var(--tw-text-opacity));
}
.kbs-site-content p{
  margin:0;
}
.kbs-spacer--10{
  height:.5rem;
}
.kbs-spacer--20{
  height:1rem;
}
.kbs-spacer--30{
  height:1.5rem;
}
.kbs-container-custom{
  margin-left:auto;
  margin-right:auto;
  max-width:1164px;
  padding-left:1.2rem;
  padding-right:1.2rem;
}
.kbs-container-custom--xl{
  max-width:1340px;
}
.kbs-container-custom--s{
  max-width:912px;
}
.kbs-container-custom--xs{
  max-width:672px;
}

.kbs-row{
  margin-left:-.6rem;
  margin-right:-.6rem;
  display:flex;
  flex-wrap:wrap;
}
.kbs-row--voucher, .kbs-row--voting-listing{
  display:block;
  flex-wrap:nowrap;
  justify-content:space-between;
}
@media (min-width: 768px){
  .kbs-row--voucher, .kbs-row--voting-listing{
    display:flex;
  }
}
.kbs-row--voucher img, .kbs-row--voting-listing img{
  margin-left:auto;
  margin-right:auto;
  width:100%;
  max-width:none;
}
.kbs-row--invitatie{
  display:block;
  flex-wrap:nowrap;
}
@media (min-width: 768px){
  .kbs-row--invitatie{
    display:flex;
  }
}
.kbs-row--temporary{
  margin-left:-1.8rem;
  margin-right:-1.8rem;
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  overflow-x:hidden;
  padding-top:1.5rem;
}
@media (min-width: 768px){
  .kbs-row--temporary{
    margin-left:-.6rem;
    margin-right:-.6rem;
    justify-content:space-between;
    padding-top:0;
  }
}
.kbs-row--temporary .kbs-voucher{
  width:75vw;
}
@media (min-width: 768px){
  .kbs-row--temporary .kbs-voucher{
    width:100%;
  }
}
.kbs-row--temporary figure{
  margin:0;
  padding-left:0;
}
.kbs-row--status{
  align-items:center;
  justify-content:space-between;
  row-gap:1rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 253 251 / var(--tw-bg-opacity));
  padding-left:.6rem;
  padding-right:.6rem;
  padding-top:.75rem;
  padding-bottom:1.35rem;
}
@media (min-width: 768px){
  .kbs-row--status{
    justify-content:flex-start;
    padding-top:.75rem;
    padding-bottom:.75rem;
  }
}
.kbs-row--status [class*=kbs-p-]{
  margin-bottom:0;
  font-weight:700;
}
@media (min-width: 768px){
  .kbs-row--status [class*=kbs-p-]{
    font-weight:400;
  }
}
.kbs-row--status-active{
  --tw-bg-opacity:1;
  background-color:rgb(246 244 240 / var(--tw-bg-opacity));
}

.kbs-col{
  padding-left:.6rem;
  padding-right:.6rem;
}
.kbs-row--voucher .kbs-col, .kbs-row--voting-listing .kbs-col{
  text-align:center;
}
.kbs-row--invitatie .kbs-col{
  text-align:center;
}
@media (min-width: 768px){
  .kbs-row--invitatie .kbs-col{
    text-align:left;
  }
}
.kbs-row--status .kbs-col{
  width:50%;
}
@media (min-width: 768px){
  .kbs-row--status .kbs-col{
    width:33.333333%;
  }
}
.kbs-row--status .kbs-col:last-child{
  width:100%;
}
@media (min-width: 768px){
  .kbs-row--status .kbs-col:last-child{
    width:33.333333%;
  }
}

.kbs-voucher,
.kbs-project{
  position:relative;
  margin-bottom:.75rem;
  display:inline-block;
}

@media (min-width: 768px){
  .kbs-voucher,
.kbs-project{
    margin-bottom:0;
  }
}
.kbs-voucher__img,
.kbs-project__img{
  padding-top:0;
  padding-left:2rem;
}
@media (min-width: 768px){
  .kbs-voucher__img,
.kbs-project__img{
    padding-top:1rem;
    padding-left:0;
  }
}
.kbs-voucher__active{
  margin-top:-1.5rem;
}
@media (min-width: 768px){
  .kbs-voucher__active{
    margin-top:0;
  }
}

.kbs-circle{
  display:flex;
  height:2.5rem;
  width:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(0 209 210 / var(--tw-bg-opacity));
  font-size:1rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(52 48 61 / var(--tw-text-opacity));
}
.kbs-voucher .kbs-circle, .kbs-project .kbs-circle{
  position:absolute;
  top:50%;
  left:0;
  --tw-translate-y:-50%;
  --tw-translate-x:0;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px){
  .kbs-voucher .kbs-circle, .kbs-project .kbs-circle{
    top:0;
    left:50%;
    --tw-translate-y:0;
    --tw-translate-x:-50%;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.kbs-text-white{
  --tw-text-opacity:1;
  color:rgb(255 253 251 / var(--tw-text-opacity));
}

.kbs-text-turquoise{
  --tw-text-opacity:1;
  color:rgb(0 209 210 / var(--tw-text-opacity));
}

.kbs-p{
  font-size:1rem;
}
.kbs-p--lg{
  font-size:1rem !important;
}
@media (min-width: 960px){
  .kbs-p--lg{
    font-size:1.2rem !important;
  }
}
.kbs-p--md{
  font-size:.8rem !important;
}
.kbs-p--sm{
  font-size:.7rem !important;
}

.kbs-link{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:500ms;
}
.kbs-link:hover{
  --tw-text-opacity:1;
  color:rgb(0 209 210 / var(--tw-text-opacity));
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}

.kbs-banner-variant{
  margin-bottom:0;
}

@media (min-width: 960px){
  .kbs-banner-variant{
    margin-bottom:5rem;
  }
  .kbs-banner-variant .text-wrapper{
    margin-left:8%;
    width:36%;
  }
}
.kbs-banner-variant--imgfluid{
  padding-bottom:0;
}
@media (min-width: 1280px){
  .kbs-banner-variant--imgfluid .content-wrapper{
    padding-bottom:2rem;
  }
}
.kbs-banner-variant--imgfluid figure img{
  height:auto;
}
.kbs-banner-variant--noimgxs figure{
  display:none;
}
@media (min-width: 960px){
  .kbs-banner-variant--noimgxs figure{
    display:block;
  }
}

.kbs-slider-navigation{
  margin-top:1rem;
  display:flex;
  justify-content:center;
  gap:1.5rem;
}

.kbs-title{
  font-family:"iqos", serif;
  font-weight:700;
  line-height:1.25;
}
.kbs-title--xxl{
  font-size:2.1rem !important;
}
@media (min-width: 960px){
  .kbs-title--xxl{
    font-size:62px !important;
  }
}
.kbs-title--xl{
  font-size:1.8rem !important;
}
@media (min-width: 960px){
  .kbs-title--xl{
    font-size:3.2rem !important;
  }
}
.kbs-title--lg{
  font-size:1.6rem !important;
}
@media (min-width: 960px){
  .kbs-title--lg{
    font-size:2.8rem !important;
  }
}
.kbs-title--md{
  font-size:1.6rem !important;
}
@media (min-width: 960px){
  .kbs-title--md{
    font-size:2.1rem !important;
  }
}
.kbs-title--sm{
  font-size:1.6rem !important;
}
.kbs-title--xs{
  font-size:1.2rem !important;
}
@media (min-width: 960px){
  .kbs-title--xs{
    font-size:1.6rem !important;
  }
}
.kbs-title--xxs{
  font-size:1.2rem !important;
}

.kbs-bg--dot{
  background-image:url("../../assets/images/kbs-bg-dot.png");
  opacity:0.25;
  pointer-events:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.kbs-mask--bottom{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
}

.kbs-hero{
  position:relative;
  overflow:hidden;
  --tw-bg-opacity:1;
  background-color:rgb(52 48 61 / var(--tw-bg-opacity));
  padding-left:1.2rem;
  padding-right:1.2rem;
  padding-top:5rem;
  text-align:center;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .kbs-hero{
    margin-bottom:5rem;
    padding-top:7rem;
  }
}
.kbs-hero--2{
  margin-bottom:4rem;
}
.kbs-hero__shadow{
  pointer-events:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.kbs-hero__shadow img{
  position:relative;
  left:50%;
  width:1500px;
  max-width:none;
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px){
  .kbs-hero__shadow img{
    left:0;
    width:100%;
    --tw-translate-x:0;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.kbs-hero__text{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:1.75rem;
  max-width:660px;
}
@media (min-width: 768px){
  .kbs-hero__text{
    margin-bottom:3rem;
  }
}
.kbs-hero__text p, .kbs-hero__text .link{
  font-size:.9rem;
}
@media (min-width: 768px){
  .kbs-hero__text p, .kbs-hero__text .link{
    font-size:1rem;
  }
}
.kbs-hero__img{
  position:relative;
  z-index:50;
  margin-left:auto;
  margin-right:auto;
  margin-left:-1.2rem;
  margin-right:-1.2rem;
  max-width:864px;
}
@media (min-width: 768px){
  .kbs-hero__img{
    margin-left:auto;
    margin-right:auto;
  }
}
.kbs-hero__img img{
  height:auto;
  max-width:100%;
}

.kbs-inv__boxes{
  position:relative;
  z-index:50;
  margin:auto;
  display:flex;
  width:-moz-fit-content;
  width:fit-content;
  gap:.1rem;
  border-radius:0.5rem;
  --tw-bg-opacity:1;
  background-color:rgb(0 209 210 / var(--tw-bg-opacity));
  padding:.3rem;
}

@media (min-width: 768px){
  .kbs-inv__boxes{
    gap:.25rem;
    padding:.5rem;
  }
}
.kbs-inv__boxes-row{
  flex-direction:column;
}
@media (min-width: 768px){
  .kbs-inv__boxes-row{
    flex-direction:row;
  }
}
.kbs-inv__boxes-row .kbs-inv__boxes-box-1 img{
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem;
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
}
@media (min-width: 768px){
  .kbs-inv__boxes-row .kbs-inv__boxes-box-1 img{
    border-top-left-radius:0.5rem;
    border-bottom-left-radius:0.5rem;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
  }
}
.kbs-inv__boxes-row .kbs-inv__boxes-box-2 img{
  border-bottom-right-radius:0.5rem;
  border-bottom-left-radius:0.5rem;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
}
@media (min-width: 768px){
  .kbs-inv__boxes-row .kbs-inv__boxes-box-2 img{
    border-top-right-radius:0.5rem;
    border-bottom-right-radius:0.5rem;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
  }
}
.kbs-inv__boxes-col{
  flex-direction:column;
  gap:.1rem;
  padding:.3rem;
}
.kbs-inv__boxes-col .kbs-inv__boxes-box-text{
  padding:1rem;
}
.kbs-inv__boxes-col .kbs-inv__boxes-box-1 img{
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem;
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
}
.kbs-inv__boxes-col .kbs-inv__boxes-box-2 img{
  border-bottom-right-radius:0.5rem;
  border-bottom-left-radius:0.5rem;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
}
.kbs-inv__boxes-col .kbs-inv__boxes-box-text_1{
  padding-bottom:1rem;
}
.kbs-inv__boxes-col .kbs-inv__boxes-box-text{
  padding-left:1rem;
  padding-right:1rem;
}
.kbs-inv__boxes-box{
  position:relative;
  display:flex;
  max-width:412px;
  flex-direction:column;
}
.kbs-inv__boxes-box-1{
  justify-content:flex-end;
}
.kbs-inv__boxes-box-2{
  justify-content:space-between;
}
.kbs-inv__boxes-box-pgf{
  font-size:.9rem;
}
.kbs-inv__boxes-box-bg_text{
  --tw-bg-opacity:1;
  background-color:rgb(0 209 210 / var(--tw-bg-opacity));
  padding-left:.5rem;
  padding-right:.5rem;
  font-size:1rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(52 48 61 / var(--tw-text-opacity));
}
@media (min-width: 960px){
  .kbs-inv__boxes-box-bg_text{
    font-size:26px;
  }
}
.kbs-inv__boxes-box-img{
  width:100%;
  max-width:412px;
}
.kbs-inv__boxes-box-text{
  position:absolute;
  display:flex;
  height:100%;
  flex-direction:column;
  padding:1rem;
  text-align:center;
}
@media (min-width: 768px){
  .kbs-inv__boxes-box-text{
    padding-left:2.5rem;
    padding-right:2.5rem;
  }
}
.kbs-inv__boxes-box-text_1{
  justify-content:flex-end;
  gap:.25rem;
}
@media (min-width: 768px){
  .kbs-inv__boxes-box-text_1{
    padding-bottom:3rem;
  }
}
.kbs-inv__boxes-box-text_2{
  justify-content:space-between;
}

.kbs-container-inv-carousel{
  overflow:hidden;
}

.kbs-inv-carousel{
  margin-left:auto;
  margin-right:auto;
  max-width:370px;
  padding-left:1.5rem;
  padding-right:1.5rem;
}

@media (min-width: 640px){
  .kbs-inv-carousel{
    max-width:19rem;
  }
}
.kbs-inv-carousel .kbs-inv__boxes-box-bg_text{
  padding-top:.15rem;
  padding-bottom:.15rem;
}
.kbs-inv-carousel .kbs-inv__boxes-box-bg_text,
.kbs-inv-carousel .kbs-inv__boxes-box-pgf{
  font-size:.9rem;
}

.kbs-items-inv-carousel{
  position:absolute;
  left:100%;
  display:flex;
  width:100000px;
  align-items:center;
  -moz-column-gap:1rem;
  column-gap:1rem;
  padding-left:.75rem;
}

@media (min-width: 640px){
  .kbs-items-inv-carousel{
    padding-left:3.5rem;
  }
}
.kbs-items-inv-carousel--right{
  top:0;
}
.kbs-items-inv-carousel--right img{
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem;
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
}
.kbs-items-inv-carousel--left{
  bottom:0;
}
@media (min-width: 640px){
  .kbs-items-inv-carousel--left{
    left:auto;
    right:100%;
    flex-direction:row-reverse;
    padding-right:3.5rem;
  }
}
.kbs-items-inv-carousel--left img{
  border-bottom-right-radius:0.5rem;
  border-bottom-left-radius:0.5rem;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
}

.kbs-item-inv-carousel{
  position:relative;
  display:flex;
  max-width:298px;
}

@media (min-width: 640px){
  .kbs-item-inv-carousel{
    max-width:308px;
  }
}

.icon{
  position:relative;
  z-index:10;
  display:inline-block;
  vertical-align:middle;
}

.kbs-arrow{
  position:relative;
  height:2.5rem;
  width:2.5rem;
  cursor:pointer;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(0 209 210 / var(--tw-bg-opacity));
  padding:.25rem;
}
.kbs-arrow:after{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  height:.5rem;
  width:.5rem;
  --tw-translate-x:-50%;
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-top-width:2px;
  border-left-width:2px;
  --tw-border-opacity:1;
  border-color:rgb(52 48 61 / var(--tw-border-opacity));
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  --tw-content:"";
  content:var(--tw-content);
}
.kbs-arrow--l:after{
  margin-left:.1rem;
  --tw-rotate:-45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-arrow--l:hover:after{
  --tw-translate-x:-80%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-inv__boxes-box .kbs-arrow--l{
  left:0;
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-arrow--r:after{
  margin-left:-.1rem;
  --tw-rotate:135deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-arrow--r:hover:after{
  --tw-translate-x:-20%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-inv__boxes-box .kbs-arrow--r{
  right:0;
  --tw-translate-x:50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-inv__boxes-box .kbs-arrow{
  position:absolute;
  top:50%;
  z-index:50;
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.kbs-modal{
  position:absolute;
  top:0;
  left:0;
  z-index:50;
  display:flex;
  min-height:100%;
  width:100%;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  --tw-bg-opacity:1;
  background-color:rgb(255 253 251 / var(--tw-bg-opacity));
}
.kbs-modal--close{
  position:absolute;
  top:1.5rem;
  right:1.5rem;
  cursor:pointer;
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}
.kbs-modal--close:hover{
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-modal--article{
  flex-direction:column;
}
.kbs-modal--article-new{
  left:50%;
  max-width:630px;
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-modal--votes{
  top:50%;
  left:50%;
  margin-left:auto;
  margin-right:auto;
  min-height:auto;
  max-width:630px;
  --tw-translate-y:-50%;
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.kbs-tutorial{
  margin:.8rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
  font-family:"iqos", serif;
  --tw-text-opacity:1;
  color:rgb(52 48 61 / var(--tw-text-opacity));
}
.kbs-tutorial p{
  margin-bottom:1rem;
  font-size:.8rem;
}
.kbs-tutorial__logo{
  margin-bottom:1.5rem;
}
.kbs-tutorial__logo img{
  margin-left:auto;
  margin-right:auto;
  width:275px;
}
.kbs-tutorial__title{
  margin-bottom:1.2rem;
  font-size:1.6rem;
  font-weight:700;
}
.kbs-tutorial__lastelem{
  margin-top:2.5rem;
}
.kbs-tutorial__btns{
  display:flex;
  justify-content:space-between;
}
.kbs-tutorial--popup{
  max-width:520px;
  padding-top:2.5rem;
  padding-bottom:2.5rem;
  padding-left:1rem;
  padding-right:1rem;
  text-align:center;
}
@media (min-width: 640px){
  .kbs-tutorial--popup{
    margin-left:auto;
    margin-right:auto;
  }
}
@media (min-width: 768px){
  .kbs-tutorial--popup{
    padding-left:2.2rem;
    padding-right:2.2rem;
  }
}
.kbs-tutorial--step{
  max-width:340px;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:2rem;
  padding-bottom:2rem;
  text-align:center;
}
@media (min-width: 768px){
  .kbs-tutorial--step{
    text-align:left;
  }
}
.kbs-tutorial--step .btn{
  padding-left:1.1rem;
  padding-right:1.1rem;
}
.kbs-tutorial__dots{
  margin-bottom:1.5rem;
  display:flex;
  list-style-type:none;
  align-items:center;
  justify-content:center;
}
.kbs-tutorial__dots li{
  margin-left:.05rem;
  margin-right:.05rem;
  height:.3rem;
  width:.3rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(193 192 196 / var(--tw-bg-opacity));
}
.kbs-tutorial__dots li.active{
  width:1.2rem;
  --tw-bg-opacity:1;
  background-color:rgb(52 48 61 / var(--tw-bg-opacity));
}
.kbs-tutorial--arrow{
  position:relative;
}
.kbs-tutorial--arrow:before{
  position:absolute;
}
.kbs-tutorial--arrow-tl:before, .kbs-tutorial--arrow-tr:before, .kbs-tutorial--arrow-tc:before{
  height:0;
  width:0;
  border-top-width:0;
  border-right-width:20px;
  border-bottom-width:24px;
  border-left-width:20px;
  border-style:solid;
  border-top-color:transparent;
  border-right-color:transparent;
  --tw-border-opacity:1;
  border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity));
  border-left-color:transparent;
  --tw-content:"";
  content:var(--tw-content);
  bottom:100%;
}
.kbs-tutorial--arrow-tl:before{
  left:.8rem;
}
.kbs-tutorial--arrow-tr:before{
  right:.8rem;
}
.kbs-tutorial--arrow-tc:before{
  left:50%;
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-tutorial--arrow-rt:before, .kbs-tutorial--arrow-rc:before, .kbs-tutorial--arrow-rb:before{
  height:0;
  width:0;
  border-top-width:20px;
  border-right-width:0;
  border-bottom-width:20px;
  border-left-width:24px;
  border-style:solid;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  --tw-border-opacity:1;
  border-left-color:rgb(255 255 255 / var(--tw-border-opacity));
  --tw-content:"";
  content:var(--tw-content);
  left:100%;
}
.kbs-tutorial--arrow-rt:before{
  top:.8rem;
}
.kbs-tutorial--arrow-rc:before{
  top:50%;
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-tutorial--arrow-rb:before{
  bottom:.8rem;
}
.kbs-tutorial--arrow-br:before, .kbs-tutorial--arrow-bc:before, .kbs-tutorial--arrow-bl:before{
  height:0;
  width:0;
  border-top-width:24px;
  border-right-width:20px;
  border-bottom-width:0;
  border-left-width:20px;
  border-style:solid;
  --tw-border-opacity:1;
  border-top-color:rgb(255 255 255 / var(--tw-border-opacity));
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
  --tw-content:"";
  content:var(--tw-content);
  top:100%;
}
.kbs-tutorial--arrow-br:before{
  right:.8rem;
}
.kbs-tutorial--arrow-bc:before{
  left:50%;
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-tutorial--arrow-bl:before{
  left:.8rem;
}
.kbs-tutorial--arrow-lt:before, .kbs-tutorial--arrow-lc:before, .kbs-tutorial--arrow-lb:before{
  height:0;
  width:0;
  border-top-width:20px;
  border-right-width:24px;
  border-bottom-width:20px;
  border-left-width:0;
  border-style:solid;
  border-top-color:transparent;
  --tw-border-opacity:1;
  border-right-color:rgb(255 255 255 / var(--tw-border-opacity));
  border-bottom-color:transparent;
  border-left-color:transparent;
  --tw-content:"";
  content:var(--tw-content);
  right:100%;
}
.kbs-tutorial--arrow-lt:before{
  top:.8rem;
}
.kbs-tutorial--arrow-lc:before{
  top:50%;
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.kbs-tutorial--arrow-lb:before{
  bottom:.8rem;
}

.kbs-section-beneficii .kbs-text-box{
  margin-bottom:1.5rem;
  text-align:left;
}

@media (min-width: 768px){
  .kbs-section-beneficii .kbs-text-box{
    text-align:center;
  }
}
.kbs-section-beneficii .kbs-text-box .kbs-title{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:1.5rem;
}
@media (min-width: 768px){
  .kbs-section-beneficii .kbs-text-box .kbs-title{
    margin-bottom:2rem;
    max-width:37.5rem;
  }
}
.kbs-section-beneficii .kbs-text-box .kbs-p{
  margin-left:auto;
  margin-right:auto;
}
@media (min-width: 768px){
  .kbs-section-beneficii .kbs-text-box .kbs-p{
    max-width:26.5rem;
  }
}
.kbs-section-invitatie .kbs-text-box{
  margin-top:1rem;
}
.kbs-section-invitatie .kbs-text-box .kbs-title{
  margin-bottom:1.5rem;
}
@media (min-width: 768px){
  .kbs-section-invitatie .kbs-text-box .kbs-title{
    margin-bottom:2rem;
  }
}

.kbs-section-invitatie{
  overflow:hidden;
  --tw-bg-opacity:1;
  background-color:rgb(246 244 240 / var(--tw-bg-opacity));
  padding-top:3rem;
  padding-bottom:3rem;
}

@media (min-width: 768px){
  .kbs-section-invitatie{
    padding-top:7rem;
  }
}
.kbs-section-invitatie .kbs-s-btns{
  margin-top:2.5rem;
  text-align:center;
}
@media (min-width: 768px){
  .kbs-section-invitatie .kbs-s-btns{
    margin-top:.5rem;
    text-align:left;
  }
}
.kbs-section-invitatie__img{
  position:relative;
  display:inline-block;
}
@media (min-width: 768px){
  .kbs-section-invitatie__img{
    width:15rem;
  }
}
@media (min-width: 1024px){
  .kbs-section-invitatie__img{
    margin-right:5rem;
  }
}

.kbs-status{
  display:inline-block;
  border-radius:.1rem;
  --tw-bg-opacity:1;
  background-color:rgb(52 48 61 / var(--tw-bg-opacity));
  padding-top:.25rem;
  padding-bottom:.25rem;
  padding-left:.6rem;
  padding-right:.6rem;
  text-align:center;
  font-size:.6rem;
  --tw-text-opacity:1;
  color:rgb(255 253 251 / var(--tw-text-opacity));
}
.kbs-status--club{
  --tw-bg-opacity:1;
  background-color:rgb(0 209 210 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(52 48 61 / var(--tw-text-opacity));
}

.kbs-section-status-invitatii{
  --tw-bg-opacity:1;
  background-color:rgb(255 253 251 / var(--tw-bg-opacity));
  padding-top:3rem;
  padding-bottom:3rem;
}

@media (min-width: 768px){
  .kbs-section-status-invitatii{
    padding-top:4rem;
    padding-bottom:4rem;
  }
}
.kbs-section-status-invitatii .kbs-title{
  margin-bottom:2.8rem;
  text-align:center;
}
@media (min-width: 768px){
  .kbs-section-status-invitatii .kbs-title{
    margin-bottom:3.75rem;
  }
}

.kbs-invitation-table{
  padding-bottom:2.1rem;
}

@media (min-width: 768px){
  .kbs-invitation-table{
    padding-bottom:2.8rem;
  }
}
.kbs-invitation-table__head{
  font-size:.7rem;
  font-weight:700;
}
.kbs-invitation-table .kbs-invitation-table__head{
  display:none;
}
@media (min-width: 768px){
  .kbs-invitation-table .kbs-invitation-table__head{
    display:flex;
  }
}

.kbs-link-wrapper{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.kbs-inv_succes{
  margin-top:2rem;
  margin-bottom:3rem;
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  text-align:center;
}

@media (min-width: 768px){
  .kbs-inv_succes{
    margin-top:4.25rem;
    margin-bottom:3.5rem;
    flex-direction:row;
    text-align:left;
  }
  .kbs-inv_succes--box-form{
    width:60%;
    padding-right:1rem;
  }
  .kbs-inv_succes--box-img{
    width:40%;
  }
}
.kbs-inv_succes--box-form-title{
  padding-top:1rem;
  padding-bottom:3rem;
}
.kbs-inv_succes--box-form-subtitle{
  padding-bottom:.8rem;
  text-align:center;
  font-size:.8rem;
}
@media (min-width: 768px){
  .kbs-inv_succes--box-form-subtitle{
    text-align:left;
  }
}
.kbs-inv_succes--box-link{
  margin-bottom:2.5rem;
  margin-top:.8rem;
  display:flex;
  width:100%;
  flex-direction:column;
  gap:1.75rem;
}
@media (min-width: 768px){
  .kbs-inv_succes--box-link{
    margin-bottom:2rem;
    flex-direction:row;
    gap:1rem;
  }
}
.kbs-inv_succes--box-link__copy{
  margin-left:auto;
  margin-right:auto;
  display:flex;
  width:100%;
  max-width:100px;
  align-items:center;
  justify-content:center;
}
.kbs-inv_succes--box-link__copy a{
  display:flex;
  gap:.4rem;
  text-decoration-line:underline;
}
.kbs-inv_succes--box-link__copy a:hover{
  text-decoration-line:none;
}
.kbs-inv_succes--box-social{
  display:none;
  flex-wrap:wrap;
  gap:2.5rem;
}
@media (min-width: 768px){
  .kbs-inv_succes--box-social{
    display:flex;
  }
}
.kbs-inv_succes--box-social img{
  width:45px;
}
.kbs-inv_succes--box-social-inline{
  display:flex;
}
.kbs-inv_succes--box-social-inline a{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:.8rem;
  text-decoration-line:underline;
}
.kbs-inv_succes--box-social-inline a:hover{
  text-decoration-line:none;
}

.kbs-btn-centered{
  margin-left:auto;
  margin-right:auto;
  width:-moz-fit-content;
  width:fit-content;
  white-space:pre-line;
}

.kbs-input{
  width:100%;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(193 192 196 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top:1rem;
  padding-bottom:1rem;
  padding-left:.5rem;
  padding-right:.5rem;
  font-size:.8rem;
  --tw-text-opacity:1;
  color:rgb(52 48 61 / var(--tw-text-opacity));
}

.kbs-section-invitatie .kbs-text-box{
  padding-bottom:0;
}
.kbs-section-invitatie .kbs-text-box:after{
  display:none;
}

.kbs-section-invitatie__img{
  position:relative;
}
.kbs-section-invitatie__img img{
  width:100%;
  max-width:none;
}
.kbs-section-invitatie__img:before{
  display:none;
}
.kbs-section-invitatie__img-center{
  width:15rem;
}
.kbs-section-invitatie__img-left, .kbs-section-invitatie__img-right{
  position:absolute;
  display:none;
  height:50%;
  align-items:center;
}
@media (min-width: 640px){
  .kbs-section-invitatie__img-left, .kbs-section-invitatie__img-right{
    display:flex;
  }
}
.kbs-section-invitatie__img-left{
  bottom:0;
  right:100%;
  margin-right:.75rem;
  width:720px;
}
.kbs-section-invitatie__img-right{
  top:0;
  left:100%;
  margin-left:.75rem;
  width:460px;
}

.kbs-row--invitatie{
  align-items:flex-end;
}
.kbs-row--invitatie__left{
  margin-bottom:auto;
  padding-bottom:1.5rem;
}
@media (min-width: 768px){
  .kbs-row--invitatie__left{
    padding-bottom:15rem;
  }
}

.kbs-header-headline{
  --tw-bg-opacity:1;
  background-color:rgb(246 244 240 / var(--tw-bg-opacity));
}

.kbs-header-headline .kbs-text-box{
  margin-left:auto;
  margin-right:auto;
  max-width:64rem;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1.25rem;
  padding-bottom:1.5rem;
  text-align:center;
}

@media (min-width: 768px){
  .kbs-header-headline .kbs-text-box{
    padding-left:1.2rem;
    padding-right:1.2rem;
    padding-top:2.8rem;
    padding-bottom:2rem;
  }
}
.kbs-header-headline .kbs-text-box .kbs-title{
  padding-top:.75rem;
}
@media (min-width: 768px){
  .kbs-header-headline .kbs-text-box .kbs-title{
    padding-top:.25rem;
  }
}
.kbs-section-experience .kbs-text-box{
  margin-left:auto;
  margin-right:auto;
  max-width:610px;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1.75rem;
  padding-bottom:2.1rem;
  text-align:center;
}
@media (min-width: 768px){
  .kbs-section-experience .kbs-text-box{
    padding-left:1.2rem;
    padding-right:1.2rem;
    padding-top:2.5rem;
    padding-bottom:4.5rem;
  }
}
.kbs-section-experience .kbs-text-box .kbs-title{
  padding-bottom:3.35rem;
}
@media (min-width: 768px){
  .kbs-section-experience .kbs-text-box .kbs-title{
    padding-bottom:1.5rem;
  }
}

.kbs-customized-message{
  margin-top:1rem;
  margin-bottom:1.5rem;
}

@media (min-width: 768px){
  .kbs-customized-message{
    margin-top:2.5rem;
    margin-bottom:3rem;
  }
}

.kbs-customized-message .form-group{
  margin-left:auto;
  margin-right:auto;
  margin-top:1.5rem;
  max-width:16rem;
}

@media (min-width: 768px){
  .kbs-customized-message .form-group{
    margin-top:2.5rem;
  }
}

.kbs-invite-friends{
  padding-bottom:6rem;
  text-align:center;
}

@media (min-width: 768px){
  .kbs-invite-friends{
    padding-bottom:4.5rem;
  }
}

.kbs-section-beneficii{
  background-image:linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from:#174788;
  --tw-gradient-to:rgb(23 71 136 / 0);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:#3B71BA;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
}
.kbs-section-beneficii--dispozitive{
  position:relative;
  overflow:hidden;
  padding-bottom:2.5rem;
}
@media (min-width: 768px){
  .kbs-section-beneficii--dispozitive{
    padding-top:5rem;
    padding-bottom:5rem;
  }
}

.kbs-rectangle{
  position:absolute;
}
.kbs-rectangle--1{
  right:100%;
  top:150px;
  max-width:400px;
}
.kbs-rectangle--2{
  position:absolute;
  left:95%;
  top:-2.5rem;
  max-width:400px;
}

.kbs-text-area{
  position:relative;
  z-index:50;
  padding-left:1.2rem;
  padding-right:1.2rem;
  padding-top:2.5rem;
}

@media (min-width: 768px){
  .kbs-text-area{
    width:50%;
    padding-top:0;
  }
}

.kbs-lil-iqos{
  position:relative;
  z-index:50;
}

@media (min-width: 768px){
  .kbs-lil-iqos{
    order:9999;
    margin-top:-2.5rem;
    width:50%;
  }
}

.kbs-icons{
  padding-top:2.5rem;
}
.kbs-icons .kbs-p{
  padding-top:.7rem;
}
.kbs-icons--text{
  display:flex;
  gap:1rem;
  padding-bottom:1rem;
}

.kbs-2-columns{
  margin-left:-1.2rem;
  margin-right:-1.2rem;
}

@media (min-width: 768px){
  .kbs-2-columns{
    display:flex;
    gap:2.5rem;
  }
}

.kbs-btn-dispozitive{
  text-align:center;
}

@media (min-width: 768px){
  .kbs-btn-dispozitive{
    text-align:left;
  }
}

.kbs-img{
  height:auto;
  max-width:100%;
}
.kbs-img--desktop{
  display:none;
}
@media (min-width: 768px){
  .kbs-img--desktop{
    display:block;
  }
}
.kbs-img--mobile{
  display:block;
}
@media (min-width: 768px){
  .kbs-img--mobile{
    display:none;
  }
}

.kbs-voting__hero{
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:center;
  padding-top:70;
  text-align:center;
}
.kbs-voting__hero h1{
  max-width:870px;
  padding-left:1rem;
  padding-right:1rem;
}
.kbs-voting__hero .kbs-hero__img{
  margin:0;
  max-width:100%;
}
.kbs-voting__content{
  position:relative;
  max-width:131rem;
  padding-top:2.5rem;
  padding-bottom:2.5rem;
  padding-left:1.5rem;
  padding-right:1.5rem;
}
@media (min-width: 1024px){
  .kbs-voting__content{
    padding-left:4rem;
    padding-right:4rem;
    padding-top:4rem;
    padding-bottom:3rem;
  }
}
.kbs-voting__content .text-wrapper{
  margin-left:auto;
  margin-right:auto;
  max-width:870px;
}
.kbs-voting__content h2{
  margin-bottom:1.5rem;
  font-size:1.6rem;
}
.kbs-voting__content p{
  margin-bottom:1.25rem;
  font-size:1rem;
}
.kbs-voting__notice{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:3rem;
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  --tw-bg-opacity:1;
  background-color:rgb(246 244 240 / var(--tw-bg-opacity));
  padding:1.2rem;
}
.kbs-voting__notice img{
  margin-right:1rem;
}
.kbs-voting__notice p{
  font-size:1rem;
}
@media (min-width: 768px){
  .kbs-voting__notice{
    max-width:420px;
  }
  .kbs-voting__listing{
    margin-bottom:100px;
  }
}
.kbs-voting__listing .kbs-project{
  margin-bottom:3.75rem;
  text-align:left;
}
@media (min-width: 768px){
  .kbs-voting__listing .kbs-project{
    margin-bottom:0;
  }
}
.kbs-voting__listing .kbs-project__img{
  margin-bottom:.5rem;
  padding:0;
}
.kbs-voting__listing .kbs-project h4{
  margin:0;
}
.kbs-voting__listing .kbs-project p{
  margin-bottom:.75rem;
  font-size:.9rem;
}
.kbs-voting__percentages{
  --tw-bg-opacity:1;
  background-color:rgb(246 244 240 / var(--tw-bg-opacity));
  padding-top:3rem;
  padding-bottom:3rem;
}
.kbs-modal .kbs-voting__percentages{
  width:100%;
  background-color:transparent;
  padding-top:0;
  padding-bottom:0;
}
.kbs-voting__percentages .kbs-container-votes{
  margin-left:auto;
  margin-right:auto;
  max-width:600px;
  padding-left:1rem;
  padding-right:1rem;
  text-align:center;
}
.kbs-voting__percentages .kbs-voting__moments{
  margin-left:auto;
  margin-right:auto;
  display:flex;
  max-width:350px;
  align-items:center;
  padding-top:1rem;
  padding-bottom:1.5rem;
  text-align:left;
}
.kbs-voting__percentages .kbs-voting__moments img{
  margin-right:.75rem;
}
.kbs-voting__percentages h2{
  font-size:1.4rem;
}
@media (min-width: 768px){
  .kbs-voting__percentages h2{
    font-size:2.8rem;
  }
}
.kbs-voting__percentages p{
  font-size:.9rem;
}
.kbs-voting__votes-wrapper p{
  margin:0;
  font-size:.8rem;
}
.kbs-voting__vote{
  position:relative;
  margin-bottom:.5rem;
  display:flex;
  height:2rem;
  width:100%;
  align-items:center;
  justify-content:space-between;
}
.kbs-voting__vote--bar{
  position:absolute;
  z-index:0;
  height:100%;
  width:0;
  border-radius:10px;
  --tw-bg-opacity:1;
  background-color:rgb(193 192 196 / var(--tw-bg-opacity));
  transition:2s width linear !important;
}
.kbs-voting__vote--voted .kbs-voting__vote--bar{
  --tw-bg-opacity:1;
  background-color:rgb(0 209 210 / var(--tw-bg-opacity));
}
.kbs-voting__vote--title, .kbs-voting__vote--percentage{
  z-index:10;
  margin:0;
  padding-left:.5rem;
  padding-right:.5rem;
}
.kbs-voting__vote--percentage{
  font-weight:700;
}
.kbs-voting__vote--voted{
  font-weight:700;
}

.kbs-modal--article .kbs-voting__hero{
  padding-left:1.25rem;
  padding-right:1.25rem;
}
.kbs-modal--article .text-wrapper{
  max-width:600px;
  text-align:left;
}
.kbs-modal--article .text-wrapper h2{
  font-size:1.2rem;
}
.kbs-modal--article .text-wrapper h3{
  margin-top:1.8rem;
  margin-bottom:1.8rem;
  font-size:1.2rem;
}
.kbs-modal--article .text-wrapper p{
  margin-bottom:.75rem;
}
.kbs-modal--article .kbs-row--voting-listing{
  display:flex;
  flex-wrap:wrap;
}
.kbs-modal--article .kbs-row--voting-listing .kbs-project__img{
  margin-bottom:1rem;
  padding-left:0;
  padding-right:0;
}
.kbs-modal--article .kbs-container-custom{
  padding-left:0;
  padding-right:0;
}
.kbs-modal--article .kbs-voting__voted-notice{
  margin-left:auto;
  margin-right:auto;
  margin-top:3.5rem;
  margin-bottom:3.5rem;
  width:100%;
  padding-left:0;
  padding-right:0;
}
.kbs-modal--article .kbs-voting__voted-notice p{
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  --tw-bg-opacity:1;
  background-color:rgb(0 209 210 / var(--tw-bg-opacity));
  padding:1.5rem;
  text-align:left;
  font-size:.8rem;
}
@media (min-width: 1024px){
  .kbs-modal--article .kbs-voting__voted-notice p{
    max-width:700px;
  }
}

.kbs-inner-content{
  margin-left:auto;
  margin-right:auto;
  max-width:690px;
  --tw-bg-opacity:1;
  background-color:rgb(255 253 251 / var(--tw-bg-opacity));
  padding-left:1.5rem;
  padding-right:1.5rem;
}
.kbs-inner-content--modal{
  max-width:630px;
}
.kbs-voting__listing--new{
  padding-top:1.5rem;
  padding-bottom:1.5rem;
}
@media (min-width: 768px){
  .kbs-voting__listing--new{
    margin-bottom:0;
  }
}
.kbs-row--voting-listing--new{
  flex-direction:column;
}
.kbs-row--voting-listing--new .kbs-project{
  margin-bottom:1rem;
}
@media (min-width: 768px){
  .kbs-row--voting-listing--new .kbs-project{
    margin-bottom:0;
    border-style:none;
    padding:0;
  }
}
.kbs-project--new{
  width:100%;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(193 192 196 / var(--tw-border-opacity));
  padding-bottom:1.25rem;
}
.kbs-project--new .kbs-project__img{
  margin-bottom:0;
}
.kbs-project__meta{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  padding-top:.8rem;
  padding-bottom:.8rem;
}
@media (min-width: 768px){
  .kbs-project__meta{
    flex-direction:row;
    padding-top:1.2rem;
    padding-bottom:1.2rem;
  }
}
.kbs-project__meta--left, .kbs-project__meta--right{
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
}
.kbs-project__meta--left{
  padding-right:.5rem;
}
@media (min-width: 768px){
  .kbs-project__meta--left{
    width:45%;
  }
  .kbs-project__meta--right{
    width:55%;
    padding-left:.5rem;
  }
}
.kbs-project__meta h4{
  font-size:1.05rem;
  font-weight:700;
}
.kbs-project__meta--author, .kbs-project__meta--description{
  font-size:.7rem;
}
.kbs-project__meta--author{
  padding-top:.4rem;
  opacity:0.7;
}
@media (min-width: 768px){
  .kbs-project__meta--author{
    padding-top:0;
  }
}
.kbs-project__meta--link{
  position:absolute;
  bottom:.5rem;
  --tw-text-opacity:1;
  color:rgb(0 209 210 / var(--tw-text-opacity));
}
.kbs-project__meta--link:hover svg{
  --tw-translate-x:.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px){
  .kbs-project__meta--link{
    position:relative;
    bottom:0;
    margin-top:1.25rem;
    margin-bottom:1.25rem;
  }
}
.kbs-project__meta--link svg{
  transition-property:all;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}
.kbs-voting-new{
  margin-top:1.2rem;
  margin-bottom:1.2rem;
  padding:1.2rem;
}
.kbs-voting-new h2, .kbs-voting-new p, .kbs-voting-new span{
  text-align:left;
}
.kbs-voting-new h2{
  font-size:1.2rem;
}
.kbs-voting-new .kbs-container-votes{
  padding:0;
}
.kbs-voting-new .kbs-voting__vote{
  height:2.5rem;
  border-radius:4px;
  --tw-bg-opacity:1;
  background-color:rgb(255 253 251 / var(--tw-bg-opacity));
}
.kbs-voting-new .kbs-voting__vote--bar{
  border-radius:4px;
}
.kbs-voting-new .kbs-voting__votes-wrapper p{
  font-size:.7rem;
}
.kbs-voting-new .kbs-voting__vote--voted{
  font-weight:400;
}
.kbs-voting-new .kbs-voting__moments--new{
  max-width:100%;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  padding:0;
}
@media (min-width: 768px){
  .kbs-voting-new .kbs-voting__moments--new{
    flex-direction:row;
  }
}
.kbs-voting-new .kbs-voting__moments--new p{
  margin:0;
}
.kbs-voting-new .kbs-voting__votes{
  padding-top:1.25rem;
}
@media (min-width: 768px){
  .kbs-voting-new .kbs-voting__votes{
    padding-top:0;
  }
}
.kbs-voting-new .kbs-btn-project-back{
  float:left;
  margin-top:1.2rem;
  width:100%;
}
@media (min-width: 768px){
  .kbs-voting-new .kbs-btn-project-back{
    width:auto;
  }
}
.kbs-voting__badge{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(255 253 251 / var(--tw-bg-opacity));
  padding:.25rem;
  padding-right:.5rem;
  font-weight:700;
}
.kbs-voting__badge--points{
  line-height:16px;
}
.kbs-voting__cta-section{
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
}
@media (min-width: 768px){
  .kbs-voting__cta-section{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1.2rem;
    flex-direction:row;
  }
  .kbs-voting__cta-section:not(.kbs-modal--article-new .kbs-voting__cta-section){
    width:66.666667%;
  }
}
.kbs-voting__cta-section .kbs-btn-project-vote,
.kbs-voting__cta-section .btn-secondary-dark{
  margin-bottom:1.2rem;
}
@media (min-width: 768px){
  .kbs-voting__cta-section .kbs-btn-project-vote,
  .kbs-voting__cta-section .btn-secondary-dark{
    margin-bottom:0;
  }
}
.kbs-modal--article-new .kbs-voting__cta-section .kbs-btn-project-vote,
.kbs-modal--article-new .kbs-voting__cta-section .btn-secondary-dark{
  margin-bottom:1.2rem;
  width:100%;
}
@media (min-width: 768px){
  .kbs-modal--article-new .kbs-voting__cta-section .kbs-btn-project-vote,
  .kbs-modal--article-new .kbs-voting__cta-section .btn-secondary-dark{
    margin-bottom:0;
    width:45%;
  }
}
.kbs-modal--article-new{
  padding:1.2rem;
}
.kbs-modal--article-new .kbs-voting__hero{
  align-items:flex-start;
  padding:0;
}
.kbs-modal--article-new .kbs-row{
  margin:0;
}
.kbs-modal--article-new .text-wrapper h2{
  font-size:.9rem;
}
.kbs-modal--article-new .kbs-btn-project-vote{
  width:100%;
}
.kbs-modal--article-new .kbs-row--voting-listing .kbs-voting__voted-notice{
  margin-top:0;
  margin-bottom:0;
}
.kbs-modal--article-new .kbs-row--voting-listing .kbs-voting__voted-notice p{
  --tw-bg-opacity:1;
  background-color:rgb(246 244 240 / var(--tw-bg-opacity));
}
.kbs-modal--article-new .kbs-project__img{
  padding-top:0;
}
.kbs-modal--article-new .kbs-voting__percentages{
  padding-top:3rem;
}

.tw-relative{
  position:relative !important;
}

.tw-z-50{
  z-index:50 !important;
}

.tw--mx-24{
  margin-left:-1.2rem !important;
  margin-right:-1.2rem !important;
}

.tw-mx-auto{
  margin-left:auto !important;
  margin-right:auto !important;
}

.tw-my-40{
  margin-top:2rem !important;
  margin-bottom:2rem !important;
}

.tw-my-45{
  margin-top:2.25rem !important;
  margin-bottom:2.25rem !important;
}

.tw-my-70{
  margin-top:3.5rem !important;
  margin-bottom:3.5rem !important;
}

.tw-mb-0{
  margin-bottom:0 !important;
}

.tw-mb-16{
  margin-bottom:.8rem !important;
}

.tw-mb-20{
  margin-bottom:1rem !important;
}

.tw-mb-40{
  margin-bottom:2rem !important;
}

.tw-mr-20{
  margin-right:1rem !important;
}

.tw-mt-30{
  margin-top:1.5rem !important;
}

.tw-mt-40{
  margin-top:2rem !important;
}

.tw-mt-44{
  margin-top:2.2rem !important;
}

.tw-mt-50{
  margin-top:2.5rem !important;
}

.tw-mt-70{
  margin-top:3.5rem !important;
}

.tw-block{
  display:block !important;
}

.tw-flex{
  display:flex !important;
}

.tw-hidden{
  display:none !important;
}

.tw-h-1\/2{
  height:50% !important;
}

.tw-h-2\/3{
  height:66.666667% !important;
}

.tw-h-30{
  height:1.5rem !important;
}

.tw-h-50{
  height:2.5rem !important;
}

.tw-h-60{
  height:3rem !important;
}

.tw-w-full{
  width:100% !important;
}

.tw-max-w-300{
  max-width:15rem !important;
}

.tw-flex-col{
  flex-direction:column !important;
}

.tw-flex-wrap{
  flex-wrap:wrap !important;
}

.tw-items-start{
  align-items:flex-start !important;
}

.tw-gap-50{
  gap:2.5rem !important;
}

.tw-bg-slate{
  --tw-bg-opacity:1 !important;
  background-color:rgb(52 48 61 / var(--tw-bg-opacity)) !important;
}

.tw-bg-soft-white{
  --tw-bg-opacity:1 !important;
  background-color:rgb(255 253 251 / var(--tw-bg-opacity)) !important;
}

.tw-p-30{
  padding:1.5rem !important;
}

.tw-px-0{
  padding-left:0 !important;
  padding-right:0 !important;
}

.tw-pb-30{
  padding-bottom:1.5rem !important;
}

.tw-pt-20{
  padding-top:1rem !important;
}

.tw-pt-25{
  padding-top:1.25rem !important;
}

.tw-text-left{
  text-align:left !important;
}

.tw-text-center{
  text-align:center !important;
}

.tw-text-right{
  text-align:right !important;
}

.tw-text-12{
  font-size:.6rem !important;
}

.tw-text-14{
  font-size:.7rem !important;
}

.tw-text-20{
  font-size:1rem !important;
}

.tw-text-32{
  font-size:1.6rem !important;
}

.tw-text-42{
  font-size:2.1rem !important;
}

.tw-font-bold{
  font-weight:700 !important;
}

.tw-font-normal{
  font-weight:400 !important;
}

.tw-text-white{
  --tw-text-opacity:1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.tw-underline{
  text-decoration-line:underline !important;
}

.tw-opacity-50{
  opacity:0.5 !important;
}
@media (min-width: 640px){
  .sm\:tw-block{
    display:block !important;
  }
}
@media (min-width: 768px){
  .md\:tw-mt-60{
    margin-top:3rem !important;
  }
  .md\:tw-block{
    display:block !important;
  }
  .md\:tw-hidden{
    display:none !important;
  }
  .md\:tw-h-1\/3{
    height:33.333333% !important;
  }
  .md\:tw-h-100{
    height:5rem !important;
  }
  .md\:tw-text-left{
    text-align:left !important;
  }
}