/* Minification failed. Returning unminified contents.
(4177,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(4203,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
 */
/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/** Breakpoint Variable for Media Query */
/**
 * Dialog Frame
*/
/* line 6, ../sass/_pstory-old-classes.scss */
.pstory-dialog-frame {
    /** Dialog Frame not shaded if hide-shadow*/
    /** Dialog Frame with class grey-background*/
    /** Dialog Frame with class needle*/
}
    /* line 9, ../sass/_pstory-old-classes.scss */
    .pstory-dialog-frame.hide-shadow {
        box-shadow: inset 0 0px 0px 0px;
    }
    /* line 14, ../sass/_pstory-old-classes.scss */
    .pstory-dialog-frame.grey-background {
        background-color: #f2f4f5;
    }
    /* line 18, ../sass/_pstory-old-classes.scss */
    .pstory-dialog-frame.needle {
        position: relative;
    }
        /* line 20, ../sass/_pstory-old-classes.scss */
        .pstory-dialog-frame.needle:before {
            content: "\A";
            position: absolute;
            left: calc(50% - 18px);
            top: -14px;
            border-left: 18px solid transparent;
            border-right: 18px solid transparent;
            border-bottom: 15px solid #e9eaeb;
        }
        /* line 29, ../sass/_pstory-old-classes.scss */
        .pstory-dialog-frame.needle.grey-background:before {
            border-bottom: 15px solid #e5e6e8;
        }

/**
 * Text Block
*/
/* line 38, ../sass/_pstory-old-classes.scss */
.pstory-block-text {
    /** Text with class title */
    /** Text-block with class subtitle */
    /** Text-block with class note */
}
    /* line 41, ../sass/_pstory-old-classes.scss */
    .pstory-block-text.title {
        font-size: 26px;
    }

@media (max-width: 347px) {
    /* line 41, ../sass/_pstory-old-classes.scss */
    .pstory-block-text.title {
        font-size: 20px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 41, ../sass/_pstory-old-classes.scss */
    .pstory-block-text.title {
        font-size: 23.4px;
    }
}
/* line 51, ../sass/_pstory-old-classes.scss */
.pstory-block-text.subtitle {
    font-size: 15.6px;
}

@media (max-width: 347px) {
    /* line 51, ../sass/_pstory-old-classes.scss */
    .pstory-block-text.subtitle {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 51, ../sass/_pstory-old-classes.scss */
    .pstory-block-text.subtitle {
        font-size: 14.04px;
    }
}
/* line 62, ../sass/_pstory-old-classes.scss */
.pstory-block-text.note {
    font-size: 14.3px;
    /** Text with class perso-bold */
}

@media (max-width: 347px) {
    /* line 62, ../sass/_pstory-old-classes.scss */
    .pstory-block-text.note {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 62, ../sass/_pstory-old-classes.scss */
    .pstory-block-text.note {
        font-size: 12.87px;
    }
}
/* line 70, ../sass/_pstory-old-classes.scss */
.pstory-block-text.note .pstory-block-note-icon {
    /*remove*/
    height: 1.32em;
    width: 1.09em;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25px' height='38px'><path fill-rule='evenodd'  fill='rgb(100, 131, 203)' d='M24.633,30.069 C24.574,32.348 19.999,36.164 18.308,36.620 C15.555,37.363 12.839,37.233 10.217,36.067 C8.337,35.231 3.687,29.909 2.052,27.902 C1.615,27.365 1.144,26.855 0.696,26.327 C-0.016,25.486 -0.202,24.539 0.217,23.518 C0.646,22.473 1.480,21.913 2.595,21.839 C3.455,21.782 4.203,22.109 4.772,22.769 C5.492,23.602 6.197,24.448 6.905,25.291 C7.094,25.516 7.318,25.657 7.622,25.615 C8.008,25.561 8.226,25.285 8.226,24.850 C8.228,22.093 8.228,19.337 8.228,16.581 C8.229,14.705 8.222,12.829 8.232,10.954 C8.238,9.747 8.966,8.722 10.048,8.352 C11.866,7.731 13.678,9.045 13.681,10.990 C13.683,13.187 13.681,15.385 13.681,17.582 C13.681,17.685 13.681,17.788 13.681,17.891 C13.705,17.898 13.729,17.904 13.753,17.911 C13.789,17.862 13.829,17.814 13.861,17.762 C14.964,15.998 17.385,15.899 18.624,17.570 C18.980,18.050 19.140,18.602 19.164,19.190 C19.179,19.578 19.165,19.967 19.167,20.355 C19.167,20.445 19.178,20.534 19.189,20.707 C19.283,20.574 19.330,20.511 19.373,20.445 C20.071,19.365 21.327,18.874 22.547,19.207 C23.749,19.534 24.635,20.622 24.644,21.885 C24.665,24.613 24.704,27.343 24.633,30.069 ZM20.482,12.242 C20.044,12.245 19.606,12.242 19.168,12.242 C18.730,12.242 18.292,12.247 17.854,12.241 C17.079,12.232 16.469,11.645 16.460,10.909 C16.451,10.165 17.067,9.559 17.857,9.552 C18.733,9.544 19.610,9.543 20.486,9.551 C21.303,9.558 21.916,10.152 21.908,10.913 C21.901,11.655 21.279,12.236 20.482,12.242 ZM16.738,7.006 C16.518,7.208 16.176,7.276 15.890,7.406 C15.877,7.382 15.864,7.358 15.852,7.334 C15.298,7.315 14.883,7.059 14.659,6.559 C14.437,6.064 14.472,5.554 14.850,5.153 C15.526,4.436 16.226,3.738 16.946,3.065 C17.469,2.577 18.276,2.638 18.775,3.146 C19.263,3.644 19.307,4.432 18.821,4.946 C18.150,5.655 17.458,6.347 16.738,7.006 ZM11.257,5.370 C10.711,5.515 10.107,5.283 9.816,4.765 C9.695,4.552 9.618,4.286 9.611,4.041 C9.586,3.161 9.595,2.280 9.601,1.399 C9.607,0.614 10.212,-0.002 10.959,0.001 C11.696,0.005 12.292,0.609 12.306,1.380 C12.314,1.825 12.307,2.270 12.307,2.715 C12.307,3.169 12.319,3.624 12.305,4.078 C12.285,4.724 11.887,5.203 11.257,5.370 ZM6.606,7.204 C6.098,7.433 5.580,7.399 5.168,7.013 C4.455,6.346 3.761,5.657 3.090,4.948 C2.599,4.431 2.649,3.623 3.152,3.128 C3.666,2.623 4.477,2.594 5.005,3.098 C5.691,3.753 6.355,4.430 7.023,5.103 C7.268,5.350 7.375,5.660 7.368,6.008 C7.354,6.558 7.112,6.977 6.606,7.204 ZM5.448,10.892 C5.447,11.638 4.837,12.227 4.040,12.241 C3.603,12.249 3.165,12.243 2.727,12.243 C2.289,12.242 1.851,12.247 1.414,12.241 C0.620,12.231 0.004,11.643 0.000,10.899 C-0.003,10.159 0.620,9.555 1.408,9.550 C2.283,9.544 3.159,9.545 4.035,9.552 C4.829,9.558 5.450,10.153 5.448,10.892 Z'/></svg>");
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
/* line 80, ../sass/_pstory-old-classes.scss */
.pstory-block-text.note .pstory-block-note-txt {
    margin-top: -0.4em;
    display: inline-block;
    vertical-align: middle;
}
/* line 87, ../sass/_pstory-old-classes.scss */
.pstory-block-text.note .perso-bold {
    font-weight: bold;
}

/*perso-loading*/
@keyframes persoSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes persoSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* line 23, ../sass/pstory.scss */
.personetics-widgets-wrapper {
    font-family: "muli";
    height: 100%;
}

@media (max-height: 325px) {
    /* line 28, ../sass/pstory.scss */
    .pstory-block-container.pstory-fixed, .perso-month-picker-wrapper.pstory-fixed {
        position: static;
    }
}
/* line 32, ../sass/pstory.scss */
#personetics-teaser-widget, #personetics-teaser-widget-carousel, #personetics-story-widget {
    height: 100%;
}

/* line 35, ../sass/pstory.scss */
#story-frame-container {
    height: 100%;
}

/* line 38, ../sass/pstory.scss */
#perso-loading-widget {
    width: 100%;
}
    /* line 41, ../sass/pstory.scss */
    #perso-loading-widget .perso-loading {
        border: 3px solid #f3f3f3;
        border-top: 3px solid #000000;
        position: relative;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        -webkit-animation: persoSpin 2s linear infinite;
        animation: persoSpin 2s linear infinite;
        margin: auto;
        top: calc(50% - 28px);
    }
    /* line 53, ../sass/pstory.scss */
    #perso-loading-widget .perso-loading-text {
        /*for accessibility*/
        /*position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  font-size: 50px;
  color: transparent;*/
    }

/* line 64, ../sass/pstory.scss */
.pstory-title-wrapper {
    width: 100%;
    font-size: 16.9px;
}

@media (max-width: 347px) {
    /* line 64, ../sass/pstory.scss */
    .pstory-title-wrapper {
        font-size: 13px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 64, ../sass/pstory.scss */
    .pstory-title-wrapper {
        font-size: 15.21px;
    }
}

/*in use also in out of the story*/
/* line 76, ../sass/pstory.scss */
.pstory-title-close {
    font-size: inherit;
    display: inline-block;
    width: 1.06em;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20%0A%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%0A%20width%3D%227px%22%20height%3D%2210px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22rgb%2897%2C%2098%2C%20102%29%22%0A%20d%3D%22M5.782%2C0.089%20C5.970%2C0.089%206.159%2C0.170%206.290%2C0.326%20C6.525%2C0.607%206.487%2C1.022%206.206%2C1.257%20L2.147%2C4.640%20L6.206%2C8.025%20C6.487%2C8.259%206.525%2C8.675%206.290%2C8.955%20C6.055%2C9.235%205.637%2C9.272%205.356%2C9.038%20L0.691%2C5.147%20C0.540%2C5.022%200.454%2C4.837%200.454%2C4.640%20C0.454%2C4.445%200.540%2C4.260%200.691%2C4.134%20L5.356%2C0.243%20C5.481%2C0.139%205.632%2C0.089%205.782%2C0.089%20Z%22/%3E%0A%3C/svg%3E");
    background-size: contain;
    position: absolute;
    height: 0.78em;
    transform: translate(0, -10%);
    top: 45%;
}

/*in use also in out of the story*/
/* line 91, ../sass/pstory.scss */
.story-widget-error {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

/**
 * Dialog Frame
*/
/* line 101, ../sass/pstory.scss */
.pstory-frame .pstory-dialog-frame {
    text-align: left;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
    padding-bottom: 28.6px;
    /** Dialog Frame not shaded if perso-white*/
    /** Dialog Frame with class perso-grey*/
    /** Dialog Frame with class perso-needle*/
    /*
    cancel padding bottom for last dialog
    0.1px is nessesary for avoiding margin collapse issue
  */
}

@media (max-width: 347px) {
    /* line 101, ../sass/pstory.scss */
    .pstory-frame .pstory-dialog-frame {
        padding-bottom: 22px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 101, ../sass/pstory.scss */
    .pstory-frame .pstory-dialog-frame {
        padding-bottom: 25.74px;
    }
}
/* line 114, ../sass/pstory.scss */
.pstory-frame .pstory-dialog-frame.perso-white {
    box-shadow: inset 0 0px 0px 0px;
}
/* line 118, ../sass/pstory.scss */
.pstory-frame .pstory-dialog-frame.perso-grey {
    background-color: #f2f4f5;
}
/* line 122, ../sass/pstory.scss */
.pstory-frame .pstory-dialog-frame.perso-needle {
    position: relative;
}
    /* line 124, ../sass/pstory.scss */
    .pstory-frame .pstory-dialog-frame.perso-needle:before {
        content: "\A";
        position: absolute;
        left: calc(50% - 18px);
        top: -14px;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-bottom: 15px solid #e9eaeb;
    }
    /* line 133, ../sass/pstory.scss */
    .pstory-frame .pstory-dialog-frame.perso-needle.perso-grey:before {
        border-bottom: 15px solid #e5e6e8;
    }
/* line 142, ../sass/pstory.scss */
.pstory-frame .pstory-dialog-frame:last-child {
    padding-bottom: 0.1px;
}

/* line 148, ../sass/pstory.scss */
.pstory-frame *, .perso-teaser-widget-container *, .perso-teaser-title * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
/* line 154, ../sass/pstory.scss */
.pstory-frame input[type="button"], .pstory-frame input[type="radio"], .pstory-frame button, .perso-teaser-widget-container input[type="button"], .perso-teaser-widget-container input[type="radio"], .perso-teaser-widget-container button, .perso-teaser-title input[type="button"], .perso-teaser-title input[type="radio"], .perso-teaser-title button {
    border: none;
    background-color: transparent;
    color: inherit;
}
    /* line 158, ../sass/pstory.scss */
    .pstory-frame input[type="button"]:hover, .pstory-frame input[type="button"]:focus, .pstory-frame input[type="radio"]:hover, .pstory-frame input[type="radio"]:focus, .pstory-frame button:hover, .pstory-frame button:focus, .perso-teaser-widget-container input[type="button"]:hover, .perso-teaser-widget-container input[type="button"]:focus, .perso-teaser-widget-container input[type="radio"]:hover, .perso-teaser-widget-container input[type="radio"]:focus, .perso-teaser-widget-container button:hover, .perso-teaser-widget-container button:focus, .perso-teaser-title input[type="button"]:hover, .perso-teaser-title input[type="button"]:focus, .perso-teaser-title input[type="radio"]:hover, .perso-teaser-title input[type="radio"]:focus, .perso-teaser-title button:hover, .perso-teaser-title button:focus {
        outline: none;
    }

/* line 164, ../sass/pstory.scss */
.perso-amount {
    direction: ltr;
    unicode-bidi: bidi-override;
}

/* line 169, ../sass/pstory.scss */
.pstory-button-txt-wrapper .perso-amount:first-child {
    padding-left: 0;
}

/* line 173, ../sass/pstory.scss */
.perso-horizontal-block {
    display: inline-block;
    vertical-align: top;
}

/* line 180, ../sass/pstory.scss */
.horizontal .pstory-block-frame {
    display: inline-block;
    height: 100%;
}

/**
 * Block Frame
*/
/* line 188, ../sass/pstory.scss */
.pstory-block-frame {
    box-sizing: border-box;
    padding-top: 28.6px;
    margin-right: 28.6px;
    margin-left: 28.6px;
}

@media (max-width: 347px) {
    /* line 188, ../sass/pstory.scss */
    .pstory-block-frame {
        padding-top: 22px;
        margin-right: 22px;
        margin-left: 22px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 188, ../sass/pstory.scss */
    .pstory-block-frame {
        padding-top: 25.74px;
        margin-right: 25.74px;
        margin-left: 25.74px;
    }
}

/**
 * Text Block
*/
/* line 208, ../sass/pstory.scss */
.pstory-block-text {
    font-size: 19.5px;
    /** Text with class perso-H4 */
    /** Text-block with class perso-H2 */
    /** Text-block with class perso-note */
}

@media (max-width: 347px) {
    /* line 208, ../sass/pstory.scss */
    .pstory-block-text {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 208, ../sass/pstory.scss */
    .pstory-block-text {
        font-size: 17.55px;
    }
}
/* line 218, ../sass/pstory.scss */
.pstory-block-text.perso-H4 {
    font-size: 15.6px;
}

@media (max-width: 347px) {
    /* line 218, ../sass/pstory.scss */
    .pstory-block-text.perso-H4 {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 218, ../sass/pstory.scss */
    .pstory-block-text.perso-H4 {
        font-size: 14.04px;
    }
}
/* line 228, ../sass/pstory.scss */
.pstory-block-text.perso-H2 {
    font-size: 26px;
}

@media (max-width: 347px) {
    /* line 228, ../sass/pstory.scss */
    .pstory-block-text.perso-H2 {
        font-size: 20px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 228, ../sass/pstory.scss */
    .pstory-block-text.perso-H2 {
        font-size: 23.4px;
    }
}
/* line 238, ../sass/pstory.scss */
.pstory-block-text.perso-note {
    font-size: 14.3px;
    /** Text with class perso-bold */
}

@media (max-width: 347px) {
    /* line 238, ../sass/pstory.scss */
    .pstory-block-text.perso-note {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 238, ../sass/pstory.scss */
    .pstory-block-text.perso-note {
        font-size: 12.87px;
    }
}
/* line 246, ../sass/pstory.scss */
.pstory-block-text.perso-note .pstory-block-note-icon {
    /*remove*/
    height: 1.32em;
    width: 1.09em;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2725px%27%20height%3D%2738px%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20%20fill%3D%27rgb%28100%2C%20131%2C%20203%29%27%20d%3D%27M24.633%2C30.069%20C24.574%2C32.348%2019.999%2C36.164%2018.308%2C36.620%20C15.555%2C37.363%2012.839%2C37.233%2010.217%2C36.067%20C8.337%2C35.231%203.687%2C29.909%202.052%2C27.902%20C1.615%2C27.365%201.144%2C26.855%200.696%2C26.327%20C-0.016%2C25.486%20-0.202%2C24.539%200.217%2C23.518%20C0.646%2C22.473%201.480%2C21.913%202.595%2C21.839%20C3.455%2C21.782%204.203%2C22.109%204.772%2C22.769%20C5.492%2C23.602%206.197%2C24.448%206.905%2C25.291%20C7.094%2C25.516%207.318%2C25.657%207.622%2C25.615%20C8.008%2C25.561%208.226%2C25.285%208.226%2C24.850%20C8.228%2C22.093%208.228%2C19.337%208.228%2C16.581%20C8.229%2C14.705%208.222%2C12.829%208.232%2C10.954%20C8.238%2C9.747%208.966%2C8.722%2010.048%2C8.352%20C11.866%2C7.731%2013.678%2C9.045%2013.681%2C10.990%20C13.683%2C13.187%2013.681%2C15.385%2013.681%2C17.582%20C13.681%2C17.685%2013.681%2C17.788%2013.681%2C17.891%20C13.705%2C17.898%2013.729%2C17.904%2013.753%2C17.911%20C13.789%2C17.862%2013.829%2C17.814%2013.861%2C17.762%20C14.964%2C15.998%2017.385%2C15.899%2018.624%2C17.570%20C18.980%2C18.050%2019.140%2C18.602%2019.164%2C19.190%20C19.179%2C19.578%2019.165%2C19.967%2019.167%2C20.355%20C19.167%2C20.445%2019.178%2C20.534%2019.189%2C20.707%20C19.283%2C20.574%2019.330%2C20.511%2019.373%2C20.445%20C20.071%2C19.365%2021.327%2C18.874%2022.547%2C19.207%20C23.749%2C19.534%2024.635%2C20.622%2024.644%2C21.885%20C24.665%2C24.613%2024.704%2C27.343%2024.633%2C30.069%20ZM20.482%2C12.242%20C20.044%2C12.245%2019.606%2C12.242%2019.168%2C12.242%20C18.730%2C12.242%2018.292%2C12.247%2017.854%2C12.241%20C17.079%2C12.232%2016.469%2C11.645%2016.460%2C10.909%20C16.451%2C10.165%2017.067%2C9.559%2017.857%2C9.552%20C18.733%2C9.544%2019.610%2C9.543%2020.486%2C9.551%20C21.303%2C9.558%2021.916%2C10.152%2021.908%2C10.913%20C21.901%2C11.655%2021.279%2C12.236%2020.482%2C12.242%20ZM16.738%2C7.006%20C16.518%2C7.208%2016.176%2C7.276%2015.890%2C7.406%20C15.877%2C7.382%2015.864%2C7.358%2015.852%2C7.334%20C15.298%2C7.315%2014.883%2C7.059%2014.659%2C6.559%20C14.437%2C6.064%2014.472%2C5.554%2014.850%2C5.153%20C15.526%2C4.436%2016.226%2C3.738%2016.946%2C3.065%20C17.469%2C2.577%2018.276%2C2.638%2018.775%2C3.146%20C19.263%2C3.644%2019.307%2C4.432%2018.821%2C4.946%20C18.150%2C5.655%2017.458%2C6.347%2016.738%2C7.006%20ZM11.257%2C5.370%20C10.711%2C5.515%2010.107%2C5.283%209.816%2C4.765%20C9.695%2C4.552%209.618%2C4.286%209.611%2C4.041%20C9.586%2C3.161%209.595%2C2.280%209.601%2C1.399%20C9.607%2C0.614%2010.212%2C-0.002%2010.959%2C0.001%20C11.696%2C0.005%2012.292%2C0.609%2012.306%2C1.380%20C12.314%2C1.825%2012.307%2C2.270%2012.307%2C2.715%20C12.307%2C3.169%2012.319%2C3.624%2012.305%2C4.078%20C12.285%2C4.724%2011.887%2C5.203%2011.257%2C5.370%20ZM6.606%2C7.204%20C6.098%2C7.433%205.580%2C7.399%205.168%2C7.013%20C4.455%2C6.346%203.761%2C5.657%203.090%2C4.948%20C2.599%2C4.431%202.649%2C3.623%203.152%2C3.128%20C3.666%2C2.623%204.477%2C2.594%205.005%2C3.098%20C5.691%2C3.753%206.355%2C4.430%207.023%2C5.103%20C7.268%2C5.350%207.375%2C5.660%207.368%2C6.008%20C7.354%2C6.558%207.112%2C6.977%206.606%2C7.204%20ZM5.448%2C10.892%20C5.447%2C11.638%204.837%2C12.227%204.040%2C12.241%20C3.603%2C12.249%203.165%2C12.243%202.727%2C12.243%20C2.289%2C12.242%201.851%2C12.247%201.414%2C12.241%20C0.620%2C12.231%200.004%2C11.643%200.000%2C10.899%20C-0.003%2C10.159%200.620%2C9.555%201.408%2C9.550%20C2.283%2C9.544%203.159%2C9.545%204.035%2C9.552%20C4.829%2C9.558%205.450%2C10.153%205.448%2C10.892%20Z%27/%3E%3C/svg%3E");
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}
/* line 255, ../sass/pstory.scss */
.pstory-block-text.perso-note .pstory-block-note-txt {
    margin-top: -0.4em;
    display: inline-block;
    vertical-align: middle;
}
/* line 262, ../sass/pstory.scss */
.pstory-block-text.perso-note .perso-bold {
    font-weight: bold;
}

/**
 * Button-Block
*/
/* line 271, ../sass/pstory.scss */
.pstory-block-buttons {
    /* Button */
}
    /* line 273, ../sass/pstory.scss */
    .pstory-block-buttons .pstory-button {
        color: #ffffff;
        background-color: transparent;
        border: none;
        padding: 0.5em 0.5em;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 19.5px;
    }

@media (max-width: 347px) {
    /* line 273, ../sass/pstory.scss */
    .pstory-block-buttons .pstory-button {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 273, ../sass/pstory.scss */
    .pstory-block-buttons .pstory-button {
        font-size: 17.55px;
    }
}

/**
 * Link-Block (navigation)
*/
/* line 296, ../sass/pstory.scss */
.pstory-block-navigateTo .pstory-link-navigateTo, .pstory-block-buttons .pstory-link-navigateTo {
    padding: 0.5em 0.5em;
    font-size: 14.3px;
    color: #ffffff;
    display: block;
    text-decoration: none;
}

@media (max-width: 347px) {
    /* line 296, ../sass/pstory.scss */
    .pstory-block-navigateTo .pstory-link-navigateTo, .pstory-block-buttons .pstory-link-navigateTo {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 296, ../sass/pstory.scss */
    .pstory-block-navigateTo .pstory-link-navigateTo, .pstory-block-buttons .pstory-link-navigateTo {
        font-size: 12.87px;
    }
}

/**
* Tabs-Block
*/
/* line 315, ../sass/pstory.scss */
.pstory-block-tabs {
    position: relative;
    font-size: 15.6px;
}

@media (max-width: 347px) {
    /* line 315, ../sass/pstory.scss */
    .pstory-block-tabs {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 315, ../sass/pstory.scss */
    .pstory-block-tabs {
        font-size: 14.04px;
    }
}
/* line 327, ../sass/pstory.scss */
.pstory-block-tabs .pstory-button {
    display: inline-block;
    cursor: pointer;
    padding: 0 6px;
    background-color: transparent;
    border: none;
    font-size: inherit;
    opacity: 0.3;
    padding-bottom: 0.8em;
    text-align: center;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}
    /* line 340, ../sass/pstory.scss */
    .pstory-block-tabs .pstory-button.selected {
        opacity: 1;
    }
/* line 344, ../sass/pstory.scss */
.pstory-block-tabs .pstory-tab-animated-border-bottom {
    position: absolute;
    cursor: pointer;
    top: 0;
    height: calc(100% - 0.13em);
    padding: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-bottom: 0.13em solid #000000;
}

/**
 * Transction Table
*/
/** Table */
/* line 362, ../sass/pstory.scss */
.pstory-table {
    width: 100%;
    border-collapse: collapse;
    /** Row */
}
    /* line 368, ../sass/pstory.scss */
    .pstory-table tr {
        font-size: 14.3px;
    }

@media (max-width: 347px) {
    /* line 368, ../sass/pstory.scss */
    .pstory-table tr {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 368, ../sass/pstory.scss */
    .pstory-table tr {
        font-size: 12.87px;
    }
}

/**
*account-selector block
*/
/**
*text-boxes block
*/
/* line 387, ../sass/pstory.scss */
.perso-textboxes-wrapper {
    white-space: nowrap;
    text-align: center;
}

/* line 392, ../sass/pstory.scss */
.perso-textbox {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 13px;
}

@media (max-width: 347px) {
    /* line 392, ../sass/pstory.scss */
    .perso-textbox {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 392, ../sass/pstory.scss */
    .perso-textbox {
        font-size: 11.7px;
    }
}

/* line 405, ../sass/pstory.scss */
.perso-textbox-with-image {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 13px;
}

@media (max-width: 347px) {
    /* line 405, ../sass/pstory.scss */
    .perso-textbox-with-image {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 405, ../sass/pstory.scss */
    .perso-textbox-with-image {
        font-size: 11.7px;
    }
}

/**
*toggle button
*/
/* line 421, ../sass/pstory.scss */
.perso-toggle-on, .perso-toggle-off {
    display: inline-block;
}
    /* line 423, ../sass/pstory.scss */
    .perso-toggle-on.selected, .perso-toggle-off.selected {
        display: none;
    }

/**
 * Accessibility
*/
/* line 431, ../sass/pstory.scss */
.perso-accessibility-wrapper {
    position: relative;
}

/* line 435, ../sass/pstory.scss */
.perso-accessibility-read {
    clip: rect(0 0 0 0);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 5px;
}

/*
Perso-D3-Charts
*/
/**
*rating
*/
/* line 451, ../sass/pstory.scss */
.perso-ratings-wrapper {
    font-size: 15.6px;
}

@media (max-width: 347px) {
    /* line 451, ../sass/pstory.scss */
    .perso-ratings-wrapper {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 451, ../sass/pstory.scss */
    .perso-ratings-wrapper {
        font-size: 14.04px;
    }
}
/* line 462, ../sass/pstory.scss */
.perso-ratings-wrapper .perso-ratings-icons input[type="radio"] {
    font-size: inherit;
    margin: 0;
    -webkit-appearance: none;
    border: none;
    width: 1.36em;
    height: 1.36em;
    background-size: contain;
    background-position: 100%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2732px%27%20height%3D%2730px%27%20viewBox%3D%270%200%2042%2040%27%20version%3D%271.1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%3E%20%3Ctitle%3EFill%2085%3C/title%3E%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%20%3Cdefs%3E%3C/defs%3E%3Cg%20id%3D%27Page-1%27%20stroke%3D%27none%27%20stroke-width%3D%271%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M41.9031%2C14.8348%20C41.7891%2C14.3108%2041.2871%2C13.9918%2040.7391%2C13.9918%20L27.5001%2C13.9998%20L22.2281%2C0.8438%20C22.0291%2C0.2708%2021.6351%2C-0.0002%2021.0181%2C-0.0002%20C20.4021%2C-0.0002%2019.9841%2C0.2708%2019.7861%2C0.8438%20L14.5001%2C13.9998%20L1.2751%2C13.9918%20C0.6581%2C13.9918%200.2701%2C14.2648%200.0651%2C14.8348%20C-0.0949%2C15.4498%200.0401%2C15.9078%200.4761%2C16.2478%20L11.6601%2C24.9748%20L7.5971%2C38.3508%20C7.4191%2C38.9378%207.5971%2C39.4218%208.0541%2C39.7638%20C8.3121%2C39.9158%208.5771%2C39.9998%208.8381%2C39.9998%20C9.0841%2C39.9998%209.3281%2C39.9258%209.5601%2C39.7638%20L21.0181%2C31.7878%20L32.4531%2C39.7638%20C32.6971%2C39.9338%2032.9561%2C39.9918%2033.2071%2C39.9918%20C33.9141%2C39.9918%2034.4621%2C39.4448%2034.4621%2C38.7388%20C34.4621%2C38.6248%2034.4461%2C38.4628%2034.3711%2C38.2148%20L30.3541%2C24.9748%20L41.5381%2C16.2478%20C41.9881%2C15.8968%2042.1081%2C15.4268%2041.9031%2C14.8348%27%20id%3D%27Fill-85%27%20fill%3D%27%23FFFFFF%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
    /* line 473, ../sass/pstory.scss */
    .perso-ratings-wrapper .perso-ratings-icons input[type="radio"]:checked ~ input[type="radio"] {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2732px%27%20height%3D%2730px%27%20viewBox%3D%270%200%2042%2040%27%20version%3D%271.1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%3E%3Ctitle%3EFill%2083%3C/title%3E%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%20%3Cdefs%3E%3C/defs%3E%20%3Cg%20id%3D%27Page-1%27%20stroke%3D%27none%27%20stroke-width%3D%271%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%20%3Cpath%20d%3D%27M29.1234%2C23.3984%20L28.0414%2C24.2424%20L28.4404%2C25.5554%20L31.8914%2C36.9334%20L22.1624%2C30.1474%20L21.0194%2C29.3504%20L19.8754%2C30.1464%20L10.1164%2C36.9394%20L13.5744%2C25.5564%20L13.9724%2C24.2424%20L12.8904%2C23.3984%20L3.4004%2C15.9924%20L14.4984%2C16.0004%20L15.8514%2C16.0004%20L16.3554%2C14.7454%20L21.0064%2C3.1704%20L25.6434%2C14.7444%20L26.1474%2C16.0004%20L27.5014%2C16.0004%20L38.6134%2C15.9924%20L29.1234%2C23.3984%20Z%20M41.9034%2C14.8344%20C41.7894%2C14.3104%2041.2874%2C13.9914%2040.7394%2C13.9914%20L27.5004%2C14.0004%20L22.2284%2C0.8434%20C22.0294%2C0.2714%2021.6344%2C0.0004%2021.0184%2C0.0004%20C20.4024%2C0.0004%2019.9844%2C0.2714%2019.7854%2C0.8434%20L14.5004%2C14.0004%20L1.2744%2C13.9914%20C0.6584%2C13.9914%200.2704%2C14.2654%200.0644%2C14.8344%20C-0.0946%2C15.4494%200.0404%2C15.9074%200.4754%2C16.2474%20L11.6604%2C24.9754%20L7.5974%2C38.3514%20C7.4194%2C38.9384%207.5974%2C39.4224%208.0544%2C39.7634%20C8.3124%2C39.9164%208.5764%2C40.0004%208.8384%2C40.0004%20C9.0844%2C40.0004%209.3274%2C39.9254%209.5604%2C39.7634%20L21.0184%2C31.7884%20L32.4534%2C39.7634%20C32.6974%2C39.9334%2032.9564%2C39.9914%2033.2064%2C39.9914%20C33.9144%2C39.9914%2034.4624%2C39.4444%2034.4624%2C38.7384%20C34.4624%2C38.6244%2034.4464%2C38.4624%2034.3714%2C38.2144%20L30.3534%2C24.9754%20L41.5374%2C16.2474%20C41.9874%2C15.8964%2042.1084%2C15.4274%2041.9034%2C14.8344%20L41.9034%2C14.8344%20Z%27%20id%3D%27Fill-83%27%20fill%3D%27%23FFFFFF%27%3E%3C/path%3E%20%3C/g%3E%20%3C/svg%3E");
    }
/* line 479, ../sass/pstory.scss */
.perso-ratings-wrapper .perso-ratings-icons[data-val="0"] input[type="radio"] {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2732px%27%20height%3D%2730px%27%20viewBox%3D%270%200%2042%2040%27%20version%3D%271.1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%3E%3Ctitle%3EFill%2083%3C/title%3E%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%20%3Cdefs%3E%3C/defs%3E%20%3Cg%20id%3D%27Page-1%27%20stroke%3D%27none%27%20stroke-width%3D%271%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%3E%20%3Cpath%20d%3D%27M29.1234%2C23.3984%20L28.0414%2C24.2424%20L28.4404%2C25.5554%20L31.8914%2C36.9334%20L22.1624%2C30.1474%20L21.0194%2C29.3504%20L19.8754%2C30.1464%20L10.1164%2C36.9394%20L13.5744%2C25.5564%20L13.9724%2C24.2424%20L12.8904%2C23.3984%20L3.4004%2C15.9924%20L14.4984%2C16.0004%20L15.8514%2C16.0004%20L16.3554%2C14.7454%20L21.0064%2C3.1704%20L25.6434%2C14.7444%20L26.1474%2C16.0004%20L27.5014%2C16.0004%20L38.6134%2C15.9924%20L29.1234%2C23.3984%20Z%20M41.9034%2C14.8344%20C41.7894%2C14.3104%2041.2874%2C13.9914%2040.7394%2C13.9914%20L27.5004%2C14.0004%20L22.2284%2C0.8434%20C22.0294%2C0.2714%2021.6344%2C0.0004%2021.0184%2C0.0004%20C20.4024%2C0.0004%2019.9844%2C0.2714%2019.7854%2C0.8434%20L14.5004%2C14.0004%20L1.2744%2C13.9914%20C0.6584%2C13.9914%200.2704%2C14.2654%200.0644%2C14.8344%20C-0.0946%2C15.4494%200.0404%2C15.9074%200.4754%2C16.2474%20L11.6604%2C24.9754%20L7.5974%2C38.3514%20C7.4194%2C38.9384%207.5974%2C39.4224%208.0544%2C39.7634%20C8.3124%2C39.9164%208.5764%2C40.0004%208.8384%2C40.0004%20C9.0844%2C40.0004%209.3274%2C39.9254%209.5604%2C39.7634%20L21.0184%2C31.7884%20L32.4534%2C39.7634%20C32.6974%2C39.9334%2032.9564%2C39.9914%2033.2064%2C39.9914%20C33.9144%2C39.9914%2034.4624%2C39.4444%2034.4624%2C38.7384%20C34.4624%2C38.6244%2034.4464%2C38.4624%2034.3714%2C38.2144%20L30.3534%2C24.9754%20L41.5374%2C16.2474%20C41.9874%2C15.8964%2042.1084%2C15.4274%2041.9034%2C14.8344%20L41.9034%2C14.8344%20Z%27%20id%3D%27Fill-83%27%20fill%3D%27%23FFFFFF%27%3E%3C/path%3E%20%3C/g%3E%20%3C/svg%3E");
}

/**
 * Teaser-widget
*/
/* line 490, ../sass/pstory.scss */
.perso-teaser-widget-container {
    background-color: #f9f9f9;
    font-size: 22.1px;
}

@media (max-width: 347px) {
    /* line 490, ../sass/pstory.scss */
    .perso-teaser-widget-container {
        font-size: 17px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 490, ../sass/pstory.scss */
    .perso-teaser-widget-container {
        font-size: 19.89px;
    }
}
/* line 499, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-teaser-header-wrapper {
    background-color: #5069A2;
    width: 100%;
    top: 0;
    font-size: 18.2px;
}

@media (max-width: 347px) {
    /* line 499, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-teaser-header-wrapper {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 499, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-teaser-header-wrapper {
        font-size: 16.38px;
    }
}
/* line 510, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-teaser-header-wrapper .perso-teaser-header {
    position: relative;
    padding: 1em 1.14em;
    line-height: 1em;
    border-bottom: #eeeded 1px solid;
}
    /* line 516, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-teaser-header-wrapper .perso-teaser-header .perso-teaser-header-close {
        display: inline-block;
        width: 1em;
        height: calc(100% - 2em);
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position-y: center;
    }
    /* line 526, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-teaser-header-wrapper .perso-teaser-header .perso-teaser-header-title {
        text-align: center;
        width: calc(100% - 2em);
        margin-left: 1em;
        position: relative;
    }
/* line 536, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-teaser-header-wrapper .perso-teaser-filter-tabs {
    position: relative;
    background-color: white;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
    /* line 540, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-teaser-header-wrapper .perso-teaser-filter-tabs .pstory-tab-animated-border-bottom {
        border-bottom: #ffffff 1px solid;
        height: 100%;
        width: calc(33% - 0.33em);
        position: absolute;
        top: 0;
        transition: left 0.1s ease;
    }
    /* line 548, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-teaser-header-wrapper .perso-teaser-filter-tabs .perso-teaser-filter-tab {
        width: calc(33.33% - 0.17em);
        display: inline-block;
        text-align: center;
        padding: 0;
        padding-bottom: 1em;
        padding-top: 1em;
        transition: color 0.2s ease-out;
        color: inherit;
        font-size: 18.2px;
    }

@media (max-width: 347px) {
    /* line 548, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-teaser-header-wrapper .perso-teaser-filter-tabs .perso-teaser-filter-tab {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 548, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-teaser-header-wrapper .perso-teaser-filter-tabs .perso-teaser-filter-tab {
        font-size: 16.38px;
    }
}
/* line 565, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-teaser-header-wrapper .perso-teaser-filter-tabs .perso-teaser-filter-tab.perso-selected-tab {
    color: #ffffff;
}
/* line 571, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-insights-container {
    height: 100%;
    overflow: auto;
}
    /* line 574, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container {
        margin: 0.883em;
        background-color: white;
        box-shadow: 0px 1px 1px 0px #888888;
    }
        /* line 578, ../sass/pstory.scss */
        .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox {
            margin-left: 0.3em;
        }
            /* line 580, ../sass/pstory.scss */
            .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame, .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame * {
                vertical-align: top;
                display: inline-block;
                font-weight: bold;
            }
                /* line 584, ../sass/pstory.scss */
                .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame .right-separator, .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame * .right-separator {
                    border-right: 3px solid;
                    border-right-color: #e5e5e5;
                    padding-right: 32px;
                }
                    /* line 588, ../sass/pstory.scss */
                    .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame .right-separator .pstory-block-date-box, .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame * .right-separator .pstory-block-date-box {
                        padding-top: 0;
                        line-height: 0.9em;
                    }
                        /* line 591, ../sass/pstory.scss */
                        .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame .right-separator .pstory-block-date-box .pstory-block-date-day, .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame * .right-separator .pstory-block-date-box .pstory-block-date-day {
                            text-align: center;
                        }
                        /* line 594, ../sass/pstory.scss */
                        .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame .right-separator .pstory-block-date-box .pstory-block-date-month, .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame * .right-separator .pstory-block-date-box .pstory-block-date-month {
                            font-weight: normal;
                            font-size: 16.9px;
                        }

@media (max-width: 347px) {
    /* line 594, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame .right-separator .pstory-block-date-box .pstory-block-date-month, .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame * .right-separator .pstory-block-date-box .pstory-block-date-month {
        font-size: 13px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 594, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame .right-separator .pstory-block-date-box .pstory-block-date-month, .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame * .right-separator .pstory-block-date-box .pstory-block-date-month {
        font-size: 15.21px;
    }
}
/* line 606, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame .insight-title-text, .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame * .insight-title-text {
    padding-top: 0.5em;
    padding-left: 0.5em;
}
/* line 610, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame .pstory-block-image, .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .pstory-block-hbox .pstory-block-hbox-columns-frame * .pstory-block-image {
    margin-left: 0;
    margin-right: 0;
    padding-top: 2px;
}
/* line 628, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container.perso-unread .pstory-block-hbox .right-separator {
    border-right-color: black;
}
/* line 631, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container.perso-unread .pstory-block-hbox .pstory-block-date-box {
    font-weight: bold;
}
    /* line 633, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container.perso-unread .pstory-block-hbox .pstory-block-date-box pstory-block-date-month {
        font-weight: normal;
    }
/* line 637, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container.perso-unread .pstory-block-hbox .insight-title-text {
    font-weight: bold;
}
/* line 643, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .teaser-text {
    padding-top: 0.9em;
    padding-bottom: 1.145em;
    padding-left: 0.9em;
    margin-left: 0.3em;
    font-weight: 300;
    font-size: 18.2px;
}

@media (max-width: 347px) {
    /* line 643, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .teaser-text {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 643, ../sass/pstory.scss */
    .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container .teaser-text {
        font-size: 16.38px;
    }
}
/* line 659, ../sass/pstory.scss */
.perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container.perso-highlighted .pstory-block-hbox .perso-intro-image, .perso-teaser-widget-container .perso-insights-container .perso-rich-teaser-container.perso-highlighted .pstory-block-hbox .perso-image {
    background-image: url("../resources/images/red_flag.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}

/*
material button design
*/

.pstory-frame .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pstory-frame .btn-light {
    background: #FCFCFC;
    padding: 7.5pt 11.25pt;
    border-radius: 2.25pt;
    cursor: pointer;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-size: 11pt;
    font-weight: 500;
    color: #000;
}

.pstory-frame .btn-dark {
    background: #020202;
    padding: 7.5pt 11.25pt;
    border-radius: 2.25pt;
    cursor: pointer;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-size: 11pt;
    font-weight: 500;
    color: #FFF;
}

.pstory-frame .btn-flat {
    background-color: transparent;
    padding: 7.5pt 11.25pt;
    border-radius: 2.25pt;
    cursor: pointer;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-size: 11pt;
    font-weight: 500;
}

.pstory-frame .btn-disabled {
    background: rgba(0,0,0,.1);
    padding: 7.5pt 11.25pt;
    border-radius: 2.25pt;
    cursor: not-allowed;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-size: 11pt;
    font-weight: 500;
    color: rgba(0,0,0,.4);
}

.pstory-frame .btn-disabled-flat {
    background: rgba(0,0,0,.0);
    padding: 7.5pt 11.25pt;
    border-radius: 2.25pt;
    cursor: not-allowed;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-size: 11pt;
    font-weight: 500;
    color: rgba(0,0,0,.4);
}

.pstory-frame .ripple-closed {
    position: relative;
    overflow: hidden;
}

.pstory-frame .ripple-open {
    position: relative;
}

.pstory-frame .ink {
    position: absolute;
    border-radius: 100%;
    opacity: .3;
    transform: scale(0);
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*Z Layers*/
.pstory-frame .z-5 {
    box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.33);
    -webkit-box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.33);
    -moz-box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.33);
    z-index: 5;
}

.pstory-frame .z-4 {
    box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.264);
    -webkit-box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.264);
    -moz-box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.264);
    z-index: 4;
}

.pstory-frame .z-3 {
    box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.198);
    -webkit-box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.198);
    -moz-box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.198);
    z-index: 3;
}

.pstory-frame .z-2 {
    box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.132);
    -webkit-box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.132);
    -moz-box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.132);
    z-index: 2;
}

.pstory-frame .z-1 {
    box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.0066);
    -webkit-box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.066);
    -moz-box-shadow: 0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.066);
    z-index: 1;
}

.pstory-frame .png-z-5 {
    -webkit-filter: drop-shadow(0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.33));
    z-index: 5;
}

.pstory-frame .png-z-4 {
    -webkit-filter: drop-shadow(0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.264));
    z-index: 4;
}

.pstory-frame .png-z-3 {
    -webkit-filter: drop-shadow(0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.198));
    z-index: 3;
}

.pstory-frame .png-z-2 {
    -webkit-filter: drop-shadow(0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.13));
    z-index: 2;
}

.pstory-frame .png-z-1 {
    -webkit-filter: drop-shadow(0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.066));
    z-index: 1;
}

/*Element specific*/
.pstory-frame .fab {
    box-shadow: 0pt 2.25pt 8.25pt -0.75pt rgba(0,0,0,0.6);
    -webkit-box-shadow: 0pt 2.25pt 8.25pt -0.75pt rgba(0,0,0,0.6);
    -moz-box-shadow: 0pt 2.25pt 8.25pt -0.75pt rgba(0,0,0,0.6);
    -webkit-filter: drop-shadow(0pt 2.25pt 15.75pt -0.75pt rgba(0,0,0,0.33));
    -moz-transition: all 0.18s ease;
    -o-transition: all 0.18s ease;
    -webkit-transition: all 0.18s ease;
    transition: all 0.18s ease;
}

.pstory-frame .fab-raised {
    box-shadow: 0pt 3.75pt 13.5pt -0.75pt rgba(0,0,0,0.7);
    -webkit-box-shadow: 0pt 3.75pt 13.5pt -0.75pt rgba(0,0,0,0.7);
    -moz-box-shadow: 0pt 3.75pt 13.5pt -0.75pt rgba(0,0,0,0.7);
}

.pstory-frame .minifab {
    box-shadow: 0pt 1.5pt 6.75pt -0.75pt rgba(0,0,0,0.6);
    -webkit-box-shadow: 0pt 1.5pt 6.75pt -0.75pt rgba(0,0,0,0.6);
    -moz-box-shadow: 0pt 1.5pt 6.75pt -0.75pt rgba(0,0,0,0.6);
}

.pstory-frame .card {
    -webkit-box-shadow: 0pt 1.125pt 3pt 0.75pt rgba(0,0,0,0.25);
    -moz-box-shadow: 0pt 1.125pt 3pt 0.75pt rgba(0,0,0,0.25);
    box-shadow: 0pt 1.125pt 3pt 0.75pt rgba(0,0,0,0.25);
}

.pstory-frame .btn-light {
    -webkit-box-shadow: 0pt 1.125pt 3pt 0.75pt rgba(0,0,0,0.25);
    -moz-box-shadow: 0pt 1.125pt 3pt 0.75pt rgba(0,0,0,0.25);
    box-shadow: 0pt 1.125pt 3pt 0.75pt rgba(0,0,0,0.25);
    -moz-transition: all 0.18s ease;
    -o-transition: all 0.18s ease;
    -webkit-transition: all 0.18s ease;
    transition: all 0.18s ease;
}

    .pstory-frame .btn-light:active {
        -webkit-box-shadow: 0pt 2.25pt 6pt 0.75pt rgba(0,0,0,0.5);
        -moz-box-shadow: 0pt 2.25pt 6pt 0.75pt rgba(0,0,0,0.5);
        box-shadow: 0pt 2.25pt 6pt 0.75pt rgba(0,0,0,0.5);
    }

.pstory-frame .img-title {
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
}
/* line 1, carousel-animation.scss */
.carousel-animate {
    overflow: hidden;
    white-space: nowrap;
    direction: ltr;
}
    /* line 5, carousel-animation.scss */
    .carousel-animate .carousel-outer-wrapper {
        overflow: hidden;
    }
    /* line 8, carousel-animation.scss */
    .carousel-animate .carousel-inner-wrapper {
        position: relative;
        -webkit-transition: left;
        /* Safari */
        transition: left;
        overflow-y: visible;
    }
    /* line 14, carousel-animation.scss */
    .carousel-animate .carousel-item {
        display: table-cell;
        outline: none;
    }
    /* line 21, carousel-animation.scss */
    .carousel-animate .carousel-hide-clone {
        visibility: hidden;
    }
    /* line 25, carousel-animation.scss */
    .carousel-animate .pstory-carousel-arrow-hidden {
        opacity: 0;
    }
    /* line 28, carousel-animation.scss */
    .carousel-animate .arrow-disable {
        opacity: 0.5;
    }
    /* line 31, carousel-animation.scss */
    .carousel-animate .pstory-carousel-arrow, .carousel-animate .pstory-acc-carousel-selected {
        -webkit-appearance: none;
    }
    /* line 34, carousel-animation.scss */
    .carousel-animate .pstory-acc-carousel-selected {
        opacity: 0;
    }

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    src: url("../resources/fonts/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 300;
    src: url("../resources/fonts/OpenSans-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: bold;
    src: url("../resources/fonts/OpenSans-bold.ttf") format("truetype");
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 500;
    src: url("../resources/fonts/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 100;
    src: url("../resources/fonts/OpenSans-Light.ttf") format("truetype");
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@media (max-width: 789px) {
    /* line 5, ../sass/_account-selector-colors.scss */
    .pstory-block-content .pstory-button .card {
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 0px 12px 24px 0px rgba(91, 119, 182, 0.48);
    }
        /* line 9, ../sass/_account-selector-colors.scss */
        .pstory-block-content .pstory-button .card .perso-account-name, .pstory-block-content .pstory-button .card .perso-account-number {
            font-weight: 300;
            color: #23253e;
        }
        /* line 13, ../sass/_account-selector-colors.scss */
        .pstory-block-content .pstory-button .card .pstory-button-txt {
            color: #23253e;
        }
    /* line 20, ../sass/_account-selector-colors.scss */
    .pstory-block-content .pstory-button.image1 .card {
        background-color: #ffffff;
    }
    /* line 26, ../sass/_account-selector-colors.scss */
    .pstory-block-content .pstory-button.image2 .card {
        background-color: #e4e9f5;
    }
    /* line 32, ../sass/_account-selector-colors.scss */
    .pstory-block-content .pstory-button.image3 .card {
        background-color: #d2e1fe;
    }
}
/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@media (max-width: 789px) {
    /* line 5, ../sass/_account-selector-colors.scss */
    .pstory-block-content .pstory-button .card {
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 0px 12px 24px 0px rgba(91, 119, 182, 0.48);
    }
        /* line 9, ../sass/_account-selector-colors.scss */
        .pstory-block-content .pstory-button .card .perso-account-name, .pstory-block-content .pstory-button .card .perso-account-number {
            font-weight: 300;
            color: #23253e;
        }
        /* line 13, ../sass/_account-selector-colors.scss */
        .pstory-block-content .pstory-button .card .pstory-button-txt {
            color: #23253e;
        }
    /* line 20, ../sass/_account-selector-colors.scss */
    .pstory-block-content .pstory-button.image1 .card {
        background-color: #ffffff;
    }
    /* line 26, ../sass/_account-selector-colors.scss */
    .pstory-block-content .pstory-button.image2 .card {
        background-color: #e4e9f5;
    }
    /* line 32, ../sass/_account-selector-colors.scss */
    .pstory-block-content .pstory-button.image3 .card {
        background-color: #d2e1fe;
    }
}
/* line 4, ../sass/block-tabs.scss */
.pstory-block-frame.pstory-block-tabs {
    margin-right: 4.6%;
    margin-left: 4.6%;
}

/* line 9, ../sass/block-tabs.scss */
.header-container {
    white-space: nowrap;
    position: relative;
    font-size: 14.3px;
}

@media (max-width: 347px) {
    /* line 9, ../sass/block-tabs.scss */
    .header-container {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 9, ../sass/block-tabs.scss */
    .header-container {
        font-size: 12.87px;
    }
}

/* line 21, ../sass/block-tabs.scss */
.pstory-header-button {
    cursor: pointer;
    display: inline-block;
    color: rgba(33, 49, 99, 0.6);
    display: inline-block;
    padding-bottom: 1%;
    width: 8.95em;
    text-align: center;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    /*for accessibility - in order to avoid wrong focus*/
    position: relative;
    z-index: 1;
}
    /* line 36, ../sass/block-tabs.scss */
    .pstory-header-button[aria-selected='true'] {
        color: #213163;
    }

/* line 40, ../sass/block-tabs.scss */
.pstory-tab-animated-border-bottom {
    position: absolute;
    z-index: 0;
    top: 0;
    height: calc(100% - 0.13em);
    padding: 0;
    border-bottom: 0.13em solid black;
    padding-bottom: 1px;
    margin-bottom: -1px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 789px) {
    /* line 54, ../sass/block-tabs.scss */
    .pstory-frame .header-container {
        font-size: 15.6px;
    }
}

@media (max-width: 789px) and (max-width: 347px) {
    /* line 54, ../sass/block-tabs.scss */
    .pstory-frame .header-container {
        font-size: 12px;
    }
}

@media (max-width: 789px) and (min-width: 347px) and (max-width: 395px) {
    /* line 54, ../sass/block-tabs.scss */
    .pstory-frame .header-container {
        font-size: 14.04px;
    }
}

@media (max-width: 789px) {
    /* line 63, ../sass/block-tabs.scss */
    .pstory-frame ul[role='tablist']:not(.perso-month-picker-container) {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        position: relative;
    }
        /* line 69, ../sass/block-tabs.scss */
        .pstory-frame ul[role='tablist']:not(.perso-month-picker-container):before {
            content: " ";
            position: absolute;
            top: calc(100% - 10%);
            height: calc(10% + 4%);
            background-color: rgba(142, 176, 246, 0.3);
            border-radius: 2px;
            width: 100%;
            z-index: 1;
        }
    /* line 80, ../sass/block-tabs.scss */
    .pstory-frame .pstory-block-tabs .pstory-header-button, .pstory-frame .pstory-tabs .pstory-header-button {
        color: rgba(33, 49, 99, 0.6);
        padding-bottom: 1%;
        width: 50%;
        padding: 0 0 2% 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        line-height: 21px;
        padding-top: 8px;
        text-transform: uppercase;
    }
        /* line 89, ../sass/block-tabs.scss */
        .pstory-frame .pstory-block-tabs .pstory-header-button[aria-selected='true'], .pstory-frame .pstory-tabs .pstory-header-button[aria-selected='true'] {
            color: #213163;
            font-weight: bold;
        }
    /* line 94, ../sass/block-tabs.scss */
    .pstory-frame .pstory-block-tabs .pstory-tab-animated-border-bottom, .pstory-frame .pstory-tabs .pstory-tab-animated-border-bottom {
        top: calc(100% - 10%);
        border-bottom: none;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-radius: 2px;
        background-color: #8eb0f6;
        height: 11%;
        width: calc(100% - 50%);
    }
    /* line 104, ../sass/block-tabs.scss */
    .pstory-frame .pstory-tabs .pstory-tab-animated-border-bottom {
        top: calc(100% - 10%);
        height: 9%;
        width: calc(100% - 50% - 9.3%);
    }
}
/* line 112, ../sass/block-tabs.scss */
.header-container {
    white-space: nowrap;
    position: relative;
    font-size: 14.3px;
}

@media (max-width: 347px) {
    /* line 112, ../sass/block-tabs.scss */
    .header-container {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 112, ../sass/block-tabs.scss */
    .header-container {
        font-size: 12.87px;
    }
}

/* line 5, ../sass/block-account-selector.scss */
.carousel-wrapper {
    direction: ltr;
}

/**
*account-selector block
*/
@keyframes expandCircleOverlay {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}
/* line 22, ../sass/block-account-selector.scss */
.pstory-frame {
    /*for accessibility*/
    /*for all accounts animation*/
}
    /* line 23, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector {
        margin: 0;
        padding-top: 0px;
        /*END header tabs*/
    }

@media (max-width: 789px) {
    /* line 25, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .pstory-block-content {
        overflow: hidden;
        position: relative;
        z-index: 1;
    }
        /* line 29, ../sass/block-account-selector.scss */
        .pstory-frame .pstory-block-account-selector .pstory-block-content .header-container, .pstory-frame .pstory-block-account-selector .pstory-block-content .carousel-outer-wrapper {
            z-index: 3;
        }
            /* line 31, ../sass/block-account-selector.scss */
            .pstory-frame .pstory-block-account-selector .pstory-block-content .header-container .pstory-tab-animated-border-bottom {
                background-color: white;
            }
            /* line 34, ../sass/block-account-selector.scss */
            .pstory-frame .pstory-block-account-selector .pstory-block-content .header-container .pstory-header-button {
                color: rgba(255, 255, 255, 0.7);
            }
                /* line 36, ../sass/block-account-selector.scss */
                .pstory-frame .pstory-block-account-selector .pstory-block-content .header-container .pstory-header-button[aria-selected='true'] {
                    color: white;
                }
            /* line 40, ../sass/block-account-selector.scss */
            .pstory-frame .pstory-block-account-selector .pstory-block-content .header-container ul[role='tablist'] {
                width: calc(100% - 9.3% - 9.3%);
            }
                /* line 42, ../sass/block-account-selector.scss */
                .pstory-frame .pstory-block-account-selector .pstory-block-content .header-container ul[role='tablist']:before {
                    background-color: rgba(255, 255, 255, 0.3);
                }
        /* line 47, ../sass/block-account-selector.scss */
        .pstory-frame .pstory-block-account-selector .pstory-block-content .overlay {
            z-index: 0;
            position: absolute;
            width: 1270px;
            height: 1000px;
            border-radius: 500px;
            transform: scale(0);
            top: -484px;
        }
        /* line 56, ../sass/block-account-selector.scss */
        .pstory-frame .pstory-block-account-selector .pstory-block-content.allAccounts {
            background-image: linear-gradient(#82aafb 0%, #b3ccfe 100%);
        }
            /* line 58, ../sass/block-account-selector.scss */
            .pstory-frame .pstory-block-account-selector .pstory-block-content.allAccounts .overlay-choose {
                transform: scale(1);
            }
            /* line 61, ../sass/block-account-selector.scss */
            .pstory-frame .pstory-block-account-selector .pstory-block-content.allAccounts .overlay-all {
                left: calc(-635px + 4.6% + 25%);
                animation-name: expandCircleOverlay;
                transform: scale(1);
                animation-duration: 1s;
                background-image: linear-gradient(180deg, #23253e 0%, #0d0f20 100%);
            }
            /* line 68, ../sass/block-account-selector.scss */
            .pstory-frame .pstory-block-account-selector .pstory-block-content.allAccounts .collapsed {
                background-color: linear-gradient(180deg, #23253e 0%, #0d0f20 100%);
            }
        /* line 72, ../sass/block-account-selector.scss */
        .pstory-frame .pstory-block-account-selector .pstory-block-content.chooseAccount {
            background-image: linear-gradient(180deg, #23253e 0%, #0d0f20 100%);
        }
            /* line 74, ../sass/block-account-selector.scss */
            .pstory-frame .pstory-block-account-selector .pstory-block-content.chooseAccount .overlay-all {
                transform: scale(1);
            }
            /* line 77, ../sass/block-account-selector.scss */
            .pstory-frame .pstory-block-account-selector .pstory-block-content.chooseAccount .overlay-choose {
                left: calc(-635px + 4.6% + 67%);
                animation-name: expandCircleOverlay;
                transform: scale(1);
                animation-duration: 1s;
                background-image: linear-gradient(#82aafb 0%, #b3ccfe 100%);
            }
            /* line 84, ../sass/block-account-selector.scss */
            .pstory-frame .pstory-block-account-selector .pstory-block-content.chooseAccount .collapsed {
                background-image: linear-gradient(#82aafb 0%, #b3ccfe 100%);
            }
}
/* line 93, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector.perso-collapsed .pstory-block-container.pstory-fixed {
    box-shadow: 0px 9px 26px 0px #fff;
    width: 100%;
}
    /* line 96, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector.perso-collapsed .pstory-block-container.pstory-fixed .pstory-show-header-tabs {
        padding-bottom: 0;
    }
    /* line 97, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector.perso-collapsed .pstory-block-container.pstory-fixed .carousel-index-wrapper {
        padding-top: 0.4em;
    }
        /* line 99, ../sass/block-account-selector.scss */
        .pstory-frame .pstory-block-account-selector.perso-collapsed .pstory-block-container.pstory-fixed .carousel-index-wrapper .carousel-index-dot-circle {
            height: 3px;
            width: 3px;
        }
    /* line 104, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector.perso-collapsed .pstory-block-container.pstory-fixed .pstory-arrow {
        top: calc( 50% - 10.4px );
    }

@media (max-width: 347px) {
    /* line 104, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector.perso-collapsed .pstory-block-container.pstory-fixed .pstory-arrow {
        top: calc( 50% - 8px );
    }
}
/* line 113, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector:not([data-show-header-tabs='true']) .carousel-outer-wrapper {
    background-image: linear-gradient(#82aafb 0%, #b3ccfe 100%);
}
/* line 117, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector:last-child {
    margin-bottom: -28.6px;
}

@media (max-width: 347px) {
    /* line 117, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector:last-child {
        margin-bottom: -22px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 117, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector:last-child {
        margin-bottom: -25.74px;
    }
}
/* line 127, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .carousel-outer-wrapper {
    position: relative;
    box-shadow: none;
    background-size: cover;
}

@media (max-width: 789px) {
    /* line 127, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .carousel-outer-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}
/* line 138, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .pstory-tabs .options-container .pstory-button {
    left: 0px;
    display: table-cell;
    vertical-align: top;
    position: relative;
}
/* line 146, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .options-container {
    position: relative;
    padding: 14.3px 0 8.45px 0;
}

@media (max-width: 347px) {
    /* line 146, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container {
        padding: 11px 0 6.5px 0;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 146, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container {
        padding: 12.87px 0 7.605px 0;
    }
}
/* line 159, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-show-header-tabs {
    padding: 18.2px 0 18.2px 0;
}

@media (max-width: 347px) {
    /* line 159, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container.pstory-show-header-tabs {
        padding: 14px 0 14px 0;
    }
}
/* line 167, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .options-container .cards-wrapper {
    font-size: 20.8px;
}

@media (max-width: 347px) {
    /* line 167, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container .cards-wrapper {
        font-size: 16px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 167, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container .cards-wrapper {
        font-size: 18.72px;
    }
}
/* line 176, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .options-container .pstory-button {
    padding-right: calc((491px) / 4);
    padding-left: calc((491px) / 4);
}

@media (max-width: 347px) {
    /* line 176, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-button {
        padding-right: calc((117px) / 4);
        padding-left: calc((117px) / 4);
    }
}

@media (min-width: 347px) and (max-width: 394px) {
    /* line 176, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-button {
        padding-right: calc((125.9px) / 4);
        padding-left: calc((125.9px) / 4);
    }
}

@media (min-width: 395px) and (max-width: 413px) {
    /* line 176, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-button {
        padding-right: calc((115px) / 4);
        padding-left: calc((115px) / 4);
    }
}

@media (min-width: 414px) and (max-width: 414px) {
    /* line 176, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-button {
        padding-right: calc((116px) / 4);
        padding-left: calc((116px) / 4);
    }
}
/* line 196, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .options-container .card {
    vertical-align: middle;
    color: white;
    box-sizing: border-box;
    width: 299px;
    height: 78px;
    border-radius: 13px;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 347px) {
    /* line 196, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container .card {
        height: 60px;
        width: 230px;
        border-radius: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 196, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container .card {
        height: 70.2px;
        width: 269.1px;
        border-radius: 11.7px;
        margin-top: 0;
        margin-bottom: 0;
    }
}
/* line 222, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .options-container .selected .card {
    border-radius: 13px;
    box-shadow: 0px 12px 24px 0px rgba(91, 119, 182, 0.48);
    margin-top: 0;
    margin-bottom: 0;
    width: 299px;
    height: 78px;
}

@media (max-width: 347px) {
    /* line 222, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container .selected .card {
        height: 60px;
        width: 230px;
        border-radius: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 222, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .options-container .selected .card {
        height: 70.2px;
        width: 269.1px;
        border-radius: 11.7px;
    }
}
/* line 242, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .carousel-index-wrapper {
    text-align: center;
    padding-top: 0.75em;
    height: 0.5em;
    font-size: 13px;
}

@media (max-width: 347px) {
    /* line 242, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .carousel-index-wrapper {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 242, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .carousel-index-wrapper {
        font-size: 11.7px;
    }
}
/* line 253, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .carousel-index-wrapper .carousel-index-container {
    display: inline-block;
    vertical-align: top;
}
/* line 257, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .carousel-index-wrapper .carousel-index-dot {
    padding-top: 0em;
    padding-left: 0.57em;
    display: table-cell;
    vertical-align: top;
}
    /* line 262, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .carousel-index-wrapper .carousel-index-dot:first-child {
        padding-left: 0;
    }
    /* line 266, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .carousel-index-wrapper .carousel-index-dot:only-child {
        display: none;
    }
    /* line 269, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .carousel-index-wrapper .carousel-index-dot .carousel-index-dot-circle {
        height: 0.5em;
        width: 0.5em;
        background-color: white;
        border-radius: 0.5em;
    }
    /* line 275, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .carousel-index-wrapper .carousel-index-dot.pstory-selected-index {
        padding-top: 0;
    }
        /* line 277, ../sass/block-account-selector.scss */
        .pstory-frame .pstory-block-account-selector .carousel-index-wrapper .carousel-index-dot.pstory-selected-index .carousel-index-dot-circle {
            height: 0.5em;
            width: 0.5em;
            background: #23253e;
        }
/* line 285, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .pstory-arrow {
    cursor: pointer;
    position: absolute;
    background-color: transparent;
    background-image: url("../resources/images/arrow-right.svg");
    background-repeat: no-repeat;
    background-position-y: center;
    top: calc( 50% - 18.2px );
    right: 4.6%;
    height: 18.2px;
    width: 10.4px;
}

@media (max-width: 347px) {
    /* line 285, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .pstory-arrow {
        top: calc( 50% - 14px );
    }
}
/* line 304, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .pstory-arrow.pstory-prev-account-button {
    background-image: url("../resources/images/entity_selector/arrow-left.svg");
    left: 5.98%;
}

@media (max-width: 347px) {
    /* line 304, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .pstory-arrow.pstory-prev-account-button {
        left: 4.6%;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 304, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector .pstory-arrow.pstory-prev-account-button {
        left: 5.382%;
    }
}
/* line 315, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector .pstory-disable {
    opacity: 0;
    pointer-events: none;
}
/* line 321, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector.perso-RTL .header-container ul[role='tablist'] {
    transform: scale(-1, 1);
}
    /* line 323, ../sass/block-account-selector.scss */
    .pstory-frame .pstory-block-account-selector.perso-RTL .header-container ul[role='tablist'] .pstory-header-button {
        transform: scale(-1, 1);
        direction: rtl;
    }
/* line 328, ../sass/block-account-selector.scss */
.pstory-frame .pstory-block-account-selector.perso-RTL .carousel-outer-wrapper {
    transform: scale(-1, 1);
}
/* line 335, ../sass/block-account-selector.scss */
.pstory-frame .perso-account-selector {
    position: relative;
    box-sizing: border-box;
}
    /* line 337, ../sass/block-account-selector.scss */
    .pstory-frame .perso-account-selector.perso-singel-account-selector .carousel-index-wrapper {
        display: none;
    }
    /* line 340, ../sass/block-account-selector.scss */
    .pstory-frame .perso-account-selector.perso-singel-account-selector .options-container {
        padding: 11px 0 11px 0;
    }
    /* line 346, ../sass/block-account-selector.scss */
    .pstory-frame .perso-account-selector .perso-accessibility-wrapper {
        position: absolute;
    }
/* line 350, ../sass/block-account-selector.scss */
.pstory-frame .pstory-account-button {
    padding: 0;
    position: absolute;
    z-index: 200;
}
/* line 357, ../sass/block-account-selector.scss */
.pstory-frame .pstory-button-hidden {
    visibility: hidden;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 7, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .card .perso-account-name, .pstory-frame .pstory-block-account-selector .options-container .card .perso-account-number {
    overflow: hidden;
    display: inline-block;
}
/* line 11, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .card .perso-account-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 30px);
    /*white-space: normal;*/
    word-wrap: break-word;
    font-weight: 300;
    text-align: left;
    font-size: 14.3px;
}

@media (max-width: 347px) {
    /* line 11, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .card .perso-account-name {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 11, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .card .perso-account-name {
        font-size: 12.87px;
    }
}
/* line 28, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .card .perso-account-number {
    font-weight: 100;
    font-size: 14.3px;
}

@media (max-width: 347px) {
    /* line 28, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .card .perso-account-number {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 28, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .card .perso-account-number {
        font-size: 12.87px;
    }
}
/* line 38, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .card .perso-card-img {
    background-image: url("data:image/svg+xml,<svg version='1.1' baseProfile='basic' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='396.52px' height='101.836px' viewBox='0 0 396.52 101.836' xml:space='preserve'><path fill='#FFFFFF' d='M350.035,62.08l11.61,13.059c0.882-0.036,1.819-0.056,2.813-0.056c0.92,0,1.839,0.02,2.758,0.056l-8.91-9.366l-19.913-21.543c2.565-2.565,4.729-4.655,6.489-6.268l19.417-18.42c-0.881,0.037-1.816,0.055-2.807,0.055s-1.943-0.018-2.86-0.055c-1.395,1.503-2.45,2.64-3.166,3.409c-0.716,0.77-1.44,1.54-2.175,2.31l-4.679,4.618l-14.974,14.351L350.035,62.08z M330.198,75.083c0.484,0,1.227,0.02,2.232,0.056l0.215-12l1.776-52.129l0.647-11.01c-0.955,0.037-1.707,0.055-2.258,0.055c-0.552,0-1.305-0.018-2.259-0.055c0,5.212-0.146,12.57-0.439,22.074l-0.88,28.019c-0.33,9.175-0.733,17.524-1.21,25.046C328.99,75.103,329.715,75.083,330.198,75.083 M265.438,75.083c0.513,0,1.248,0.02,2.203,0.056c0-4.845,0.136-10.763,0.409-17.754c0.273-6.99,0.629-12.026,1.065-15.109c0.477-3.559,1.174-6.33,2.091-8.312c1.21-2.715,2.77-4.963,4.677-6.743s4.126-3.128,6.658-4.046c2.677-0.954,5.759-1.431,9.244-1.431c2.494,0,4.915,0.284,7.263,0.853c2.349,0.569,4.374,1.486,6.08,2.752s2.907,2.854,3.604,4.762c0.696,1.908,1.046,4.073,1.046,6.495c0,2.312-0.146,6.074-0.437,11.285l-0.762,14.092c-0.217,4.183-0.507,8.568-0.87,13.156c0.698-0.036,1.396-0.056,2.095-0.056s1.414,0.02,2.15,0.056l0.219-8.974l1.152-25.046c0.109-2.238,0.164-3.926,0.164-5.064c0-2.532-0.359-4.908-1.074-7.129c-0.716-2.22-2.028-4.183-3.938-5.89c-1.909-1.706-4.315-2.908-7.215-3.605c-2.902-0.697-5.895-1.046-8.979-1.046c-1.837,0-3.691,0.137-5.563,0.413c-1.874,0.275-3.701,0.715-5.481,1.321c-1.781,0.605-3.305,1.358-4.571,2.257c-1.267,0.899-2.359,1.863-3.276,2.89c-0.919,1.028-1.645,1.991-2.177,2.89s-1.202,2.211-2.011,3.936l0.742-12.551c-0.955,0.037-1.653,0.055-2.094,0.055c-0.479,0-1.193-0.018-2.148-0.055c0,1.285-0.037,3.34-0.109,6.165l-0.495,15.799l-1.869,33.633C264.188,75.103,264.923,75.083,265.438,75.083 M216.549,23.201c1.614-0.458,3.595-0.861,5.941-1.211c2.346-0.348,4.859-0.523,7.536-0.523c2.311,0,4.511,0.203,6.601,0.606c2.09,0.404,3.841,1.12,5.253,2.147c1.412,1.028,2.393,2.119,2.943,3.275c0.55,1.156,0.825,2.359,0.825,3.606c0,1.722-0.587,3.418-1.76,5.085c-1.175,1.668-2.825,2.97-4.952,3.904c-2.127,0.935-4.382,1.714-6.767,2.337c-5.28,1.356-8.307,2.144-9.078,2.364c-2.787,0.807-5.391,1.686-7.811,2.639c-2.091,0.807-3.999,1.796-5.723,2.969c-1.468,0.953-2.641,1.979-3.521,3.078c-1.063,1.319-1.853,2.703-2.366,4.15c-0.514,1.448-0.77,2.942-0.77,4.481c0,2.016,0.421,3.94,1.266,5.772c0.844,1.833,2.147,3.446,3.908,4.839c1.762,1.394,3.945,2.327,6.551,2.804s5.45,0.715,8.532,0.715c1.652,0,3.404-0.083,5.257-0.248c1.854-0.165,4.267-0.542,7.239-1.128c0.22-1.395,0.495-2.789,0.825-4.184c-2.386,0.771-4.211,1.294-5.478,1.568c-1.266,0.275-2.613,0.496-4.046,0.661c-1.431,0.165-2.917,0.247-4.458,0.247c-3.083,0-5.717-0.357-7.899-1.071c-2.184-0.714-3.99-1.951-5.423-3.71c-1.431-1.758-2.146-3.828-2.146-6.21c0-1.576,0.294-3.059,0.881-4.452c0.514-1.172,1.321-2.289,2.422-3.353c1.247-1.208,2.808-2.307,4.678-3.297c1.726-0.915,4.165-1.886,7.322-2.912c1.395-0.44,3.714-1.1,6.962-1.979s5.293-1.456,6.139-1.731c0.844-0.274,1.77-0.604,2.778-0.989c1.009-0.385,1.871-0.761,2.587-1.127c0.717-0.366,1.376-0.778,1.982-1.237c0.604-0.457,1.477-1.163,2.614-2.116c-0.221,3.487-0.395,7.239-0.522,11.257c-0.129,4.019-0.294,7.771-0.495,11.257c-0.201,3.487-0.559,8.037-1.071,13.652c0.919-0.036,1.689-0.056,2.315-0.056c0.588,0,1.36,0.02,2.315,0.056v-4.624c0-2.128,0.091-5.605,0.273-10.432c0.183-4.825,0.383-8.853,0.604-12.083c0.219-3.229,0.393-6.248,0.521-9.055c0.127-2.808,0.192-5.128,0.192-6.964c0-1.797-0.285-3.559-0.854-5.284c-0.568-1.725-1.742-3.256-3.522-4.596c-1.78-1.34-4.073-2.294-6.881-2.863c-2.808-0.568-5.845-0.853-9.11-0.853c-2.826,0-5.614,0.193-8.367,0.578c-2.752,0.385-6,1.092-9.743,2.119c-0.146,1.615-0.349,3.047-0.605,4.294C212.9,24.385,214.937,23.661,216.549,23.201 M160.248,22.183c2.939-0.476,5.77-0.716,8.49-0.716c4.446,0,8.315,0.789,11.605,2.365c3.289,1.577,5.918,4.189,7.884,7.836c1.966,3.648,2.95,8.038,2.95,13.169c0,3.63-0.506,7.268-1.515,10.916c-1.01,3.648-2.471,6.828-4.38,9.54c-1.91,2.713-4.298,4.702-7.162,5.967c-2.865,1.265-5.95,1.896-9.256,1.896c-3.269,0-6.254-0.631-8.953-1.894c-2.7-1.265-4.895-3.087-6.584-5.467s-2.828-5.091-3.415-8.13c-0.589-3.04-0.882-6.518-0.882-10.437c0-3.008,0.071-5.632,0.213-7.871c0.142-2.238,0.356-7.082,0.64-14.533C153.852,23.541,157.307,22.66,160.248,22.183 M146.123,75.083c0.544,0,1.288,0.02,2.23,0.056l0.122-13.321c0.66,1.98,1.303,3.55,1.928,4.706c0.624,1.156,1.469,2.312,2.534,3.468s2.396,2.212,3.994,3.165c1.598,0.955,3.453,1.707,5.565,2.257c2.112,0.551,4.325,0.826,6.639,0.826c4.003,0,7.649-0.688,10.936-2.064c3.288-1.376,6.098-3.596,8.43-6.66c2.333-3.064,4.05-6.514,5.151-10.35c1.102-3.834,1.654-7.789,1.654-11.862c0-3.633-0.469-7.101-1.407-10.404c-0.937-3.303-2.537-6.303-4.797-9c-2.262-2.698-5.129-4.624-8.603-5.78c-3.475-1.156-7.546-1.734-12.215-1.734c-2.683,0-5.395,0.165-8.134,0.495c-2.738,0.331-6.13,1.01-10.174,2.037l0.394-8.587c0.15-4.074,0.43-8.183,0.843-12.331c-0.955,0.037-1.744,0.055-2.369,0.055c-0.588,0-1.359-0.018-2.313-0.055l-0.592,24.331l-1.561,45.358l-0.431,5.45C144.89,75.103,145.615,75.083,146.123,75.083'/><path d='M89.402,101.836c1.506,0,2.975-0.184,4.408-0.551c1.322-0.294,2.553-0.734,3.692-1.321c0.955-0.477,1.818-1.046,2.59-1.706c1.028-0.918,2.02-2.019,2.975-3.303c1.175-1.651,2.571-4.221,4.188-7.707l10.286-22.679l10.725-23.175c4.877-10.458,8.232-17.743,10.066-21.853c-1.068,0.037-1.915,0.055-2.542,0.055c-0.59,0-1.418-0.018-2.486-0.055c-0.88,2.604-1.631,4.694-2.254,6.272c-0.622,1.577-1.722,4.145-3.297,7.702l-17.368,38.731L97.866,36.541c-1.287-3.558-2.261-6.4-2.924-8.528c-0.514-1.54-0.974-3.062-1.378-4.566l-0.993-3.906c-1.024,0.037-1.884,0.055-2.579,0.055c-0.695,0-1.573-0.018-2.633-0.055l8.712,23.572l12.13,33.76c-2.498,5.706-4.684,10.191-6.559,13.458c-1.874,3.267-3.73,5.432-5.567,6.495c-1.837,1.064-3.803,1.597-5.898,1.597c-0.882,0-1.846-0.083-2.894-0.248c-1.047-0.165-1.938-0.366-2.673-0.604c-0.734-0.24-1.671-0.615-2.811-1.129c0.22,1.651,0.33,3.083,0.33,4.294C84.665,101.468,87.088,101.836,89.402,101.836 M2.205,75.083c0.513,0,1.248,0.02,2.204,0.056c0-5.688,0.18-12.588,0.543-20.698c0.326-7.339,0.783-12.444,1.371-15.314c0.698-3.31,1.607-5.968,2.728-7.974c1.119-2.005,2.488-3.697,4.104-5.077c1.616-1.38,3.462-2.446,5.537-3.2c2.076-0.755,4.253-1.132,6.53-1.132c2.094,0,4.014,0.322,5.758,0.967s3.195,1.538,4.353,2.68c1.157,1.143,1.993,2.441,2.507,3.897c0.514,1.455,0.772,3.546,0.772,6.272c0,2.9-0.112,6.551-0.335,10.955l-0.669,13.873c-0.186,4.808-0.465,9.725-0.836,14.752c0.954-0.036,1.69-0.056,2.204-0.056c0.514,0,1.248,0.02,2.204,0.056l0.613-22.02c0.223-7.082,0.623-12,1.199-14.752c0.661-3.229,1.514-5.771,2.56-7.624s2.376-3.449,3.991-4.789c1.615-1.339,3.431-2.376,5.45-3.11c2.019-0.734,4.221-1.101,6.607-1.101c1.651,0,3.211,0.174,4.679,0.523c1.468,0.349,2.725,0.825,3.771,1.431c1.046,0.605,1.936,1.312,2.671,2.119c0.733,0.808,1.293,1.661,1.679,2.56c0.385,0.9,0.633,1.816,0.743,2.752c0.11,0.936,0.165,2.046,0.165,3.331c0,2.459-0.111,5.578-0.331,9.357l-0.827,15.138c-0.331,6.276-0.662,11.67-0.992,16.185c0.954-0.036,1.69-0.056,2.205-0.056c0.514,0,1.249,0.02,2.204,0.056c0.037-5.321,0.21-11.349,0.522-18.083c0.31-6.734,0.593-11.926,0.849-15.579c0.257-3.651,0.385-6.376,0.385-8.174c0-3.229-0.744-6.001-2.231-8.313c-1.487-2.311-3.589-3.99-6.306-5.036c-2.717-1.046-5.599-1.569-8.646-1.569c-1.983,0-3.92,0.239-5.81,0.715c-1.892,0.478-3.608,1.129-5.15,1.955c-1.542,0.825-2.873,1.789-3.992,2.89c-1.12,1.101-2.011,2.174-2.672,3.22c-0.66,1.046-1.358,2.284-2.092,3.715c-0.441-1.797-0.891-3.21-1.349-4.238c-0.459-1.027-1.111-2.018-1.954-2.973c-0.845-0.953-1.899-1.816-3.165-2.587c-1.267-0.77-2.799-1.412-4.597-1.926s-3.688-0.771-5.67-0.771c-2.312,0-4.54,0.33-6.687,0.991c-2.147,0.66-4.055,1.578-5.725,2.752c-1.67,1.175-3,2.404-3.991,3.688c-0.991,1.285-2.073,3.047-3.248,5.285l0.568-11.56c-0.698,0.037-1.396,0.055-2.093,0.055c-0.699,0-1.414-0.018-2.149-0.055c0,1.908-0.019,4.202-0.055,6.881L0.879,63.139c-0.074,1.505-0.165,3.009-0.275,4.514L0,75.139C0.955,75.103,1.69,75.083,2.205,75.083'/><polygon fill='#E5E645' points='119.953,90.146 115.793,99.302 396.519,90.894 396.519,90.146 '/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    height: 14.3px;
    width: 54.6px;
}

@media (max-width: 347px) {
    /* line 38, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .card .perso-card-img {
        height: 11px;
        width: 42px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 38, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .card .perso-card-img {
        height: 12.87px;
        width: 49.14px;
    }
}
/* line 53, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .card .card-image {
    float: left;
    height: 100%;
    width: 24%;
    position: relative;
}
    /* line 58, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .card .card-image .image {
        height: 33.8px;
        width: 41.6px;
        display: block;
        background-image: url(../resources/images/account_selector/credit.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 30%;
        left: 22%;
    }

@media (max-width: 347px) {
    /* line 58, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .card .card-image .image {
        height: 26px;
        width: 32px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 58, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .card .card-image .image {
        height: 30.42px;
        width: 37.44px;
    }
}
/* line 78, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .card .card-image.savings {
    background-image: url("../resources/images/account_selector/savings.svg");
}
/* line 81, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .card .card-image.checking {
    background-image: url("../resources/images/account_selector/checking.svg");
}
/* line 85, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .card .card-container {
    padding-top: 4%;
    box-sizing: border-box;
    height: 100%;
    display: inline-block;
    width: 76%;
    padding-right: 4.375vw;
}
/* line 96, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .selected.pstory-button .card .perso-account-name {
    font-size: 11px;
}

@media (max-width: 347px) {
    /* line 96, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .selected.pstory-button .card .perso-account-name {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 96, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .selected.pstory-button .card .perso-account-name {
        font-size: 11px;
    }
}
/* line 105, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .selected.pstory-button .card .perso-account-number {
    font-size: 11px;
}

@media (max-width: 347px) {
    /* line 105, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .selected.pstory-button .card .perso-account-number {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 105, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .selected.pstory-button .card .perso-account-number {
        font-size: 11px;
    }
}
/* line 114, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .selected.pstory-button .card .perso-card-img {
    height: 18.2px;
    width: 70.2px;
}

@media (max-width: 347px) {
    /* line 114, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .selected.pstory-button .card .perso-card-img {
        height: 14px;
        width: 54px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 114, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .selected.pstory-button .card .perso-card-img {
        height: 16.38px;
        width: 63.18px;
    }
}
/* line 128, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .pstory-button-txt-wrapper {
    text-align: left;
    font-weight: 500;
    vertical-align: top;
    overflow: hidden;
    margin: auto;
    max-width: 299px;
    /*same as the card*/
    font-size: 15.6px;
    padding-top: 0;
}

@media (max-width: 789px) {
    /* line 128, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-button-txt-wrapper {
        font-weight: 800;
    }
}

@media (max-width: 347px) {
    /* line 128, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-button-txt-wrapper {
        font-size: 12px;
        padding-top: 0;
        max-width: 230px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 128, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-button-txt-wrapper {
        font-size: 14.04px;
        padding-top: 0;
        max-width: 269.1px;
    }
}
/* line 151, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .pstory-button-txt-wrapper .perso-bold {
    font-weight: 500;
    display: inline-block;
    line-height: 1.06em;
    margin-bottom: 0.3em;
    font-size: 15.6px;
}

@media (max-width: 789px) {
    /* line 151, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-button-txt-wrapper .perso-bold {
        font-weight: 800;
    }
}

@media (max-width: 347px) {
    /* line 151, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-button-txt-wrapper .perso-bold {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 151, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-button-txt-wrapper .perso-bold {
        font-size: 14.04px;
    }
}
/* line 168, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container .selected .pstory-button-txt-wrapper {
    max-width: 299px;
    /*same as the card*/
}

@media (max-width: 347px) {
    /* line 168, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .selected .pstory-button-txt-wrapper {
        max-width: 230px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 168, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container .selected .pstory-button-txt-wrapper {
        max-width: 269.1px;
    }
}
/* line 180, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container.allAccounts.pstory-all-animation-heapCards .pstory-button .card .perso-account-name {
    font-size: 14.3px;
}

@media (max-width: 347px) {
    /* line 180, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container.allAccounts.pstory-all-animation-heapCards .pstory-button .card .perso-account-name {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 180, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container.allAccounts.pstory-all-animation-heapCards .pstory-button .card .perso-account-name {
        font-size: 12.87px;
    }
}
/* line 189, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container.allAccounts.pstory-all-animation-heapCards .pstory-button .card .perso-account-number {
    font-size: 14.3px;
}

@media (max-width: 347px) {
    /* line 189, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container.allAccounts.pstory-all-animation-heapCards .pstory-button .card .perso-account-number {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 189, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container.allAccounts.pstory-all-animation-heapCards .pstory-button .card .perso-account-number {
        font-size: 12.87px;
    }
}
/* line 198, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector .options-container.allAccounts.pstory-all-animation-heapCards .pstory-button .card .perso-card-img {
    height: 14.3px;
    width: 54.6px;
}

@media (max-width: 347px) {
    /* line 198, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container.allAccounts.pstory-all-animation-heapCards .pstory-button .card .perso-card-img {
        height: 11px;
        width: 42px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 198, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector .options-container.allAccounts.pstory-all-animation-heapCards .pstory-button .card .perso-card-img {
        height: 12.87px;
        width: 49.14px;
    }
}
/* line 215, ../sass/block-account-selector-card.scss */
.pstory-frame .pstory-block-account-selector.perso-RTL .card-container {
    transform: scale(-1, 1);
}
    /* line 217, ../sass/block-account-selector-card.scss */
    .pstory-frame .pstory-block-account-selector.perso-RTL .card-container .perso-account-name, .pstory-frame .pstory-block-account-selector.perso-RTL .card-container .perso-account-number, .pstory-frame .pstory-block-account-selector.perso-RTL .card-container .pstory-button-txt-wrapper {
        text-align: right;
        direction: rtl;
    }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 3, ../sass/block-account-selector-all.scss */
.pstory-frame {
    /*animations key frames*/
    /*END animations key frames*/
}

@-webkit-keyframes persoFade {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes persoFadeBack {
    0% {
        opacity: 1;
    }

    30% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes persoFade {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes persoFadeBack {
    0% {
        opacity: 1;
    }

    30% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes allTextOpictyAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* line 67, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container .pstory-all-accounts-txt {
    opacity: 0;
    z-index: 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin: auto;
    margin-top: 0;
    color: white;
    font-size: 15.6px;
    font-weight: 800;
}

@media (max-width: 347px) {
    /* line 67, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-all-accounts-txt {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 67, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-all-accounts-txt {
        font-size: 14.04px;
    }
}
/* line 84, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container .pstory-all-accounts-txt .perso-bold {
    display: block;
    color: #8eb0f6;
    font-size: 27.3px;
    line-height: 36px;
}

@media (max-width: 347px) {
    /* line 84, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-all-accounts-txt .perso-bold {
        font-size: 21px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 84, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-all-accounts-txt .perso-bold {
        font-size: 24.57px;
    }
}
/* line 98, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.allAccounts .pstory-all-accounts-txt {
    opacity: 1;
}
/* line 101, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.allAccounts .carousel-index-wrapper, .pstory-frame .pstory-block-account-selector .options-container.allAccounts ~ .pstory-account-button {
    display: none;
}
/* line 105, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container .pstory-card-transition {
    -moz-transition: transform 0.5s ease-out, left 0.4s ease;
    -o-transition: transform 0.5s ease-out, left 0.4s ease;
    -webkit-transition: transform 0.5s ease-out, left 0.4s ease;
    transition: transform 0.5s ease-out, left 0.4s ease;
}

@media (max-width: 789px) {
    /* line 105, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container .pstory-card-transition {
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
}
/* line 111, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container .pstory-card-transition .pstory-button-txt-wrapper {
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
/* line 117, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards .pstory-all-accounts-txt {
    display: none;
}
    /* line 119, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards .pstory-all-accounts-txt .pstory-card-transition {
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }
    /* line 122, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards .pstory-all-accounts-txt .pstory-all-accounts-txt {
        font-weight: 100;
        padding-top: 1.1em;
    }
        /* line 125, ../sass/block-account-selector-all.scss */
        .pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards .pstory-all-accounts-txt .pstory-all-accounts-txt .perso-bold {
            font-weight: 400;
            line-height: 1.06em;
            margin-bottom: 0.3em;
        }
/* line 134, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards.allAccounts .pstory-button.pstory-all-animated {
    -webkit-transform: rotateX(12deg) rotateZ(-34deg) skew(29deg, 8deg);
    transform: rotateX(12deg) rotateZ(-34deg) skew(29deg, 8deg);
}
/* line 139, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards.allAccounts .pstory-button > .pstory-button-txt-wrapper {
    /*only for button txt that not inside card*/
    display: none;
}
/* line 143, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards.allAccounts .pstory-all-accounts-txt {
    display: block;
}
/* line 147, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards.allAccounts .pstory-button .card {
    box-shadow: none;
    width: 230px;
    height: 78px;
    border-radius: 13px;
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 347px) {
    /* line 147, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards.allAccounts .pstory-button .card {
        height: 60px;
        border-radius: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 147, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards.allAccounts .pstory-button .card {
        height: 70.2px;
        border-radius: 11.7px;
        margin-top: 0;
        margin-bottom: 0;
    }
}
/* line 169, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards.allAccounts .pstory-button.pstory-boxshadow-card .card {
    box-shadow: -11.7px 11.7px 28.6px 0px rgba(177, 176, 176, 0.95);
}

@media (max-width: 347px) {
    /* line 169, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards.allAccounts .pstory-button.pstory-boxshadow-card .card {
        box-shadow: -9px 9px 22px 0px rgba(177, 176, 176, 0.95);
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 169, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-heapCards.allAccounts .pstory-button.pstory-boxshadow-card .card {
        box-shadow: -10.53px 10.53px 25.74px 0px rgba(177, 176, 176, 0.95);
    }
}
/* line 185, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-fadingSlidingOut .pstory-button.pstory-card-transition {
    animation: persoFadeBack 0.2s ease-in-out;
    animation-delay: 0.1s;
    -webkit-animation: persoFadeBack 0.2s ease-in-out;
    -webkit-animation-delay: 0.1s;
}
    /* line 190, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-fadingSlidingOut .pstory-button.pstory-card-transition .card {
        -moz-transition: box-shadow 0.3s;
        -o-transition: box-shadow 0.3s;
        -webkit-transition: box-shadow 0.3s;
        transition: box-shadow 0.3s;
    }
/* line 194, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-fadingSlidingOut .pstory-all-accounts-txt {
    position: absolute;
    top: 25%;
}
    /* line 197, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-fadingSlidingOut .pstory-all-accounts-txt.pstory-card-transition {
        -moz-transition: 0.2s opacity ease-out;
        -o-transition: 0.2s opacity ease-out;
        -webkit-transition: 0.2s opacity ease-out;
        transition: 0.2s opacity ease-out;
    }
/* line 204, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-fadingSlidingOut.allAccounts .pstory-button.pstory-all-animated .card {
    box-shadow: none;
}
/* line 207, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-fadingSlidingOut.allAccounts .pstory-button.pstory-all-animated.pstory-card-transition {
    -moz-transition-property: 0.2s;
    -o-transition-property: 0.2s;
    -webkit-transition-property: 0.2s;
    transition-property: 0.2s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
    /* line 210, ../sass/block-account-selector-all.scss */
    .pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-fadingSlidingOut.allAccounts .pstory-button.pstory-all-animated.pstory-card-transition .card {
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
/* line 216, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector .options-container.pstory-all-animation-fadingSlidingOut.allAccounts .pstory-all-accounts-txt {
    display: grid;
    -moz-transition-property: 1s;
    -o-transition-property: 1s;
    -webkit-transition-property: 1s;
    transition-property: 1s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
/* line 225, ../sass/block-account-selector-all.scss */
.pstory-frame .pstory-block-account-selector.perso-RTL .pstory-all-accounts-txt {
    transform: scale(-1, 1);
    direction: rtl;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
 * Button-Block
*/
/* line 8, ../sass/block-buttons.scss */
.pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons {
    text-align: right;
    margin-left: 1em;
    /* Button */
}
    /* line 12, ../sass/block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons .pstory-button {
        cursor: pointer;
        font-weight: 500;
        text-align: center;
    }
        /* line 16, ../sass/block-buttons.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons .pstory-button:first-child {
            margin-left: 0;
        }
        /* line 19, ../sass/block-buttons.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons .pstory-button.pstory-radio-button {
            font-weight: 800;
        }
    /* line 21, ../sass/block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.pstory-block-buttons-navigateTo {
        padding-top: 0;
        text-align: center;
        margin-left: 1em;
        height: 60px;
        display: table;
        margin: 0 auto;
        /* Button */
    }
        /* line 22, ../sass/block-buttons.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.pstory-block-buttons-navigateTo .pstory-block-container {
            display: table-cell;
            vertical-align: middle;
        }
        /* line 33, ../sass/block-buttons.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.pstory-block-buttons-navigateTo .pstory-button {
            cursor: pointer;
            font-weight: 400;
            border-radius: 11px;
            font-size: 12px;
            color: white;
            text-align: center;
            line-height: 21px;
            width: auto;
            padding-left: 9px;
            padding-right: 9px;
            padding-top: 2px;
            padding-bottom: 2px;
            background-color: #2c375f;
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.18);
            margin: 0;
        }
        /* line 50, ../sass/block-buttons.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.pstory-block-buttons-navigateTo.perso-secondary {
            height: 40px;
            margin: 0;
            padding-top: 0;
            display: block;
        }
            /* line 51, ../sass/block-buttons.scss */
            .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.pstory-block-buttons-navigateTo.perso-secondary .pstory-block-container {
                display: inline-block;
            }
            /* line 58, ../sass/block-buttons.scss */
            .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.pstory-block-buttons-navigateTo.perso-secondary .pstory-button {
                background-color: #616266;
                box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.18);
            }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
 * Link-Block (navigation)
*/
/* line 8, ../sass/block-buttons-navigateTo.scss */
.pstory-frame .pstory-block-buttons .pstory-link-navigateTo.ripple-closed .ink {
    pointer-events: none;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
 * Button-Block
*/
/* line 9, ../sass/block-buttons-radio.scss */
.pstory-frame .pstory-block-buttons.perso-radio-buttons {
    text-align: right;
    margin-left: 1em;
    /* Button */
}
    /* line 13, ../sass/block-buttons-radio.scss */
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper {
        max-height: calc((19%) / 4);
        padding: 5px 0 5px 0;
        border-bottom: 1px solid rgba(177, 186, 197, 0.4);
    }
    /* line 21, ../sass/block-buttons-radio.scss */
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-button {
        text-align: left;
        color: #394048;
        font-weight: 300;
        padding: 0;
        line-height: 18px;
        font-size: 19.5px;
    }

@media (max-width: 347px) {
    /* line 21, ../sass/block-buttons-radio.scss */
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-button {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 21, ../sass/block-buttons-radio.scss */
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-button {
        font-size: 17.55px;
    }
}
/* line 35, ../sass/block-buttons-radio.scss */
.pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-button.selected input[type='radio']:before {
    background-color: #6484cd;
}
/* line 39, ../sass/block-buttons-radio.scss */
.pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-button input[type='radio'] {
    -webkit-appearance: none;
    width: 0.7em;
    height: 0.7em;
    height: 0.7em;
    width: 0.7em;
    border-radius: 0.7em;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: inherit;
    vertical-align: middle;
    display: none;
}
    /* line 50, ../sass/block-buttons-radio.scss */
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-button input[type='radio']:before {
        content: '';
        display: block;
        width: 0.37em;
        height: 0.37em;
        margin: auto;
        margin-top: calc((100% - 0.37em) / 2);
        border-radius: 0.37em;
    }

@media (max-width: 789px) {
    /* line 62, ../sass/block-buttons-radio.scss */
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(1) {
        height: calc(19%);
    }
        /* line 65, ../sass/block-buttons-radio.scss */
        .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(1) .pstory-button:before {
            top: -353px;
        }
    /* line 71, ../sass/block-buttons-radio.scss */
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(2),
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(2) ~ .pstory-radio-button-wrapper {
        height: calc((19%) / 2);
    }
        /* line 74, ../sass/block-buttons-radio.scss */
        .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(2) .pstory-button:before,
        .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(2) ~ .pstory-radio-button-wrapper .pstory-button:before {
            top: -377px;
        }
    /* line 80, ../sass/block-buttons-radio.scss */
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(3),
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(3) ~ .pstory-radio-button-wrapper {
        height: calc((19%) / 3);
    }
        /* line 83, ../sass/block-buttons-radio.scss */
        .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(3) .pstory-button:before,
        .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(3) ~ .pstory-radio-button-wrapper .pstory-button:before {
            top: -385px;
        }
    /* line 90, ../sass/block-buttons-radio.scss */
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(4),
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(4) ~ .pstory-radio-button-wrapper {
        height: calc((19%) / 4);
    }
        /* line 93, ../sass/block-buttons-radio.scss */
        .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(4) .pstory-button:before,
        .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(4) ~ .pstory-radio-button-wrapper .pstory-button:before {
            top: -388px;
        }
    /* line 98, ../sass/block-buttons-radio.scss */
    .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-button {
        text-align: center;
        position: relative;
        height: 100%;
        z-index: 1;
    }
        /* line 103, ../sass/block-buttons-radio.scss */
        .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-button label {
            cursor: pointer;
        }
        /* line 104, ../sass/block-buttons-radio.scss */
        .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-button .perso-amount {
            height: 100%;
            display: inline-block;
        }
            /* line 107, ../sass/block-buttons-radio.scss */
            .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-button .perso-amount .perso-minus-sign {
                height: 100%;
                display: inline-block;
                vertical-align: middle;
            }
        /* line 113, ../sass/block-buttons-radio.scss */
        .pstory-frame .pstory-block-buttons.perso-radio-buttons .pstory-button:before {
            width: 800px;
            height: 800px;
            left: -259px;
            transform: scale(0);
            background-color: #ebebeb;
        }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
 * Transction Table
*/
/** Table */
/* line 8, ../sass/block-table.scss */
.pstory-frame .pstory-table {
    /** Padding */
    /** Row */
}
    /* line 11, ../sass/block-table.scss */
    .pstory-frame .pstory-table th, .pstory-frame .pstory-table td {
        padding-bottom: 1em;
    }
        /* line 13, ../sass/block-table.scss */
        .pstory-frame .pstory-table th:first-child, .pstory-frame .pstory-table td:first-child {
            padding-right: 3em;
        }
            /* line 15, ../sass/block-table.scss */
            .pstory-frame .pstory-table th:first-child.noPadding, .pstory-frame .pstory-table td:first-child.noPadding {
                padding-right: 0em;
            }
        /* line 19, ../sass/block-table.scss */
        .pstory-frame .pstory-table th:nth-child(2), .pstory-frame .pstory-table td:nth-child(2) {
            padding-right: 1em;
        }
        /* line 22, ../sass/block-table.scss */
        .pstory-frame .pstory-table th:last-child, .pstory-frame .pstory-table td:last-child {
            padding-right: 0em;
        }
    /* line 27, ../sass/block-table.scss */
    .pstory-frame .pstory-table td {
        padding-top: 1em;
    }
        /* line 32, ../sass/block-table.scss */
        .pstory-frame .pstory-table td.leftAlign {
            text-align: left;
        }
        /* line 35, ../sass/block-table.scss */
        .pstory-frame .pstory-table td.rightAlign {
            text-align: right;
        }
        /* line 38, ../sass/block-table.scss */
        .pstory-frame .pstory-table td span.perso-td-first-row {
            display: block;
            padding-bottom: 0.3em;
        }
    /* line 46, ../sass/block-table.scss */
    .pstory-frame .pstory-table tr {
        color: #2c375f;
        border-bottom: 1px solid #d9d9d9;
        /** Colum Title */
    }
        /* line 50, ../sass/block-table.scss */
        .pstory-frame .pstory-table tr:first-child {
            height: 2.35em;
        }
        /* line 56, ../sass/block-table.scss */
        .pstory-frame .pstory-table tr:last-child {
            border-bottom: none;
        }
        /* line 60, ../sass/block-table.scss */
        .pstory-frame .pstory-table tr th {
            text-align: right;
            font-weight: 300;
        }
            /* line 63, ../sass/block-table.scss */
            .pstory-frame .pstory-table tr th:nth-child(2) {
                width: 30%;
            }
            /* line 67, ../sass/block-table.scss */
            .pstory-frame .pstory-table tr th:first-child {
                text-align: left;
            }
/* line 73, ../sass/block-table.scss */
.pstory-frame .perso-td-date {
    font-size: 15.6px;
    opacity: 0.6;
}

@media (max-width: 347px) {
    /* line 73, ../sass/block-table.scss */
    .pstory-frame .perso-td-date {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 73, ../sass/block-table.scss */
    .pstory-frame .perso-td-date {
        font-size: 14.04px;
    }
}
/* line 83, ../sass/block-table.scss */
.pstory-frame .perso-td-transaction {
    font-size: 15.6px;
    font-weight: 300;
}

@media (max-width: 347px) {
    /* line 83, ../sass/block-table.scss */
    .pstory-frame .perso-td-transaction {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 83, ../sass/block-table.scss */
    .pstory-frame .perso-td-transaction {
        font-size: 14.04px;
    }
}
/* line 93, ../sass/block-table.scss */
.pstory-frame .perso-td-amount-balance {
    font-size: 15.6px;
    letter-spacing: 0.01em;
}

@media (max-width: 347px) {
    /* line 93, ../sass/block-table.scss */
    .pstory-frame .perso-td-amount-balance {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 93, ../sass/block-table.scss */
    .pstory-frame .perso-td-amount-balance {
        font-size: 14.04px;
    }
}
/* line 103, ../sass/block-table.scss */
.pstory-frame .perso-td-account-number {
    font-size: 14.3px;
    opacity: 0.6;
}

@media (max-width: 347px) {
    /* line 103, ../sass/block-table.scss */
    .pstory-frame .perso-td-account-number {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 103, ../sass/block-table.scss */
    .pstory-frame .perso-td-account-number {
        font-size: 12.87px;
    }
}
/* line 113, ../sass/block-table.scss */
.pstory-frame .perso-td-small {
    font-size: 14.3px;
    opacity: 0.6;
}

@media (max-width: 347px) {
    /* line 113, ../sass/block-table.scss */
    .pstory-frame .perso-td-small {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 113, ../sass/block-table.scss */
    .pstory-frame .perso-td-small {
        font-size: 12.87px;
    }
}
/* line 123, ../sass/block-table.scss */
.pstory-frame .pstory-block-table {
    margin-left: 4.7%;
    margin-right: 4.7%;
}
    /* line 127, ../sass/block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row {
        position: relative;
        margin-bottom: 6%;
        padding-bottom: 6%;
    }
        /* line 131, ../sass/block-table.scss */
        .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row:before {
            content: " ";
            border-bottom: 1px solid #dfdfdf;
            width: 100%;
            position: absolute;
            top: calc(100%);
        }
        /* line 138, ../sass/block-table.scss */
        .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col {
            display: inline-block;
            width: 65%;
        }
            /* line 141, ../sass/block-table.scss */
            .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col {
                text-align: right;
                position: absolute;
                top: 20%;
                right: 0;
            }
                /* line 146, ../sass/block-table.scss */
                .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col .perso-amount-container {
                    font-size: 15.6px;
                    letter-spacing: 0.01em;
                    color: #616266;
                    text-align: right;
                    letter-spacing: 0.01em;
                    position: absolute;
                    right: 0;
                }

@media (max-width: 347px) {
    /* line 146, ../sass/block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col .perso-amount-container {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 146, ../sass/block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col .perso-amount-container {
        font-size: 14.04px;
    }
}
/* line 163, ../sass/block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .upper-row {
    font-size: 15.6px;
    letter-spacing: 0.01em;
    font-weight: bold;
    text-align: left;
    line-height: 12px;
}

@media (max-width: 347px) {
    /* line 163, ../sass/block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .upper-row {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 163, ../sass/block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .upper-row {
        font-size: 14.04px;
    }
}
/* line 176, ../sass/block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .lower-row {
    font-size: 15.6px;
    color: rgba(97, 98, 102, 0.6);
    text-align: left;
    margin-top: 5%;
}

@media (max-width: 347px) {
    /* line 176, ../sass/block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .lower-row {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 176, ../sass/block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .lower-row {
        font-size: 14.04px;
    }
}
/* line 187, ../sass/block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .lower-row .perso-account-seperator {
    font-weight: 900;
    color: #616266;
}
/* line 194, ../sass/block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row:last-child {
    padding-bottom: 0;
}
    /* line 195, ../sass/block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row:last-child:before {
        content: " ";
        border-bottom: 0px solid #dfdfdf;
        width: 0;
        position: absolute;
        top: calc(100%);
    }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
 * Text Block
*/
/* line 4, ../sass/_product-old-classes.scss */
.pstory-block-text {
    /** Text with class title */
    /** Text-block with class subtitle */
    /** Text-block with class note */
}
    /* line 7, ../sass/_product-old-classes.scss */
    .pstory-block-text.title {
        font-weight: 500;
        margin-bottom: -15px;
    }
        /* line 10, ../sass/_product-old-classes.scss */
        .pstory-block-text.title:last-child {
            margin-bottom: 0px;
        }
    /* line 15, ../sass/_product-old-classes.scss */
    .pstory-block-text.subtitle {
        color: #1d1d26;
        font-weight: 300;
    }
    /* line 22, ../sass/_product-old-classes.scss */
    .pstory-block-text.note {
        font-weight: normal;
        color: #b0b0b0;
    }

/**
 * Text Block
*/
/* line 8, ../sass/block-text.scss */
.pstory-frame .pstory-block-text {
    color: #2c375f;
    font-weight: 300;
    line-height: 1.31em;
    padding: 1.38em 0em;
    text-align: center;
    /** Text with class perso-H4 */
    /** Text-block with class perso-H2 */
    /** Text-block with class perso-note */
}
    /* line 15, ../sass/block-text.scss */
    .pstory-frame .pstory-block-text.perso-H4 {
        font-weight: bold;
        padding-top: 4.7%;
        text-align: center;
        padding-bottom: 4.7%;
    }
        /* line 19, ../sass/block-text.scss */
        .pstory-frame .pstory-block-text.perso-H4:last-child {
            margin-bottom: 0px;
        }
    /* line 25, ../sass/block-text.scss */
    .pstory-frame .pstory-block-text.perso-H2 {
        color: #616266;
        font-weight: 800;
        padding-top: 3%;
        text-align: center;
        line-height: 1.28em;
        padding-bottom: 3%;
    }
    /* line 34, ../sass/block-text.scss */
    .pstory-frame .pstory-block-text.perso-note {
        font-weight: normal;
        color: #b0b0b0;
    }
    /* line 38, ../sass/block-text.scss */
    .pstory-frame .pstory-block-text.perso-title {
        font-weight: 800;
        text-align: center;
        color: #8eb0f6;
        font-size: 13px;
    }
    /* line 44, ../sass/block-text.scss */
    .pstory-frame .pstory-block-text.perso-body {
        padding: 1%;
    }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
 * Text Block
*/
/* line 4, ../sass/_product-old-classes.scss */
.pstory-block-text {
    /** Text with class title */
    /** Text-block with class subtitle */
    /** Text-block with class note */
}
    /* line 7, ../sass/_product-old-classes.scss */
    .pstory-block-text.title {
        font-weight: 500;
        margin-bottom: -15px;
    }
        /* line 10, ../sass/_product-old-classes.scss */
        .pstory-block-text.title:last-child {
            margin-bottom: 0px;
        }
    /* line 15, ../sass/_product-old-classes.scss */
    .pstory-block-text.subtitle {
        color: #1d1d26;
        font-weight: 300;
    }
    /* line 22, ../sass/_product-old-classes.scss */
    .pstory-block-text.note {
        font-weight: normal;
        color: #b0b0b0;
    }

/**
 * Text Block
*/
/* line 9, ../sass/block-image.scss */
.pstory-frame .pstory-block-image .perso-image {
    background-size: contain;
    background-repeat: no-repeat;
    width: 20%;
    margin-left: auto;
    margin-right: auto;
}
    /* line 15, ../sass/block-image.scss */
    .pstory-frame .pstory-block-image .perso-image.perso-introduce-personetics {
        background-image: url(../resources/images/introduce-personetics.png);
        width: inherit;
        height: inherit;
        margin: inherit;
    }
    /* line 21, ../sass/block-image.scss */
    .pstory-frame .pstory-block-image .perso-image.perso-Account_Activity {
        background-image: url(../resources/images/text-icons/Account_Activity.svg);
    }
    /* line 23, ../sass/block-image.scss */
    .pstory-frame .pstory-block-image .perso-image.perso-Cash_Flow_Forecast {
        background-image: url(../resources/images/text-icons/Cash_Flow_Forecast.svg);
    }
    /* line 25, ../sass/block-image.scss */
    .pstory-frame .pstory-block-image .perso-image.perso-Customize_Your_Insights {
        background-image: url(../resources/images/text-icons/Customize_Your_Insights.svg);
    }
    /* line 27, ../sass/block-image.scss */
    .pstory-frame .pstory-block-image .perso-image.perso-Financial_Education {
        background-image: url(../resources/images/text-icons/Financial_Education.svg);
    }
    /* line 29, ../sass/block-image.scss */
    .pstory-frame .pstory-block-image .perso-image.perso-Spending_Analysis {
        background-image: url(../resources/images/text-icons/Spending_Analysis.svg);
    }
/* line 36, ../sass/block-image.scss */
.pstory-frame .perso-introduce-personetics {
    width: 100%;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
*text-boxes block
*/
/* line 7, ../sass/block-text-box.scss */
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box {
    padding-bottom: 3%;
}
/* line 10, ../sass/block-text-box.scss */
.pstory-frame .pstory-block-frame.pstory-block-textboxes {
    font-family: "muli";
    background-color: #fff;
    margin: 0;
    padding-top: 3%;
}
/* line 18, ../sass/block-text-box.scss */
.pstory-frame .perso-textboxes-wrapper {
    display: table;
    width: 100%;
}
/* line 26, ../sass/block-text-box.scss */
.pstory-frame .perso-compare-white .perso-textboxes-wrapper .perso-textbox-with-image .perso-textbox-image.walletIcon {
    background: url(../resources/images/compare-block/walletIcon-black.svg) no-repeat;
}
/* line 29, ../sass/block-text-box.scss */
.pstory-frame .perso-compare-white .perso-textboxes-wrapper .perso-textbox-with-image .perso-textbox-image.calculator {
    background: url(../resources/images/compare-block/calculator.svg) no-repeat;
}
/* line 36, ../sass/block-text-box.scss */
.pstory-frame .perso-textbox:first-child:nth-last-child(1) {
    width: 100%;
}
/* line 42, ../sass/block-text-box.scss */
.pstory-frame .perso-textbox:first-child:nth-last-child(2),
.pstory-frame .perso-textbox:first-child:nth-last-child(2) ~ .perso-textbox {
    width: calc(100% / 2);
}
/* line 48, ../sass/block-text-box.scss */
.pstory-frame .perso-textbox:first-child:nth-last-child(3),
.pstory-frame .perso-textbox:first-child:nth-last-child(3) ~ .perso-textbox {
    width: calc(100% / 3);
}
/* line 54, ../sass/block-text-box.scss */
.pstory-frame .perso-textbox:first-child:nth-last-child(4),
.pstory-frame .perso-textbox:first-child:nth-last-child(4) ~ .perso-textbox {
    width: calc(100% / 4);
}
/* line 58, ../sass/block-text-box.scss */
.pstory-frame .perso-textbox {
    letter-spacing: 0.01em;
    font-weight: 300;
    clear: none;
    border-left: 1px solid #d9d9d9;
    padding: 3% 3.1% 3% 3.1%;
    display: table-cell;
}
    /* line 65, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox .perso-label {
        width: 7em;
        margin: auto;
        white-space: normal;
        overflow: hidden;
        display: inline;
        color: #616266;
        font-size: 12px;
        line-height: 13px;
    }
    /* line 75, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox .perso-value {
        overflow: hidden;
        color: #2c375f;
        direction: ltr;
        font-size: 19.5px;
        padding-bottom: 0.3em;
        line-height: 21px;
        font-weight: 800;
    }

@media (max-width: 347px) {
    /* line 75, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox .perso-value {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 75, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox .perso-value {
        font-size: 17.55px;
    }
}
/* line 91, ../sass/block-text-box.scss */
.pstory-frame .perso-textbox-with-image {
    width: calc(33% + 0.66em);
    letter-spacing: 0.01em;
    font-weight: 300;
    border-left: 1px solid #d9d9d9;
    padding-left: 1.3em;
    padding-right: 1em;
}
    /* line 98, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox-with-image:first-child {
        width: calc(33% - 0.33em);
        padding-left: 0;
    }
    /* line 102, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox-with-image:last-child {
        padding-right: 0;
        width: calc(33% - 0.33em);
    }
    /* line 106, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox-with-image .perso-label {
        width: 7em;
        margin: auto;
        white-space: normal;
        overflow: hidden;
        display: inline;
        display: inline;
        font-weight: 300;
        letter-spacing: 0.01em;
        font-size: 15.6px;
    }

@media (max-width: 347px) {
    /* line 106, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox-with-image .perso-label {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 106, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox-with-image .perso-label {
        font-size: 14.04px;
    }
}
/* line 124, ../sass/block-text-box.scss */
.pstory-frame .perso-textbox-with-image .perso-textbox-image.walletIcon {
    margin-right: auto;
    margin-left: auto;
    background: url(../resources/images/compare-block/walletIcon-black.svg) no-repeat;
    background-size: contain;
    margin-bottom: 5%;
    height: 50px;
    width: 50px;
}

@media (max-width: 347px) {
    /* line 124, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox-with-image .perso-textbox-image.walletIcon {
        height: 30px;
        width: 30px;
    }
}

@media (min-width: 347px) and (max-width: 414px) {
    /* line 124, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox-with-image .perso-textbox-image.walletIcon {
        height: 37px;
        width: 37px;
    }
}
/* line 141, ../sass/block-text-box.scss */
.pstory-frame .perso-textbox-with-image .perso-textbox-image.calculator {
    margin-right: auto;
    margin-left: auto;
    background: url(../resources/images/compare-block/calculator.svg) no-repeat;
    background-size: contain;
    margin-bottom: 5%;
    height: 50px;
    width: 50px;
}

@media (max-width: 347px) {
    /* line 141, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox-with-image .perso-textbox-image.calculator {
        height: 30px;
        width: 30px;
    }
}

@media (min-width: 347px) and (max-width: 414px) {
    /* line 141, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox-with-image .perso-textbox-image.calculator {
        height: 37px;
        width: 37px;
    }
}
/* line 159, ../sass/block-text-box.scss */
.pstory-frame .perso-textbox-with-image .perso-value {
    overflow: hidden;
    direction: ltr;
    font-weight: 500;
    letter-spacing: 0.01em;
    padding-bottom: 2%;
    font-size: 22.1px;
}

@media (max-width: 347px) {
    /* line 159, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox-with-image .perso-value {
        font-size: 17px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 159, ../sass/block-text-box.scss */
    .pstory-frame .perso-textbox-with-image .perso-value {
        font-size: 19.89px;
    }
}
/* line 177, ../sass/block-text-box.scss */
.pstory-frame .pstory-hbox-column-frame .pstory-block-container {
    position: relative;
}
/* line 180, ../sass/block-text-box.scss */
.pstory-frame .pstory-hbox-column-frame .pstory-block-textboxes {
    background-color: #212c49;
}
/* line 184, ../sass/block-text-box.scss */
.pstory-frame .pstory-hbox-column-frame .perso-textboxes-wrapper .perso-textbox {
    width: inherit;
    letter-spacing: 0.01em;
    font-weight: 300;
    border-left: 1px solid #d9d9d9;
    padding: 1.3em 1em;
    background-color: #212c49;
}
    /* line 192, ../sass/block-text-box.scss */
    .pstory-frame .pstory-hbox-column-frame .perso-textboxes-wrapper .perso-textbox:first-child {
        padding-left: 0;
        width: inherit;
    }
    /* line 196, ../sass/block-text-box.scss */
    .pstory-frame .pstory-hbox-column-frame .perso-textboxes-wrapper .perso-textbox:last-child {
        padding-right: 0;
        width: inherit;
    }
    /* line 200, ../sass/block-text-box.scss */
    .pstory-frame .pstory-hbox-column-frame .perso-textboxes-wrapper .perso-textbox .perso-label {
        color: #ffffff;
        width: 7em;
        margin: auto;
        white-space: normal;
        overflow: hidden;
        display: inline;
        letter-spacing: 0.01em;
    }
    /* line 209, ../sass/block-text-box.scss */
    .pstory-frame .pstory-hbox-column-frame .perso-textboxes-wrapper .perso-textbox .perso-value {
        color: #ffffff;
        font-weight: 800;
        overflow: hidden;
        direction: ltr;
        font-size: 19.5px;
        padding-bottom: 0.3em;
    }

@media (max-width: 347px) {
    /* line 209, ../sass/block-text-box.scss */
    .pstory-frame .pstory-hbox-column-frame .perso-textboxes-wrapper .perso-textbox .perso-value {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 209, ../sass/block-text-box.scss */
    .pstory-frame .pstory-hbox-column-frame .perso-textboxes-wrapper .perso-textbox .perso-value {
        font-size: 17.55px;
    }
}
/* line 224, ../sass/block-text-box.scss */
.pstory-frame .pstory-hbox-column-frame .perso-textboxes-wrapper.with-image {
    top: 50%;
    right: 0;
}
/* line 230, ../sass/block-text-box.scss */
.pstory-frame .pstory-hbox-column-frame .perso-textboxes-wrapper .perso-textbox-with-image {
    width: 100%;
}
    /* line 233, ../sass/block-text-box.scss */
    .pstory-frame .pstory-hbox-column-frame .perso-textboxes-wrapper .perso-textbox-with-image .perso-textbox-image.walletIcon {
        background: url(../resources/images/compare-block/walletIcon.svg) no-repeat;
        background-size: contain;
    }
    /* line 237, ../sass/block-text-box.scss */
    .pstory-frame .pstory-hbox-column-frame .perso-textboxes-wrapper .perso-textbox-with-image .perso-textbox-image.calculator {
        background: url(../resources/images/compare-block/calculator.svg) no-repeat;
        background-size: contain;
    }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@media (max-width: 789px) {
    /* line 5, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame-pie {
        padding-bottom: 0;
    }
}
/* line 9, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart {
    margin-right: 0;
    margin-left: 0;
}
    /* line 13, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-block-container {
        padding-left: 28.6px;
        padding-right: 28.6px;
    }
        /* line 14, ../sass/block-pie-chart.scss */
        .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-block-container.pstory-fixed {
            width: 100%;
        }

@media (max-width: 789px) {
    /* line 13, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-block-container {
        padding-left: 0;
        padding-right: 0;
    }
}
/* line 26, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data {
    box-sizing: border-box;
    background-color: #fff;
}
/* line 30, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart {
    padding-left: 4.6%;
    padding-right: 4.6%;
}
    /* line 33, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart .perso-pie-label {
        font-size: 17px;
        color: #000000;
    }

@media (max-width: 347px) {
    /* line 33, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart .perso-pie-label {
        font-size: 13px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 33, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart .perso-pie-label {
        font-size: 15px;
    }
}
/* line 43, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart .perso-pie-label.selected {
    fill: #6281c9;
}
/* line 47, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart .perso-total-txt {
    opacity: 0;
    font-weight: 800;
    text-anchor: middle;
    fill: #6d6e71;
}
/* line 53, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart .perso-total-amount {
    opacity: 0;
    font-weight: 300;
    fill: #171717;
    text-anchor: middle;
}
/* line 61, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data {
    position: relative;
    padding: 10px 0px 20px 0;
    margin-left: -28.6px;
    margin-right: -28.6px;
}

@media (max-width: 789px) {
    /* line 61, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data {
        margin: 0;
    }
}
/* line 70, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-arrow {
    cursor: pointer;
    height: 31%;
    width: 4%;
    display: inline-block;
    position: absolute;
}
/* line 77, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-previous-arrow, .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-next-arrow {
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    font-size: inherit;
}
/* line 85, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-next-arrow {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%279px%27%20height%3D%2714px%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M1.349%2C13.036%20C1.080%2C13.036%200.812%2C12.923%200.625%2C12.703%20C0.291%2C12.310%200.344%2C11.724%200.744%2C11.395%20L6.528%2C6.635%20L0.744%2C1.875%20C0.344%2C1.546%200.291%2C0.960%200.625%2C0.566%20C0.960%2C0.173%201.554%2C0.121%201.954%2C0.450%20L8.604%2C5.922%20C8.818%2C6.099%208.942%2C6.360%208.942%2C6.635%20C8.942%2C6.910%208.818%2C7.171%208.604%2C7.347%20L1.954%2C12.820%20C1.777%2C12.965%201.563%2C13.036%201.349%2C13.036%20Z%27/%3E%3C/svg%3E") no-repeat;
    background-size: contain;
    right: 28.6px;
}

@media (max-width: 789px) {
    /* line 85, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-next-arrow {
        background: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjdweCIgaGVpZ2h0PSI5cHgiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIGZpbGw9InJnYig5NywgOTgsIDEwMikiIGQ9Ik0xLjE0OSw5LjAwMCBDMC45NjAsOS4wMDAgMC43NzIsOC45MjEgMC42NDAsOC43NjcgQzAuNDA2LDguNDkxIDAuNDQ0LDguMDgwIDAuNzI1LDcuODUwIEw0Ljc4Myw0LjUxMiBMMC43MjUsMS4xNzMgQzAuNDQ0LDAuOTQyIDAuNDA2LDAuNTMyIDAuNjQwLDAuMjU2IEMwLjg3NywtMC4wMjAgMS4yOTMsLTAuMDU3IDEuNTczLDAuMTczIEw2LjI0MCw0LjAxMSBDNi4zOTEsNC4xMzYgNi40NzcsNC4zMTggNi40NzcsNC41MTIgQzYuNDc3LDQuNzA0IDYuMzkxLDQuODg3IDYuMjQwLDUuMDExIEwxLjU3Myw4Ljg0OCBDMS40NTAsOC45NTEgMS4zMDAsOS4wMDAgMS4xNDksOS4wMDAgWiIvPjwvc3ZnPg==") no-repeat;
        right: 4.6%;
        background-position: 50%;
    }
}
/* line 96, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-previous-arrow {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%279px%27%20height%3D%2713px%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M7.712%2C0.318%20C7.976%2C0.318%208.237%2C0.430%208.420%2C0.647%20C8.746%2C1.035%208.694%2C1.614%208.304%2C1.938%20L2.655%2C6.639%20L8.304%2C11.340%20C8.694%2C11.665%208.746%2C12.243%208.420%2C12.632%20C8.093%2C13.020%207.512%2C13.072%207.122%2C12.747%20L0.628%2C7.343%20C0.419%2C7.169%200.298%2C6.911%200.298%2C6.639%20C0.298%2C6.367%200.419%2C6.110%200.628%2C5.935%20L7.122%2C0.531%20C7.294%2C0.388%207.504%2C0.318%207.712%2C0.318%20Z%27/%3E%3C/svg%3E") no-repeat;
    background-size: contain;
    left: 28.6px;
}

@media (max-width: 789px) {
    /* line 96, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-previous-arrow {
        background: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjdweCIgaGVpZ2h0PSIxMHB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoOTcsIDk4LCAxMDIpIiBkPSJNNS43ODIsMC4wODkgQzUuOTcxLDAuMDg5IDYuMTYwLDAuMTcwIDYuMjkxLDAuMzI2IEM2LjUyNiwwLjYwNyA2LjQ4NywxLjAyMiA2LjIwNywxLjI1NyBMMi4xNDgsNC42NDEgTDYuMjA3LDguMDI2IEM2LjQ4Nyw4LjI1OSA2LjUyNiw4LjY3NSA2LjI5MSw4Ljk1NiBDNi4wNTUsOS4yMzUgNS42MzgsOS4yNzIgNS4zNTcsOS4wMzkgTDAuNjkyLDUuMTQ4IEMwLjU0MSw1LjAyMiAwLjQ1NCw0LjgzNyAwLjQ1NCw0LjY0MSBDMC40NTQsNC40NDYgMC41NDEsNC4yNjAgMC42OTIsNC4xMzQgTDUuMzU3LDAuMjQzIEM1LjQ4MiwwLjE0MCA1LjYzMiwwLjA4OSA1Ljc4MiwwLjA4OSBaIi8+PC9zdmc+") no-repeat;
        left: 4.6%;
        background-position: 50%;
    }
}
/* line 107, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info {
    width: calc(85% - 1.25em * 2);
    margin: auto;
    text-align: center;
    font-weight: 300;
    pointer-events: none;
}

@media (max-width: 789px) {
    /* line 107, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info {
        width: auto;
        padding-left: 7.8%;
        padding-right: 7.8%;
    }
}
/* line 118, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-amount {
    color: #5d7cc1;
    font-weight: 900;
    font-size: 27px * 1.3;
}

@media (max-width: 789px) {
    /* line 118, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-amount {
        color: #2c375f;
        font-weight: 800;
    }
}

@media (max-width: 347px) {
    /* line 118, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-amount {
        font-size: 20px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 118, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-amount {
        font-size: 23.4px;
    }
}
/* line 133, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-category {
    font-size: 15px * 1.3;
}

@media (max-width: 789px) {
    /* line 133, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-category {
        color: #616266;
        font-weight: 800;
    }
}

@media (max-width: 347px) {
    /* line 133, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-category {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 133, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-category {
        font-size: 14.04px;
    }
}
/* line 152, ../sass/block-pie-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-pie-chart.perso-collapsed .pstory-pie-data {
    padding-bottom: 14.3px;
}
    /* line 154, ../sass/block-pie-chart.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pie-chart.perso-collapsed .pstory-pie-data .pstory-arrow {
        top: 50%;
    }
/* line 160, ../sass/block-pie-chart.scss */
.pstory-frame .perso-collapsed-animation .pstory-block-frame.pstory-block-pie-chart.perso-collapsed .pstory-pie-data {
    transition: padding 0.3s;
}
/* line 163, ../sass/block-pie-chart.scss */
.pstory-frame .perso-collapsed-animation .pstory-block-frame.pstory-block-pie-chart.perso-collapsed .pstory-arrow {
    transition: top 0.3s;
}
/* line 168, ../sass/block-pie-chart.scss */
.pstory-frame .perso-arc {
    cursor: pointer;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 5, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame.pstory-block-bar-chart .pstory-block-container, .pstory-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-block-container {
    width: 100%;
}
/* line 12, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame.horizontal {
    padding: 0;
}
    /* line 13, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.horizontal .pstory-block-frame {
        padding: 0 !important;
    }
    /* line 19, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.horizontal .multiHorizontal .tick text {
        font-weight: 300;
        font-size: 19px;
    }

@media (max-width: 347px) {
    /* line 19, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.horizontal .multiHorizontal .tick text {
        font-size: 13px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 19, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.horizontal .multiHorizontal .tick text {
        font-size: 15px;
    }
}

@media (min-width: 414px) {
    /* line 19, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.horizontal .multiHorizontal .tick text {
        font-size: 19px;
    }
}
/* line 37, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame.vertical {
    margin-right: 0;
    margin-left: 0;
}
    /* line 40, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.vertical .pstory-bar-chart {
        border-color: #d9d9d9;
    }
    /* line 43, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.vertical:first-child .pstory-bar-chart {
        border: none;
    }
    /* line 48, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.vertical .multiVertical .tick text {
        font-weight: 300;
        font-size: 19px;
    }

@media (max-width: 347px) {
    /* line 48, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.vertical .multiVertical .tick text {
        font-size: 13px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 48, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.vertical .multiVertical .tick text {
        font-size: 15px;
    }
}

@media (min-width: 414px) {
    /* line 48, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.vertical .multiVertical .tick text {
        font-size: 19px;
    }
}
/* line 62, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame.vertical .multiVertical .tick text.selected {
    font-weight: 500;
}
/* line 67, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame.vertical .multiVertical .perso-label {
    font-weight: 500;
    fill: inherit;
}
    /* line 70, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.vertical .multiVertical .perso-label.In.selected {
        fill: #6e8bcf;
    }
    /* line 73, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.vertical .multiVertical .perso-label.Out.selected {
        fill: #ffb90a;
    }
/* line 78, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame.vertical .multiVertical .perso-chart-rect.In.selected {
    fill: url(#selectedInGradient);
}
/* line 82, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame.vertical .multiVertical .perso-chart-rect.Out.selected {
    fill: url(#selectedOutGradient);
}
/* line 89, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame.pstory-block-pinGraph-chart {
    margin-right: 0;
    margin-left: 0;
}
    /* line 92, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-svg-chart-container .tick text {
        font-size: 15px;
    }

@media (max-width: 347px) {
    /* line 92, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-svg-chart-container .tick text {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 92, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-svg-chart-container .tick text {
        font-size: 14px;
    }
}
/* line 104, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .tick text {
    font-weight: 300;
    font-size: 19px;
    letter-spacing: 0.01em;
}

@media (max-width: 347px) {
    /* line 104, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame .perso-svg-chart-container .tick text {
        font-size: 13px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 104, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame .perso-svg-chart-container .tick text {
        font-size: 15px;
    }
}
/* line 114, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .tick text.selected {
    font-weight: 500;
}
/* line 121, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .perso-grid .tick line {
    stroke: #d9d9d9;
}
/* line 126, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .perso-bar {
    fill: #a9a7a7;
}
    /* line 128, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame .perso-svg-chart-container .perso-bar.selected {
        fill: url(#selectedGradient);
    }
/* line 132, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .perso-line {
    stroke: rgba(97, 98, 102, 0.28);
    fill: none;
    stroke-width: 2px;
}
/* line 137, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .perso-label {
    font-weight: 300;
    fill: #282425;
    letter-spacing: 0.01em;
    opacity: 0;
    font-size: 18px;
}

@media (max-width: 347px) {
    /* line 137, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame .perso-svg-chart-container .perso-label {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 137, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame .perso-svg-chart-container .perso-label {
        font-size: 16px;
    }
}

@media (min-width: 414px) {
    /* line 137, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame .perso-svg-chart-container .perso-label {
        font-size: 18px;
    }
}
/* line 152, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .perso-label.selected {
    fill: #6888d2;
}
/* line 156, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .axis.perso-grid {
    font: 10px sans-serif;
}
/* line 159, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .x.axis path {
    display: none;
}
/* line 162, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .y.axis path {
    display: none;
}
/* line 165, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container line.perso-chart-line {
    stroke-width: 1px;
    stroke: #d9d9d9;
}
    /* line 168, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame .perso-svg-chart-container line.perso-chart-line:first-child {
        display: none;
    }
/* line 172, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container g.perso-chart-line:nth-child(2) {
    display: none;
}
/* line 176, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .minimize-font {
    font-size: 15px;
}

@media (max-width: 347px) {
    /* line 176, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame .perso-svg-chart-container .minimize-font {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 176, ../sass/block-d3.scss */
    .pstory-frame .pstory-block-frame .perso-svg-chart-container .minimize-font {
        font-size: 13px;
    }
}
/* line 186, ../sass/block-d3.scss */
.pstory-frame .pstory-block-frame .perso-svg-chart-container .bordered {
    border-left: 1px solid #d9d9d9;
}
/* line 192, ../sass/block-d3.scss */
.pstory-frame rect {
    cursor: pointer;
}
    /* line 194, ../sass/block-d3.scss */
    .pstory-frame rect.perso-unclickable {
        cursor: default;
    }
/* line 199, ../sass/block-d3.scss */
.pstory-frame .pstory-pinGraph-chart rect {
    cursor: default;
}

/* line 206, ../sass/block-d3.scss */
.pstory-block-frame.vertical.perso-horizontal-block {
    padding: 24px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    /*
border-right: 1px solid #d9d9d9;
border-left: solid 1px #d9d9d9;*/
    margin: 0;
}

@media (max-width: 450px) {
    /* line 206, ../sass/block-d3.scss */
    .pstory-block-frame.vertical.perso-horizontal-block {
        padding: decimal-round(15px 15px 0 15px);
    }
}

@media (min-width: 450px) and (max-width: 700px) {
    /* line 206, ../sass/block-d3.scss */
    .pstory-block-frame.vertical.perso-horizontal-block {
        padding: decimal-round(20px 20px 0 20px);
    }
}
/* line 220, ../sass/block-d3.scss */
.pstory-block-frame.vertical.perso-horizontal-block:first-child {
    /*
border-left: solid 1px #d9d9d9;*/
    border-right: none;
}
/* line 224, ../sass/block-d3.scss */
.pstory-block-frame.vertical.perso-horizontal-block:last-child {
    border-left: none;
    /*
border-right: solid 1px #d9d9d9;*/
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 5, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame.pstory-block-line-chart {
    margin: 0;
}
/* line 8, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .domain {
    display: none;
}
/* line 11, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart {
    width: calc(100% - 4.6% - 4.6%);
    text-align: center;
    padding: 4.6%;
}
    /* line 14, ../sass/block-line-chart.scss */
    .pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container {
        background-color: rgba(255, 255, 255, 0.18);
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.18);
    }
        /* line 21, ../sass/block-line-chart.scss */
        .pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .tick text {
            font-weight: bold;
            text-transform: uppercase;
            line-height: 27.3px;
            font-size: 15.6px;
            fill: rgba(44, 55, 95, 0.6);
            letter-spacing: 0.01em;
        }

@media (max-width: 347px) {
    /* line 21, ../sass/block-line-chart.scss */
    .pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .tick text {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 21, ../sass/block-line-chart.scss */
    .pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .tick text {
        font-size: 14.04px;
    }
}
/* line 35, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .tick .highlighted-text {
    font-weight: bold;
    fill: #2c375f;
    font-size: 15.6px;
}

@media (max-width: 347px) {
    /* line 35, ../sass/block-line-chart.scss */
    .pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .tick .highlighted-text {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 35, ../sass/block-line-chart.scss */
    .pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .tick .highlighted-text {
        font-size: 14.04px;
    }
}
/* line 49, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-grid .tick line {
    stroke: #d9d9d9;
}
/* line 54, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-label-selected {
    font-size: 12px;
    font-weight: 500;
    fill: #5471b4;
    letter-spacing: 0.01em;
}
/* line 60, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-label {
    display: none;
    font-weight: 300;
    fill: #282425;
    letter-spacing: 0.01em;
    font-size: 18px;
}

@media (max-width: 347px) {
    /* line 60, ../sass/block-line-chart.scss */
    .pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-label {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 60, ../sass/block-line-chart.scss */
    .pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-label {
        font-size: 16px;
    }
}

@media (min-width: 414px) {
    /* line 60, ../sass/block-line-chart.scss */
    .pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-label {
        font-size: 18px;
    }
}
/* line 75, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-label.selected {
    fill: #6888d2;
}
/* line 78, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-label.perso-label-fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* line 103, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .axis.perso-grid {
    font: 10px sans-serif;
}
/* line 107, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .axis path, .pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .axis line {
    fill: none;
    stroke: rgba(183, 183, 183, 0.33);
    shape-rendering: crispEdges;
    opacity: 0;
}
/* line 115, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-line-x line {
    opacity: 1;
}
/* line 121, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-line {
    fill: none;
    stroke: #b7b7b7;
    stroke-opacity: 0;
    stroke-width: 2px;
}
/* line 127, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-dot {
    fill: #fff;
    stroke: #b7b7b7;
    stroke-width: 3px;
}
/* line 132, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-dot-label {
    fill: #2c375f;
}
/* line 135, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-dot-label-text, .pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-dot-label2-text {
    fill: white;
    font-size: 12px;
    text-anchor: middle;
}
/* line 140, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-dot-label-polygon {
    fill: #2c375f;
}
/* line 143, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-dot-selected {
    fill: #536fb1;
}
/* line 151, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame.perso-negative .pstory-line-chart .perso-svg-chart-container .perso-dot-label {
    fill: #d8275d;
}
/* line 154, ../sass/block-line-chart.scss */
.pstory-frame .pstory-block-frame.perso-negative .pstory-line-chart .perso-svg-chart-container .perso-dot-label-polygon {
    fill: #d8275d;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 2, ../sass/block-d3-collapse.scss */
.pstory-frame {
    /*collapse animation*/
    /*collapse*/
}
    /* line 5, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-dialog-frame.perso-collapsed-animation {
        transition: box-shadow 0.05s ease-in 0.4s;
    }
        /* line 7, ../sass/block-d3-collapse.scss */
        .pstory-frame .pstory-dialog-frame.perso-collapsed-animation .pstory-block-account-selector .options-container {
            transition: all 0.1s ease-in 0.1s;
        }
        /* line 10, ../sass/block-d3-collapse.scss */
        .pstory-frame .pstory-dialog-frame.perso-collapsed-animation:before {
            transition: all 0.1s ease-in 0.4s;
        }
    /* line 14, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-collapsed {
        box-shadow: none;
    }
        /* line 16, ../sass/block-d3-collapse.scss */
        .pstory-frame .pstory-dialog-frame.pstory-dialog-collapsed:before {
            border-bottom-color: transparent;
            top: 0;
        }
        /* line 20, ../sass/block-d3-collapse.scss */
        .pstory-frame .pstory-dialog-frame.pstory-dialog-collapsed .pstory-block-account-selector .options-container {
            box-shadow: none;
        }
    /* line 34, ../sass/block-d3-collapse.scss */
    .pstory-frame .perso-collapsed-animation .pstory-block-frame.perso-collapsed .perso-svg-chart-container .tick text {
        transition: font-size 0.3s;
        opacity: 0.6;
    }
        /* line 38, ../sass/block-d3-collapse.scss */
        .pstory-frame .perso-collapsed-animation .pstory-block-frame.perso-collapsed .perso-svg-chart-container .tick text.selected {
            opacity: 1;
        }
    /* line 48, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.perso-collapsed .perso-svg-chart-container .tick text {
        opacity: 0.6;
    }
        /* line 51, ../sass/block-d3-collapse.scss */
        .pstory-frame .pstory-block-frame.perso-collapsed .perso-svg-chart-container .tick text.selected {
            opacity: 1;
        }
    /* line 58, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.perso-collapsed {
        margin-right: 0;
        margin-left: 0;
        /* Standard syntax */
        /* Standard syntax */
        /* Standard syntax */
    }
        /* line 62, ../sass/block-d3-collapse.scss */
        .pstory-frame .pstory-block-frame.perso-collapsed .pstory-block-container {
            background-color: white;
            box-shadow: 0px 9px 26px 0px #e0e1e2;
        }

@-webkit-keyframes onCollapsed {
    0% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
    }

    30% {
        border-bottom-left-radius: 50% 15px;
        border-bottom-right-radius: 50% 15px;
        padding-bottom: 15px;
    }

    50% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
        padding-bottom: 0;
    }

    80% {
        border-bottom-left-radius: 50% 10px;
        border-bottom-right-radius: 50% 10px;
        padding-bottom: 10px;
    }

    100% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
        padding-bottom: 0;
    }
}

@keyframes onCollapsed {
    0% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
    }

    30% {
        border-bottom-left-radius: 50% 15px;
        border-bottom-right-radius: 50% 15px;
        padding-bottom: 15px;
    }

    50% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
        padding-bottom: 0;
    }

    80% {
        border-bottom-left-radius: 50% 10px;
        border-bottom-right-radius: 50% 10px;
        padding-bottom: 10px;
    }

    100% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
        padding-bottom: 0;
    }
}

@-webkit-keyframes onUnCollapsed {
    0% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
    }

    30% {
        border-bottom-left-radius: 50% 15px;
        border-bottom-right-radius: 50% 15px;
        padding-bottom: 15px;
    }

    50% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
        padding-bottom: 0;
    }

    80% {
        border-bottom-left-radius: 50% 10px;
        border-bottom-right-radius: 50% 10px;
        padding-bottom: 10px;
    }

    100% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
        padding-bottom: 0;
    }
}

@keyframes onUnCollapsed {
    0% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
        box-shadow: 0 25px 60px -15px #e0e1e2;
    }

    30% {
        border-bottom-left-radius: 50% 15px;
        border-bottom-right-radius: 50% 15px;
        padding-bottom: 15px;
    }

    50% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
        padding-bottom: 0;
    }

    80% {
        border-bottom-left-radius: 50% 10px;
        border-bottom-right-radius: 50% 10px;
        padding-bottom: 10px;
        box-shadow: 0 25px 60px -15px #e0e1e2;
    }

    100% {
        border-bottom-left-radius: 0 0;
        border-bottom-right-radius: 0 0;
        padding-bottom: 0;
        box-shadow: none;
    }
}
/* line 188, ../sass/block-d3-collapse.scss */
.pstory-frame .perso-collapsed text.perso-xAxis-label {
    font-weight: 100;
}
    /* line 190, ../sass/block-d3-collapse.scss */
    .pstory-frame .perso-collapsed text.perso-xAxis-label.selected {
        fill: #2c375f;
        font-weight: bold;
    }

@media (max-width: 414px) {
    /* line 197, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.pstory-block-bar-chart.vertical.perso-collapsed .x.axis {
        transform: translate(-13px, 208px);
    }
}

@media (max-width: 347px) {
    /* line 197, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.pstory-block-bar-chart.vertical.perso-collapsed .x.axis {
        transform: translate(-10px, 160px);
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 197, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.pstory-block-bar-chart.vertical.perso-collapsed .x.axis {
        transform: translate(-11.7px, 187.2px);
    }
}

/* line 210, ../sass/block-d3-collapse.scss */
.pstory-frame {
    /*unCollapse*/
}
    /* line 212, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.perso-collapsed.vertical .multiVertical .perso-label, .pstory-frame .pstory-block-frame.perso-collapsed.vertical .multiVertical .perso-label.selected {
        fill: transparent;
    }
    /* line 216, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.perso-collapsed .perso-bar, .pstory-frame .pstory-block-frame.perso-collapsed .perso-bar.selected, .pstory-frame .pstory-block-frame.perso-collapsed perso-chart-rect.In, .pstory-frame .pstory-block-frame.perso-collapsed perso-chart-rect.Out, .pstory-frame .pstory-block-frame.perso-collapsed perso-chart-rect.In.selected, .pstory-frame .pstory-block-frame.perso-collapsed perso-chart-rect.Out.selected, .pstory-frame .pstory-block-frame.perso-collapsed .perso-label {
        fill: transparent;
    }
    /* line 219, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.perso-collapsed .perso-grid .tick {
        opacity: 0 !important;
    }
    /* line 223, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.perso-collapsed .perso-svg-chart-container g.tick text.perso-xAxis-label {
        font-size: 23px;
    }

@media (max-width: 347px) {
    /* line 223, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.perso-collapsed .perso-svg-chart-container g.tick text.perso-xAxis-label {
        font-size: 17px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 223, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.perso-collapsed .perso-svg-chart-container g.tick text.perso-xAxis-label {
        font-size: 19px;
    }
}
/* line 236, ../sass/block-d3-collapse.scss */
.pstory-frame .pstory-block-frame.pstory-block-bar-chart.vertical.perso-collapsed .multiVertical .perso-chart-rect.In, .pstory-frame .pstory-block-frame.pstory-block-bar-chart.vertical.perso-collapsed .multiVertical .perso-chart-rect.Out, .pstory-frame .pstory-block-frame.pstory-block-bar-chart.vertical.perso-collapsed .multiVertical .perso-chart-rect.In.selected, .pstory-frame .pstory-block-frame.pstory-block-bar-chart.vertical.perso-collapsed .multiVertical .perso-chart-rect.Out.selected {
    fill: transparent;
}
/* line 239, ../sass/block-d3-collapse.scss */
.pstory-frame .pstory-block-frame.pstory-block-bar-chart.vertical.perso-collapsed .multiVertical .x.axis {
    transform: translate(0px, 208px);
}

@media (max-width: 347px) {
    /* line 239, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.pstory-block-bar-chart.vertical.perso-collapsed .multiVertical .x.axis {
        transform: translate(0px, 158px);
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 239, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-frame.pstory-block-bar-chart.vertical.perso-collapsed .multiVertical .x.axis {
        transform: translate(0px, 187.2px);
    }
}
/* line 248, ../sass/block-d3-collapse.scss */
.pstory-frame .pstory-block-frame.pstory-block-bar-chart.vertical.perso-collapsed .multiVertical .perso-chart-line {
    display: none;
}
/* line 254, ../sass/block-d3-collapse.scss */
.pstory-frame .pstory-block-pinGraph-chart.perso-collapsed .pstory-pinGraph-chart .x.axis {
    font-size: 16.9px;
    transform: translate(-32px, 209px);
}

@media (max-width: 347px) {
    /* line 254, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-pinGraph-chart.perso-collapsed .pstory-pinGraph-chart .x.axis {
        font-size: 13px;
        transform: translate(-32px, 161px);
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 254, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-pinGraph-chart.perso-collapsed .pstory-pinGraph-chart .x.axis {
        font-size: 15.21px;
        transform: translate(-32px, 188px);
    }
}
/* line 266, ../sass/block-d3-collapse.scss */
.pstory-frame .pstory-block-pinGraph-chart.perso-collapsed .pstory-pinGraph-chart g.tick text.perso-xAxis-label {
    font-size: 18.2px;
}

@media (max-width: 347px) {
    /* line 266, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-pinGraph-chart.perso-collapsed .pstory-pinGraph-chart g.tick text.perso-xAxis-label {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 266, ../sass/block-d3-collapse.scss */
    .pstory-frame .pstory-block-pinGraph-chart.perso-collapsed .pstory-pinGraph-chart g.tick text.perso-xAxis-label {
        font-size: 16.38px;
    }
}
/* line 282, ../sass/block-d3-collapse.scss */
.pstory-frame .pstory-block-frame.perso-unCollapsed .perso-svg-chart-container .tick text {
    transition: font-size 0.3s;
}
/* line 287, ../sass/block-d3-collapse.scss */
.pstory-frame .pstory-block-frame.perso-unCollapsed .pstory-block-container {
    position: static;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
*rating
*/
/* line 7, ../sass/rating-widget.scss */
.pstory-frame .perso-ratings-wrapper {
    background-color: #000000;
}
    /* line 10, ../sass/rating-widget.scss */
    .pstory-frame .perso-ratings-wrapper .perso-ratings-text {
        padding-top: 16px;
        color: #ffffff;
        text-align: center;
    }
    /* line 16, ../sass/rating-widget.scss */
    .pstory-frame .perso-ratings-wrapper .perso-ratings-icons {
        width: calc(1.37em * 5 - -1em * 4);
        height: 1.36em;
        padding: 10px 0 18px 0;
        margin: auto;
    }
        /* line 22, ../sass/rating-widget.scss */
        .pstory-frame .perso-ratings-wrapper .perso-ratings-icons input[type="radio"] {
            cursor: pointer;
            margin-left: 1em;
            -moz-appearance: none;
        }
            /* line 26, ../sass/rating-widget.scss */
            .pstory-frame .perso-ratings-wrapper .perso-ratings-icons input[type="radio"]:first-child {
                margin-left: 0;
            }
/* line 33, ../sass/rating-widget.scss */
.pstory-frame .perso-feedback-wrapper {
    background-color: #000000;
    font-size: 18.2px;
}

@media (max-width: 347px) {
    /* line 33, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 33, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper {
        font-size: 16.38px;
    }
}
/* line 42, ../sass/rating-widget.scss */
.pstory-frame .perso-feedback-wrapper .textarea-container {
    position: relative;
    width: 99%;
    margin-right: auto;
    margin-left: auto;
}
/* line 49, ../sass/rating-widget.scss */
.pstory-frame .perso-feedback-wrapper .perso-feedback-text, .pstory-frame .perso-feedback-wrapper .textarea-size {
    font-size: 16.9px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    padding-right: 1.5em;
    padding-left: 1.5em;
    line-height: 40px;
    padding-bottom: 1em;
    padding-top: 0em;
}

@media (max-width: 347px) {
    /* line 49, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper .perso-feedback-text, .pstory-frame .perso-feedback-wrapper .textarea-size {
        font-size: 13px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 49, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper .perso-feedback-text, .pstory-frame .perso-feedback-wrapper .textarea-size {
        font-size: 15.21px;
    }
}

@media (max-width: 347px) {
    /* line 49, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper .perso-feedback-text, .pstory-frame .perso-feedback-wrapper .textarea-size {
        line-height: 31px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 49, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper .perso-feedback-text, .pstory-frame .perso-feedback-wrapper .textarea-size {
        line-height: 36px;
    }
}
/* line 73, ../sass/rating-widget.scss */
.pstory-frame .perso-feedback-wrapper .perso-feedback-reaction {
    font-size: 19.5px;
    font-weight: 300;
    color: #eaf73e;
    letter-spacing: 0.01em;
    background: black;
    width: 100%;
    text-align: center;
    padding-bottom: 1em;
}

@media (max-width: 347px) {
    /* line 73, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper .perso-feedback-reaction {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 73, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper .perso-feedback-reaction {
        font-size: 17.55px;
    }
}
/* line 90, ../sass/rating-widget.scss */
.pstory-frame .perso-feedback-wrapper .perso-feedback-text {
    margin-top: -1px;
    color: white;
    background: black;
    border: none;
    min-height: 2em;
    height: 100%;
    position: absolute;
    resize: none;
    white-space: pre-wrap;
    background-attachment: local;
    background-image: linear-gradient(to left, black 1.5em, transparent 10px), linear-gradient(to right, black 1.5em, transparent 10px), repeating-linear-gradient(black, black 39px, white 39px, white 40px, black 40px);
}
    /* line 100, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper .perso-feedback-text.direction-text-center {
        text-align: center;
    }

@media (max-width: 347px) {
    /* line 90, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper .perso-feedback-text {
        background-image: linear-gradient(to left, black 1.5em, transparent 10px), linear-gradient(to right, black 1.5em, transparent 10px), repeating-linear-gradient(black, black 30px, white 30px, white 31px, black 31px);
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 90, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper .perso-feedback-text {
        background-image: linear-gradient(to left, black 1.5em, transparent 10px), linear-gradient(to right, black 1.5em, transparent 10px), repeating-linear-gradient(black, black 35px, white 35px, white 36px, black 36px);
    }
}
/* line 122, ../sass/rating-widget.scss */
.pstory-frame .perso-feedback-wrapper .textarea-size {
    visibility: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
/* line 129, ../sass/rating-widget.scss */
.pstory-frame .perso-feedback-wrapper .perso-feedback-submit {
    cursor: pointer;
    display: none;
    background: inherit;
    border: none;
    color: #6483cb;
    font-size: 19.5px;
    padding-right: 1.5em;
    padding-bottom: 0.5em;
    display: block;
}

@media (max-width: 347px) {
    /* line 129, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper .perso-feedback-submit {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 129, ../sass/rating-widget.scss */
    .pstory-frame .perso-feedback-wrapper .perso-feedback-submit {
        font-size: 17.55px;
    }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 2, ../sass/product-skin.scss */
.pstory-title-wrapper {
    z-index: 100;
    background-color: #ffffff;
    font-family: "muli";
}
    /* line 6, ../sass/product-skin.scss */
    .pstory-title-wrapper input[type="button"], .pstory-title-wrapper button {
        border: none;
        background-color: transparent;
    }
        /* line 9, ../sass/product-skin.scss */
        .pstory-title-wrapper input[type="button"]:hover, .pstory-title-wrapper button:hover {
            outline: none;
        }

/* line 14, ../sass/product-skin.scss */
.pstory-title {
    background-color: #ffffff;
    color: #8eb0f6;
    padding-top: 1.16em;
    padding-bottom: 1.16em;
    padding-left: 1.2em;
    padding-right: 1.2em;
}

/* line 22, ../sass/product-skin.scss */
.pstory-title-text {
    height: 1.3em;
    line-height: 1.4em;
    width: calc(80%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-weight: 800;
}
    /* line 34, ../sass/product-skin.scss */
    .pstory-title-text.pstory-title-inside-story {
        width: auto;
        margin-left: 0;
    }

/*classes for minimized animation*/
/* line 41, ../sass/product-skin.scss */
.pstory-fixed {
    position: fixed;
}

/* line 45, ../sass/product-skin.scss */
.pstory-frame {
    height: 100%;
    /*required for accessibility but destroy the collapse*/
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    font-family: "muli";
    color: #2c375f;
    overflow-x: hidden;
    -ms-overflow-style: none;
}
    /* line 53, ../sass/product-skin.scss */
    .pstory-frame * {
        outline: none;
    }
    /* line 56, ../sass/product-skin.scss */
    .pstory-frame input, .pstory-frame textarea, .pstory-frame keygen, .pstory-frame select, .pstory-frame button {
        font-family: inherit;
    }
    /* line 59, ../sass/product-skin.scss */
    .pstory-frame::-webkit-scrollbar {
        display: none;
        width: 0 !important;
    }

@media (min-width: 790px) {
    /* line 66, ../sass/product-skin.scss */
    .pstory-frame *:focus, .pstory-frame input[type="radio"]:focus, .pstory-frame input[type="button"]:focus:focus {
        outline: 2px solid #00a2e8;
    }
    /* line 70, ../sass/product-skin.scss */
    .pstory-frame .personetics-mouse-focus:focus {
        outline: none !important;
    }
}

/* line 75, ../sass/product-skin.scss */
.pstory-bar-chart {
    position: relative;
}

/* line 78, ../sass/product-skin.scss */
.accessibility-chart-wrapper {
    position: absolute;
    top: 0;
}
    /* line 81, ../sass/product-skin.scss */
    .accessibility-chart-wrapper .accessibility-chart-button {
        position: absolute;
        padding: 0;
        width: 3.5em;
    }

/* line 89, ../sass/product-skin.scss */
.perso-teaser-template .image {
    height: 100%;
    background-size: cover;
}
/* line 93, ../sass/product-skin.scss */
.perso-teaser-template .CG8 {
    background-image: url("../resources/images/teaser_images/CG8.png");
}
/* line 96, ../sass/product-skin.scss */
.perso-teaser-template .CG100 {
    background-image: url("../resources/images/teaser_images/CG100.png");
}
/* line 99, ../sass/product-skin.scss */
.perso-teaser-template .CG300 {
    background-image: url("../resources/images/teaser_images/CG300.png");
}
/* line 102, ../sass/product-skin.scss */
.perso-teaser-template .CG500 {
    background-image: url("../resources/images/teaser_images/CG500.png");
}
/* line 105, ../sass/product-skin.scss */
.perso-teaser-template .CG600 {
    background-image: url("../resources/images/teaser_images/CG600.png");
}
/* line 108, ../sass/product-skin.scss */
.perso-teaser-template .CG700 {
    background-image: url("../resources/images/teaser_images/CG700.png");
}
/* line 111, ../sass/product-skin.scss */
.perso-teaser-template .CG800 {
    background-image: url("../resources/images/teaser_images/CG800.png");
}
/* line 114, ../sass/product-skin.scss */
.perso-teaser-template .CG900 {
    background-image: url("../resources/images/teaser_images/CG900.png");
}
/* line 117, ../sass/product-skin.scss */
.perso-teaser-template .CG1000 {
    background-image: url("../resources/images/teaser_images/CG1000.png");
}
/* line 120, ../sass/product-skin.scss */
.perso-teaser-template .CG2000 {
    background-image: url("../resources/images/teaser_images/CG2000.png");
}
/* line 123, ../sass/product-skin.scss */
.perso-teaser-template .CG3000 {
    background-image: url("../resources/images/teaser_images/CG3000.png");
}
/* line 126, ../sass/product-skin.scss */
.perso-teaser-template .CG6000 {
    background-image: url("../resources/images/teaser_images/CG6000.png");
}
/* line 129, ../sass/product-skin.scss */
.perso-teaser-template .CG10000 {
    background-image: url("../resources/images/teaser_images/CG10000.png");
}
/* line 132, ../sass/product-skin.scss */
.perso-teaser-template .HazardAttentionSign {
    background-image: url("../resources/images/teaser_images/HazardAttentionSign.png");
}
/* line 135, ../sass/product-skin.scss */
.perso-teaser-template .IntroducePersonetics {
    background-image: url("../resources/images/teaser_images/IntroducePersonetics.png");
}
/* line 138, ../sass/product-skin.scss */
.perso-teaser-template .PersoAutomation {
    background-image: url("../resources/images/teaser_images/PersoAutomation.png");
}
/* line 141, ../sass/product-skin.scss */
.perso-teaser-template .PersoCards {
    background-image: url("../resources/images/teaser_images/PersoCards.png");
}
/* line 144, ../sass/product-skin.scss */
.perso-teaser-template .PersoCurrency {
    background-image: url("../resources/images/teaser_images/PersoCurrency.png");
}
/* line 147, ../sass/product-skin.scss */
.perso-teaser-template .PersoDeposit {
    background-image: url("../resources/images/teaser_images/PersoDeposit.png");
}
/* line 150, ../sass/product-skin.scss */
.perso-teaser-template .PersoExplain {
    background-image: url("../resources/images/teaser_images/PersoExplain.png");
}
/* line 153, ../sass/product-skin.scss */
.perso-teaser-template .Persofees {
    background-image: url("../resources/images/teaser_images/Persofees.png");
}
/* line 156, ../sass/product-skin.scss */
.perso-teaser-template .PersoMobileBanking {
    background-image: url("../resources/images/teaser_images/PersoMobileBanking.png");
}
/* line 159, ../sass/product-skin.scss */
.perso-teaser-template .PersoMobileWallet {
    background-image: url("../resources/images/teaser_images/PersoMobileWallet.png");
}
/* line 162, ../sass/product-skin.scss */
.perso-teaser-template .PersoQuiz {
    background-image: url("../resources/images/teaser_images/PersoQuiz.png");
}
/* line 165, ../sass/product-skin.scss */
.perso-teaser-template .PersoRefund {
    background-image: url("../resources/images/teaser_images/PersoRefund.png");
}
/* line 168, ../sass/product-skin.scss */
.perso-teaser-template .PersoSavings {
    background-image: url("../resources/images/teaser_images/PersoSavings.png");
}
/* line 171, ../sass/product-skin.scss */
.perso-teaser-template .PersoSavingsLong {
    background-image: url("../resources/images/teaser_images/PersoSavingsLong.png");
}
/* line 174, ../sass/product-skin.scss */
.perso-teaser-template .welcome {
    background-image: url("../resources/images/icons/welcome.svg");
}
/* line 177, ../sass/product-skin.scss */
.perso-teaser-template .travel_activity {
    background-image: url("../resources/images/icons/travel_activity.svg");
}
/* line 180, ../sass/product-skin.scss */
.perso-teaser-template .spend_activity {
    background-image: url("../resources/images/icons/spend_activity.svg");
}
/* line 183, ../sass/product-skin.scss */
.perso-teaser-template .payments {
    background-image: url("../resources/images/icons/payments.svg");
}
/* line 186, ../sass/product-skin.scss */
.perso-teaser-template .debits_purchases {
    background-image: url("../resources/images/icons/debits_purchases.svg");
}
/* line 189, ../sass/product-skin.scss */
.perso-teaser-template .credit_refunds {
    background-image: url("../resources/images/icons/credit_refunds.svg");
}
/* line 192, ../sass/product-skin.scss */
.perso-teaser-template .collections_past_due {
    background-image: url("../resources/images/icons/collections_past_due.svg");
}
/* line 195, ../sass/product-skin.scss */
.perso-teaser-template .account_info {
    background-image: url("../resources/images/icons/account_info.svg");
}
/* line 198, ../sass/product-skin.scss */
.perso-teaser-template .balance_status {
    background-image: url("../resources/images/icons/balance status.svg");
}

/* line 204, ../sass/product-skin.scss */
.pstory-block-account-selector .cardImage {
    background-image: url("../resources/images/account_selector/cardImage.svg") !important;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 4, ../sass/direction-rtl.scss */
.pstory-direction-rtl.pstory-frame {
    direction: rtl;
}
/* line 7, ../sass/direction-rtl.scss */
.pstory-direction-rtl .pstory-block-frame {
    direction: rtl;
}
/* line 10, ../sass/direction-rtl.scss */
.pstory-direction-rtl .pstory-dialog-container {
    text-align: right;
}
/* line 15, ../sass/direction-rtl.scss */
.pstory-direction-rtl .pstory-block-textboxes .perso-textbox:last-child {
    border: none;
}
/* line 20, ../sass/direction-rtl.scss */
.pstory-direction-rtl .perso-feedback-text.direction-text {
    text-align: right;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@-webkit-keyframes persoFillerUp {
    0% {
        height: 0%;
    }

    100% {
        height: 100%;
    }
}

@keyframes persoFillerUp {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

@keyframes persoFadeIn {
    to {
        opacity: 1;
    }
}
/* line 27, ../sass/block-bar-chart.scss */
.pstory-frame .pstory-block-bar-chart.pure-bar-chart {
    padding-top: 0;
}
    /* line 29, ../sass/block-bar-chart.scss */
    .pstory-frame .pstory-block-bar-chart.pure-bar-chart.pstory-block-frame.perso-collapsed .pstory-block-container {
        box-shadow: none;
    }
/* line 35, ../sass/block-bar-chart.scss */
.pstory-frame .pure-bar-chart .pstory-bar-chart {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}
    /* line 38, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-month-picker-wrapper {
        width: 100%;
        box-sizing: border-box;
        padding-right: 4.6%;
        padding-left: 4.6%;
        padding-top: 10px;
        background-color: #fff;
        padding-bottom: 0.1px;
    }
        /* line 47, ../sass/block-bar-chart.scss */
        .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-month-picker-wrapper .pstory-month-picker-selected-tab {
            position: absolute;
            cursor: pointer;
            bottom: 0;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            border-radius: 2px;
            background: #8eb0f6;
            height: calc(10% + 4%);
        }
        /* line 57, ../sass/block-bar-chart.scss */
        .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-month-picker-wrapper .perso-month-picker-container {
            width: 100%;
            list-style-type: none;
            padding: 0;
            text-align: center;
            position: relative;
            padding-bottom: 4.8%;
            font-size: 14.3px;
            font-weight: bold;
            color: rgba(22, 23, 45, 0.6);
            letter-spacing: 0.01em;
        }
            /* line 58, ../sass/block-bar-chart.scss */
            .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-month-picker-wrapper .perso-month-picker-container:before {
                content: " ";
                border-radius: 2px;
                width: 99%;
                position: absolute;
                text-align: center;
                left: 0.7%;
                bottom: 0;
                background-color: rgba(142, 176, 246, 0.5);
                height: calc(10% + 4%);
                top: auto;
            }

@media (max-width: 347px) {
    /* line 57, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-month-picker-wrapper .perso-month-picker-container {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 57, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-month-picker-wrapper .perso-month-picker-container {
        font-size: 12.87px;
    }
}
/* line 86, ../sass/block-bar-chart.scss */
.pstory-frame .pure-bar-chart .pstory-bar-chart .perso-month-picker-wrapper .perso-month-picker-container .perso-month-picker-item {
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: -2px;
    margin-right: -2px;
}
    /* line 92, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-month-picker-wrapper .perso-month-picker-container .perso-month-picker-item.selected {
        color: #16172d;
    }
/* line 98, ../sass/block-bar-chart.scss */
.pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper {
    position: relative;
    padding: 20px 33.2% 0 33.2%;
}
    /* line 101, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart {
        padding-left: 20%;
        padding-right: 20%;
        padding-top: 18.5%;
        padding-bottom: 0;
    }
    /* line 107, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-svg-chart-container {
        position: absolute;
        top: 20px;
    }
    /* line 111, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container {
        position: relative;
    }
        /* line 113, ../sass/block-bar-chart.scss */
        .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper {
            display: table;
            width: 100%;
        }
            /* line 117, ../sass/block-bar-chart.scss */
            .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper {
                display: inline-block;
                height: 100%;
                padding-left: 3.65%;
                box-sizing: border-box;
            }
                /* line 122, ../sass/block-bar-chart.scss */
                .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper .perso-series {
                    padding-left: 2.3%;
                    height: 100%;
                    display: table;
                    width: 100%;
                    position: relative;
                }
                    /* line 128, ../sass/block-bar-chart.scss */
                    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper .perso-series .perso-bar-wrapper {
                        display: inline-block;
                        width: 50%;
                        position: absolute;
                    }
                        /* line 132, ../sass/block-bar-chart.scss */
                        .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper .perso-series .perso-bar-wrapper:last-child {
                            left: 50%;
                        }
                        /* line 135, ../sass/block-bar-chart.scss */
                        .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper .perso-series .perso-bar-wrapper .perso-bar {
                            height: 100%;
                        }
                            /* line 137, ../sass/block-bar-chart.scss */
                            .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper .perso-series .perso-bar-wrapper .perso-bar .perso-animated-bar.perso-filler-bar {
                                bottom: 0;
                                position: absolute;
                                height: 100%;
                                width: 100%;
                                -webkit-animation: persoFillerUp 1.5s ease-in-out;
                                animation: persoFillerUp 1.5s ease-in-out;
                                -webkit-animation-fill-mode: both;
                            }
                        /* line 147, ../sass/block-bar-chart.scss */
                        .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper .perso-series .perso-bar-wrapper.in .perso-bar {
                            background-color: rgba(201, 199, 199, 0.68);
                        }
                            /* line 149, ../sass/block-bar-chart.scss */
                            .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper .perso-series .perso-bar-wrapper.in .perso-bar.selected:not(.selected-animated) {
                                background-color: #2c375f;
                            }
                            /* line 152, ../sass/block-bar-chart.scss */
                            .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper .perso-series .perso-bar-wrapper.in .perso-bar .perso-animated-bar.perso-filler-bar {
                                background-color: #2c375f;
                            }
                        /* line 156, ../sass/block-bar-chart.scss */
                        .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper .perso-series .perso-bar-wrapper.out .perso-bar {
                            background-color: rgba(225, 225, 225, 0.68);
                        }
                            /* line 158, ../sass/block-bar-chart.scss */
                            .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper .perso-series .perso-bar-wrapper.out .perso-bar.selected:not(.selected-animated) {
                                background-color: #d8277e;
                            }
                            /* line 161, ../sass/block-bar-chart.scss */
                            .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper .perso-series .perso-bar-wrapper.out .perso-bar .perso-animated-bar.perso-filler-bar {
                                background-color: #d8277e;
                            }
            /* line 168, ../sass/block-bar-chart.scss */
            .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar {
                display: block;
                float: left;
                padding-left: 4%;
                box-sizing: border-box;
                position: relative;
            }
                /* line 174, ../sass/block-bar-chart.scss */
                .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar {
                    background-color: #d7d7d7;
                    position: relative;
                    height: 100%;
                    width: 100%;
                }
                    /* line 179, ../sass/block-bar-chart.scss */
                    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar.selected:not(.selected-animated) {
                        background-color: #2c375f;
                    }
                    /* line 182, ../sass/block-bar-chart.scss */
                    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar .perso-animated-bar {
                        width: 100%;
                        height: 0;
                        bottom: 0;
                        position: absolute;
                        left: 0;
                    }
                        /* line 188, ../sass/block-bar-chart.scss */
                        .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar .perso-animated-bar.perso-negative {
                            top: 0;
                            bottom: inherit;
                        }
                            /* line 191, ../sass/block-bar-chart.scss */
                            .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar .perso-animated-bar.perso-negative.perso-filler-bar {
                                background-color: #d8277e;
                            }
                        /* line 195, ../sass/block-bar-chart.scss */
                        .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar .perso-animated-bar.perso-filler-bar {
                            height: 100%;
                            -webkit-animation: persoFillerUp 1.5s ease-in-out;
                            animation: persoFillerUp 1.5s ease-in-out;
                            -webkit-animation-fill-mode: both;
                            background-color: #2c375f;
                        }
                /* line 204, ../sass/block-bar-chart.scss */
                .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar.negative-bar .perso-bar.selected:not(.selected-animated) {
                    background-color: #d8277e;
                }
    /* line 214, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-month-amount {
        margin-top: 5%;
        width: 100%;
        font-size: 32.5px;
        font-weight: 800;
        color: #616266;
        text-align: center;
        letter-spacing: 0.01em;
    }
        /* line 218, ../sass/block-bar-chart.scss */
        .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-month-amount .perso-int-num.perso-fade-in {
            opacity: 0;
            animation: persoFadeIn 1s ease-in 1 forwards;
        }
        /* line 224, ../sass/block-bar-chart.scss */
        .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-month-amount .perso-currency.perso-fade-in {
            opacity: 0;
            animation: persoFadeIn 1s ease-in 1 forwards;
        }

@media (max-width: 347px) {
    /* line 214, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-month-amount {
        font-size: 25px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 214, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-month-amount {
        font-size: 29.25px;
    }
}
/* line 244, ../sass/block-bar-chart.scss */
.pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-month-amount {
    display: none;
}
/* line 247, ../sass/block-bar-chart.scss */
.pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip {
    background-color: #363636;
    border-radius: 25px;
    padding: 1% 0;
    padding-left: 2%;
    padding-right: 2%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
}
    /* line 257, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip .perso-tooltip-label {
        color: #fff;
        display: block;
        text-align: center;
        font-weight: bold;
        font-size: 14.3px;
    }

@media (max-width: 347px) {
    /* line 257, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip .perso-tooltip-label {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 257, ../sass/block-bar-chart.scss */
    .pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip .perso-tooltip-label {
        font-size: 12.87px;
    }
}
/* line 269, ../sass/block-bar-chart.scss */
.pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip .perso-tooltip-label .perso-amount {
    font-weight: 300;
}
/* line 273, ../sass/block-bar-chart.scss */
.pstory-frame .pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #363636 transparent transparent transparent;
}

/* line 290, ../sass/block-bar-chart.scss */
.pstory-block-container .perso-month-picker-wrapper.perso-item-collapse {
    background-color: #fff;
    position: fixed;
    z-index: 1000;
    width: calc(100% - 9.4%);
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
    /* line 296, ../sass/block-bar-chart.scss */
    .pstory-block-container .perso-month-picker-wrapper.perso-item-collapse .pstory-month-picker-selected-tab {
        bottom: 24%;
    }
/* line 300, ../sass/block-bar-chart.scss */
.pstory-block-container .perso-bar-budget-label {
    font-size: 10px;
    font-weight: bold;
    color: #000033;
    margin-top: 4.5px;
    opacity: 0;
    transition: opacity 1s linear;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@-webkit-keyframes persoFillerRight {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@keyframes persoFillerRight {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}
/* line 20, ../sass/block-pin-chart.scss */
.pstory-frame .pstory-block-pinGraph-chart {
    padding-top: 0;
}
/* line 23, ../sass/block-pin-chart.scss */
.pstory-frame .pstory-pinGraph-chart {
    height: calc(34.1%);
    padding: 4.7%;
    width: calc(100% - 9.4%);
    position: relative;
}
    /* line 28, ../sass/block-pin-chart.scss */
    .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container {
        height: 100%;
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.18);
        padding-right: 3.5%;
        padding-left: 5%;
    }
        /* line 33, ../sass/block-pin-chart.scss */
        .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw {
            display: table;
            position: relative;
            width: calc(100%);
            border-bottom: solid 1px rgba(183, 183, 183, 0.33);
            font-size: 0;
        }
            /* line 39, ../sass/block-pin-chart.scss */
            .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:nth-last-child(2) {
                border-bottom: none;
            }
            /* line 43, ../sass/block-pin-chart.scss */
            .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
                background-color: #23253e;
            }
            /* line 47, ../sass/block-pin-chart.scss */
            .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper {
                display: table-cell;
                vertical-align: middle;
            }
                /* line 50, ../sass/block-pin-chart.scss */
                .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-raw-item {
                    display: inline-block;
                    vertical-align: middle;
                }
                /* line 54, ../sass/block-pin-chart.scss */
                .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt {
                    padding-right: 6.5%;
                    width: 13.5%;
                    font-size: 15.6px;
                    color: #616266;
                }

@media (max-width: 347px) {
    /* line 54, ../sass/block-pin-chart.scss */
    .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 54, ../sass/block-pin-chart.scss */
    .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt {
        font-size: 14.04px;
    }
}
/* line 66, ../sass/block-pin-chart.scss */
.pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper {
    width: 80%;
    height: 40%;
}
    /* line 69, ../sass/block-pin-chart.scss */
    .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
        opacity: 0;
        height: 100%;
        display: inline-block;
        background-color: #d7d7d7;
    }
    /* line 75, ../sass/block-pin-chart.scss */
    .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-amount {
        opacity: 0;
        padding-left: 2%;
        display: inline-block;
        vertical-align: top;
        font-size: 14.3px;
        color: #616266;
    }

@media (max-width: 347px) {
    /* line 75, ../sass/block-pin-chart.scss */
    .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-amount {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 75, ../sass/block-pin-chart.scss */
    .pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-amount {
        font-size: 12.87px;
    }
}
/* line 93, ../sass/block-pin-chart.scss */
.pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container.do-bar-animation .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
    opacity: 1;
    -webkit-animation: persoFillerRight 1.5s ease-in-out;
    animation: persoFillerRight 1.5s ease-in-out;
}
/* line 100, ../sass/block-pin-chart.scss */
.pstory-frame .pstory-pinGraph-chart .perso-pinGraph-container.do-amount-animation .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-amount {
    opacity: 1;
    transition: opacity 0.8s 1s ease;
}
/* line 110, ../sass/block-pin-chart.scss */
.pstory-frame .perso-negative .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:last-child .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
    background-color: #d8275d;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 6, ../sass/direction-ltr.scss */
.pstory-direction-ltr .pstory-block-textboxes .perso-textbox:first-child, .pstory-direction-ltr .pstory-block-textboxes .perso-textbox-with-image:first-child {
    border: none;
}
/* line 11, ../sass/direction-ltr.scss */
.pstory-direction-ltr .perso-feedback-text.direction-text {
    text-align: left;
}

/** Breakpoint Variable for Media Query */
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    src: url("../resources/fonts/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 300;
    src: url("../resources/fonts/OpenSans-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: bold;
    src: url("../resources/fonts/OpenSans-bold.ttf") format("truetype");
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 500;
    src: url("../resources/fonts/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 100;
    src: url("../resources/fonts/OpenSans-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 800;
    src: url("../resources/fonts/OpenSans-ExtraBold.ttf") format("truetype");
}
/* line 1, ../sass/_base-design.scss */
.perso-teaser-template {
    /* HBox */
}
    /* line 3, ../sass/_base-design.scss */
    .perso-teaser-template .pstory-block-frame {
        padding-top: 0;
        margin-right: 0;
        margin-left: 0;
    }
    /* line 10, ../sass/_base-design.scss */
    .perso-teaser-template .pstory-block-hbox-columns-frame {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    /* line 15, ../sass/_base-design.scss */
    .perso-teaser-template .pstory-hbox-column-frame {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        box-sizing: border-box;
    }
        /* line 20, ../sass/_base-design.scss */
        .perso-teaser-template .pstory-hbox-column-frame[data-v-align="middle"] {
            vertical-align: middle;
        }
        /* line 23, ../sass/_base-design.scss */
        .perso-teaser-template .pstory-hbox-column-frame[data-v-align="bottom"] {
            vertical-align: bottom;
        }
        /* line 29, ../sass/_base-design.scss */
        .perso-teaser-template .pstory-hbox-column-frame.left-separator {
            position: relative;
        }
            /* line 31, ../sass/_base-design.scss */
            .perso-teaser-template .pstory-hbox-column-frame.left-separator::before {
                background-color: #b7b7b7;
                width: 1px;
                height: 70%;
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

/* line 1, ../sass/_inbox.scss */
.perso-teaser-filter-wrapper {
    font-weight: bold;
    color: #213163;
    text-align: center;
    text-transform: uppercase;
    padding: 0 1.64em;
    font-size: 14.3px;
}

@media (max-width: 347px) {
    /* line 1, ../sass/_inbox.scss */
    .perso-teaser-filter-wrapper {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 1, ../sass/_inbox.scss */
    .perso-teaser-filter-wrapper {
        font-size: 12.87px;
    }
}
/* line 16, ../sass/_inbox.scss */
.perso-teaser-filter-wrapper .perso-teaser-filter {
    position: relative;
}
    /* line 18, ../sass/_inbox.scss */
    .perso-teaser-filter-wrapper .perso-teaser-filter:before {
        content: " ";
        position: absolute;
        bottom: 0;
        height: 0.3636em;
        background-color: rgba(142, 176, 246, 0.3);
        border-radius: 2px;
        width: 100%;
        z-index: 1;
        left: 0;
    }
/* line 30, ../sass/_inbox.scss */
.perso-teaser-filter-wrapper .perso-filter-selected-tab {
    position: absolute;
    cursor: pointer;
    bottom: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 2px;
    background: #8eb0f6;
    height: 0.3636em;
}
/* line 41, ../sass/_inbox.scss */
.perso-teaser-filter-wrapper ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 0.96em 0 1.2em 0;
}
/* line 51, ../sass/_inbox.scss */
.perso-teaser-filter-wrapper .perso-teaser-filter-tab {
    display: table-cell;
    vertical-align: middle;
}
    /* line 54, ../sass/_inbox.scss */
    .perso-teaser-filter-wrapper .perso-teaser-filter-tab:not(.selected) {
        opacity: 0.6;
    }

/* line 61, ../sass/_inbox.scss */
#personetics-teaser-widget .perso-multi-teaser-wrapper .personetics-nothing-toshow-msg, #personetics-teaser-widget .perso-multi-teaser-wrapper .personetics-error-small {
    color: rgba(0, 0, 0, 0.5);
    font-family: inherit;
}

/* line 1, ../sass/_title.scss */
.perso-teaser-title {
    font-family: "OpenSans";
    font-weight: 800;
    color: #68686e;
    letter-spacing: 0.2em;
    line-height: 1em;
    text-transform: uppercase;
    padding-left: 1.5em;
    padding-right: 1.167em;
    background-color: transparent;
    font-size: 15.6px;
}

@media (max-width: 347px) {
    /* line 1, ../sass/_title.scss */
    .perso-teaser-title {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 1, ../sass/_title.scss */
    .perso-teaser-title {
        font-size: 14.04px;
    }
}
/* line 20, ../sass/_title.scss */
.perso-teaser-title .pstory-title-close {
    background-image: url(../resources/images/close-black.svg);
    height: 0.833em;
    width: 0.833em;
    display: inline-block;
    padding: 0;
    /*vertical align center*/
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/* line 34, ../sass/_title.scss */
.perso-teaser-title .pstory-title-text {
    text-align: left;
    margin: 0;
    width: calc(100% - 1.3em);
    display: inline-block;
}

/* line 3, ../sass/_txList.scss */
.perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 {
    padding-right: 3.5vh;
    padding-bottom: 0.5em;
    box-sizing: border-box;
    padding-left: 3.5vh;
    height: 9.091em;
}
    /* line 9, ../sass/_txList.scss */
    .perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row {
        position: relative;
        padding-bottom: 1%;
    }
        /* line 12, ../sass/_txList.scss */
        .perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row:before {
            content: " ";
            border-bottom: 1px solid #dfdfdf;
            width: 100%;
            display: block;
        }
        /* line 18, ../sass/_txList.scss */
        .perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col {
            display: inline-block;
            width: 65%;
            padding-top: 1%;
        }
            /* line 22, ../sass/_txList.scss */
            .perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col {
                text-align: right;
                position: absolute;
                top: 20%;
                right: 0;
            }
                /* line 27, ../sass/_txList.scss */
                .perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col .perso-amount-container {
                    font-size: 14.3px;
                    letter-spacing: 0.01em;
                    color: #616266;
                    text-align: right;
                    letter-spacing: 0.01em;
                    position: absolute;
                    right: 0;
                }

@media (max-width: 347px) {
    /* line 27, ../sass/_txList.scss */
    .perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col .perso-amount-container {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 27, ../sass/_txList.scss */
    .perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col .perso-amount-container {
        font-size: 12.87px;
    }
}
/* line 44, ../sass/_txList.scss */
.perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .upper-row {
    font-size: 13px;
    letter-spacing: 0.01em;
    font-weight: bold;
    text-align: left;
    line-height: 12px;
}

@media (max-width: 347px) {
    /* line 44, ../sass/_txList.scss */
    .perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .upper-row {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 44, ../sass/_txList.scss */
    .perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .upper-row {
        font-size: 11.7px;
    }
}
/* line 57, ../sass/_txList.scss */
.perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .lower-row {
    font-size: 11.7px;
    color: rgba(97, 98, 102, 0.6);
    text-align: left;
    margin-top: 2%;
}

@media (max-width: 347px) {
    /* line 57, ../sass/_txList.scss */
    .perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .lower-row {
        font-size: 9px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 57, ../sass/_txList.scss */
    .perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .lower-row {
        font-size: 10.53px;
    }
}
/* line 68, ../sass/_txList.scss */
.perso-teaser-template .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .lower-row .perso-account-seperator {
    font-weight: 900;
    color: #616266;
}

/* line 7, ../sass/skin.scss */
#personetics-teaser-widget {
    background-image: -webkit-linear-gradient(#e7e6e6 0%, white 100%);
}

/* line 10, ../sass/skin.scss */
.perso-multi-teaser-wrapper {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /*hide scrollbar*/
    -ms-overflow-style: none;
}
    /* line 16, ../sass/skin.scss */
    .perso-multi-teaser-wrapper::-webkit-scrollbar {
        width: 0 !important;
    }

/* line 20, ../sass/skin.scss */
.perso-multi-teaser-template {
    padding-top: 0.88em;
    box-sizing: border-box;
    padding-bottom: 1.88em;
}
    /* line 26, ../sass/skin.scss */
    .perso-multi-teaser-template.carousel-inner-wrapper #personetics-error-container.mobile-err {
        margin-top: inherit;
    }
        /* line 28, ../sass/skin.scss */
        .perso-multi-teaser-template.carousel-inner-wrapper #personetics-error-container.mobile-err .personetics-error-img {
            background-size: 60px 46px;
        }
        /* line 31, ../sass/skin.scss */
        .perso-multi-teaser-template.carousel-inner-wrapper #personetics-error-container.mobile-err .personetics-error-larg {
            font-size: 18px;
            padding-top: 0px;
            padding-bottom: 10px;
        }
        /* line 36, ../sass/skin.scss */
        .perso-multi-teaser-template.carousel-inner-wrapper #personetics-error-container.mobile-err .personetics-error-small {
            font-size: 11px;
        }
    /* line 42, ../sass/skin.scss */
    .perso-multi-teaser-template.carousel-inner-wrapper #personetics-no-insights-container.mobile-err {
        margin-top: inherit;
    }
        /* line 44, ../sass/skin.scss */
        .perso-multi-teaser-template.carousel-inner-wrapper #personetics-no-insights-container.mobile-err .personetics-no-insights-img {
            background-size: 60px 46px;
        }
        /* line 47, ../sass/skin.scss */
        .perso-multi-teaser-template.carousel-inner-wrapper #personetics-no-insights-container.mobile-err .personetics-no-insights-larg {
            font-size: 18px;
        }
        /* line 50, ../sass/skin.scss */
        .perso-multi-teaser-template.carousel-inner-wrapper #personetics-no-insights-container.mobile-err .personetics-no-insights-small {
            font-size: 11px;
            padding-bottom: 10px;
            padding-top: 0;
        }

/* line 60, ../sass/skin.scss */
.perso-teaser-template {
    box-sizing: border-box;
    margin: 0.73em 0;
    box-sizing: border-box;
    font-family: "OpenSans";
    white-space: normal;
    font-size: 14.3px;
}

@media (max-width: 347px) {
    /* line 60, ../sass/skin.scss */
    .perso-teaser-template {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 60, ../sass/skin.scss */
    .perso-teaser-template {
        font-size: 12.87px;
    }
}
/* line 74, ../sass/skin.scss */
.perso-teaser-template img {
    max-width: 100%;
    position: absolute;
}

/* line 81, ../sass/skin.scss */
.perso-teaser-template {
    /* teaser header */
    /* Teaser Body */
    /* Date box */
    /*image*/
    /*pie*/
    /* bar chart */
    /** New bar chart **/
    /** New bar chart**/
    /** New pin chart **/
    /** New pin chart **/
    /**/
    /*double-box*/
    /**/
    /*horizontal bar and box*/
}
    /* line 82, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner {
        width: 25.53em;
        margin: auto;
        background-color: #ffffff;
        -webkit-box-shadow: -2px 0px 14px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: -2px 0px 14px 1px rgba(0, 0, 0, 0.1);
        box-shadow: -2px 0px 14px 1px rgba(0, 0, 0, 0.1);
    }
    /* line 92, ../sass/skin.scss */
    .perso-teaser-template .teaser-header {
        padding-top: 5.3125vw;
        padding-right: 6.2vw;
        padding-bottom: 0.5em;
        box-sizing: border-box;
        padding-left: 6.2vw;
        height: 9.091em;
    }
        /* line 99, ../sass/skin.scss */
        .perso-teaser-template .teaser-header .pstory-block-text {
            text-align: left;
        }
        /* line 103, ../sass/skin.scss */
        .perso-teaser-template .teaser-header .teaser-text {
            font-size: 14.3px;
            line-height: 1.35em;
            overflow: hidden;
            color: rgba(97, 98, 102, 0.7);
        }

@media (max-width: 347px) {
    /* line 103, ../sass/skin.scss */
    .perso-teaser-template .teaser-header .teaser-text {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 103, ../sass/skin.scss */
    .perso-teaser-template .teaser-header .teaser-text {
        font-size: 12.87px;
    }
}
/* line 114, ../sass/skin.scss */
.perso-teaser-template .teaser-header .teaser-text .pstory-block-content {
    line-height: 1.35em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* line 122, ../sass/skin.scss */
.perso-teaser-template .teaser-top {
    padding-bottom: 0.55em;
}
    /* line 124, ../sass/skin.scss */
    .perso-teaser-template .teaser-top .pstory-hbox-column-frame.right-separator {
        border-right: 0.23em solid;
        border-color: #5471b3;
    }
    /* line 129, ../sass/skin.scss */
    .perso-teaser-template .teaser-top .insight-title-text {
        font-size: 18.2px;
        font-weight: bold;
        color: #616266;
        padding-top: 2.65vw;
    }

@media (max-width: 347px) {
    /* line 129, ../sass/skin.scss */
    .perso-teaser-template .teaser-top .insight-title-text {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 129, ../sass/skin.scss */
    .perso-teaser-template .teaser-top .insight-title-text {
        font-size: 16.38px;
    }
}
/* line 140, ../sass/skin.scss */
.perso-teaser-template .teaser-top .insight-title-text .pstory-block-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
/* line 150, ../sass/skin.scss */
.perso-teaser-template .read-status-image {
    text-align: right;
}
    /* line 152, ../sass/skin.scss */
    .perso-teaser-template .read-status-image .pstory-block-content {
        display: block;
        background-image: url("../resources/images/lamp-off.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        border-radius: 1.85em;
        width: 1.85em;
        height: 1.85em;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
/* line 168, ../sass/skin.scss */
.perso-teaser-template.perso-read .insight-title-text {
    font-weight: bold;
    white-space: normal;
}
/* line 172, ../sass/skin.scss */
.perso-teaser-template.perso-read .teaser-text {
    color: rgba(97, 98, 102, 0.7);
}
/* line 177, ../sass/skin.scss */
.perso-teaser-template.perso-highlighted .read-status-image .pstory-block-content {
    background-color: #eaf73e;
    background-image: url("../resources/images/lamp-on.svg");
}
/* line 184, ../sass/skin.scss */
.perso-teaser-template.perso-unread .teaser-top .right-separator {
    border-color: #ebebeb;
}
/* line 187, ../sass/skin.scss */
.perso-teaser-template.perso-unread .teaser-top .insight-title-text {
    font-weight: 800;
    color: #2c375f;
}
/* line 194, ../sass/skin.scss */
.perso-teaser-template .teaser-body {
    height: 6.54em;
    overflow: hidden;
    position: relative;
}
/* line 201, ../sass/skin.scss */
.perso-teaser-template .pstory-block-date-box {
    text-transform: uppercase;
    color: rgba(0, 0, 51, 0.5);
    font-size: 13px;
}

@media (max-width: 347px) {
    /* line 201, ../sass/skin.scss */
    .perso-teaser-template .pstory-block-date-box {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 201, ../sass/skin.scss */
    .perso-teaser-template .pstory-block-date-box {
        font-size: 11.7px;
    }
}
/* line 211, ../sass/skin.scss */
.perso-teaser-template .pstory-block-date-box .pstory-block-content {
    margin-right: 1.12em;
    padding-left: 1%;
    display: inline-block;
}
/* line 226, ../sass/skin.scss */
.perso-teaser-template .pstory-block-date-box .perso-teaser-date {
    display: inline-block;
}
/* line 229, ../sass/skin.scss */
.perso-teaser-template .pstory-block-date-box:before {
    content: '';
    display: inline-block;
    height: 6px;
    width: 6px;
    border-radius: 3px;
    background-color: #d7d7d7;
}
/* line 238, ../sass/skin.scss */
.perso-teaser-template.perso-unread .pstory-block-date-box {
    color: #000033;
}
    /* line 240, ../sass/skin.scss */
    .perso-teaser-template.perso-unread .pstory-block-date-box:before {
        background-color: #3f69be;
    }
    /* line 244, ../sass/skin.scss */
    .perso-teaser-template.perso-unread .pstory-block-date-box .pstory-block-date-day {
        font-weight: 500;
    }
/* line 249, ../sass/skin.scss */
.perso-teaser-template .pstory-block-image {
    margin-top: -8px;
    margin-left: 9px;
    position: relative;
    height: 100%;
    width: 100%;
}
    /* line 255, ../sass/skin.scss */
    .perso-teaser-template .pstory-block-image img {
        width: 100%;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    /* line 263, ../sass/skin.scss */
    .perso-teaser-template .pstory-block-image.pstory-block-image-dbox img {
        height: 100%;
        width: auto;
    }
/* line 271, ../sass/skin.scss */
.perso-teaser-template .perso-pie-text {
    display: none;
    font-size: 14.3px;
    text-align: center;
    margin-bottom: 0.45em;
    color: rgba(0, 0, 0, 0.6);
}

@media (max-width: 347px) {
    /* line 271, ../sass/skin.scss */
    .perso-teaser-template .perso-pie-text {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 271, ../sass/skin.scss */
    .perso-teaser-template .perso-pie-text {
        font-size: 12.87px;
    }
}
/* line 287, ../sass/skin.scss */
.perso-teaser-template .perso-bar {
    fill: #d7d7d7;
}
    /* line 289, ../sass/skin.scss */
    .perso-teaser-template .perso-bar.selected {
        fill: #2c375f;
    }

@-webkit-keyframes persoFillerUp {
    0% {
        height: 0%;
    }

    100% {
        height: 100%;
    }
}

@keyframes persoFillerUp {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

@keyframes persoFadeIn {
    to {
        opacity: 1;
    }
}
/* line 315, ../sass/skin.scss */
.perso-teaser-template .perso-bar-chart-wrapper {
    position: relative;
    padding: 10px 28.5% 0 28.5%;
}
    /* line 318, ../sass/skin.scss */
    .perso-teaser-template .perso-bar-chart-wrapper .perso-svg-chart-container {
        position: absolute;
        top: 20px;
    }
    /* line 322, ../sass/skin.scss */
    .perso-teaser-template .perso-bar-chart-wrapper .perso-bar-chart-container {
        position: relative;
    }
        /* line 324, ../sass/skin.scss */
        .perso-teaser-template .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper {
            display: table;
            width: 100%;
        }
            /* line 328, ../sass/skin.scss */
            .perso-teaser-template .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar {
                display: block;
                float: left;
                padding-left: 4%;
                box-sizing: border-box;
                position: relative;
            }
                /* line 334, ../sass/skin.scss */
                .perso-teaser-template .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar {
                    background-color: #d7d7d7;
                    position: relative;
                    height: 100%;
                    width: 100%;
                }
                    /* line 339, ../sass/skin.scss */
                    .perso-teaser-template .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar.selected:not(.selected-animated) {
                        background-color: #2c375f;
                    }
                    /* line 342, ../sass/skin.scss */
                    .perso-teaser-template .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar .perso-animated-bar {
                        width: 100%;
                        height: 0;
                        bottom: 0;
                        position: absolute;
                        left: 0;
                    }
                        /* line 348, ../sass/skin.scss */
                        .perso-teaser-template .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar .perso-animated-bar.perso-negative {
                            top: 0;
                            bottom: inherit;
                        }
                            /* line 351, ../sass/skin.scss */
                            .perso-teaser-template .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar .perso-animated-bar.perso-negative.perso-filler-bar {
                                background-color: #d8277e;
                            }
                        /* line 355, ../sass/skin.scss */
                        .perso-teaser-template .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar .perso-animated-bar.perso-filler-bar {
                            height: 100%;
                            -webkit-animation: persoFillerUp 1.5s ease-in-out;
                            animation: persoFillerUp 1.5s ease-in-out;
                            -webkit-animation-fill-mode: both;
                            background-color: #2c375f;
                        }
                /* line 364, ../sass/skin.scss */
                .perso-teaser-template .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar.negative-bar .perso-bar.selected:not(.selected-animated) {
                    background-color: #d8277e;
                }
    /* line 374, ../sass/skin.scss */
    .perso-teaser-template .perso-bar-chart-wrapper .perso-month-amount {
        margin-top: 4%;
        width: 100%;
        font-size: 18.2px;
        font-weight: 800;
        color: #616266;
        text-align: center;
        letter-spacing: 0.01em;
    }
        /* line 378, ../sass/skin.scss */
        .perso-teaser-template .perso-bar-chart-wrapper .perso-month-amount .perso-int-num.perso-fade-in {
            opacity: 0;
            animation: persoFadeIn 1s ease-in 1 forwards;
        }
        /* line 384, ../sass/skin.scss */
        .perso-teaser-template .perso-bar-chart-wrapper .perso-month-amount .perso-currency.perso-fade-in {
            opacity: 0;
            animation: persoFadeIn 1s ease-in 1 forwards;
        }

@media (max-width: 347px) {
    /* line 374, ../sass/skin.scss */
    .perso-teaser-template .perso-bar-chart-wrapper .perso-month-amount {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 374, ../sass/skin.scss */
    .perso-teaser-template .perso-bar-chart-wrapper .perso-month-amount {
        font-size: 16.38px;
    }
}

@-webkit-keyframes persoFillerRight {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@keyframes persoFillerRight {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}
/* line 421, ../sass/skin.scss */
.perso-teaser-template .pstory-block-pinGraph-chart {
    padding-top: 0;
}
/* line 424, ../sass/skin.scss */
.perso-teaser-template .pstory-pure-pinGraph-chart {
    height: calc(34.1%);
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 15%);
    position: relative;
}
    /* line 430, ../sass/skin.scss */
    .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container {
        height: 100%;
    }
        /* line 432, ../sass/skin.scss */
        .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw {
            display: table;
            position: relative;
            width: calc(100%);
            font-size: 0;
        }
            /* line 437, ../sass/skin.scss */
            .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:nth-last-child(2) {
                border-bottom: none;
            }
            /* line 441, ../sass/skin.scss */
            .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
                background-color: #23253e;
            }
            /* line 444, ../sass/skin.scss */
            .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-date-txt {
                font-weight: 800;
            }
            /* line 448, ../sass/skin.scss */
            .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper {
                display: table-cell;
                vertical-align: middle;
            }
                /* line 451, ../sass/skin.scss */
                .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-raw-item {
                    display: inline-block;
                    vertical-align: middle;
                }
                /* line 455, ../sass/skin.scss */
                .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt {
                    text-transform: uppercase;
                    padding-right: 6.5%;
                    width: 13.5%;
                    font-size: 14.3px;
                    color: #616266;
                }

@media (max-width: 347px) {
    /* line 455, ../sass/skin.scss */
    .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 455, ../sass/skin.scss */
    .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt {
        font-size: 12.87px;
    }
}
/* line 468, ../sass/skin.scss */
.perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper {
    width: 80%;
    height: 22%;
}
    /* line 471, ../sass/skin.scss */
    .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
        opacity: 1;
        height: 100%;
        display: inline-block;
        background-color: #d7d7d7;
    }
    /* line 477, ../sass/skin.scss */
    .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-amount {
        opacity: 0;
        padding-left: 2%;
        display: inline-block;
        vertical-align: top;
        font-size: 14.3px;
        color: #616266;
    }

@media (max-width: 347px) {
    /* line 477, ../sass/skin.scss */
    .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-amount {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 477, ../sass/skin.scss */
    .perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-amount {
        font-size: 12.87px;
    }
}
/* line 495, ../sass/skin.scss */
.perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container.do-bar-animation .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
    opacity: 1;
    -webkit-animation: persoFillerRight 1.5s ease-in-out;
    animation: persoFillerRight 1.5s ease-in-out;
}
/* line 502, ../sass/skin.scss */
.perso-teaser-template .pstory-pure-pinGraph-chart .perso-pinGraph-container.do-amount-animation .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-amount {
    opacity: 1;
    transition: opacity 0.8s 1s ease;
}
/* line 512, ../sass/skin.scss */
.perso-teaser-template .perso-negative .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:last-child .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
    background-color: #d8275d;
}
/* line 520, ../sass/skin.scss */
.perso-teaser-template #verticalBarAndBoxTeaser_chart .x.axis text {
    display: none;
}
/* line 524, ../sass/skin.scss */
.perso-teaser-template .y.axis path {
    display: none;
}
/* line 527, ../sass/skin.scss */
.perso-teaser-template .pstory-bar-chart, .perso-teaser-template .pstory-pinGraph-chart {
    font-weight: 300;
    text-align: left;
    font-size: 14.3px;
}
    /* line 528, ../sass/skin.scss */
    .perso-teaser-template .pstory-bar-chart svg.perso-svg-chart-container, .perso-teaser-template .pstory-pinGraph-chart svg.perso-svg-chart-container {
        display: block;
        margin: auto;
    }

@media (max-width: 347px) {
    /* line 527, ../sass/skin.scss */
    .perso-teaser-template .pstory-bar-chart, .perso-teaser-template .pstory-pinGraph-chart {
        font-size: 11px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 527, ../sass/skin.scss */
    .perso-teaser-template .pstory-bar-chart, .perso-teaser-template .pstory-pinGraph-chart {
        font-size: 12.87px;
    }
}
/* line 541, ../sass/skin.scss */
.perso-teaser-template .pstory-bar-chart .perso-xAxis-label, .perso-teaser-template .pstory-pinGraph-chart .perso-xAxis-label {
    text-transform: uppercase;
    font-weight: 400;
}
    /* line 544, ../sass/skin.scss */
    .perso-teaser-template .pstory-bar-chart .perso-xAxis-label.selected, .perso-teaser-template .pstory-pinGraph-chart .perso-xAxis-label.selected {
        font-weight: 800;
    }
/* line 549, ../sass/skin.scss */
.perso-teaser-template line.perso-chart-line {
    stroke-width: 1px;
    stroke: #d9d9d9;
}
    /* line 553, ../sass/skin.scss */
    .perso-teaser-template line.perso-chart-line:first-child {
        display: none;
    }
/* line 556, ../sass/skin.scss */
.perso-teaser-template g.perso-chart-line:nth-child(2) {
    display: none;
}
/* line 563, ../sass/skin.scss */
.perso-teaser-template .perso-double-box .pstory-block-frame {
    width: inherit;
}
/* line 567, ../sass/skin.scss */
.perso-teaser-template .perso-double-box-left .perso-double-box-container {
    border-right: solid 2px rgba(217, 217, 217, 0.7);
}
/* line 571, ../sass/skin.scss */
.perso-teaser-template .perso-double-box-value {
    color: #8eb0f6;
    font-weight: 800;
    line-height: 1em;
    overflow: hidden;
    width: 100%;
    font-size: 19.5px;
}

@media (max-width: 347px) {
    /* line 571, ../sass/skin.scss */
    .perso-teaser-template .perso-double-box-value {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 571, ../sass/skin.scss */
    .perso-teaser-template .perso-double-box-value {
        font-size: 17.55px;
    }
}
/* line 585, ../sass/skin.scss */
.perso-teaser-template .perso-double-box-text {
    opacity: 0.7;
    color: #616266;
    font-size: 11px;
    font-weight: 600;
}
/* line 596, ../sass/skin.scss */
.perso-teaser-template .perso-percent-small {
    font-weight: 200;
    padding-top: 0.36em;
    font-size: 32.5px;
}

@media (max-width: 347px) {
    /* line 596, ../sass/skin.scss */
    .perso-teaser-template .perso-percent-small {
        font-size: 25px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 596, ../sass/skin.scss */
    .perso-teaser-template .perso-percent-small {
        font-size: 29.25px;
    }
}
/* line 607, ../sass/skin.scss */
.perso-teaser-template .pstory-block-content .pluse {
    color: #5d7cc1;
    font-weight: bold;
}
/* line 612, ../sass/skin.scss */
.perso-teaser-template .perso-percent-large {
    color: #5370b1;
    font-weight: 300;
    padding-top: 8px;
    line-height: 0.8em;
    font-size: 39px;
}

@media (max-width: 347px) {
    /* line 612, ../sass/skin.scss */
    .perso-teaser-template .perso-percent-large {
        font-size: 30px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 612, ../sass/skin.scss */
    .perso-teaser-template .perso-percent-large {
        font-size: 35.1px;
    }
}
/* line 626, ../sass/skin.scss */
.perso-teaser-template .pstory-line-chart svg.perso-svg-chart-container {
    display: block;
    margin: auto;
}
/* line 632, ../sass/skin.scss */
.perso-teaser-template .pstory-line-chart .perso-grid .tick line {
    stroke: #d9d9d9;
}
/* line 637, ../sass/skin.scss */
.perso-teaser-template .pstory-line-chart .axis.perso-grid {
    font: 10px sans-serif;
}
/* line 641, ../sass/skin.scss */
.perso-teaser-template .pstory-line-chart .axis path, .perso-teaser-template .pstory-line-chart .axis line {
    fill: none;
    stroke: #d9d9d9;
    shape-rendering: crispEdges;
    opacity: 0;
}
/* line 649, ../sass/skin.scss */
.perso-teaser-template .pstory-line-chart .perso-line-x line {
    opacity: 1;
}
/* line 652, ../sass/skin.scss */
.perso-teaser-template .pstory-line-chart .perso-line-x text {
    fill-opacity: 0;
}
/* line 658, ../sass/skin.scss */
.perso-teaser-template .pstory-line-chart .perso-line {
    fill: none;
    stroke: #b7b7b7;
    stroke-width: 2px;
}
/* line 663, ../sass/skin.scss */
.perso-teaser-template .pstory-line-chart .perso-dot {
    fill: #fff;
    stroke: #2c375f;
    stroke-width: 0.9375vw;
    r: 1.094vw;
}
/* line 669, ../sass/skin.scss */
.perso-teaser-template .pstory-line-chart .perso-dot-selected {
    fill: #536fb1;
}

/* line 676, ../sass/skin.scss */
.carousel-wrapper .perso-multi-teaser-template .perso-teaser-template {
    padding-left: 0.27em;
    padding-right: 0.27em;
}
    /* line 679, ../sass/skin.scss */
    .carousel-wrapper .perso-multi-teaser-template .perso-teaser-template .perso-teaser-template-inner {
        margin: 0;
    }
    /* line 682, ../sass/skin.scss */
    .carousel-wrapper .perso-multi-teaser-template .perso-teaser-template img {
        max-width: 109%;
    }
    /* line 685, ../sass/skin.scss */
    .carousel-wrapper .perso-multi-teaser-template .perso-teaser-template.single-carousel-item {
        display: block;
        margin-top: 0;
    }
/* line 691, ../sass/skin.scss */
.carousel-wrapper .perso-multi-teaser-template .carousel-item:not(.selected) {
    transform: scale(0.9);
    transform-origin: right;
}
/* line 696, ../sass/skin.scss */
.carousel-wrapper .perso-multi-teaser-template .selected:not([clone="true"]) ~ .carousel-item:not(.selected) {
    transform-origin: left;
}

/* line 703, ../sass/skin.scss */
#personetics-teaser-widget-carousel .carousel-index-wrapper {
    margin-left: 19px;
    margin-bottom: 10px;
    margin-top: 10px;
}
    /* line 708, ../sass/skin.scss */
    #personetics-teaser-widget-carousel .carousel-index-wrapper .carousel-index-container .carousel-index-dot {
        display: inline-block;
        margin-left: 3px;
    }
        /* line 711, ../sass/skin.scss */
        #personetics-teaser-widget-carousel .carousel-index-wrapper .carousel-index-container .carousel-index-dot .carousel-index-dot-circle {
            display: inline-block;
            height: 2.5px;
            width: 7px;
            background-color: #23253e;
            border-radius: 1px;
        }
        /* line 719, ../sass/skin.scss */
        #personetics-teaser-widget-carousel .carousel-index-wrapper .carousel-index-container .carousel-index-dot.pstory-selected-index .carousel-index-dot-circle {
            background-color: #aa9ce8;
        }

/* line 730, ../sass/skin.scss */
.perso-loading-container #perso-loading-widget .perso-loading {
    top: calc(50% - 88px);
    border: 3px solid #ede8e8;
    border-top: 3px solid #000000;
}

/* line 3, ../sass/_inbox.scss */
.perso-teaser-filter-wrapper {
    display: none;
    color: white;
    background-color: #D0D3D9;
    text-transform: capitalize;
    padding: 0.71428em 0.71428em 0.785714em;
    padding-top: 0.71428em;
    padding-bottom: 0.785714em;
    position: relative;
    width: calc( 100% - 0.71428em*2 );
    font-size: 18.2px;
}

@media (max-width: 347px) {
    /* line 3, ../sass/_inbox.scss */
    .perso-teaser-filter-wrapper {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 3, ../sass/_inbox.scss */
    .perso-teaser-filter-wrapper {
        font-size: 16.38px;
    }
}
/* line 21, ../sass/_inbox.scss */
.perso-teaser-filter-wrapper ul {
    background-color: #ffffff;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: block;
    white-space: nowrap;
    height: 52px;
}

@media (max-width: 347px) {
    /* line 21, ../sass/_inbox.scss */
    .perso-teaser-filter-wrapper ul {
        height: 40px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 21, ../sass/_inbox.scss */
    .perso-teaser-filter-wrapper ul {
        height: 46.8px;
    }
}
/* line 40, ../sass/_inbox.scss */
.perso-teaser-filter-wrapper .perso-teaser-filter:before {
    content: none;
}
/* line 44, ../sass/_inbox.scss */
.perso-teaser-filter-wrapper .perso-filter-selected-tab {
    background-color: #2d822a;
    height: 100%;
    border-radius: 0;
}
/* line 50, ../sass/_inbox.scss */
.perso-teaser-filter-wrapper .perso-teaser-filter-tab {
    opacity: 1;
    position: relative;
    z-index: 1;
    width: 50%;
    display: inline-block;
    padding: 0.928571428em 0;
}
    /* line 57, ../sass/_inbox.scss */
    .perso-teaser-filter-wrapper .perso-teaser-filter-tab:focus {
        outline: none;
    }
    /* line 61, ../sass/_inbox.scss */
    .perso-teaser-filter-wrapper .perso-teaser-filter-tab:not(.selected) {
        color: #394048;
        opacity: 0.8;
    }
    /* line 65, ../sass/_inbox.scss */
    .perso-teaser-filter-wrapper .perso-teaser-filter-tab:last-child {
        margin-left: -0.25em;
    }

/* line 4, ../sass/skin.scss */
.perso-teaser-title {
    display: none;
}

/* line 8, ../sass/skin.scss */
.perso-multi-teaser-template {
    background-color: #ffffff;
    padding: 0;
}

/* line 13, ../sass/skin.scss */
.perso-multi-teaser-wrapper {
    background: #ffffff;
}

/* line 17, ../sass/skin.scss */
.perso-teaser-template {
    font-family: "muli";
    margin: 0;
    margin-top: 1.81818em;
    margin-bottom: 1.81818em;
}
    /* line 24, ../sass/skin.scss */
    .perso-teaser-template.perso-unread .perso-teaser-template-inner {
        box-shadow: 0px 0px 10px 0px rgba(177, 186, 197, 0.6);
    }
    /* line 29, ../sass/skin.scss */
    .perso-teaser-template.perso-new .perso-teaser-template-inner {
        box-shadow: 0px 0px 10px 0px rgba(177, 186, 197, 0.6);
    }
    /* line 35, ../sass/skin.scss */
    .perso-teaser-template .pstory-block-hbox-columns-frame {
        border-bottom: none;
    }
        /* line 38, ../sass/skin.scss */
        .perso-teaser-template .pstory-block-hbox-columns-frame .perso-double-box {
            padding-top: 1.091em;
            padding-bottom: 2.091em;
            vertical-align: unset;
        }
            /* line 44, ../sass/skin.scss */
            .perso-teaser-template .pstory-block-hbox-columns-frame .perso-double-box.perso-double-box-right .perso-double-box-container {
                padding-left: 0.8182em;
                padding-right: 1.2728em;
                width: 10.7272em;
            }
            /* line 52, ../sass/skin.scss */
            .perso-teaser-template .pstory-block-hbox-columns-frame .perso-double-box.perso-double-box-left .perso-double-box-container {
                border-right: none;
                padding-right: 0.8182em;
                padding-left: 1.2728em;
                width: 10.7272em;
            }
                /* line 58, ../sass/skin.scss */
                .perso-teaser-template .pstory-block-hbox-columns-frame .perso-double-box.perso-double-box-left .perso-double-box-container:after {
                    content: "";
                    position: absolute;
                    top: 0.91em;
                    left: 12.7273em;
                    height: 3.5455em;
                    width: 0.18185em;
                    background-color: #b1bac5;
                }
            /* line 70, ../sass/skin.scss */
            .perso-teaser-template .pstory-block-hbox-columns-frame .perso-double-box .perso-double-box-value {
                font-weight: bold;
                color: #394048;
                letter-spacing: 0.02em;
                line-height: 1.4em;
                width: auto;
            }
            /* line 78, ../sass/skin.scss */
            .perso-teaser-template .pstory-block-hbox-columns-frame .perso-double-box .perso-double-box-text {
                font-size: 15.6px;
                color: #394048;
                letter-spacing: 0.02em;
                line-height: 1em;
                font-weight: normal;
                width: auto;
                opacity: unset;
                overflow: hidden;
                text-overflow: ellipsis;
            }

@media (max-width: 347px) {
    /* line 78, ../sass/skin.scss */
    .perso-teaser-template .pstory-block-hbox-columns-frame .perso-double-box .perso-double-box-text {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 78, ../sass/skin.scss */
    .perso-teaser-template .pstory-block-hbox-columns-frame .perso-double-box .perso-double-box-text {
        font-size: 14.04px;
    }
}
/* line 101, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner {
    width: 25.455em;
    box-shadow: none;
    position: relative;
}
    /* line 107, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner::after {
        content: "";
        width: 2px;
        background-image: -webkit-linear-gradient(-180deg, #a9d42c 0%, #5ba63c 100%);
        background-image: -moz-linear-gradient(-180deg, #a9d42c 0%, #5ba63c 100%);
        background-image: -o-linear-gradient(-180deg, #a9d42c 0%, #5ba63c 100%);
        background-image: linear-gradient(-180deg, #a9d42c 0%, #5ba63c 100%);
        height: 100%;
        left: 0;
        position: absolute;
        z-index: 2;
        top: 0;
    }
    /* line 121, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-header {
        font-size: 13px;
        padding: 1em 2em;
        height: 10em;
        overflow: hidden;
        max-height: 10em;
        position: relative;
    }

@media (max-width: 347px) {
    /* line 121, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-header {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 121, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-header {
        font-size: 11.7px;
    }
}
/* line 138, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner .teaser-header:after {
    content: "";
    height: 1.2em;
    width: 0.7em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='7px' height='12px' viewBox='0 0 7 12' version='1.1'%3E%3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Echarcoal arrow%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Teaser-Top-Part' transform='translate(-263.000000, -88.000000)' stroke='%23394048' stroke-width='2'%3E%3Cg id='charcoal-arrow' transform='translate(266.500000, 94.000000) rotate(-90.000000) translate(-266.500000, -94.000000) translate(261.500000, 91.500000)'%3E%3Cpolyline id='grey-dropdown' transform='translate(5.003788, 2.692681) rotate(90.000000) translate(-5.003788, -2.692681) ' points='3.22671052 -1.61463743 6.8825751 2.73322637 3.125 7'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    top: 8.9em;
    right: 0.7em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/* line 151, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-top {
    padding: 0;
}
    /* line 154, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-top .insight-title-text {
        font-size: 22.1px;
        font-weight: bold;
        line-height: 1.176471em;
        padding-top: 0.2941em;
        color: #394048;
        text-align: center;
    }

@media (max-width: 347px) {
    /* line 154, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-top .insight-title-text {
        font-size: 17px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 154, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-top .insight-title-text {
        font-size: 19.89px;
    }
}
/* line 172, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-top .pstory-block-date-box {
    font-size: 15.6px;
    text-align: center;
    color: #394048;
    font-weight: normal;
    line-height: 1em;
    padding-top: 0.25em;
}

@media (max-width: 347px) {
    /* line 172, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-top .pstory-block-date-box {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 172, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-top .pstory-block-date-box {
        font-size: 14.04px;
    }
}
/* line 189, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-top .pstory-block-date-box .pstory-block-content {
    padding: 0;
    margin: 0;
}
    /* line 193, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-top .pstory-block-date-box .pstory-block-content .pstory-block-date-day {
        font-weight: normal;
    }
/* line 198, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-top .pstory-block-date-box:before {
    content: none;
}
/* line 204, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-text {
    text-align: center;
    font-size: 19.5px;
    color: #394048;
    padding-top: 0.13333em;
}

@media (max-width: 347px) {
    /* line 204, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-text {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 204, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-text {
        font-size: 17.55px;
    }
}
/* line 219, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner .teaser-header .teaser-text .pstory-block-content {
    line-height: 1.3333em;
    max-height: 2.7em;
    overflow: hidden;
    height: auto;
}
/* line 229, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body {
    height: 6.363636363636363em;
    box-sizing: border-box;
}
    /* line 233, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body {
        height: auto;
    }
        /* line 237, ../sass/skin.scss */
        .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body.perso-pie-chart {
            padding: 0 14.6%;
        }
            /* line 240, ../sass/skin.scss */
            .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body.perso-pie-chart .pstory-hbox-column-frame {
                vertical-align: top;
            }
            /* line 245, ../sass/skin.scss */
            .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body.perso-pie-chart .pstory-pie-chart .perso-total-txt {
                letter-spacing: 0.02em;
            }
        /* line 252, ../sass/skin.scss */
        .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-bar-chart, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pinGraph-chart {
            font-size: 15.6px;
        }

@media (max-width: 347px) {
    /* line 252, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-bar-chart, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pinGraph-chart {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 252, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-bar-chart, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pinGraph-chart {
        font-size: 14.04px;
    }
}
/* line 264, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-bar-chart .multiHorizontal .tick, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pinGraph-chart .multiHorizontal .tick {
    font-weight: normal;
    fill: #394048;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
/* line 272, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-bar-chart .multiHorizontal .perso-chart-rect:first-child.Out, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pinGraph-chart .multiHorizontal .perso-chart-rect:first-child.Out {
    fill: #b1bac5;
}
/* line 276, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-bar-chart .multiHorizontal .perso-chart-rect:first-child.In, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pinGraph-chart .multiHorizontal .perso-chart-rect:first-child.In {
    fill: rgba(177, 186, 197, 0.4);
}
/* line 283, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body.pstory-block-pinGraph-chart {
    height: 100%;
}
    /* line 286, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body.pstory-block-pinGraph-chart .pstory-block-container {
        height: 100%;
    }
        /* line 289, ../sass/skin.scss */
        .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body.pstory-block-pinGraph-chart .pstory-block-container .pstory-block-content {
            height: 100%;
        }
/* line 296, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.in, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.In {
    height: 100%;
    max-height: 100%;
    width: calc(100% - 17.14286%);
}
    /* line 304, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.in .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.In .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
        background-color: #5ba63c;
    }
    /* line 308, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-date-txt, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.in .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-date-txt, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.In .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-date-txt {
        font-weight: normal;
    }
    /* line 314, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.in .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.In .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt {
        padding-right: 1.2931%;
        width: 21.5517%;
        font-size: 15.6px;
        color: #394048;
        letter-spacing: 0.02em;
        text-align: left;
    }

@media (max-width: 347px) {
    /* line 314, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.in .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.In .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 314, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.in .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.In .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt {
        font-size: 14.04px;
    }
}
/* line 332, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.in .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.In .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper {
    width: 73.2759%;
    height: 22.7273%;
    min-height: 5px;
}
    /* line 337, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.in .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.In .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
        background-color: rgba(177, 186, 197, 0.4);
    }
/* line 351, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.out .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.Out .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
    background-color: #394048;
}
/* line 355, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.out .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-date-txt, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .pstory-pure-pinGraph-chart.Out .perso-pinGraph-container .perso-pinGraph-raw:first-child .perso-raw-wrapper .perso-date-txt {
    font-weight: normal;
}
/* line 364, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .perso-bar-chart-wrapper {
    font-size: 15.6px;
    padding-left: 7.08333em;
    padding-right: 7.25em;
}

@media (max-width: 347px) {
    /* line 364, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .perso-bar-chart-wrapper {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 364, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .perso-bar-chart-wrapper {
        font-size: 14.04px;
    }
}
/* line 378, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .perso-bar-chart-wrapper .perso-month-amount {
    font-size: 15.6px;
    font-weight: bold;
    color: #394048;
    letter-spacing: 0.02em;
    margin-top: 7%;
}

@media (max-width: 347px) {
    /* line 378, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .perso-bar-chart-wrapper .perso-month-amount {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 378, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .perso-bar-chart-wrapper .perso-month-amount {
        font-size: 14.04px;
    }
}
/* line 397, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar {
    padding-left: 0.25em;
}
    /* line 400, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar {
        background-color: rgba(177, 186, 197, 0.4);
    }
        /* line 403, ../sass/skin.scss */
        .perso-teaser-template .perso-teaser-template-inner > .teaser-body .teaser-body .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar.selected:not(.selected-animated) {
            background-color: #394048;
        }
/* line 415, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame {
    vertical-align: unset;
    font-size: 13px;
    vertical-align: unset;
}

@media (max-width: 347px) {
    /* line 415, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 415, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame {
        font-size: 11.7px;
    }
}
/* line 429, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame:first-child {
    padding-right: 1em;
    padding-left: 1em;
}
/* line 434, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame .pstory-block-hbox-columns-frame {
    overflow: hidden;
}
    /* line 437, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame .pstory-block-hbox-columns-frame .pstory-block-text {
        color: #394048;
        line-height: 1em;
        letter-spacing: 0.02em;
        font-weight: normal;
        height: 1em;
        overflow: hidden;
        font-size: 15.6px;
    }

@media (max-width: 347px) {
    /* line 437, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame .pstory-block-hbox-columns-frame .pstory-block-text {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 437, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame .pstory-block-hbox-columns-frame .pstory-block-text {
        font-size: 14.04px;
    }
}
/* line 455, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame .pstory-block-hbox-columns-frame .perso-percent-large {
    color: #394048;
    font-weight: bold;
    letter-spacing: 0.02em;
    padding-top: 0.8em;
    line-height: 1.4em;
    height: 1.4em;
    overflow: hidden;
    box-sizing: content-box;
    padding-bottom: 0.06667em;
    font-size: 19.5px;
}

@media (max-width: 347px) {
    /* line 455, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame .pstory-block-hbox-columns-frame .perso-percent-large {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 455, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame .pstory-block-hbox-columns-frame .perso-percent-large {
        font-size: 17.55px;
    }
}
/* line 476, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame .pstory-block-hbox-columns-frame:first-child:after {
    width: 0.2em;
    height: 3.9em;
    background: #b1bac5;
    content: "";
    position: absolute;
    top: 1em;
    left: 14.1em;
}
/* line 487, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame:last-child {
    position: relative;
}
/* line 491, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body.pstory-image-and-box-teaser .pstory-hbox-column-frame .image {
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 4em;
    background-position: center;
    width: 4em;
    margin-top: 0;
    position: absolute;
    left: 4.8em;
    top: 1em;
}
/* line 507, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner > .teaser-body .image {
    margin: auto;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
    /* line 513, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.attention {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eattention%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Attention' transform='translate(-1.000000, 0.000000)'%3E%3Cg id='attention' transform='translate(1.000000, 0.000000)'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cpath d='M156.799997,13.30003 C155.642296,13.30003 154.699995,12.3578255 154.699995,11.20002 C154.699995,10.0423145 155.642296,9.10001 156.799997,9.10001 C157.957798,9.10001 158.899998,10.0423145 158.899998,11.20002 C158.899998,12.3578255 157.957798,13.30003 156.799997,13.30003 M153.768395,29.0808051 C151.788793,31.0604146 149.810492,33.042824 148.222291,35.4137353 L132.586479,19.7777608 C134.957281,18.1888533 136.939682,16.2113439 138.919284,14.2316344 C143.019887,10.1311149 149.667792,10.1311149 153.768495,14.2316344 C157.868898,18.332354 157.868898,24.9802856 153.768395,29.0808051 M146.186689,39.3176539 L128.681876,21.8134705 C129.396677,21.5382692 130.079777,21.2316678 130.727978,20.8894661 L147.11069,37.2722442 C146.76839,37.9197472 146.461689,38.6028505 146.186689,39.3176539 M144.858788,46.89999 C141.889486,43.9299759 124.070273,26.110691 121.100171,23.1412769 C123.079772,23.1412769 124.829774,22.9116758 126.418775,22.5203739 L145.479689,41.5813647 C145.089188,43.1703722 144.858788,44.9196806 144.858788,46.89999 M136.850082,46.89999 C135.113481,46.89999 133.70008,45.4866833 133.70008,43.750075 C133.70008,42.3843685 134.591881,41.2559631 135.810582,40.8212611 L139.776885,44.7874799 C139.341384,46.0061857 138.216483,46.89999 136.850082,46.89999 M161,11.20002 C161,8.88030895 159.119699,7 156.799997,7 C154.617395,7 152.844994,8.67090796 152.640594,10.7989181 C147.82119,8.00950481 141.554086,8.62680775 137.434583,12.7470274 C133.16878,17.0121477 129.139577,21.0413669 121.100171,21.0413669 C120.25107,21.0413669 119.48537,21.5529693 119.159869,22.337773 C118.835069,23.1224768 119.014269,24.0254811 119.61477,24.6267839 L134.21818,39.2301535 C132.655779,40.1338578 131.600179,41.8123658 131.600179,43.750075 C131.600179,46.6493888 133.95078,49 136.850082,49 C138.789084,49 140.458585,47.9373949 141.360886,46.3714875 L143.374087,48.3846971 C143.974688,48.9853999 144.877688,49.1652008 145.662389,48.8397992 C146.447189,48.5148977 146.95889,47.749094 146.95889,46.89939 C146.95889,38.8599517 150.988093,34.8307325 155.253096,30.5655122 C159.372599,26.4459926 159.990699,20.1782628 157.200497,15.3594398 C159.329099,15.1550388 161,13.3826304 161,11.20002' fill='%23394048'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 517, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.bills-utilities {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Ebills-utilities%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Bills-&amp;-Utilities'%3E%3Cg id='bills-utilities'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cpath d='M140.387755,22.9996 C139.253338,22.9996 138.3281,22.0787 138.3281,20.9496 C138.3281,19.8205 139.253338,18.8996 140.387755,18.8996 C141.522173,18.8996 142.44741,19.8205 142.44741,20.9496 C142.44741,22.0787 141.522173,22.9996 140.387755,22.9996 M144.507064,37.75 L141.417582,37.75 L141.417582,24.9055 C143.187579,24.449 144.507064,22.8555 144.507064,20.9496 C144.507064,18.6914 142.65659,16.8496 140.387755,16.8496 C138.11892,16.8496 136.268446,18.6914 136.268446,20.9496 C136.268446,22.8555 137.587931,24.449 139.357928,24.9055 L139.357928,37.75 L136.268446,37.75 C136.268446,29.55 129.059655,27.5 129.059655,20.325 C129.059655,14.0949 134.128314,9.05 140.387755,9.05 C146.647196,9.05 151.715856,14.0949 151.715856,20.325 C151.715856,27.5 144.507064,29.55 144.507064,37.75 M144.507064,41.85 L136.268446,41.85 C135.697168,41.85 135.238619,41.3935 135.238619,40.825 C135.238619,40.2564 135.697168,39.8 136.268446,39.8 L144.507064,39.8 C145.078342,39.8 145.536892,40.2564 145.536892,40.825 C145.536892,41.3935 145.078342,41.85 144.507064,41.85 M144.507064,45.95 L136.268446,45.95 C135.697168,45.95 135.238619,45.4935 135.238619,44.925 C135.238619,44.3564 135.697168,43.9 136.268446,43.9 L144.507064,43.9 C145.078342,43.9 145.536892,44.3564 145.536892,44.925 C145.536892,45.4935 145.078342,45.95 144.507064,45.95 M149.945859,29.6301 C151.739969,27.2117 153.77551,24.473 153.77551,20.325 C153.77551,12.9818 147.773576,7 140.387755,7 C133.001934,7 127,12.9818 127,20.325 C127,24.465 129.035542,27.2117 130.829651,29.6301 C132.647975,32.0805 134.208791,34.1945 134.208791,37.75 L134.208791,38.5508 C133.58125,39.1113 133.178964,39.9201 133.178964,40.825 C133.178964,41.6178 133.484697,42.3305 133.983535,42.875 C133.492735,43.4195 133.178964,44.1322 133.178964,44.925 C133.178964,46.6226 134.56275,48 136.268446,48 L144.507064,48 C146.21276,48 147.596546,46.6226 147.596546,44.925 C147.596546,44.1322 147.290813,43.4195 146.791975,42.875 C147.282776,42.3305 147.596546,41.6178 147.596546,40.825 C147.596546,39.9201 147.194261,39.1113 146.566719,38.5508 L146.566719,37.75 C146.566719,34.1865 148.135573,32.0725 149.945859,29.6301' fill='%23394048'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 521, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.credit_Cards {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Ecredit-cards%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Credit-Cards'%3E%3Cg id='credit-cards'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(119.000000, 10.000000)' fill='%23394048'%3E%3Cpath d='M5.01332392,14.0377358 L16.0432798,14.0377358 C16.5508655,14.0377358 16.9622642,13.6449717 16.9622642,13.1603774 C16.9622642,12.675783 16.5508655,12.2830189 16.0432798,12.2830189 L5.01332392,12.2830189 C4.50573826,12.2830189 4.09433962,12.675783 4.09433962,13.1603774 C4.09433962,13.6449717 4.50573826,14.0377358 5.01332392,14.0377358' id='Fill-1'/%3E%3Cpath d='M18.4096869,22.2264151 C18.9024786,22.2264151 19.3018868,21.8336509 19.3018868,21.3490566 C19.3018868,20.8644623 18.9024786,20.4716981 18.4096869,20.4716981 L4.98653952,20.4716981 C4.49374777,20.4716981 4.09433962,20.8644623 4.09433962,21.3490566 C4.09433962,21.8336509 4.49374777,22.2264151 4.98653952,22.2264151 L18.4096869,22.2264151 Z' id='Fill-3'/%3E%3Cpath d='M9.0711581,25.1509434 L5.55148341,25.1509434 C5.06971722,25.1509434 4.67924528,25.5437075 4.67924528,26.0283019 C4.67924528,26.5128962 5.06971722,26.9056604 5.55148341,26.9056604 L9.0711581,26.9056604 C9.55292429,26.9056604 9.94339623,26.5128962 9.94339623,26.0283019 C9.94339623,25.5437075 9.55292429,25.1509434 9.0711581,25.1509434' id='Fill-5'/%3E%3Cpath d='M16.0900421,25.1509434 L12.5703353,25.1509434 C12.088578,25.1509434 11.6981132,25.5437075 11.6981132,26.0283019 C11.6981132,26.5128962 12.088578,26.9056604 12.5703353,26.9056604 L16.0900421,26.9056604 C16.5717994,26.9056604 16.9622642,26.5128962 16.9622642,26.0283019 C16.9622642,25.5437075 16.5717994,25.1509434 16.0900421,25.1509434' id='Fill-7'/%3E%3Cpath d='M22.5239883,25.1509434 L19.0043136,25.1509434 C18.5225474,25.1509434 18.1320755,25.5437075 18.1320755,26.0283019 C18.1320755,26.5128962 18.5225474,26.9056604 19.0043136,26.9056604 L22.5239883,26.9056604 C23.0057545,26.9056604 23.3962264,26.5128962 23.3962264,26.0283019 C23.3962264,25.5437075 23.0057545,25.1509434 22.5239883,25.1509434' id='Fill-9'/%3E%3Cpath d='M28.9579505,25.1509434 L25.4382759,25.1509434 C24.9565097,25.1509434 24.5660377,25.5437075 24.5660377,26.0283019 C24.5660377,26.5128962 24.9565097,26.9056604 25.4382759,26.9056604 L28.9579505,26.9056604 C29.4397167,26.9056604 29.8301887,26.5128962 29.8301887,26.0283019 C29.8301887,25.5437075 29.4397167,25.1509434 28.9579505,25.1509434' id='Fill-11'/%3E%3Cpath d='M28.6415084,19.405074 C28.6415084,19.6685844 28.4158688,19.8912556 28.1488456,19.8912556 L25.6624751,19.8912556 C25.3954519,19.8912556 25.1698124,19.6685844 25.1698124,19.405074 L25.1698124,18.0288883 C25.1698124,17.7653778 25.3954519,17.5427067 25.6624751,17.5427067 L28.1488456,17.5427067 C28.4158688,17.5427067 28.6415084,17.7653778 28.6415084,18.0288883 L28.6415084,19.405074 Z M28.1488456,15.7924528 L25.6624751,15.7924528 C24.4127868,15.7924528 23.3962264,16.79564 23.3962264,18.0288883 L23.3962264,19.405074 C23.3962264,20.6383223 24.4127868,21.6415094 25.6624751,21.6415094 L28.1488456,21.6415094 C29.398534,21.6415094 30.4150943,20.6383223 30.4150943,19.405074 L30.4150943,18.0288883 C30.4150943,16.79564 29.398534,15.7924528 28.1488456,15.7924528 Z' id='Fill-16'/%3E%3Cpath d='M39.7681868,21.1363636 L34.6323288,21.1363636 L34.6323288,11.0363019 C34.6323288,10.5802597 34.5268927,10.1483734 34.3394842,9.76338961 L40.8759209,9.76338961 L40.8759209,20.0292208 C40.8759209,20.6396591 40.3789511,21.1363636 39.7681868,21.1363636 Z M32.8196731,28.0811688 C32.8196731,28.6916071 32.3227033,29.1883117 31.711939,29.1883117 L2.92042003,29.1883117 C2.30955504,29.1883117 1.81268596,28.6916071 1.81268596,28.0811688 L1.81268596,11.0363019 C1.81268596,10.4258636 2.30955504,9.92915909 2.92042003,9.92915909 L31.711939,9.92915909 C32.3227033,9.92915909 32.8196731,10.4258636 32.8196731,11.0363019 L32.8196731,28.0811688 Z M10.9766678,1.87721104 L39.7681868,1.87721104 C40.3789511,1.87721104 40.8759209,2.37391558 40.8759209,2.9843539 L40.8759209,5.29928896 L9.86893374,5.29928896 L9.86893374,2.9843539 C9.86893374,2.37391558 10.3658028,1.87721104 10.9766678,1.87721104 Z M39.7681868,0.0655227273 L10.9766678,0.0655227273 C9.36632458,0.0655227273 8.05627799,1.37497078 8.05627799,2.9843539 L8.05627799,8.11747078 L2.92042003,8.11747078 C1.3100768,8.11747078 3.02109292e-05,9.42691883 3.02109292e-05,11.0363019 L3.02109292e-05,28.0811688 C3.02109292e-05,29.6905519 1.3100768,31 2.92042003,31 L31.711939,31 C33.3221816,31 34.6323288,29.6905519 34.6323288,28.0811688 L34.6323288,22.9480519 L39.7681868,22.9480519 C41.3784293,22.9480519 42.6885766,21.6386039 42.6885766,20.0292208 L42.6885766,2.9843539 C42.6885766,1.37497078 41.3784293,0.0655227273 39.7681868,0.0655227273 Z' id='Fill-13'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 525, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.credit-cards_1 {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='280px' height='70px' viewBox='0 0 280 70' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Ecredit-cards%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Credit-Cards'%3E%3Cg id='credit-cards'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'%3E%3C/rect%3E%3Cg transform='translate(119.000000, 10.000000)' fill='%23394048'%3E%3Cpath d='M5.01332392,14.0377358 L16.0432798,14.0377358 C16.5508655,14.0377358 16.9622642,13.6449717 16.9622642,13.1603774 C16.9622642,12.675783 16.5508655,12.2830189 16.0432798,12.2830189 L5.01332392,12.2830189 C4.50573826,12.2830189 4.09433962,12.675783 4.09433962,13.1603774 C4.09433962,13.6449717 4.50573826,14.0377358 5.01332392,14.0377358' id='Fill-1'%3E%3C/path%3E%3Cpath d='M18.4096869,22.2264151 C18.9024786,22.2264151 19.3018868,21.8336509 19.3018868,21.3490566 C19.3018868,20.8644623 18.9024786,20.4716981 18.4096869,20.4716981 L4.98653952,20.4716981 C4.49374777,20.4716981 4.09433962,20.8644623 4.09433962,21.3490566 C4.09433962,21.8336509 4.49374777,22.2264151 4.98653952,22.2264151 L18.4096869,22.2264151 Z' id='Fill-3'%3E%3C/path%3E%3Cpath d='M9.0711581,25.1509434 L5.55148341,25.1509434 C5.06971722,25.1509434 4.67924528,25.5437075 4.67924528,26.0283019 C4.67924528,26.5128962 5.06971722,26.9056604 5.55148341,26.9056604 L9.0711581,26.9056604 C9.55292429,26.9056604 9.94339623,26.5128962 9.94339623,26.0283019 C9.94339623,25.5437075 9.55292429,25.1509434 9.0711581,25.1509434' id='Fill-5'%3E%3C/path%3E%3Cpath d='M16.0900421,25.1509434 L12.5703353,25.1509434 C12.088578,25.1509434 11.6981132,25.5437075 11.6981132,26.0283019 C11.6981132,26.5128962 12.088578,26.9056604 12.5703353,26.9056604 L16.0900421,26.9056604 C16.5717994,26.9056604 16.9622642,26.5128962 16.9622642,26.0283019 C16.9622642,25.5437075 16.5717994,25.1509434 16.0900421,25.1509434' id='Fill-7'%3E%3C/path%3E%3Cpath d='M22.5239883,25.1509434 L19.0043136,25.1509434 C18.5225474,25.1509434 18.1320755,25.5437075 18.1320755,26.0283019 C18.1320755,26.5128962 18.5225474,26.9056604 19.0043136,26.9056604 L22.5239883,26.9056604 C23.0057545,26.9056604 23.3962264,26.5128962 23.3962264,26.0283019 C23.3962264,25.5437075 23.0057545,25.1509434 22.5239883,25.1509434' id='Fill-9'%3E%3C/path%3E%3Cpath d='M28.9579505,25.1509434 L25.4382759,25.1509434 C24.9565097,25.1509434 24.5660377,25.5437075 24.5660377,26.0283019 C24.5660377,26.5128962 24.9565097,26.9056604 25.4382759,26.9056604 L28.9579505,26.9056604 C29.4397167,26.9056604 29.8301887,26.5128962 29.8301887,26.0283019 C29.8301887,25.5437075 29.4397167,25.1509434 28.9579505,25.1509434' id='Fill-11'%3E%3C/path%3E%3Cpath d='M28.6415084,19.405074 C28.6415084,19.6685844 28.4158688,19.8912556 28.1488456,19.8912556 L25.6624751,19.8912556 C25.3954519,19.8912556 25.1698124,19.6685844 25.1698124,19.405074 L25.1698124,18.0288883 C25.1698124,17.7653778 25.3954519,17.5427067 25.6624751,17.5427067 L28.1488456,17.5427067 C28.4158688,17.5427067 28.6415084,17.7653778 28.6415084,18.0288883 L28.6415084,19.405074 Z M28.1488456,15.7924528 L25.6624751,15.7924528 C24.4127868,15.7924528 23.3962264,16.79564 23.3962264,18.0288883 L23.3962264,19.405074 C23.3962264,20.6383223 24.4127868,21.6415094 25.6624751,21.6415094 L28.1488456,21.6415094 C29.398534,21.6415094 30.4150943,20.6383223 30.4150943,19.405074 L30.4150943,18.0288883 C30.4150943,16.79564 29.398534,15.7924528 28.1488456,15.7924528 Z' id='Fill-16'%3E%3C/path%3E%3Cpath d='M39.7681868,21.1363636 L34.6323288,21.1363636 L34.6323288,11.0363019 C34.6323288,10.5802597 34.5268927,10.1483734 34.3394842,9.76338961 L40.8759209,9.76338961 L40.8759209,20.0292208 C40.8759209,20.6396591 40.3789511,21.1363636 39.7681868,21.1363636 Z M32.8196731,28.0811688 C32.8196731,28.6916071 32.3227033,29.1883117 31.711939,29.1883117 L2.92042003,29.1883117 C2.30955504,29.1883117 1.81268596,28.6916071 1.81268596,28.0811688 L1.81268596,11.0363019 C1.81268596,10.4258636 2.30955504,9.92915909 2.92042003,9.92915909 L31.711939,9.92915909 C32.3227033,9.92915909 32.8196731,10.4258636 32.8196731,11.0363019 L32.8196731,28.0811688 Z M10.9766678,1.87721104 L39.7681868,1.87721104 C40.3789511,1.87721104 40.8759209,2.37391558 40.8759209,2.9843539 L40.8759209,5.29928896 L9.86893374,5.29928896 L9.86893374,2.9843539 C9.86893374,2.37391558 10.3658028,1.87721104 10.9766678,1.87721104 Z M39.7681868,0.0655227273 L10.9766678,0.0655227273 C9.36632458,0.0655227273 8.05627799,1.37497078 8.05627799,2.9843539 L8.05627799,8.11747078 L2.92042003,8.11747078 C1.3100768,8.11747078 3.02109292e-05,9.42691883 3.02109292e-05,11.0363019 L3.02109292e-05,28.0811688 C3.02109292e-05,29.6905519 1.3100768,31 2.92042003,31 L31.711939,31 C33.3221816,31 34.6323288,29.6905519 34.6323288,28.0811688 L34.6323288,22.9480519 L39.7681868,22.9480519 C41.3784293,22.9480519 42.6885766,21.6386039 42.6885766,20.0292208 L42.6885766,2.9843539 C42.6885766,1.37497078 41.3784293,0.0655227273 39.7681868,0.0655227273 Z' id='Fill-13'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 529, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.currency {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Ecurrency%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Currency'%3E%3Cg id='currency'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(118.000000, 7.000000)' fill='%23394048'%3E%3Cpath d='M17.7694152,20.953016 C17.8881689,20.7121675 18.1319801,20.5561474 18.4048696,20.5503318 C18.7950895,20.5529388 19.1145451,20.8679871 19.1171886,21.252723 L19.1179003,21.352291 L20.9430271,21.352291 L20.9426204,21.2517203 C20.9389602,20.2219476 20.2901866,19.2964557 19.320534,18.92666 L19.320534,17.1428571 L17.4951022,17.1428571 L17.4951022,18.927763 C16.525348,19.2975587 15.8765744,20.2230506 15.8730159,21.2535251 C15.8739309,21.4906636 15.9728585,21.722187 16.143872,21.8882341 L19.05588,24.760267 C18.9371262,25.0011155 18.6932134,25.1571356 18.4203239,25.162851 C18.0302057,25.1603442 17.71075,24.8451957 17.7081066,24.4604598 L17.7074965,24.3608917 L15.8823698,24.3608917 L15.8826748,24.4614625 C15.886335,25.4913354 16.5350069,26.4166268 17.5047611,26.786623 L17.5047611,28.5714286 L19.3302946,28.5714286 L19.3302946,26.78552 C20.3000489,26.4156241 20.9488224,25.4903327 20.952381,24.4596576 C20.9512626,24.2189094 20.8547752,23.993302 20.6814232,23.8250489 L17.7694152,20.953016 Z' id='Fill-1'/%3E%3Cpath d='M36.5095754,3.80952381 L32.3809524,3.80952381 L32.3853931,5.61582294 L35.557353,5.71999158 L35.5602078,8.86814028 L37.4603175,8.88888889 L37.4603175,4.76630054 C37.4568283,4.24215884 37.0304112,3.81303511 36.5095754,3.80952381' id='Fill-3'/%3E%3Cpath d='M8.25396825,4.76026592 L8.25396825,8.88888889 L10.0602674,8.88444815 L10.164436,5.71248827 L13.3125847,5.70963351 L13.3333333,3.80952381 L9.21074498,3.80952381 C8.68660328,3.81301297 8.25747956,4.2394301 8.25396825,4.76026592' id='Fill-5'/%3E%3Cpath d='M36.1658454,37.9860889 C33.0192017,37.9860889 30.4076373,35.6512611 29.9647368,32.6204256 L32.2344256,32.6204256 C32.6489788,34.4113967 34.2537138,35.7506476 36.1658454,35.7506476 C37.1205039,35.7506476 38.0478204,35.4087862 38.7768067,34.7881995 L37.4748443,33.2535992 C37.1089439,33.5651513 36.6440291,33.7367365 36.1658454,33.7367365 C35.3767468,33.7367365 34.6933975,33.2814919 34.3588599,32.6204256 L36.2463636,32.6204256 C36.1910765,32.2569146 36.1745908,31.0350748 36.1965046,30.8039785 L34.3540349,30.8039785 C34.6864615,30.1373739 35.3727259,29.6773966 36.1658454,29.6773966 C36.6440291,29.6773966 37.1089439,29.8489818 37.4748443,30.1605339 L38.7768067,28.6259336 C38.0478204,28.0053469 37.1205039,27.6634855 36.1658454,27.6634855 C34.2499945,27.6634855 32.6428469,29.0078719 32.2320131,30.8039785 L29.9634301,30.8039785 C30.4019075,27.7681082 33.0156835,25.4280442 36.1658454,25.4280442 C39.6221977,25.4280442 42.4340022,28.244801 42.4340022,31.7071169 C42.4340022,35.1693322 39.6221977,37.9860889 36.1658454,37.9860889 Z M1.80487452,30.8041799 L1.80487452,28.5956243 C2.99957982,28.6470797 3.96217956,29.6113403 4.01364688,30.808107 L1.80487452,30.8041799 Z M1.80487452,14.8984108 L4.01806985,14.8984108 C3.96891454,16.0955802 3.00742054,17.0618548 1.80487452,17.1151227 L1.80487452,14.8984108 Z M35.3733291,14.8984108 L35.3694087,17.1107928 C34.1770154,17.0572228 33.2161246,16.0930628 33.1647578,14.8984108 L35.3733291,14.8984108 Z M36.1658454,23.4141331 C31.9057183,23.4141331 28.3880475,26.6547175 27.9372058,30.8039785 L5.82766891,30.8039785 C5.76866243,28.6140516 3.99525134,26.8374799 1.80909645,26.7783716 L1.80909645,18.9281462 C3.99525134,18.8691386 5.76866243,17.0925669 5.82766891,14.90264 L31.3549577,14.90264 C31.4138636,17.0925669 33.1872747,18.8691386 35.3734296,18.9281462 L35.3717207,21.1740598 L40.2996162,21.1699313 C40.7947881,21.1666083 41.2001938,20.7605032 41.203511,20.2644769 L41.203511,17.2735168 L41.203511,3.82643107 L41.203511,0.905454426 C41.2001938,0.409428125 40.7947881,0.0033229533 40.2996162,0 L4.9247793,0 C4.42960738,0.0033229533 4.0242017,0.409428125 4.02088447,0.906159295 L4.02088447,11.076511 L5.82998092,11.076511 L5.82998092,1.70930704 L39.3943141,1.80798868 L39.3959224,10.565179 L39.3943141,19.3619426 L37.1826266,19.3619426 L37.1826266,13.9958765 C37.1793093,13.4998502 36.7739037,13.093745 36.2787317,13.0904221 L23.5523308,13.0904221 L23.5523308,11.1889879 L25.0231703,11.1889879 L25.0231703,9.37646795 L23.5523308,9.37646795 L23.5523308,9.31605062 L25.703504,5.08804568 L24.0914309,4.26496021 L22.6346644,7.12823831 L21.1242192,4.25438718 L19.5232035,5.09861871 L21.7429328,9.32249514 L21.7429328,9.37646795 L20.2721938,9.37646795 L20.2721938,11.1889879 L21.7429328,11.1889879 L21.7429328,13.0904221 L0.90389483,13.0904221 C0.408722907,13.093745 0.00331722969,13.4998502 0,13.9965814 L0,31.7150719 C0.00331722969,32.2109975 0.408722907,32.617304 0.904598485,32.6204256 L27.9385126,32.6204256 C28.3940788,36.7647525 31.9092366,40 36.1658454,40 C40.730655,40 44.4444444,36.2798027 44.4444444,31.7071169 C44.4444444,27.1343304 40.730655,23.4141331 36.1658454,23.4141331 Z' id='Fill-7'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 533, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.deposit {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Edeposits%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Deposits'%3E%3Cg id='deposits'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg id='deposit' transform='translate(122.000000, 8.000000)' fill='%23394048'%3E%3Cpath d='M17.8752112,23.0228733 C17.9905507,22.7759534 18.2273523,22.6160003 18.4923963,22.610038 C18.8713973,22.6127108 19.1816686,22.9357009 19.1842361,23.3301353 L19.1849273,23.4322134 L20.9575817,23.4322134 L20.9571867,23.3291074 C20.9536317,22.2733759 20.3235104,21.3245539 19.3817353,20.9454363 L19.3817353,19.1166667 L17.6087847,19.1166667 L17.6087847,20.946567 C16.6669109,21.3256846 16.0367896,22.2745066 16.0333333,23.3309577 C16.0342221,23.5740741 16.1303055,23.8114338 16.2964023,23.9816666 L19.1246901,26.9260988 C19.0093505,27.1730186 18.7724502,27.3329717 18.5074062,27.3388312 C18.1285039,27.3362612 17.8182326,27.0131683 17.8156652,26.6187339 L17.8150727,26.5166558 L16.0424183,26.5166558 L16.0427145,26.6197619 C16.0462695,27.6755962 16.6762921,28.6242126 17.6181659,29.0035358 L17.6181659,30.8333333 L19.3912153,30.8333333 L19.3912153,29.002405 C20.3330891,28.6231846 20.9632104,27.6745682 20.9666667,26.6179115 C20.9655804,26.3710944 20.871867,26.1397998 20.7034989,25.9673054 L17.8752112,23.0228733 Z' id='Fill-1'/%3E%3Cpath d='M3.99287,32.1431524 L1.79547,32.1393094 L1.79547,29.9780421 C2.98397,30.0283958 3.94157,30.9720102 3.99287,32.1431524 M1.79547,18.743453 L1.79547,16.5741055 L3.99727,16.5741055 C3.94837,17.7457404 2.99177,18.6912271 1.79547,18.743453 M35.18977,20.5175585 L35.18567,28.1996994 C33.01087,28.2574436 31.24637,29.9960748 31.18777,32.1391123 L5.79747,32.1391123 C5.73877,29.9960748 3.97447,28.2575421 1.79967,28.1996994 L1.79967,20.5175585 C3.97447,20.4599129 5.73877,18.7212816 5.79747,16.5782442 L31.19207,16.5782442 C31.25067,18.7212816 33.01497,20.4599129 35.18977,20.5175585 M35.18967,29.9738049 L35.18577,32.1391123 L32.99247,32.1391123 C33.04357,30.9679701 34.00117,30.0243557 35.18967,29.9738049 M32.99247,16.5741055 L35.18967,16.5741055 L35.18577,18.7392158 C33.99947,18.6866942 33.04367,17.7431784 32.99247,16.5741055 M36.09037,14.8048284 L0.89917,14.8048284 C0.40667,14.8080802 0.00327,15.2054901 -3e-05,15.6915856 L-3e-05,33.0306979 C0.00327,33.5161035 0.40667,33.9136119 0.89987,33.9166667 L36.09037,33.9166667 C36.58287,33.9136119 36.98627,33.5161035 36.98957,33.0300081 L36.98957,15.6908958 C36.98627,15.2054901 36.58287,14.8080802 36.09037,14.8048284' id='Fill-3'/%3E%3Cpath d='M16.1127822,3.74949377 L17.6833615,2.19168347 L19.2511101,3.75230136 C18.3652331,4.55557236 16.9974462,4.55487046 16.1127822,3.74949377 Z M14.8288014,5.02905203 C16.4253615,6.52940705 18.9476292,6.52960759 20.5441893,5.0291523 L21.5435937,6.02143415 L23.4095664,5.31883523 L18.3293451,0.280016802 C17.9748123,-0.0669208672 17.3981784,-0.0668205962 17.0432413,0.280518157 L4.9621347,12.2634043 L9.1089653,10.7023854 L14.8288014,5.02905203 Z' id='Fill-6'/%3E%3Cpath d='M28.3489368,7.21879983 L30.415719,6.42990713 L31.1805137,8.55340514 C30.0461168,8.92786126 28.8120687,8.34628989 28.3489368,7.21879983 Z M26.6569753,7.86920353 C27.4727497,9.94880546 29.7492708,11.0195192 31.8153506,10.295131 L33.2208026,14.1833333 L35.15,14.1833333 L31.7953802,4.91806888 C31.6200625,4.4433525 31.0995284,4.1989359 30.6343895,4.37256236 L4.93333333,14.1833333 L10.1161948,14.1833333 L26.6569753,7.86920353 Z' id='Fill-9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 537, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.dining {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Edining%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Dining'%3E%3Cg id='dining'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cpath d='M137.46224,31.2018074 L125.504171,43.0562032 C125.365907,43.2059974 124.939685,43.5631372 124.536525,43.5745673 C124.133364,43.5861979 123.661021,43.5745673 123.084904,42.9985515 C122.508889,42.4225356 122.485928,42.0884565 122.55501,41.558562 C122.624192,41.0286675 123.050414,40.7175488 123.26929,40.4987731 L152.127633,11.6634908 C152.738139,11.8938971 152.288857,14.5665303 151.781923,16.2370264 C150.480197,20.5686253 145.802989,27.1006148 137.46224,31.2018074 Z M151.275089,41.374277 C151.67825,41.7775383 151.874166,42.3419235 151.758963,42.7912058 C151.643659,43.2404881 151.056213,43.8049736 150.526319,43.7935435 C149.996324,43.7820132 149.742857,43.6437493 149.316635,43.2175277 L138.991063,32.8698971 C139.819643,32.4057757 140.614234,31.9337335 141.375638,31.4536702 L151.275089,41.374277 Z M154.500778,11.7441029 L154.500778,11.4215541 C154.523839,10.7072744 153.821089,9.84330079 153.152831,9.56677309 C152.484672,9.29024538 151.597638,9.12902111 151.079274,9.63585488 L135.069142,25.6521029 L129.971928,20.5549894 C131.816382,18.6203984 131.791116,15.5585409 129.893522,13.6564354 L124.237036,8.00005013 L122.739295,9.49759103 L128.39578,15.1426464 C129.167612,15.9260079 129.582403,17.5618127 128.810572,18.3337441 L128.280678,18.8636385 L120.792372,11.3754327 L119.444625,12.73481 L126.927015,20.2172005 L126.299163,20.845153 C125.550292,21.6054538 123.822245,21.2252533 123.073474,20.4764828 L117.416989,14.8199974 L115.99996,16.2370264 L121.656445,21.8935119 C122.579474,22.8240607 123.836482,23.3467361 125.147131,23.3450317 C126.449659,23.3467361 127.698746,22.8300765 128.620171,21.9103562 L133.71578,27.006066 L121.356957,39.3697018 C119.99758,40.7407098 120.135744,43.2635488 121.506651,44.6345567 C122.163379,45.2910844 123.361432,45.8672005 124.294588,45.8672005 C125.223934,45.8700079 126.115981,45.5007361 126.771406,44.8418021 L137.345232,34.2888311 L147.888076,44.8533325 C148.543601,45.5122665 149.435548,45.881438 150.364894,45.8787309 L150.376525,45.9016913 C151.315596,45.9051003 152.216567,45.5311161 152.877406,44.8639604 C154.238387,43.4896438 154.227659,41.2721082 152.853342,39.9111266 L143.203548,30.2405778 C150.729353,24.9808364 154.45235,18.8177177 154.500778,11.7441029 Z' fill='%23394048'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 541, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.dinins {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='280px' height='70px' viewBox='0 0 280 70' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Edining%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Dining'%3E%3Cg id='dining'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'%3E%3C/rect%3E%3Cpath d='M137.46224,31.2018074 L125.504171,43.0562032 C125.365907,43.2059974 124.939685,43.5631372 124.536525,43.5745673 C124.133364,43.5861979 123.661021,43.5745673 123.084904,42.9985515 C122.508889,42.4225356 122.485928,42.0884565 122.55501,41.558562 C122.624192,41.0286675 123.050414,40.7175488 123.26929,40.4987731 L152.127633,11.6634908 C152.738139,11.8938971 152.288857,14.5665303 151.781923,16.2370264 C150.480197,20.5686253 145.802989,27.1006148 137.46224,31.2018074 Z M151.275089,41.374277 C151.67825,41.7775383 151.874166,42.3419235 151.758963,42.7912058 C151.643659,43.2404881 151.056213,43.8049736 150.526319,43.7935435 C149.996324,43.7820132 149.742857,43.6437493 149.316635,43.2175277 L138.991063,32.8698971 C139.819643,32.4057757 140.614234,31.9337335 141.375638,31.4536702 L151.275089,41.374277 Z M154.500778,11.7441029 L154.500778,11.4215541 C154.523839,10.7072744 153.821089,9.84330079 153.152831,9.56677309 C152.484672,9.29024538 151.597638,9.12902111 151.079274,9.63585488 L135.069142,25.6521029 L129.971928,20.5549894 C131.816382,18.6203984 131.791116,15.5585409 129.893522,13.6564354 L124.237036,8.00005013 L122.739295,9.49759103 L128.39578,15.1426464 C129.167612,15.9260079 129.582403,17.5618127 128.810572,18.3337441 L128.280678,18.8636385 L120.792372,11.3754327 L119.444625,12.73481 L126.927015,20.2172005 L126.299163,20.845153 C125.550292,21.6054538 123.822245,21.2252533 123.073474,20.4764828 L117.416989,14.8199974 L115.99996,16.2370264 L121.656445,21.8935119 C122.579474,22.8240607 123.836482,23.3467361 125.147131,23.3450317 C126.449659,23.3467361 127.698746,22.8300765 128.620171,21.9103562 L133.71578,27.006066 L121.356957,39.3697018 C119.99758,40.7407098 120.135744,43.2635488 121.506651,44.6345567 C122.163379,45.2910844 123.361432,45.8672005 124.294588,45.8672005 C125.223934,45.8700079 126.115981,45.5007361 126.771406,44.8418021 L137.345232,34.2888311 L147.888076,44.8533325 C148.543601,45.5122665 149.435548,45.881438 150.364894,45.8787309 L150.376525,45.9016913 C151.315596,45.9051003 152.216567,45.5311161 152.877406,44.8639604 C154.238387,43.4896438 154.227659,41.2721082 152.853342,39.9111266 L143.203548,30.2405778 C150.729353,24.9808364 154.45235,18.8177177 154.500778,11.7441029 Z' fill='%23394048'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 545, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.education {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eeducation%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Education'%3E%3Cg id='education'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cpath d='M155.8,31.5624472 L155.8,29.0120745 C155.8,25.2557115 144.085938,24.9591566 140.5,24.9591566 C136.914063,24.9591566 125.2001,25.2557115 125.2001,29.0120745 L125.2001,31.5624472 C125.2001,31.5624472 120.060156,29.8523135 118.436523,29.3283998 C116.81299,28.804486 116.753125,27.6676919 118.436523,27.1042375 C119.900881,26.6099792 140.509961,19.7991001 140.509961,19.7991001 C140.509961,19.7991001 161.019531,26.7582567 162.005764,27.0844672 C164.346584,27.8653952 164.0875,28.804486 161.985842,29.5162179 C160.511623,30.0104762 155.8,31.5624472 155.8,31.5624472 Z M153.967287,41.6947419 C150.580568,40.1921967 143.030178,39.8462159 140.5,39.8462159 C137.969922,39.8462159 130.837891,40.0142637 126.953125,41.6947419 L126.953125,28.8242563 C128.566896,27.7764288 133.05918,26.7582567 140.5,26.7582567 C147.94092,26.7582567 152.632422,27.7961991 153.967287,28.8242563 L153.967287,41.6947419 Z M140.18125,45.579612 C133.646975,45.579612 129.333889,44.6108657 127.680273,43.8002822 C129.732326,42.5844068 133.975586,41.7935935 140.509961,41.7935935 C147.044436,41.7935935 152.044826,42.7623398 153.329688,43.790397 C151.935156,44.5416696 146.705664,45.579612 140.18125,45.579612 Z M164.256836,25.7203143 L141.306836,18.1285072 C141.047852,18.0395407 140.769045,18 140.5,18 C140.231055,18 139.952148,18.0395407 139.693264,18.1285072 L116.743164,25.7203143 C115.697266,26.0662951 115,27.0350413 115,28.1224096 C115,29.2097778 115.697266,30.178524 116.743164,30.5245048 L119.25342,31.4240549 L119.25342,35.6252502 L116.832912,40.4195555 L118.137695,41.0620913 L120.020412,37.4935465 L121.773438,41.1510578 L123.118164,40.2416226 L120.946779,35.6647909 L120.946779,31.9281983 L125.2001,33.3121215 L125.2001,43.2961387 C125.2001,47.0525016 136.914063,47.3490566 140.5,47.3490566 C144.085938,47.3490566 155.8,47.0525016 155.8,43.2961387 L155.8,33.3121215 L164.256836,30.5146196 C165.302734,30.1686388 166,29.1998926 166,28.1125244 C166,27.0350413 165.302734,26.0662951 164.256836,25.7203143 Z' fill='%23394048'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 549, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.entertainment {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eentertainment%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Entertainment'%3E%3Cg id='entertainment'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(121.000000, 7.000000)' fill='%23394048'%3E%3Cpath d='M8.36946931,25.1517696 L7.91250811,25.6559186 C7.10458646,26.5610839 7.18129102,27.9518363 8.08393042,28.7622069 C8.08769142,28.7655818 8.09145241,28.7689567 8.09531239,28.7723316 L12.9392792,33.1262374 C13.8418197,33.9365087 15.228638,33.8595811 16.0365597,32.9542172 L16.046655,32.9429014 L16.5037151,32.4387524 L8.36946931,25.1517696 Z M17.6460687,31.1555002 L30.212749,17.131443 L22.0787012,9.79870065 L9.5576476,23.8226585 L17.6460687,31.1555002 Z M31.4009273,15.8024312 L31.720909,15.4357594 C32.5288307,14.5304948 32.4520272,13.1397424 31.5493878,12.329471 C31.5456268,12.3260961 31.5418658,12.322622 31.5380058,12.3193464 L26.7397648,7.91958181 C25.8371254,7.10931045 24.450505,7.18623809 23.6424843,8.09150267 C23.6391192,8.09537387 23.6357541,8.09914581 23.632389,8.10291774 L23.3125063,8.4695896 L31.4009273,15.8024312 Z M11.979631,34.5927263 L6.67870298,29.8264884 C5.17707523,28.4728598 5.05385308,26.1547075 6.40355632,24.6487125 C6.40395221,24.6483154 6.40424913,24.6480176 6.40444708,24.6476206 L22.4899365,6.68218836 C23.8396398,5.17619338 26.1510697,5.05271211 27.6526974,6.40624148 C27.6530933,6.40653927 27.6533902,6.40693631 27.6537861,6.4072341 L32.9546152,11.1735712 C34.456243,12.5271006 34.5794651,14.8452529 33.2298608,16.3512479 C33.2294649,16.3516449 33.229168,16.352042 33.2288711,16.3523398 L17.1433816,34.317772 C15.7937774,35.823767 13.4822485,35.9473475 11.9806208,34.5937189 C11.9802249,34.5934211 11.979928,34.5930241 11.979631,34.5927263 Z' id='Fill-1'/%3E%3Cpath d='M4.13799883,20.13062 L0,24.74772 L0.643693132,25.20952 C2.05226977,26.45842 2.18580821,28.61762 0.942038526,30.03202 C0.934669514,30.04052 0.92710134,30.04902 0.919632747,30.05742 L0.367853099,30.51912 L11.9542299,41.00002 L12.3679899,40.39982 C13.6258006,38.99782 15.7771537,38.88522 17.1731831,40.14832 C17.1807513,40.15522 17.1882198,40.16202 17.1956884,40.16892 L17.7014616,40.76912 L21.8394604,36.15202 L35.4489296,20.86932 L39.5868289,16.25222 L38.9432353,15.79052 C37.5346587,14.54152 37.4010207,12.38242 38.6448899,10.96802 C38.652259,10.95952 38.6598271,10.95102 38.6672957,10.94262 L39.2190754,10.48082 L27.6326986,2e-05 L27.2188389,0.60022 C25.9751688,2.01472 23.8250107,2.14892 22.4165337,0.89992 C22.4080693,0.89242 22.3996049,0.88482 22.39124,0.87722 L21.8854669,0.27702 L17.7474681,4.89412 L4.13799883,20.13062 Z M20.0003941,5.12502 L22.0232874,2.86262 C23.806389,3.99382 26.1037282,3.88312 27.7706186,2.58562 L36.6903094,10.61942 C35.5900363,12.42892 35.7371178,14.73682 37.0581625,16.39082 L35.0351696,18.65322 L19.5865344,35.87502 L17.5635415,38.13742 C15.7805394,37.00612 13.4832003,37.11692 11.8162103,38.41442 L2.94252605,30.38062 C4.04279916,28.57112 3.89571767,26.26322 2.57477253,24.60932 L4.59776541,22.34692 L20.0003941,5.12502 Z' id='Fill-3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 553, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.fees {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Efees%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Fees'%3E%3Cg id='fees'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cpath d='M151.522123,20.7067189 C145.344912,20.7067189 141.551286,18.6676391 141.549287,17.2050148 L141.549287,15.2231298 C143.771847,16.7885245 147.725998,17.6116889 151.522123,17.6116889 C155.318248,17.6116889 159.272398,16.7885245 161.494959,15.2231298 L161.494959,17.2038128 C161.494959,18.6665373 157.700933,20.7067189 151.522123,20.7067189 Z M151.522123,25.6047374 C145.344912,25.6047374 141.551286,23.5657577 141.549287,22.1031334 L141.549287,20.1211483 C143.771847,21.6864428 147.725998,22.5097073 151.522123,22.5097073 C155.318248,22.5097073 159.272398,21.6864428 161.494959,20.1211483 L161.494959,22.1019315 C161.494959,23.5645558 157.700933,25.6047374 151.522123,25.6047374 Z M151.522123,30.502856 C145.344912,30.502856 141.551286,28.463676 141.549287,27.0011519 L141.549287,25.0192669 C143.771847,26.5846616 147.725998,27.4077258 151.522123,27.4077258 C155.318248,27.4077258 159.272398,26.5846616 161.494959,25.0191668 L161.494959,26.9999499 C161.494959,28.4626744 157.700933,30.502856 151.522123,30.502856 Z M151.522123,35.4008744 C145.344912,35.4008744 141.551286,33.3618948 141.549287,31.8992705 L141.549287,29.9172854 C143.771847,31.4825799 147.725998,32.3058444 151.522123,32.3058444 C155.318248,32.3058444 159.272398,31.4825799 161.494959,29.9172854 L161.494959,31.8980685 C161.494959,33.3606928 157.700933,35.4008744 151.522123,35.4008744 Z M151.522123,40.2989931 C145.344912,40.2989931 141.551286,38.2598131 141.549287,36.797289 L141.549287,34.815404 C143.771847,36.3806985 147.725998,37.2038629 151.522123,37.2038629 C155.318248,37.2038629 159.272398,36.3806985 161.494959,34.8153039 L161.494959,36.796087 C161.494959,38.2587113 157.700933,40.2989931 151.522123,40.2989931 Z M151.522123,45.1970115 C145.343313,45.1970115 141.549287,43.1568299 141.549287,41.6941055 L141.549287,39.7134225 C143.771847,41.278717 147.725998,42.1019815 151.522123,42.1019815 C155.318248,42.1019815 159.272398,41.278717 161.494959,39.7134225 L161.494959,41.6941055 C161.494959,43.1568299 157.700933,45.1970115 151.522123,45.1970115 Z M129.771995,45.1970115 C123.593184,45.1970115 119.799159,43.1568299 119.799159,41.6941055 L119.799159,39.7134225 C122.021719,41.278717 125.97587,42.1019815 129.771995,42.1019815 C133.568219,42.1019815 137.52237,41.278717 139.744931,39.7134225 L139.744931,41.6941055 C139.744931,43.1568299 135.950905,45.1970115 129.771995,45.1970115 Z M119.799159,34.8153039 C122.021719,36.3806985 125.97587,37.2038629 129.771995,37.2038629 C133.568219,37.2038629 137.52237,36.3806985 139.744931,34.8153039 L139.744931,36.796087 C139.744931,38.2587113 135.950905,40.2989931 129.771995,40.2989931 C123.593184,40.2989931 119.799159,38.2587113 119.799159,36.796087 L119.799159,34.8153039 Z M119.799159,29.9172854 C122.021719,31.4825799 125.97587,32.3058444 129.771995,32.3058444 C133.568219,32.3058444 137.52237,31.4825799 139.744931,29.9172854 L139.744931,31.8980685 C139.744931,33.3606928 135.950905,35.4008744 129.771995,35.4008744 C123.593184,35.4008744 119.799159,33.3606928 119.799159,31.8980685 L119.799159,29.9172854 Z M129.771995,23.497144 C135.950905,23.497144 139.744931,25.5373256 139.744931,26.9999499 C139.744931,28.4626744 135.950905,30.502856 129.771995,30.502856 C123.593184,30.502856 119.799159,28.4626744 119.799159,26.9999499 C119.799159,25.5373256 123.593184,23.497144 129.771995,23.497144 Z M151.522123,8.80298845 C157.700933,8.80298845 161.494959,10.8430699 161.494959,12.3057944 C161.494959,13.7684187 157.700933,15.8087004 151.522123,15.8087004 C145.344912,15.8087004 141.551286,13.7696206 141.549287,12.3070965 L141.549287,12.3057944 L141.549187,12.3057944 C141.549187,10.8430699 145.343313,8.80298845 151.522123,8.80298845 Z M151.522123,7 C145.815292,7 139.750028,8.85958226 139.750028,12.3057944 L139.750028,24.0863206 C137.528467,22.5186221 133.571118,21.6941556 129.771995,21.6941556 C124.065264,21.6941556 118,23.5537378 118,26.9999499 L118,41.6941055 C118,45.1404177 124.065264,47 129.771995,47 C134.156944,47 138.752895,45.90198 140.647109,43.830146 C142.541223,45.90198 147.137274,47 151.522123,47 C157.228954,47 163.294118,45.1404177 163.294118,41.6941055 L163.294118,12.3057944 C163.294118,8.85958226 157.228954,7 151.522123,7 Z' fill='%23394048'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 557, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.financial-activity {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Efinancial-activity%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Financal-Activity'%3E%3Cg id='financial-activity'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(122.000000, 11.000000)' fill='%23394048'%3E%3Cpath d='M23.411502,28.148834 C22.552385,28.7827064 21.5303583,29.1597889 20.3439904,29.2820834 L20.3439904,20.5208238 C22.1231127,20.9704443 23.3291405,21.4822128 23.9631234,22.0526979 C24.6783226,22.6865702 25.0368766,23.6668323 25.0368766,24.9935796 C25.0368766,26.3223285 24.4945124,27.373794 23.411502,28.148834 Z M18.7795041,18.3145668 C17.2051879,17.9073634 16.0803764,17.3558468 15.4057376,16.6610655 C14.7514268,15.9873498 14.4242713,15.1292868 14.4242713,14.0875438 C14.4242713,12.8216102 14.9150045,11.8203779 15.8964708,11.0851813 C16.6941269,10.493726 17.6546926,10.1564868 18.7795041,10.0741311 L18.7795041,18.3145668 Z M25.2823386,20.9187813 C24.3007769,20.1032306 22.6539291,19.3777566 20.3439904,18.7438843 L20.3439904,10.1048238 C21.4270008,10.1662094 22.3070184,10.442063 22.9816572,10.932194 C23.860434,11.5870366 24.3316028,12.5555745 24.3923956,13.842383 C24.3923956,14.1906791 24.4938444,14.4665328 24.6993186,14.6697532 C24.8832242,14.8534332 25.0977649,14.9455115 25.3431315,14.9455115 C25.6088259,14.9455115 25.8233666,14.8534332 25.9870398,14.6697532 C26.1911779,14.4665328 26.2939627,14.1913464 26.2939627,13.842383 C26.2939627,12.2490281 25.7515031,10.9628868 24.6685881,9.98252936 C23.584337,9.02323745 22.1427726,8.5023183 20.3439904,8.41996255 L20.3439904,6.76588936 C20.3439904,6.25688511 20.0776278,6 19.5464297,6 C19.0347006,6 18.7795041,6.25688511 18.7795041,6.76588936 L18.7795041,8.41996255 C16.9794812,8.4814434 15.5071863,9.00226723 14.3628104,9.98252936 C13.1148861,11.0661174 12.4919738,12.5059132 12.4919738,14.3018213 C12.4919738,15.8336953 13.0442633,17.0701753 14.1481743,18.0086877 C15.1499685,18.8667506 16.6941269,19.5404664 18.7795041,20.0306928 L18.7795041,29.2820834 C17.3072093,29.1402485 16.1621653,28.7305668 15.3442767,28.0566604 C14.2802581,27.158754 13.7587944,25.8321021 13.779695,24.0741311 C13.779695,23.727646 13.6875036,23.4610383 13.5036934,23.2774536 C13.3401157,23.0937736 13.1352141,23.0016953 12.8898475,23.0016953 C12.6445764,23.0016953 12.4396748,23.0937736 12.276097,23.2774536 C12.0922868,23.4610383 12,23.727074 12,24.0741311 C12,26.5457566 12.7256017,28.3533889 14.1776641,29.4964562 C15.2410147,30.2931336 16.774007,30.7832647 18.7782634,30.9668494 L18.7782634,33.2032272 C18.7795995,33.7339643 19.0347961,34 19.5464297,34 C20.0777233,34 20.3440858,33.7339643 20.3440858,33.2032272 L20.3440858,30.9976374 C22.2044244,30.8557072 23.7584127,30.2525277 25.0062415,29.1900051 C26.3346185,28.0469379 27,26.5862672 27,24.8093277 C27,23.1551591 26.4267145,21.8586281 25.2823386,20.9187813 Z' id='Fill-1'/%3E%3Cpath d='M35.027052,0 L3.89148469,0 C3.35382778,0 2.91853665,0.423831773 2.91853665,0.947334483 L2.91853665,13.8183344 L1.66081871,12.5937268 C1.28068402,12.2235994 0.665070158,12.2235994 0.285030068,12.5937268 C-0.0950100225,12.9638542 -0.0950100225,13.5632616 0.285030068,13.9332968 L3.2039688,16.7753924 C3.3934685,16.9604561 3.64257121,17.0526655 3.89148469,17.0526655 C4.14049279,17.0526655 4.3896901,16.9604561 4.57975745,16.7753924 L7.49869618,13.9332968 C7.87883088,13.5631694 7.87883088,12.9637621 7.49869618,12.5937268 C7.11856149,12.2236916 6.50304224,12.2235994 6.12290754,12.5937268 L4.86452734,13.8183344 L4.86452734,1.89466897 L34.0541039,1.89466897 L34.0541039,17.0526655 C34.0541039,17.5762603 34.4893004,18 35.027052,18 C35.5648035,18 36,17.5762603 36,17.0526655 L36,0.947334483 C36,0.423831773 35.5648981,0 35.027052,0' id='Fill-3'/%3E%3Cpath d='M38.6571613,24.3374189 L35.7494545,21.3464699 C35.5602188,21.1518168 35.3120827,21.0547811 35.0639466,21.0547811 C34.8158105,21.0547811 34.5676743,21.1518168 34.3784387,21.3464699 L31.4707319,24.3374189 C31.0922607,24.7269189 31.0922607,25.3576026 31.4707319,25.7471026 C31.8494859,26.1366026 32.462711,26.1366026 32.8411822,25.7471026 L34.0941141,24.4583985 L34.0941141,37.0060566 L5.0178,37.0060566 L5.0178,21.0547811 C5.0178,20.5037811 4.58419791,20.0578628 4.04862723,20.0578628 C3.51286806,20.0578628 3.0800199,20.5037811 3.0800199,21.0547811 L3.0800199,38.0030719 C3.0800199,38.553975 3.51362199,38.9999903 4.04919267,38.9999903 L35.0639466,38.9999903 C35.5996115,38.9999903 36.0331194,38.553975 36.0331194,38.0030719 L36.0331194,24.4583985 L37.2860513,25.7471026 C37.6646168,26.1366026 38.2779361,26.1366026 38.6565016,25.7471026 C39.0351613,25.3576026 39.0351613,24.7270158 38.6571613,24.3374189' id='Fill-5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 561, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.groceries {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='288px' height='86px' viewBox='0 0 288 86' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Egroceries%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Groceries' transform='translate(8.000000, 9.000000)'%3E%3Cg id='groceries' transform='translate(-8.000000, -9.000000)'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(8.000000, 16.000000)'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(123.000000, 5.000000)' fill='%23394048'%3E%3Cpath d='M7.31868132,29.6703297 C7.86490485,29.6703297 8.30769231,30.1132136 8.30769231,30.6593407 C8.30769231,31.2055642 7.86490485,31.6483516 7.31868132,31.6483516 C6.77245779,31.6483516 6.32967033,31.2055642 6.32967033,30.6593407 C6.32967033,30.1132136 6.77245779,29.6703297 7.31868132,29.6703297' id='Fill-1'/%3E%3Cpath d='M27.8901581,29.6703297 C28.4363118,29.6703297 28.8791209,30.1132136 28.8791209,30.6593407 C28.8791209,31.2055642 28.4363118,31.6483516 27.8901581,31.6483516 C27.343908,31.6483516 26.9010989,31.2055642 26.9010989,30.6593407 C26.9010989,30.1132136 27.343908,29.6703297 27.8901581,29.6703297' id='Fill-3'/%3E%3Cpath d='M27.77476,33.95008 C26.07946,33.95008 24.69976,32.57038 24.69976,30.87508 C24.69976,29.17978 26.07946,27.80018 27.77476,27.80018 C29.47006,27.80018 30.84966,29.17978 30.84966,30.87508 C30.84966,32.57038 29.47006,33.95008 27.77476,33.95008 M7.27496,33.95008 C5.57966,33.95008 4.19996,32.57038 4.19996,30.87508 C4.19996,29.17978 5.57966,27.80018 7.27496,27.80018 C8.97026,27.80018 10.34996,29.17978 10.34996,30.87508 C10.34996,32.57038 8.97026,33.95008 7.27496,33.95008 M34.94966,29.85008 L32.79646,29.85008 C32.32156,27.51098 30.25446,25.75018 27.77476,25.75018 C25.29566,25.75018 23.22786,27.51098 22.75296,29.85008 L12.29396,29.85008 C11.83536,27.60668 9.90576,25.90798 7.55506,25.77818 L4.18906,3.04998 C4.15686,2.83198 4.05506,2.63178 3.89996,2.47528 L1.74956,0.32488 C1.34916,-0.07552 0.70076,-0.07552 0.30026,0.32488 C-0.10014,0.72528 -0.10014,1.37378 0.30026,1.77418 L2.21146,3.68398 L5.52826,26.07538 C3.56166,26.79208 2.14996,28.66098 2.14996,30.87508 C2.14996,33.70538 4.44456,35.99998 7.27486,35.99998 C9.75396,35.99998 11.82176,34.23918 12.29666,31.89998 L22.75286,31.89998 C23.22776,34.23908 25.29556,35.99998 27.77456,35.99998 C30.25356,35.99998 32.32146,34.23918 32.79626,31.89998 L34.94966,31.89998 C35.51606,31.89998 35.97466,31.44148 35.97466,30.87508 C35.97466,30.30868 35.51606,29.85008 34.94966,29.85008' id='Fill-5'/%3E%3Cpath d='M29.8583149,21.6702289 L10.8194806,21.6702289 L8.77226186,7.20879121 L33.9527523,7.20879121 L29.8583149,21.6702289 Z M35.587032,5.96439346 C35.2001576,5.4472045 34.5948799,5.14285714 33.9527523,5.14285714 L8.77226186,5.14285714 C8.17856843,5.14285714 7.61493417,5.40256017 7.22586276,5.85494934 C6.83699107,6.30733852 6.66152944,6.90787028 6.74611453,7.50084374 L8.79333323,21.9621806 C8.93663854,22.9800311 9.80056483,23.7362637 10.8193807,23.7362637 L29.8583149,23.7362637 C30.7720734,23.7362637 31.5758814,23.1247473 31.8271401,22.2377057 L35.9214776,7.77626802 C36.0975384,7.1529606 35.9739064,6.48228786 35.587032,5.96439346 Z' id='Fill-8'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 565, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.health-care {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Ehealth-care%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Health-Care'%3E%3Cg id='health-care'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(120.000000, 12.000000)' fill='%23394048'%3E%3Cpath d='M31.2906281,18.0486799 L23.9431883,18.0486799 L22.1551721,12.4926343 C22.0152387,12.0577956 21.6088311,11.7151243 21.1754412,11.7784385 C20.7320069,11.7889398 20.3477563,12.0948053 20.227321,12.5357613 L17.2820229,23.2063869 L14.1078683,8.41687534 C14.0109686,7.96970006 13.6449358,7.63936539 13.2027817,7.60245763 C12.7633849,7.57187108 12.3488038,7.82890001 12.1853348,8.25527643 L8.40023933,18.0487819 L1.00937192,18.0487819 C0.451509294,18.0487819 0,18.5162462 0,19.0938221 C0,19.671398 0.451509294,20.1388624 1.00937192,20.1388624 L9.08444578,20.1388624 C9.49617105,20.1395761 9.86899857,19.8796924 10.0210444,19.4819654 L12.8460057,12.172801 L16.1734864,27.6813002 C16.2737342,28.1487645 16.6681278,28.4852165 17.1297801,28.5 L17.1593227,28.5 C17.608764,28.5 18.0051271,28.1919935 18.1290091,27.7425752 L21.2716516,16.3593851 L22.2573895,19.4247685 C22.3953534,19.851145 22.7815735,20.1389643 23.2155542,20.1389643 L31.2906281,20.1389643 C31.8483922,20.1389643 32.3,19.6715 32.3,19.0939241 C32.3,18.5161443 31.8484907,18.0486799 31.2906281,18.0486799' id='Fill-1'/%3E%3Cpath d='M37.1701803,3.61698839 C34.782791,1.20875092 31.6539394,0.00498311346 28.5254854,0.00498311346 C25.5982003,0.00498311346 22.6947691,1.10186966 20.3753638,3.21001741 C18.0553621,1.10186966 15.1525273,0.00498311346 12.2252421,0.00498311346 C9.09629114,0.00498311346 5.96793652,1.20875092 3.58064662,3.61708865 C0.415020097,6.81109393 -0.604540243,11.3098327 0.428537372,15.3904712 L2.54766839,15.3904712 C1.46101864,11.8598802 2.25486036,7.86135778 5.02113092,5.07081425 C6.94525538,3.1299066 9.50379723,2.06099367 12.2252421,2.06099367 C14.708942,2.06099367 17.0325218,2.98943694 18.8866745,4.62143166 L20.3753638,6.02532612 L21.8648482,4.62083008 C23.7190009,2.98943694 26.0425807,2.06039208 28.5254854,2.06039208 C31.2470297,2.06039208 33.8048758,3.12920475 35.7295966,5.07021266 C39.7020852,9.07695673 39.7014888,15.5974158 35.7295966,19.6040596 L20.3753638,35.0930201 L6.95688421,21.5566982 L4.07502107,21.5566982 L20.3753638,37.9999699 L37.1701803,21.0578855 C41.9440644,16.2414106 41.9440644,8.43356359 37.1701803,3.61698839' id='Fill-3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 569, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.home {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Ehome%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Home'%3E%3Cg id='home'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cpath d='M154.849845,45.9498505 L145.624933,45.9498505 L145.624933,31.5999319 C145.624933,30.4676304 144.707232,29.5499292 143.574931,29.5499292 L137.424923,29.5499292 C136.292621,29.5499292 135.37492,30.4676304 135.37492,31.5999319 L135.37492,45.9498505 L126.150008,45.9498505 L126.150008,27.4999266 L122.050003,27.4999266 L140.499927,9.05000266 L158.949851,27.4999266 L154.849845,27.4999266 L154.849845,45.9498505 Z M137.424923,45.9498505 L143.574931,45.9498505 L143.574931,31.5999319 L137.424923,31.5999319 L137.424923,45.9498505 Z M129.225012,11.1000053 L131.274915,11.1000053 L131.274915,15.3756109 L129.225012,17.4256135 L129.225012,11.1000053 Z M159.974852,45.9498505 L156.899848,45.9498505 L156.899848,29.5499292 L158.949851,29.5499292 C159.778752,29.5499292 160.526253,29.0504286 160.843953,28.2844276 C161.160953,27.5184266 160.986153,26.6368255 160.399852,26.0498247 L141.949928,7.59990078 C141.549528,7.20020026 141.024727,7 140.499927,7 C139.975126,7 139.450325,7.20020026 139.050625,7.60070078 L133.324917,13.3256082 L133.324917,11.1000053 C133.324917,9.96770385 132.407216,9.05000266 131.274915,9.05000266 L129.225012,9.05000266 C128.09271,9.05000266 127.175009,9.96770385 127.175009,11.1000053 L127.175009,19.4756162 L120.600701,26.0498247 C120.0144,26.6361255 119.8388,27.5177266 120.1564,28.2844276 C120.473501,29.0504286 121.221102,29.5499292 122.050003,29.5499292 L124.100005,29.5499292 L124.100005,45.9498505 L121.025001,45.9498505 C120.458501,45.9498505 120,46.4083511 120,46.9748518 C120,47.5413526 120.458501,47.9998532 121.025001,47.9998532 L159.974852,47.9998532 C160.541353,47.9998532 160.999853,47.5413526 160.999853,46.9748518 C160.999853,46.4083511 160.541353,45.9498505 159.974852,45.9498505 Z' fill='%23394048'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 573, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.introduce-explain-automation {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Einstroduce-explain-automation%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Introduce-Explain-Automation'%3E%3Cg id='instroduce-explain-automation'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg id='introduce-explain-automation' transform='translate(123.000000, 11.000000)' fill='%23394048'%3E%3Cpath d='M19.0594291,17.8810881 C18.7974261,18.0677272 18.5017356,18.2044919 18.1876519,18.2842714 L18.1876519,14.9364573 C18.8600029,15.1452086 19.1701881,15.3324322 19.3180333,15.4619885 C19.5913321,15.692365 19.7243829,16.0884373 19.7243829,16.6283853 C19.7243829,17.1683333 19.5174595,17.5642108 19.0594291,17.8810881 Z M16.4439975,12.6037611 C16.0081589,12.4453712 15.675682,12.2581476 15.4688586,12.0494937 C15.2619352,11.840645 15.0846009,11.4661979 15.0846009,11.0414869 C15.0846009,10.6167758 15.2693325,10.1559254 15.6682847,9.86797907 C15.9006987,9.70208849 16.1643011,9.58227322 16.4439975,9.51515719 L16.4439975,12.6037611 Z M20.6109546,14.2020774 C20.0938461,13.7772689 19.2958415,13.417336 18.1876519,13.0934452 L18.1876519,9.52236558 C18.4201658,9.56863571 18.641184,9.65913033 18.8378111,9.7887841 C19.1850826,10.0407858 19.3697142,10.4151355 19.391906,10.9190415 C19.3819097,11.1952985 19.4887701,11.463373 19.6873966,11.6607273 C20.0420652,12.0062433 20.7069191,11.9918265 21.0173041,11.6534214 C21.2152308,11.455775 21.3219913,11.1879927 21.3127947,10.9119305 C21.3127947,9.96870182 20.9730205,9.19126631 20.3079668,8.60085951 C19.7538719,8.12578708 19.0447345,7.82332658 18.1950491,7.72250641 L18.1950491,7.29048956 C18.1950491,6.77937514 17.8477777,6.44827586 17.3158747,6.44827586 C16.7838717,6.44827586 16.4513948,6.77937514 16.4513948,7.29048956 L16.4513948,7.72250641 C15.6018094,7.81611818 14.8703802,8.11127287 14.2940936,8.60085951 C13.5404726,9.24162769 13.1563149,10.0983556 13.1563149,11.1495154 C13.1563149,12.0710215 13.5035863,12.8198182 14.1832346,13.3885999 C14.7078404,13.8277277 15.4466668,14.1733412 16.4513948,14.4325513 L16.4513948,18.2913823 C16.0155562,18.204979 15.6682847,18.0537974 15.4096805,17.8450461 C14.9589474,17.4706964 14.7447267,16.9163316 14.752124,16.1532155 C14.752124,15.8579634 14.6561595,15.6060591 14.4935197,15.4476691 C14.1611428,15.0876389 13.4813945,15.0947498 13.1784067,15.4331549 C12.9859779,15.6274895 12.8844155,15.890596 12.8977106,16.1603265 C12.8977106,17.5643082 13.3410465,18.6153706 14.2276182,19.2920834 C14.7669185,19.6881557 15.5205395,19.9544768 16.458792,20.0840331 L16.458792,20.8328299 C16.458792,21.3512501 16.7986662,21.6896552 17.323172,21.6896552 C17.8477777,21.6896552 18.2024464,21.3512501 18.2024464,20.8328299 L18.2024464,20.1056583 C19.0964154,19.9688936 19.8648309,19.6376969 20.4854011,19.1193741 C21.2833056,18.4497723 21.6896552,17.578725 21.6896552,16.541982 C21.6896552,15.5051415 21.320192,14.7636506 20.6109546,14.2020774 Z' id='Fill-1'/%3E%3Cpath d='M32.7754699,0 L1.81073701,0 C0.812316603,0 0,0.806983403 0,1.79884876 L0,26.7497662 C0,27.7416316 0.812316603,28.548615 1.81073701,28.548615 L22.749565,28.548615 L22.8056661,32.1409479 C22.8098662,32.8951788 23.2646755,33.5679465 23.9667898,33.8568432 C24.2008946,33.9532083 24.4457996,34 24.6885046,34 C25.1741145,34 25.6504243,33.812237 26.0104316,33.4578717 L30.3520204,28.548615 L32.7754699,28.548615 C33.7738903,28.548615 34.5862069,27.7416316 34.5862069,26.7497662 L34.5862069,1.79884876 C34.5862069,0.806983403 33.7738903,0 32.7754699,0 M32.586166,1.98690977 L32.586166,26.5617052 L30.3520204,26.5617052 C29.7766086,26.5617052 29.2290974,26.8079827 28.8493896,27.2373539 L24.8009069,31.815194 L24.7493058,28.5179173 C24.7324055,27.4327665 23.8420873,26.5617052 22.749565,26.5617052 L2.00004088,26.5617052 L2.00004088,1.98690977 L32.586166,1.98690977' id='Fill-3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 577, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.kids-family {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Ekids-family%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Kids-&amp;-Family'%3E%3Cg id='kids-family'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cpath d='M155.708425,37.1239 C155.408636,37.4239 155.015083,37.5742 154.62163,37.5742 C154.228177,37.5742 153.834824,37.4239 153.534935,37.1239 L145.221837,28.8249 C144.821586,28.4244 144.172728,28.4244 143.773077,28.8249 C143.373426,29.2254 143.372827,29.8745 143.773077,30.2742 L149.541725,36.0334 C149.489045,36.0409 149.435065,36.0382 149.383184,36.047 L140.104146,37.6843 L130.825308,36.0477 C130.772727,36.0383 130.719447,36.0416 130.666767,36.0341 L136.435315,30.275 C136.835665,29.8745 136.835665,29.2254 136.435315,28.8257 C136.034964,28.4259 135.386206,28.4253 134.986555,28.8257 L126.673556,37.1247 C126.373768,37.4246 125.980215,37.575 125.586762,37.575 C125.193309,37.575 124.799955,37.4246 124.499967,37.1247 C123.899491,36.524 123.899491,35.551 124.499967,34.9503 L136.77009,22.6757 C137.791209,23.1328 138.91499,23.4 140.104046,23.4 C141.293402,23.4 142.416983,23.1328 143.438202,22.6749 L155.708425,34.9496 C156.308901,35.5503 156.308901,36.5233 155.708425,37.1239 M150.806054,44.1226 L140.715618,45.9027 C140.535285,45.9342 140.355652,45.9499 140.178818,45.9499 C138.714864,45.9499 137.417648,44.9003 137.155346,43.4086 C136.860356,41.7358 137.97714,40.1416 139.648716,39.8465 L149.739052,38.0664 C149.919384,38.0343 150.099017,38.0192 150.276651,38.0192 C151.740505,38.0192 153.036921,39.0688 153.299923,40.5605 C153.594313,42.2326 152.47823,43.8281 150.806054,44.1226 M135.136899,43.7645 C135.229165,44.288 135.412196,44.7725 135.64511,45.2241 L129.401839,44.1226 C127.729563,43.8274 126.613379,42.2332 126.908569,40.5604 C127.171471,39.0687 128.468687,38.0191 129.931941,38.0191 C130.108775,38.0191 130.288408,38.0348 130.46954,38.0663 L136.66223,39.159 C135.457979,40.3035 134.827415,42.0085 135.136899,43.7645 M133.956439,15.2 C133.956439,11.8031 136.708713,9.05 140.104146,9.05 C143.499779,9.05 146.251853,11.8031 146.251853,15.2 C146.251853,18.5968 143.499779,21.35 140.104146,21.35 C136.708713,21.35 133.956439,18.5968 133.956439,15.2 M158.207792,36.0368 C158.207792,35.0788 157.834831,34.1775 157.157284,33.5003 L145.218438,21.5563 C147.082443,20.0523 148.301088,17.7767 148.301088,15.2 C148.301088,10.6784 144.62406,7 140.104146,7 C135.584332,7 131.907204,10.6784 131.907204,15.2 C131.907204,17.7767 133.125849,20.0516 134.989954,21.5563 L123.050508,33.5003 C122.372961,34.1781 122,35.0788 122,36.0368 C122,36.9949 122.372961,37.8962 123.050508,38.5733 C123.601702,39.1248 124.303241,39.461 125.060058,39.5724 C124.995982,39.7795 124.928308,39.9858 124.890022,40.2038 C124.652311,41.552 124.953598,42.9119 125.738405,44.0332 C126.523213,45.1546 127.697474,45.9028 129.045172,46.1406 L139.135507,47.9207 C139.431297,47.9733 139.731885,48 140.029674,48 C140.050866,48 140.069959,47.9925 140.091251,47.9925 C140.12114,47.9925 140.148629,48 140.178618,48 C140.476407,48 140.776995,47.9733 141.072085,47.9215 L151.162421,46.1414 C152.510118,45.9035 153.68438,45.1552 154.469287,44.034 C155.254094,42.9126 155.555382,41.5528 155.31757,40.2046 C155.279285,39.9858 155.21171,39.7802 155.147534,39.5731 C155.905051,39.4617 156.60649,39.1249 157.157084,38.5741 C157.834831,37.8962 158.207792,36.9949 158.207792,36.0368' fill='%23394048'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 581, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.mobile {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Emobile%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Mobile-Banking-Mobile-Wallet'%3E%3Cg id='mobile'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(128.000000, 7.000000)' fill='%23394048'%3E%3Cpath d='M16.3304408,3.47457627 L12.1609831,3.47457627 C11.5849643,3.47457627 11.1186441,3.94091167 11.1186441,4.51694915 C11.1186441,5.09308821 11.5849643,5.55932203 12.1609831,5.55932203 L16.3304408,5.55932203 C16.9065611,5.55932203 17.3728814,5.09308821 17.3728814,4.51694915 C17.3728814,3.94091167 16.9065611,3.47457627 16.3304408,3.47457627' id='Fill-1'/%3E%3Cpath d='M8.68649146,3.47457627 C9.26209459,3.47457627 9.72881356,3.94131798 9.72881356,4.51694915 C9.72881356,5.0926819 9.26209459,5.55932203 8.68649146,5.55932203 C8.11078676,5.55932203 7.6440678,5.0926819 7.6440678,4.51694915 C7.6440678,3.94131798 8.11078676,3.47457627 8.68649146,3.47457627' id='Fill-3'/%3E%3Cpath d='M10.942469,17.1289291 C11.0797362,16.7442223 11.4209565,16.4869235 11.805583,16.4780854 C12.3162541,16.4816603 12.7293542,16.9240633 12.7327859,17.4707363 L14.5821833,17.4707363 C14.5781024,16.2154241 13.8379724,15.097947 12.7327859,14.6787814 L12.7327859,12.5084746 L10.8832957,12.5084746 L10.8832957,14.6800723 C9.77801643,15.0993373 9.03788647,16.2166158 9.03389831,17.4721266 C9.03501128,17.7348871 9.13397352,17.9862276 9.30880372,18.1704381 L12.6846496,21.7850341 C12.5473824,22.1696417 12.2061621,22.4270398 11.8216284,22.4357786 C11.3109573,22.4322036 10.8978572,21.9898007 10.8943328,21.4430283 L9.04493533,21.4430283 C9.04901625,22.6985392 9.78914621,23.815917 10.8943328,24.2351819 L10.8943328,26.4067797 L12.7438229,26.4067797 L12.7438229,24.2337916 C13.8491022,23.814626 14.5892322,22.6971489 14.5932203,21.4418367 C14.5922001,21.1790761 14.4931451,20.9277356 14.3183149,20.7433266 L10.942469,17.1289291 Z' id='Fill-8'/%3E%3Cpath d='M14.2457966,35.440678 L10.0763389,35.440678 C9.50021856,35.440678 9.03389831,35.9070134 9.03389831,36.4830508 C9.03389831,37.0591899 9.50021856,37.5254237 10.0763389,37.5254237 L14.2457966,37.5254237 C14.8218153,37.5254237 15.2881356,37.0591899 15.2881356,36.4830508 C15.2881356,35.9070134 14.8218153,35.440678 14.2457966,35.440678' id='Fill-10'/%3E%3Cpath d='M22.2314222,36.9051574 C22.2314222,38.0359993 21.3266819,38.952464 20.2103301,38.952464 L4.04198724,38.952464 C2.92573389,38.952464 2.02109209,38.0359993 2.02109209,36.9051574 L2.02109209,33.8106051 L22.2314222,33.8106051 L22.2314222,36.9051574 Z M4.04198724,2.09845182 L20.2103301,2.09845182 C21.3266819,2.09845182 22.2314222,3.0150163 22.2314222,4.14595791 L22.2314222,32.0149847 L2.02109209,32.0149847 L2.02109209,4.14595791 C2.02109209,3.0150163 2.92573389,2.09845182 4.04198724,2.09845182 Z M20.2103301,0.0511452555 L4.04198724,0.0511452555 C1.81351781,0.0511452555 -9.84697729e-05,1.88836423 -9.84697729e-05,4.14595791 L-9.84697729e-05,36.9051574 C-9.84697729e-05,39.1627511 1.81351781,41.0000698 4.04198724,41.0000698 L20.2103301,41.0000698 C22.4387995,41.0000698 24.2523173,39.1627511 24.2523173,36.9051574 L24.2523173,4.14595791 C24.2523173,1.88836423 22.4387995,0.0511452555 20.2103301,0.0511452555 Z' id='Fill-5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 585, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.personal_Care, .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.personal-care {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Epersonal-care%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Personal-Care'%3E%3Cg id='personal-care'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(120.000000, 7.000000)' fill='%23394048'%3E%3Cpath d='M35.22656,38.94994 L16.02376,38.94994 C13.72236,36.55494 12.30026,33.30904 12.30026,29.72504 C12.30026,26.14104 13.72236,22.89514 16.02376,20.50014 L20.50016,20.50014 L30.75006,20.50014 L35.22656,20.50014 C37.52806,22.89514 38.94996,26.14104 38.94996,29.72504 C38.94996,33.30904 37.52806,36.55494 35.22656,38.94994 Z M4.10036,38.94994 L4.10036,32.80004 L10.56536,32.80004 C11.01906,35.02764 11.97026,37.12004 13.35126,38.94994 L4.10036,38.94994 Z M2.05036,2.05034 L16.40026,2.05034 L15.21666,18.61694 C14.96656,18.72414 14.73766,18.87994 14.54566,19.08024 C11.77546,21.96174 10.25026,25.74264 10.25026,29.72504 C10.25026,30.06944 10.27696,30.40904 10.29946,30.75004 L4.10036,30.75004 L2.05036,2.05034 Z M20.50016,18.45014 L30.75006,18.45014 L30.75006,12.30024 L20.50016,12.30024 L20.50016,18.45014 Z M36.70456,19.07954 C36.31776,18.67774 35.78416,18.45024 35.22646,18.45024 L32.79996,18.45024 L32.79996,12.30034 C32.79996,11.16804 31.88236,10.25034 30.74996,10.25034 L20.50016,10.25034 C19.36786,10.25034 18.45016,11.16804 18.45016,12.30034 L18.45016,18.45024 L17.28376,18.45024 L18.44476,2.19664 C18.48576,1.62884 18.28826,1.07054 17.90006,0.65374 C17.51196,0.23694 16.96946,0.00044 16.40016,0.00044 L2.05036,0.00044 C1.48116,0.00044 0.93786,0.23694 0.54976,0.65374 C0.16166,1.07054 -0.03514,1.62884 0.00516,2.19664 L2.05036,30.82314 L2.05036,38.95004 C2.05036,40.08234 2.96806,41.00004 4.10026,41.00004 L35.22646,41.00004 C35.78406,41.00004 36.31776,40.77244 36.70456,40.37064 C39.47476,37.48844 40.99996,33.70754 40.99996,29.72514 C40.99996,25.74274 39.47476,21.96174 36.70456,19.07954 Z' id='Fill-1'/%3E%3Cpath d='M16.5169613,33.2824141 L34.9341189,33.2824141 L34.9341189,27.0117035 L16.5169613,27.0117035 L16.5169613,33.2824141 Z M34.9341189,24.9215686 L16.5169613,24.9215686 C15.3866646,24.9215686 14.4705882,25.857281 14.4705882,27.0117035 L14.4705882,33.2824141 C14.4705882,34.4369386 15.3866646,35.372549 16.5169613,35.372549 L34.9341189,35.372549 C36.0643158,35.372549 36.9803922,34.4369386 36.9803922,33.2824141 L36.9803922,27.0117035 C36.9803922,25.857383 36.0643158,24.9215686 34.9341189,24.9215686 Z' id='Fill-4'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 589, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.pets {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Epets%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Pets'%3E%3Cg id='pets'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(123.000000, 11.000000)' fill='%23394048'%3E%3Cpath d='M24.2167644,2.24371352 C22.7559076,1.96672514 21.2155609,3.5212073 20.7709079,5.72216074 C20.3262549,7.92321321 21.1361732,9.92402596 22.59703,10.2011134 C24.057989,10.4781018 25.5982335,8.92361959 26.0429887,6.72266615 C26.4876417,4.52171271 25.6777234,2.52080093 24.2167644,2.24371352 M28.2819882,7.15354797 C27.5832332,10.5551475 24.8361317,12.8945456 22.1524792,12.3712683 C19.4687244,11.847892 17.8331533,8.67733067 18.5318062,5.27583016 C19.2305613,1.87442869 21.9619282,-0.449718728 24.6615196,0.0735585709 C27.3609067,0.59683587 28.9807432,3.75204746 28.2819882,7.15354797' id='Fill-1'/%3E%3Cpath d='M31.7882019,12.1862311 C30.6299925,11.7414301 29.1321796,12.8151898 28.4371745,14.5943937 C27.7422688,16.3737951 28.0974715,18.183692 29.2556809,18.628493 C30.4137908,19.073294 31.9117031,17.999633 32.6066088,16.2203303 C33.3014152,14.4411264 32.9463118,12.6158336 31.7882019,12.170934 L31.7882019,12.1862311 Z M34.4751243,16.9412692 C33.3633149,19.7635399 30.6917928,21.3587835 28.4990742,20.5151716 C26.3061568,19.6715597 25.4414493,16.6958243 26.5687584,13.8735536 C27.6959682,11.0511842 30.3520899,9.45603924 32.5448085,10.2996511 C34.7376266,11.1432631 35.5869337,14.1188998 34.4751243,16.9412692 Z' id='Fill-3'/%3E%3Cpath d='M8.91964222,7.04893941 C9.36404791,9.34199895 10.9119247,10.9798699 12.3524223,10.6834895 C13.7930186,10.387109 14.6358808,8.28123183 14.1914751,5.98827266 C13.7470694,3.69511275 12.1991926,2.05734212 10.7585963,2.35362223 C9.31809871,2.65000271 8.47523652,4.74032315 8.91964222,7.04893941 M10.2989071,0.0761194014 C12.9961056,-0.469770687 15.7239697,1.97925745 16.4288857,5.53582321 C17.1339003,9.09238897 15.4940265,12.4150018 12.8122102,12.9608919 C10.1302952,13.5068824 7.38714758,11.0578542 6.68223159,7.50128848 C5.97721701,3.94472272 7.61699219,0.606653508 10.2989071,0.0761194014' id='Fill-5'/%3E%3Cpath d='M2.34665601,16.2202957 C3.05664546,18.0149864 4.55388997,19.0886428 5.71148362,18.6438437 C6.86917659,18.1990446 7.2396145,16.3737598 6.52962505,14.5943662 C5.81953629,12.8151699 4.3223911,11.7261179 3.16469813,12.1863127 C2.00710448,12.6464088 1.63666656,14.4410995 2.34665601,16.2356915 L2.34665601,16.2202957 Z M2.4238223,10.2996422 C4.60016988,9.45603396 7.27050088,11.0512707 8.39730747,13.8735292 C9.52411406,16.6957876 8.64429919,19.6715101 6.4678523,20.5152171 C4.29150472,21.3587267 1.62117372,19.7634899 0.494466441,16.9412314 C-0.632340148,14.118973 0.231981881,11.1586462 2.4238223,10.2996422 Z' id='Fill-7'/%3E%3Cpath d='M22.9694174,29.4138297 C25.178254,29.8752935 26.5220416,29.7675989 27.1863324,28.0292404 C27.8504245,26.2907829 26.2594658,24.6446776 24.8229518,23.3678818 C23.3864378,22.0909872 21.2240141,18.7987765 20.343461,17.321835 C19.4630073,15.8449924 18.3817955,15.9526871 17.5631594,15.9526871 C16.7444239,15.9526871 15.6323033,16.3988084 14.7518496,17.8910924 C13.8713959,19.3833765 11.3998841,22.0755456 9.96337012,23.3524403 C8.5268561,24.629335 7.09034208,26.352351 7.77003762,28.0908085 C8.44963378,29.829167 9.94796541,29.8906361 12.156802,29.4291723 C14.3656386,28.9676095 16.0185142,28.5830563 17.5631594,28.5830563 C19.1078045,28.5830563 20.7604814,28.9676095 22.9694174,29.4291723 L22.9694174,29.4138297 Z M17.5631594,30.8906723 C14.6128096,30.8906723 11.925135,32.4137404 8.72771364,31.8906095 C5.53029223,31.3675776 4.66524324,27.7677244 5.82377679,24.9831041 C6.98221096,22.1985829 9.9170566,21.2755563 11.7088728,18.3525562 C14.0103364,14.5835393 16.2346771,13.6296296 17.5631594,13.6296296 C18.8915423,13.6296296 21.301137,13.7373243 23.3092155,17.6603605 C25.3171945,21.5832978 27.9431509,22.0755456 29.1015851,24.8447244 C30.2601186,27.6138042 29.5805224,31.3522351 26.383101,31.875267 C23.1856796,32.3982989 20.5134097,30.8906723 17.5631594,30.8906723 Z' id='Fill-9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 593, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.quiz {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Equiz%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Quiz'%3E%3Cg id='quiz'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(121.000000, 10.000000)' fill='%23394048'%3E%3Cpath d='M31.9762925,9.17647059 L16.964884,9.17647059 C16.4644366,9.17647059 16.0588235,8.83413725 16.0588235,8.41176471 C16.0588235,7.98939216 16.4644366,7.64705882 16.964884,7.64705882 L31.9762925,7.64705882 C32.4767399,7.64705882 32.8823529,7.98939216 32.8823529,8.41176471 C32.8823529,8.83413725 32.4767399,9.17647059 31.9762925,9.17647059' id='Fill-1'/%3E%3Cpath d='M31.9762925,18.3529412 L16.964884,18.3529412 C16.4644366,18.3529412 16.0588235,18.0106078 16.0588235,17.5882353 C16.0588235,17.1658627 16.4644366,16.8235294 16.964884,16.8235294 L31.9762925,16.8235294 C32.4767399,16.8235294 32.8823529,17.1658627 32.8823529,17.5882353 C32.8823529,18.0106078 32.4767399,18.3529412 31.9762925,18.3529412' id='Fill-3'/%3E%3Cpath d='M7.91965083,18.8450551 L11.1978961,18.8450551 L11.1978961,15.5667096 L7.91965083,15.5667096 L7.91965083,18.8450551 Z M12.0989981,20.6470588 L7.01864894,20.6470588 C6.52109568,20.6470588 6.11764706,20.2437103 6.11764706,19.7460569 L6.11764706,14.6657078 C6.11764706,14.1680544 6.52109568,13.7647059 7.01864894,13.7647059 L12.0989981,13.7647059 C12.5965514,13.7647059 13,14.1680544 13,14.6657078 L13,19.7460569 C13,20.2437103 12.5965514,20.6470588 12.0989981,20.6470588 Z' id='Fill-5'/%3E%3Cpath d='M7.91965083,28.0215256 L11.1978961,28.0215256 L11.1978961,24.7431802 L7.91965083,24.7431802 L7.91965083,28.0215256 Z M12.0989981,29.8235294 L7.01864894,29.8235294 C6.52109568,29.8235294 6.11764706,29.4201809 6.11764706,28.9225275 L6.11764706,23.8421784 C6.11764706,23.344525 6.52109568,22.9411765 7.01864894,22.9411765 L12.0989981,22.9411765 C12.5965514,22.9411765 13,23.344525 13,23.8421784 L13,28.9225275 C13,29.4201809 12.5965514,29.8235294 12.0989981,29.8235294 Z' id='Fill-7'/%3E%3Cpath d='M31.9762925,27.5294118 L16.964884,27.5294118 C16.4644366,27.5294118 16.0588235,27.1870784 16.0588235,26.7647059 C16.0588235,26.3423333 16.4644366,26 16.964884,26 L31.9762925,26 C32.4767399,26 32.8823529,26.3423333 32.8823529,26.7647059 C32.8823529,27.1870784 32.4767399,27.5294118 31.9762925,27.5294118' id='Fill-8'/%3E%3Cpath d='M8.60574881,10.4579484 L6.13338839,8.00364109 C5.79867446,7.67312524 5.79867446,7.13700107 6.13338839,6.80648522 C6.46810233,6.47596937 7.01069123,6.47596937 7.34540517,6.80648522 L9.2117572,8.66221464 L12.5369478,5.36553394 C12.8717569,5.0350181 13.4142506,5.0350181 13.7489645,5.36553394 C14.0836785,5.69604979 14.0836785,6.2320799 13.7489645,6.56268981 L9.81776559,10.4579484 C9.65036101,10.6232064 9.43115433,10.7058824 9.2117572,10.7058824 C8.99236007,10.7058824 8.77315339,10.6232064 8.60574881,10.4579484 Z' id='Fill-9'/%3E%3Cpath d='M2.67919177,1.81373585 C2.19351021,1.81373585 1.79845057,2.21215316 1.79845057,2.7019626 L1.79845057,34.0039197 C1.79845057,34.4937292 2.19351021,34.8921465 2.67919177,34.8921465 L36.3208082,34.8921465 C36.8063899,34.8921465 37.2015494,34.4937292 37.2015494,34.0039197 L37.2015494,2.7019626 C37.2015494,2.21215316 36.8063899,1.81373585 36.3208082,1.81373585 L2.67919177,1.81373585 Z M36.3208082,36.7058824 L2.67919177,36.7058824 C1.20186455,36.7058824 0,35.493803 0,34.0039197 L0,2.7019626 C0,1.21207936 1.20186455,0 2.67919177,0 L36.3208082,0 C37.7981355,0 39,1.21207936 39,2.7019626 L39,34.0039197 C39,35.493803 37.7981355,36.7058824 36.3208082,36.7058824 Z' id='Fill-10'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 597, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.refund {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Erefund%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Refund' transform='translate(-1.000000, 0.000000)'%3E%3Cg id='refund' transform='translate(1.000000, 0.000000)'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(116.000000, 4.000000)' fill='%23394048'%3E%3Cpath d='M45.6060498,30.8894417 L36.1919807,40.24127 C36.040602,40.3892562 35.9550314,40.5910555 35.9540282,40.802023 L35.9540282,43.1932202 L26.3265843,43.1932202 L26.3265843,34.7487413 L34.3290898,26.8160853 C34.8162303,26.3356534 35.6033192,26.3384437 36.0869485,26.8224631 C36.2029152,26.9384603 36.2944045,27.0759828 36.3563003,27.2273572 C36.5266389,27.6473988 36.4495953,28.1265351 36.1557661,28.4728327 L32.9238462,32.3203731 C32.7261209,32.5583469 32.6822823,32.8874043 32.8106883,33.1683289 C32.9413013,33.4498513 33.2251991,33.6300257 33.537286,33.6293282 L38.3516098,33.6293282 C38.5639814,33.6284313 38.7671238,33.5433268 38.9160949,33.3930486 L43.7303184,28.6106541 C43.8581225,28.488279 43.9378747,28.3249462 43.9554303,28.1495552 L44.7578677,21.7739925 C44.7578677,21.7369212 44.770608,21.7114098 44.770608,21.6743385 C44.7735172,21.2353628 45.1310478,20.880196 45.5730455,20.877306 C45.993475,20.8739178 46.3443846,21.1953019 46.3753826,21.6117558 L45.6060498,30.8894417 Z M26.3254808,46.3931095 L37.5576993,46.3931095 L37.5576993,44.8032299 L26.3254808,44.8032299 L26.3254808,46.3931095 Z M45.580469,19.2948008 C44.2717305,19.2978901 43.2040542,20.3364839 43.1733572,21.6361711 L42.408338,27.7012119 L38.020864,32.0595787 L35.2465911,32.0595787 L37.3806394,29.5158112 C38.0462442,28.7154901 38.2191911,27.6182001 37.8319666,26.6539482 C37.481057,25.7692202 36.7017928,25.1220673 35.7631245,24.935814 C34.8266632,24.74687 33.8570973,25.0366638 33.1810595,25.7074347 L24.9449152,33.8891261 C24.7935365,34.0370126 24.7079659,34.2388119 24.7069627,34.4497794 L24.7069627,47.2028977 C24.7098719,47.6418735 25.0674025,47.9971399 25.5092999,47.9999302 L38.346293,47.9999302 C38.7881904,47.9971399 39.1458213,47.6418735 39.1487305,47.2028977 L39.1487305,44.0019122 C39.1458213,43.5629365 38.7881904,43.20767 38.346293,43.2048797 L37.5439559,43.2048797 L37.5439559,41.1379565 L46.9334473,31.8105434 C47.066468,31.6755122 47.1502329,31.5001212 47.1713998,31.3123731 L47.9738373,21.6859981 C47.9837687,20.3753489 46.9223121,19.3047662 45.6030403,19.2948008 C45.5952156,19.2948008 45.5872905,19.2947012 45.5793655,19.2948008 L45.580469,19.2948008 Z' id='Fill-1'/%3E%3Cpath d='M21.7596598,43.202733 L12.0901637,43.202733 L12.0901637,40.8035495 C12.0891559,40.5918775 12.003092,40.3894042 11.8511196,40.2409238 L2.39275228,30.8450635 L1.60819979,21.6119818 C1.64065013,21.1714399 2.02682934,20.8404835 2.47085481,20.8726793 C2.86973198,20.9015755 3.18687863,21.216234 3.21600332,21.6119818 C3.21408854,21.6457773 3.21852275,21.6796728 3.22890283,21.7119686 L4.03492092,28.1088245 C4.05769662,28.2833015 4.13700848,28.4456801 4.26106553,28.5713635 L9.09737561,33.3697304 C9.24713091,33.5206105 9.45120526,33.6060992 9.66445035,33.6068991 L14.5008612,33.6068991 C14.8143799,33.607599 15.0995801,33.4269228 15.2307923,33.1443601 C15.367245,32.8636972 15.3226006,32.5293413 15.1172161,32.2935724 L11.8683525,28.4330817 C11.4274512,27.9123505 11.4953752,27.1355529 12.0203249,26.6981107 C12.1795533,26.5653282 12.3697204,26.4745402 12.5735932,26.4337455 C12.9845636,26.3456572 13.4123639,26.4729404 13.7066341,26.7709011 L21.7456517,34.7470487 L21.7456517,43.2058326 L21.7596598,43.202733 Z M10.4780267,46.4016109 L21.7596598,46.4016109 L21.7596598,44.8064214 L10.4780267,44.8064214 L10.4780267,46.4016109 Z M23.1348689,33.8440678 L14.8610398,25.6351509 C14.1817998,24.9620397 13.2078865,24.6713781 12.2670281,24.8609531 C11.3220379,25.0462286 10.5368808,25.6957429 10.1832527,26.5848256 C9.79425171,27.552298 9.96809282,28.6531527 10.6366505,29.4562467 L12.7803885,32.00851 L9.99358952,32.00851 L5.58598673,27.635587 L4.82380684,21.54929 C4.79306971,20.2452621 3.72039448,19.2031996 2.4056518,19.2 C1.05321835,19.2238968 -0.0236895412,20.3310508 0.000396270674,21.6729737 L0.000396270674,21.6737736 L0.806414359,31.2694075 C0.822236419,31.4593824 0.907292591,31.636959 1.04545848,31.7692416 L10.4781275,41.1279067 L10.4781275,43.2016331 L9.67200866,43.2016331 C9.22798319,43.2046327 8.86881234,43.5608857 8.86599057,44.0013276 L8.86599057,47.2003055 C8.86881234,47.6408474 9.22798319,47.9971004 9.67200866,48 L22.567895,48 C23.0118196,47.9971004 23.3709905,47.6408474 23.373913,47.2003055 L23.373913,34.4077934 C23.373006,34.1961213 23.2868413,33.9935481 23.1348689,33.8451677 L23.1348689,33.8440678 Z' id='Fill-4'/%3E%3Cpath d='M23.2806073,9.17264525 C23.394052,8.8606585 23.675797,8.65202994 23.9933465,8.64488444 C24.4151503,8.64780302 24.7562503,9.00658778 24.7590266,9.44991089 L26.286366,9.44991089 C26.283111,8.43192832 25.6718498,7.52585842 24.7590266,7.1858935 L24.7590266,5.42608696 L23.2316872,5.42608696 L23.2316872,7.18700055 C22.3189598,7.52686483 21.7076028,8.43293473 21.7043478,9.45101794 C21.7053052,9.66397406 21.7869662,9.86777185 21.9314287,10.0172236 L24.7193927,12.9480875 C24.605948,13.2599736 24.3241073,13.4687028 24.0066535,13.4758483 C23.5848497,13.4729297 23.243654,13.1141449 23.2408777,12.6708218 L21.7135383,12.6708218 C21.716889,13.6888044 22.3281502,14.5948743 23.2408777,14.9348392 L23.2408777,16.6956522 L24.7682171,16.6956522 L24.7682171,14.9337322 C25.6810402,14.5937673 26.2923015,13.6876974 26.2956522,12.6697148 C26.2946948,12.4567587 26.212938,12.2528602 26.0685713,12.1035092 L23.2806073,9.17264525 Z' id='Fill-6'/%3E%3Cpath d='M40.5551924,5.66548501 C39.2337139,5.66318442 38.1637316,4.58921034 38.1637316,3.26537248 L40.5593857,3.26537248 L40.5551924,5.66548501 Z M40.5551924,15.2650349 C38.3526283,15.2714365 36.5686922,17.0585926 36.5624023,19.2652558 L11.0159133,19.2652558 C11.0094237,17.0585926 9.22558743,15.2714365 7.02322299,15.2650349 L7.02322299,7.26989447 C9.22558743,7.26349283 11.0094237,5.47613669 11.0159133,3.26967358 L36.5665955,3.26967358 C36.5729853,5.47613669 38.3568216,7.26349283 40.5593857,7.26989447 L40.5551924,15.2650349 Z M40.5551924,19.2652558 L38.1637316,19.2652558 C38.1637316,17.9396175 39.2363097,16.8650432 40.5593857,16.8650432 L40.5551924,19.2652558 Z M7.01892989,19.2652558 L7.01892989,16.8693443 C8.34200588,16.8693443 9.41458402,17.9439186 9.41458402,19.2694569 L7.01892989,19.2652558 Z M7.01892989,3.26537248 L9.41888082,3.26537248 C9.42117344,4.59091077 8.35049226,5.66748552 7.02741626,5.66978611 L7.01892989,5.66978611 L7.01892989,3.26537248 Z M41.3579038,1.66956522 L6.22460506,1.66956522 C5.78471124,1.67246596 5.42888247,2.02895694 5.42608696,2.46956939 L5.42608696,20.069461 C5.42888247,20.5100735 5.78471124,20.8666645 6.22460506,20.8695652 L41.3579038,20.8695652 C41.7977976,20.8666645 42.1536264,20.5100735 42.1565217,20.069461 L42.1565217,2.46956939 C42.1536264,2.02895694 41.7977976,1.67246596 41.3579038,1.66956522 Z' id='Fill-8'/%3E%3Cpolygon id='Fill-10' points='44.6608696 15.8608696 46.3304348 15.8608696 46.3304348 14.1913043 44.6608696 14.1913043'/%3E%3Cpolygon id='Fill-12' points='44.6608696 11.2695652 46.3304348 11.2695652 46.3304348 7.93043478 44.6608696 7.93043478'/%3E%3Cpolygon id='Fill-13' points='44.6608696 4.59130435 46.3304348 4.59130435 46.3304348 0 44.6608696 0'/%3E%3Cpolygon id='Fill-14' points='1.66956522 15.8608696 3.33913043 15.8608696 3.33913043 14.1913043 1.66956522 14.1913043'/%3E%3Cpolygon id='Fill-15' points='1.66956522 11.2695652 3.33913043 11.2695652 3.33913043 7.93043478 1.66956522 7.93043478'/%3E%3Cpolygon id='Fill-16' points='1.66956522 4.59130435 3.33913043 4.59130435 3.33913043 0 1.66956522 0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 601, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.savings {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Esavings%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Savings'%3E%3Cg id='savings'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(118.000000, 7.000000)' fill='%23394048'%3E%3Cpath d='M20.6667171,1.8152252 C18.7268648,1.8152252 17.1485414,3.39336182 17.1485414,5.33333333 C17.1485414,7.273204 18.7268648,8.85144147 20.6667171,8.85144147 C22.6065694,8.85144147 24.184792,7.273204 24.184792,5.33333333 C24.184792,3.39336182 22.6065694,1.8152252 20.6667171,1.8152252 M20.6667171,10.6666667 C17.7258784,10.6666667 15.3333333,8.27419985 15.3333333,5.33333333 C15.3333333,2.39256766 17.7258784,0 20.6667171,0 C23.607455,0 26,2.39256766 26,5.33333333 C26,8.27419985 23.607455,10.6666667 20.6667171,10.6666667' id='Fill-1'/%3E%3Cpath d='M43.9073649,28.4213915 C43.7526955,28.6706758 42.7158414,29.6917127 40.60409,30.9280496 C38.8765657,31.9396073 35.9998548,33.3443523 32.1045626,34.2929838 C31.6816931,34.3958438 31.3924244,34.7900396 31.4180861,35.2286065 C31.4740027,36.1871206 31.6110983,37.3483294 31.7207349,38.1848234 L28.5847106,38.1848234 C28.2272436,37.7009779 27.7167048,36.8220291 27.1420615,35.7006533 C26.9773072,35.3792662 26.6400101,35.1869583 26.2817443,35.2123707 C25.9702087,35.2341529 25.6798417,35.2508928 25.394567,35.2634982 C21.7858475,35.4198051 16.9483601,34.5806893 16.3323785,34.3491534 C16.0494004,34.2191666 15.7191927,34.2459909 15.4601789,34.4209537 C15.1952739,34.6000512 15.0441991,34.9073202 15.0628713,35.2286065 C15.1188878,36.1871206 15.2558835,37.3483294 15.3655201,38.1848234 L12.1928504,38.1848234 C9.96017929,35.8408252 8.49326642,33.6098723 7.70913554,31.3660114 C6.99310312,29.3172821 6.9330926,27.4988784 6.9330926,25.9551715 C6.9330926,22.2128823 8.62167496,19.2398247 11.9520095,17.1186899 C15.0044584,15.1745349 18.7097339,14.4818433 21.1596811,14.4818433 C25.5815882,14.4818433 29.5672457,15.2270742 33.0059187,16.6969639 C33.4037256,16.8669854 33.8653373,16.727116 34.1044808,16.3637781 C34.7441271,15.3923561 35.4806289,14.9142587 36.5674086,14.7650109 C36.9893794,14.7073286 37.3352637,14.8303572 37.4600776,14.9818236 C37.4886351,15.0164128 37.5480465,15.0886165 37.4784502,15.3016981 L36.6406993,17.8782405 C36.5172833,18.2575116 36.6538797,18.6736913 36.9771976,18.9035128 C39.848217,20.9447798 41.2370463,23.1554632 41.4380466,24.0694047 C41.5294104,24.4847776 41.8940667,24.780248 42.3153386,24.780248 L44.1996291,24.780248 C44.1927394,26.2464065 44.0778108,28.0010773 43.9073649,28.4213915 M45.5865613,23.484817 C45.2879065,23.1544548 44.8625408,22.9650714 44.419701,22.9650714 L42.962973,22.9650714 C42.3775458,21.54641 40.905241,19.6085072 38.5523491,17.8170287 L39.1858046,15.8689408 C39.4279436,15.1269369 39.3026304,14.380496 38.8419174,13.821119 C38.2941341,13.1559576 37.3292727,12.8281165 36.3253695,12.9663725 C34.9852675,13.1503104 33.9088724,13.7382259 33.0542466,14.7570443 C29.5465765,13.3695434 25.5492364,12.6666667 21.1596811,12.6666667 C17.6611973,12.6666667 13.8606638,13.7569828 10.9931392,15.583353 C8.07119572,17.4443124 6.201084,19.9723493 5.4768638,22.9941142 C3.50710066,23.9545443 2.33464876,22.7131652 1.6943035,21.482778 C1.4634477,21.0389673 0.919858177,20.8682398 0.480812783,21.1015909 C0.0414678349,21.3348411 -0.127580119,21.8835286 0.103375532,22.3271376 C0.898589888,23.8555164 2.2941092,25.1616368 4.14435054,25.1616368 C4.47166253,25.1616368 4.81335308,25.1200894 5.16822397,25.0324567 C5.14735509,25.3360955 5.13577236,25.6433645 5.13577236,25.9551715 C5.13577236,29.7261002 5.58280584,33.876199 10.924841,39.4718844 C11.2449637,39.8074904 11.694793,40 12.1590009,40 L15.4563846,40 C15.9518459,40 16.4230433,39.7840948 16.7493568,39.4076474 C17.0753707,39.0315024 17.2246482,38.5315221 17.159046,38.0359789 C17.0957403,37.5582849 17.0213513,36.9582682 16.9596433,36.3541169 C18.9963067,36.7505313 22.7100695,37.1970647 25.472351,37.0768597 C25.5869801,37.0718175 25.702408,37.0661703 25.8193337,37.0598172 C26.2366115,37.8470997 26.7468508,38.744402 27.1835996,39.32304 C27.5036225,39.7469845 28.0125636,40 28.5451695,40 L31.8115994,40 C32.3070607,40 32.7782581,39.7840948 33.1045716,39.4076474 C33.4305855,39.0315024 33.5798629,38.5315221 33.5143606,38.0359789 C33.4339805,37.4299116 33.3357269,36.6272001 33.2683274,35.8685571 C37.0866344,34.8542767 39.9218073,33.4412626 41.6643092,32.4047967 C43.684597,31.2031497 45.2069273,29.9355514 45.5427266,29.1752949 C45.9617019,28.2268651 45.9970492,25.5193274 45.9972489,24.6557067 C46.0224114,24.2270225 45.8741325,23.8027754 45.5865613,23.484817' id='Fill-4'/%3E%3Cpath d='M17.567707,18.6666667 C17.1652292,18.6666667 16.7985116,18.4323545 16.6947368,18.0801511 C16.57193,17.6634231 16.8635211,17.2397757 17.3459335,17.1336476 C18.7160408,16.8325621 20.166784,16.6666667 21.4311132,16.6666667 C22.4783769,16.6666667 23.5139208,16.7040321 24.5088964,16.7777249 C25.0049317,16.8144849 25.3725508,17.1914256 25.3299791,17.6198302 C25.2873073,18.0482348 24.8510726,18.3651487 24.3547368,18.3289077 C23.4108472,18.2590206 22.4272908,18.2235581 21.4311132,18.2235581 C20.3124293,18.2235581 19.0196521,18.3723277 17.7908828,18.6424484 C17.716157,18.6587957 17.641331,18.6666667 17.567707,18.6666667' id='Fill-7'/%3E%3Cpath d='M37.6667154,22.6666667 C38.2190175,22.6666667 38.6666667,23.1144351 38.6666667,23.6667641 C38.6666667,24.2190931 38.2190175,24.6666667 37.6667154,24.6666667 C37.1144133,24.6666667 36.6666667,24.2190931 36.6666667,23.6667641 C36.6666667,23.1144351 37.1144133,22.6666667 37.6667154,22.6666667' id='Fill-9'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 605, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.shopping {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eshopping%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Shopping'%3E%3Cg id='shopping'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cpath d='M124.046631,48.9424 L124.494931,20.248 L132.693331,20.248 L132.693331,22.4818 C131.500431,22.9061 130.643731,24.035 130.643731,25.372 C130.643731,27.0694 132.020831,28.4464 133.718131,28.4464 C135.415431,28.4464 136.792531,27.0694 136.792531,25.372 C136.792531,24.035 135.935931,22.9061 134.742931,22.4818 L134.742931,20.248 L147.040531,20.248 L147.040531,22.4818 C145.847631,22.9061 144.990931,24.035 144.990931,25.372 C144.990931,27.0694 146.368031,28.4464 148.065331,28.4464 C149.762631,28.4464 151.139831,27.0694 151.139831,25.372 C151.139831,24.035 150.283031,22.9061 149.090231,22.4818 L149.090231,20.248 L157.288531,20.248 L157.736831,48.9424 L124.046631,48.9424 Z M133.718131,24.3472 C134.286531,24.3472 134.742931,24.8035 134.742931,25.372 C134.742931,25.9404 134.286531,26.3968 133.718131,26.3968 C133.149631,26.3968 132.693331,25.9404 132.693331,25.372 C132.693331,24.8035 133.149631,24.3472 133.718131,24.3472 Z M140.891731,12.0496 C144.286331,12.0496 147.040531,14.8037 147.040531,18.1984 L134.742931,18.1984 C134.742931,14.8117 137.497131,12.0496 140.891731,12.0496 Z M148.065331,24.3472 C148.633831,24.3472 149.090231,24.8035 149.090231,25.372 C149.090231,25.9404 148.633831,26.3968 148.065331,26.3968 C147.496931,26.3968 147.040531,25.9404 147.040531,25.372 C147.040531,24.8035 147.496931,24.3472 148.065331,24.3472 Z M159.778431,48.7983 L159.330131,20.1039 C159.250031,19.0311 158.361331,18.1984 157.288531,18.1984 L149.090231,18.1984 C149.090231,13.6669 145.415331,10 140.891731,10 C136.368231,10 132.693331,13.6669 132.693331,18.1984 L124.494931,18.1984 C123.422131,18.1984 122.525431,19.0311 122.453331,20.1039 L122.005031,48.7983 C121.965031,49.3667 122.165131,49.9272 122.549431,50.3435 C122.933731,50.7598 123.478131,51 124.046631,51 L157.736831,51 C158.305331,51 158.849731,50.7598 159.234031,50.3435 C159.618431,49.9192 159.818531,49.3667 159.778431,48.7983 Z' fill='%23394048'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 609, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.taxes {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Etaxes%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Taxes'%3E%3Cg id='taxes'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cg transform='translate(121.000000, 7.000000)' fill='%23394048'%3E%3Cpath d='M38.6613012,33.4168409 L41.4106879,33.4168409 L41.4106879,9.87981687 L38.6613012,9.87981687 L38.6613012,33.4168409 Z M40.0359945,38.4629667 L38.9857353,35.3415329 L41.0867601,35.3420342 L40.0359945,38.4629667 Z M46.2223171,13.2824654 L43.3551661,10.4437502 L43.3546598,9.87971662 C43.3551661,9.34836608 43.1375603,8.8670427 42.7854825,8.51865721 C42.4336071,8.17017147 41.9474623,7.95462361 41.4107891,7.95522514 L38.6613012,7.95522514 C37.5876511,7.95472386 36.7169242,8.81671479 36.7164179,9.87971662 L36.7164179,34.379588 C36.7164179,34.5865139 36.7503397,34.7924373 36.8163606,34.9885357 L38.191054,39.0718142 C38.289174,39.3621522 38.4517961,39.6176014 38.6603898,39.8241264 C39.0168218,40.1770233 39.5077259,40.3880597 40.0355895,40.3880597 C40.8722933,40.3880597 41.615535,39.8580125 41.8800237,39.0718142 L43.2548183,34.9885357 C43.321143,34.7920363 43.3546598,34.5865139 43.3546598,34.379588 L43.3551661,13.165869 L44.5630857,14.361909 L44.563592,22.1296523 L46.5074627,22.1296523 L46.5074627,13.9629951 C46.5069564,13.7075458 46.4046847,13.4630243 46.2223171,13.2824654 Z' id='Fill-1'/%3E%3Cpath d='M1.99457255,38.9858815 L31.6621439,38.9858815 L31.6621439,2.01411848 L1.99457255,2.01411848 L1.99457255,38.9858815 Z M32.6594301,0 L0.997286276,0 C0.446584794,0 0,0.450961128 0,1.00705924 L0,39.9929408 C0,40.5490389 0.446584794,41 0.997286276,41 L32.6594301,41 C33.2102314,41 33.6567164,40.5490389 33.6567164,39.9929408 L33.6567164,1.00705924 C33.6567164,0.450961128 33.2102314,0 32.6594301,0 Z' id='Fill-3'/%3E%3Cpath d='M7.13253986,7.95522388 L27.1361169,7.95522388 C27.6956724,7.95522388 28.1492537,7.54418358 28.1492537,7.03731343 C28.1492537,6.53044328 27.6956724,6.11940299 27.1361169,6.11940299 L7.13253986,6.11940299 C6.57308568,6.11940299 6.11940299,6.53044328 6.11940299,7.03731343 C6.11940299,7.54418358 6.57308568,7.95522388 7.13253986,7.95522388' id='Fill-4'/%3E%3Cpath d='M7.13253986,12.8507463 L27.1361169,12.8507463 C27.6956724,12.8507463 28.1492537,12.439706 28.1492537,11.9328358 C28.1492537,11.4259657 27.6956724,11.0149254 27.1361169,11.0149254 L7.13253986,11.0149254 C6.57308568,11.0149254 6.11940299,11.4259657 6.11940299,11.9328358 C6.11940299,12.439706 6.57308568,12.8507463 7.13253986,12.8507463' id='Fill-5'/%3E%3Cpath d='M8.14529473,20.1873864 L26.123362,20.1873864 L26.123362,17.9012493 L8.14529473,17.9012493 L8.14529473,20.1873864 Z M18.1472236,32.8897954 L26.123362,32.8897954 L26.123362,30.7386348 L18.1472236,30.7386348 L18.1472236,32.8897954 Z M8.14529473,24.5671498 L26.123362,24.5671498 L26.123362,22.1781879 L8.14529473,22.1781879 L8.14529473,24.5671498 Z M8.14529473,28.7478332 L26.123362,28.7478332 L26.123362,26.5579514 L8.14529473,26.5579514 L8.14529473,28.7478332 Z M8.14529473,32.8897954 L16.1213318,32.8897954 L16.1213318,30.7386348 L8.14529473,30.7386348 L8.14529473,32.8897954 Z M7.13234886,34.880597 L27.1363079,34.880597 C27.6957579,34.880597 28.1492537,34.4348565 28.1492537,33.8851962 L28.1492537,16.9058486 C28.1492537,16.3560887 27.6957579,15.9104478 27.1363079,15.9104478 L7.13234886,15.9104478 C6.57300015,15.9104478 6.11940299,16.3560887 6.11940299,16.9058486 L6.11940299,33.8851962 C6.11940299,34.4348565 6.57300015,34.880597 7.13234886,34.880597 Z' id='Fill-6'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 613, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.travel {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='280px' height='70px' viewBox='0 0 280 70' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Etravel%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Travel'%3E%3Cg id='travel'%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='0' y='0' width='280' height='70'/%3E%3Cpath d='M152.881998,30.4638043 C149.334704,32.5138005 133.374334,41.7386832 133.374334,41.7386832 L128.803643,42.0132827 L122.047455,36.4496931 L123.466153,35.6296946 L129.552441,39.2130879 C129.552441,39.2130879 134.440932,35.8948941 138.158325,33.2107992 L124.159651,25.7605131 L125.932948,24.735515 L143.443115,29.4326062 C146.17851,27.5016098 148.629006,25.820613 149.810404,25.1380143 C153.357597,23.0880181 158.951986,24.5886153 158.951986,24.5886153 C158.951986,24.5886153 156.429091,28.4139081 152.881998,30.4638043 M160.866683,23.8616167 C160.632983,23.2452178 160.117684,22.7791187 159.482185,22.608319 C158.825487,22.4321193 152.948198,20.9575221 148.786705,23.3620176 C147.769907,23.9497165 145.888711,25.2091141 143.048116,27.2036104 L126.462447,22.7553187 C125.937648,22.614519 125.378649,22.6883189 124.90855,22.9603183 L123.135253,23.9853164 C122.490955,24.3577157 122.098655,25.0513144 122.111655,25.796813 C122.124655,26.5415116 122.540855,27.2215104 123.198153,27.5714097 L134.269433,33.4628987 C132.399136,34.7769962 130.577339,36.0308939 129.472442,36.7872925 L124.504751,33.8626979 C123.869152,33.4881986 123.081354,33.4855987 122.442455,33.854498 L121.023857,34.6744964 C120.442358,35.0106958 120.062459,35.6113947 120.006959,36.2809934 C119.951659,36.9512922 120.228459,37.6052909 120.747058,38.0329901 L127.503145,43.5965797 C127.902144,43.9251791 128.410544,44.0906788 128.926443,44.0598789 L133.497234,43.7852794 C133.814233,43.7660794 134.123233,43.6732796 134.398532,43.5146799 L153.906096,32.239901 C157.826389,29.9740052 160.547383,25.8917129 160.660883,25.7189132 C161.023783,25.1688142 161.100382,24.4780155 160.866683,23.8616167' fill='%23394048'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 616, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.transportation {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41px' height='23px' viewBox='0 0 41 23' version='1.1'%3E%3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Etransportation%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Transportation' transform='translate(-120.000000, -17.000000)' fill='%23394048'%3E%3Cpath d='M157.925,30.325 L158.95,30.325 L158.95,33.4 L156.7968,33.4 C156.3219,31.0609 154.2548,29.3 151.775,29.3 C149.2952,29.3 147.2281,31.0609 146.7532,33.4 L134.2468,33.4 C133.7719,31.0609 131.7048,29.3 129.225,29.3 C126.7452,29.3 124.6781,31.0609 124.2032,33.4 L122.05,33.4 L122.05,28.275 C122.05,27.1447 122.969,26.225 124.1,26.225 L156.9,26.225 C158.031,26.225 158.95,27.1447 158.95,28.275 L157.925,28.275 C157.3585,28.275 156.9,28.7335 156.9,29.3 C156.9,29.8665 157.3585,30.325 157.925,30.325 Z M151.775,37.5 C150.0797,37.5 148.7,36.1203 148.7,34.425 C148.7,32.7297 150.0797,31.35 151.775,31.35 C153.4703,31.35 154.85,32.7297 154.85,34.425 C154.85,36.1203 153.4703,37.5 151.775,37.5 Z M129.225,37.5 C127.5297,37.5 126.15,36.1203 126.15,34.425 C126.15,32.7297 127.5297,31.35 129.225,31.35 C130.9203,31.35 132.3,32.7297 132.3,34.425 C132.3,36.1203 130.9203,37.5 129.225,37.5 Z M132.3,19.05 L138.45,19.05 L138.45,24.175 L130.8356,24.175 L132.3,19.05 Z M140.5,19.05 L144.6,19.05 L147.5288,24.175 L140.5,24.175 L140.5,19.05 Z M156.9,24.175 L149.8897,24.175 L146.3802,18.0331 C146.0152,17.3942 145.336,17 144.6001,17 L132.3,17 C131.3851,17 130.5801,17.6068 130.3285,18.4869 L128.7036,24.175 L124.1,24.175 C121.8396,24.175 120,26.0138 120,28.275 L120,33.4 C120,34.5323 120.9177,35.45 122.05,35.45 L124.2032,35.45 C124.6781,37.7891 126.7452,39.55 129.225,39.55 C131.7048,39.55 133.7719,37.7891 134.2468,35.45 L146.7531,35.45 C147.2281,37.7891 149.2951,39.55 151.7749,39.55 C154.2547,39.55 156.3219,37.7891 156.7967,35.45 L158.95,35.45 C160.0823,35.45 161,34.5323 161,33.4 L161,28.275 C161,26.0138 159.1604,24.175 156.9,24.175 Z' id='transportation'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    /* line 619, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner > .teaser-body .image.office {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29px' height='41px' viewBox='0 0 29 41' version='1.1'%3E%3C!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eoffice%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Teaser-Image---Office' transform='translate(-126.000000, -7.000000)' fill='%23394048'%3E%3Cpath d='M150.842365,37.75 L130.140394,37.75 C128.996938,37.75 128.070197,36.8323 128.070197,35.7 C128.070197,34.5677 128.996938,33.65 130.140394,33.65 L150.842365,33.65 C151.98582,33.65 152.912562,34.5677 152.912562,35.7 C152.912562,36.8323 151.98582,37.75 150.842365,37.75 Z M134.280788,27.5 C133.137333,27.5 132.210591,26.5823 132.210591,25.45 L132.210591,15.2 C132.210591,11.8031 134.990815,9.05 138.421182,9.05 L142.561576,9.05 C145.991943,9.05 148.772167,11.8031 148.772167,15.2 L148.772167,25.45 C148.772167,26.5823 147.845426,27.5 146.70197,27.5 L134.280788,27.5 Z M153.94766,23.4 C153.375579,23.4 152.912562,23.8585 152.912562,24.425 L152.912562,32.1705 C152.301096,31.8173 151.600057,31.6 150.842365,31.6 L141.526478,31.6 L141.526478,29.55 L146.70197,29.55 C148.98464,29.55 150.842365,27.7104 150.842365,25.45 L150.842365,15.2 C150.842365,10.6784 147.127724,7 142.561576,7 L138.421182,7 C133.855034,7 130.140394,10.6784 130.140394,15.2 L130.140394,25.45 C130.140394,27.7104 131.998118,29.55 134.280788,29.55 L139.456281,29.55 L139.456281,31.6 L130.140394,31.6 C129.382702,31.6 128.681663,31.8173 128.070197,32.1705 L128.070197,24.425 C128.070197,23.8585 127.60718,23.4 127.035099,23.4 C126.463017,23.4 126,23.8585 126,24.425 L126,35.7 C126,37.9604 127.857724,39.8 130.140394,39.8 L139.456281,39.8 L139.456281,45.95 L135.315887,45.95 C134.743805,45.95 134.280788,46.4085 134.280788,46.975 C134.280788,47.5415 134.743805,48 135.315887,48 L145.666872,48 C146.238953,48 146.70197,47.5415 146.70197,46.975 C146.70197,46.4085 146.238953,45.95 145.666872,45.95 L141.526478,45.95 L141.526478,39.8 L150.842365,39.8 C153.125034,39.8 154.982759,37.9604 154.982759,35.7 L154.982759,24.425 C154.982759,23.8585 154.519741,23.4 153.94766,23.4 Z' id='office'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
/* line 628, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner .teaser-body .pstory-line-chart .perso-line {
    stroke: #b1bac5;
    stroke-width: 2px;
}
/* line 633, ../sass/skin.scss */
.perso-teaser-template .perso-teaser-template-inner .teaser-body .pstory-line-chart .perso-dot {
    fill: white;
    stroke: #394048;
    stroke-width: 4px;
    font-size: 13px;
    r: 0.35em;
}

@media (max-width: 347px) {
    /* line 633, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-body .pstory-line-chart .perso-dot {
        font-size: 10px;
        stroke-width: 3px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 633, ../sass/skin.scss */
    .perso-teaser-template .perso-teaser-template-inner .teaser-body .pstory-line-chart .perso-dot {
        font-size: 11.7px;
        stroke-width: 3px;
    }
}

/* line 657, ../sass/skin.scss */
.personetics-device-ios .perso-teaser-template:last-child {
    margin-bottom: 0;
}
    /* line 660, ../sass/skin.scss */
    .personetics-device-ios .perso-teaser-template:last-child .perso-teaser-template-inner {
        margin-bottom: 2.727em;
    }

/* line 668, ../sass/skin.scss */
.pstory-relative {
    position: relative;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 5, ../sass/HNB-account-selector-colors.scss */
.pstory-block-content .pstory-button .card {
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 12px 24px 0px rgba(91, 119, 182, 0.48);
}
    /* line 10, ../sass/HNB-account-selector-colors.scss */
    .pstory-block-content .pstory-button .card .perso-account-name, .pstory-block-content .pstory-button .card .perso-account-number {
        font-weight: 300;
        color: #23253e;
    }
    /* line 15, ../sass/HNB-account-selector-colors.scss */
    .pstory-block-content .pstory-button .card .pstory-button-txt {
        color: #23253e;
    }
/* line 22, ../sass/HNB-account-selector-colors.scss */
.pstory-block-content .pstory-button.image1 .card {
    background-color: #ffffff;
}
/* line 28, ../sass/HNB-account-selector-colors.scss */
.pstory-block-content .pstory-button.image2 .card {
    background-color: #e4e9f5;
}
/* line 34, ../sass/HNB-account-selector-colors.scss */
.pstory-block-content .pstory-button.image3 .card {
    background-color: #d2e1fe;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 8, ../sass/hnb-block-account-selector-all.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt {
    top: 1.7em;
}
    /* line 10, ../sass/hnb-block-account-selector-all.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-bold {
        display: initial;
        font-size: 26px;
        font-weight: 300;
        color: #394048;
        text-align: center;
        line-height: initial;
    }

@media (max-width: 347px) {
    /* line 10, ../sass/hnb-block-account-selector-all.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-bold {
        font-size: 20px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 10, ../sass/hnb-block-account-selector-all.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-bold {
        font-size: 23.4px;
    }
}
/* line 24, ../sass/hnb-block-account-selector-all.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-amount-wrapper {
    font-size: 15.6px;
    color: #394048;
    text-align: center;
    font-weight: normal;
    padding-top: 0.4166em;
    line-height: 1.25em;
}

@media (max-width: 347px) {
    /* line 24, ../sass/hnb-block-account-selector-all.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-amount-wrapper {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 24, ../sass/hnb-block-account-selector-all.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-amount-wrapper {
        font-size: 14.04px;
    }
}
/* line 37, ../sass/hnb-block-account-selector-all.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-amount-wrapper .perso-bold {
    font-size: 15.6px;
    color: #394048;
    text-align: center;
    font-weight: normal;
    padding-top: 0.6em;
}

@media (max-width: 347px) {
    /* line 37, ../sass/hnb-block-account-selector-all.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-amount-wrapper .perso-bold {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 37, ../sass/hnb-block-account-selector-all.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-amount-wrapper .perso-bold {
        font-size: 14.04px;
    }
}
/* line 52, ../sass/hnb-block-account-selector-all.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-amount-wrapper .perso-amount {
    font-size: 15.6px;
    color: #394048;
    text-align: center;
    font-weight: normal;
    padding-top: 0.4166em;
}

@media (max-width: 347px) {
    /* line 52, ../sass/hnb-block-account-selector-all.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-amount-wrapper .perso-amount {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 52, ../sass/hnb-block-account-selector-all.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-all-accounts-txt .perso-amount-wrapper .perso-amount {
        font-size: 14.04px;
    }
}
/* line 69, ../sass/hnb-block-account-selector-all.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .options-container .pstory-card-transition.pstory-button {
    transition-delay: 0s;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 6, ../sass/hnb-block-account-selector-card.scss */
.pstory-frame .perso-account-selector .pstory-block-account-selector .options-container {
    font-size: 20.8px;
    text-align: center;
    padding-top: 1.05em;
    padding-bottom: 0;
}

@media (max-width: 347px) {
    /* line 6, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container {
        font-size: 16px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 6, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container {
        font-size: 18.72px;
    }
}
/* line 19, ../sass/hnb-block-account-selector-card.scss */
.pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-card-transition.pstory-button .card {
    background: none;
    box-shadow: none;
    text-align: center;
}
    /* line 23, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-card-transition.pstory-button .card .card-container {
        padding: 0;
        width: unset;
        padding-top: 0.25em;
    }
        /* line 27, ../sass/hnb-block-account-selector-card.scss */
        .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-card-transition.pstory-button .card .card-container .perso-account-name, .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-card-transition.pstory-button .card .card-container .perso-account-number {
            font-size: 15.6px;
            font-weight: bold;
            color: #23253e;
            text-align: center;
            line-height: 1.1em;
        }

@media (max-width: 347px) {
    /* line 27, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-card-transition.pstory-button .card .card-container .perso-account-name, .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-card-transition.pstory-button .card .card-container .perso-account-number {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 27, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-card-transition.pstory-button .card .card-container .perso-account-name, .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-card-transition.pstory-button .card .card-container .perso-account-number {
        font-size: 14.04px;
    }
}
/* line 40, ../sass/hnb-block-account-selector-card.scss */
.pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-card-transition.pstory-button .card .card-container .pstory-button-txt-wrapper {
    text-align: center;
    font-weight: normal;
    max-width: 19.3333em;
    padding-top: 0.25em;
    line-height: 1.1em;
}
/* line 50, ../sass/hnb-block-account-selector-card.scss */
.pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .selected.pstory-card-transition.pstory-button {
    box-shadow: none;
}
    /* line 52, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .selected.pstory-card-transition.pstory-button .card {
        background: none;
        box-shadow: none;
        text-align: center;
    }
    /* line 57, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .selected.pstory-card-transition.pstory-button .card-container {
        padding: 0;
        width: unset;
    }
        /* line 60, ../sass/hnb-block-account-selector-card.scss */
        .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .selected.pstory-card-transition.pstory-button .card-container .perso-account-name, .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .selected.pstory-card-transition.pstory-button .card-container .perso-account-number {
            font-size: 15.6px;
            font-weight: bold;
            color: #23253e;
            text-align: center;
            line-height: 1.1em;
        }

@media (max-width: 347px) {
    /* line 60, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .selected.pstory-card-transition.pstory-button .card-container .perso-account-name, .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .selected.pstory-card-transition.pstory-button .card-container .perso-account-number {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 60, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .selected.pstory-card-transition.pstory-button .card-container .perso-account-name, .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .selected.pstory-card-transition.pstory-button .card-container .perso-account-number {
        font-size: 14.04px;
    }
}
/* line 73, ../sass/hnb-block-account-selector-card.scss */
.pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .selected.pstory-card-transition.pstory-button .card-container .perso-account-name {
    max-width: 16.1275em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* line 79, ../sass/hnb-block-account-selector-card.scss */
.pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .selected.pstory-card-transition.pstory-button .card-container .pstory-button-txt-wrapper {
    text-align: center;
    font-weight: normal;
    max-width: 19.3333em;
    line-height: 1.3em;
    padding-top: 0;
}
/* line 89, ../sass/hnb-block-account-selector-card.scss */
.pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button .card {
    background: none;
    box-shadow: none;
    text-align: center;
}
    /* line 93, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button .card .card-container {
        max-width: 12.5em;
        padding: 0;
        width: unset;
    }
        /* line 97, ../sass/hnb-block-account-selector-card.scss */
        .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button .card .card-container .perso-account-name, .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button .card .card-container .perso-account-number {
            font-size: 15.6px;
            font-weight: bold;
            color: #23253e;
            text-align: center;
            line-height: 1.1em;
        }

@media (max-width: 347px) {
    /* line 97, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button .card .card-container .perso-account-name, .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button .card .card-container .perso-account-number {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 97, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button .card .card-container .perso-account-name, .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button .card .card-container .perso-account-number {
        font-size: 14.04px;
    }
}
/* line 110, ../sass/hnb-block-account-selector-card.scss */
.pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button .card .card-container .pstory-button-txt-wrapper {
    text-align: center;
    font-weight: normal;
    max-width: 19.3333em;
    line-height: 1.25em;
}
    /* line 115, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button .card .card-container .pstory-button-txt-wrapper .perso-bold {
        font-weight: normal;
    }
/* line 121, ../sass/hnb-block-account-selector-card.scss */
.pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button:only-child {
    padding-top: 0.375em;
}
    /* line 124, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button:only-child .card .card-container {
        padding-top: 0.25em;
    }

@supports (-webkit-overflow-scrolling: touch) {
    /* line 124, ../sass/hnb-block-account-selector-card.scss */
    .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button:only-child .card .card-container {
        padding-top: 0;
        margin-top: -0.0625em;
    }
}
/* line 130, ../sass/hnb-block-account-selector-card.scss */
.pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button:only-child .card .card-container .perso-account-name, .pstory-frame .perso-account-selector .pstory-block-account-selector .options-container .pstory-button:only-child .card .card-container .perso-account-number {
    padding-bottom: 0.166666em;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 6, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector {
    padding: 0;
    background: rgba(177, 186, 197, 0.4);
}
    /* line 11, ../sass/hnb-block-account-selector.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector.perso-collapsed .pstory-fixed {
        box-shadow: none;
    }
        /* line 14, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector.perso-collapsed .pstory-fixed .header-container {
            visibility: hidden;
        }
            /* line 18, ../sass/hnb-block-account-selector.scss */
            .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector.perso-collapsed .pstory-fixed .header-container .tablist .pstory-header-tabs-animation {
                transition: none;
                -webkit-transition: none;
            }
    /* line 27, ../sass/hnb-block-account-selector.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content {
        overflow: hidden;
        position: relative;
        z-index: 1;
        background-image: none;
    }
        /* line 28, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .header-container, .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .carousel-outer-wrapper {
            z-index: 3;
        }
        /* line 33, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content.chooseAccount .overlay-all {
            transform: scale(1);
        }
        /* line 37, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content.chooseAccount .overlay-choose {
            left: calc(-635px + 4.6% + 67%);
            animation-name: expandCircleOverlay;
            transform: scale(1);
            animation-duration: 1s;
        }
        /* line 44, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content.chooseAccount .collapsed {
            background-image: linear-gradient(#82aafb 0%, #b3ccfe 100%);
        }
        /* line 54, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .carousel-outer-wrapper {
            background-image: none;
            padding-left: 0;
            padding-right: 0;
        }
        /* line 60, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .overlay {
            z-index: 0;
            position: absolute;
            width: 1270px;
            height: 1000px;
            border-radius: 500px;
            transform: scale(0);
            top: -484px;
        }
        /* line 70, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .overlay-all {
            left: calc(-635px + 4.6% + 25%);
            animation-name: expandCircleOverlay;
            transform: scale(1);
            animation-duration: 1s;
        }
        /* line 77, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .overlay-choose {
            transform: scale(1);
        }
        /* line 81, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .overlay-all, .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .overlay-choose {
            background-image: none;
        }
        /* line 85, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-tab-animated-border-bottom {
            background-color: white;
            display: none;
        }
        /* line 90, ../sass/hnb-block-account-selector.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .header-container {
            border-radius: 4px;
        }
            /* line 93, ../sass/hnb-block-account-selector.scss */
            .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .header-container .tablist {
                font-size: 15.6px;
                margin-top: 0.85em;
                background: white;
                border-radius: 4px;
                overflow: hidden;
                table-layout: fixed;
                -webkit-margin-after: 0;
                -webkit-padding-start: 0;
                height: 3.3334em;
            }

@media (max-width: 347px) {
    /* line 93, ../sass/hnb-block-account-selector.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .header-container .tablist {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 93, ../sass/hnb-block-account-selector.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .header-container .tablist {
        font-size: 14.04px;
    }
}
/* line 110, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .header-container .tablist[role='tablist'] {
    width: calc(100% - 3% - 3%);
}
/* line 114, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .header-container .tablist:before {
    content: none;
}
/* line 118, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .header-container .tablist .pstory-header-tabs-animation {
    position: absolute;
    bottom: 0;
    height: 100%;
    background-color: #2d822a;
    -webkit-transition: all 0.3s ease-in-out;
}
/* line 128, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-header-button {
    font-size: 18.2px;
    font-weight: bold;
    color: #394048;
    text-align: center;
    line-height: 1.9em;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    text-transform: none;
    width: 50%;
    position: relative;
    padding-top: 0.5714285em;
    padding-bottom: 0.42857em;
}

@media (max-width: 347px) {
    /* line 128, ../sass/hnb-block-account-selector.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-header-button {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 128, ../sass/hnb-block-account-selector.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-header-button {
        font-size: 16.38px;
    }
}
/* line 152, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-header-button:not([aria-selected='true']) {
    opacity: 0.8;
}
    /* line 154, ../sass/hnb-block-account-selector.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-header-button:not([aria-selected='true']):hover {
        opacity: 0.7;
    }
/* line 159, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-header-button[aria-selected='true'] {
    color: white;
    text-align: center;
}
/* line 163, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-header-button:last-child {
    margin-left: -0.21428571em;
}
/* line 170, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container.pstory-fixed .carousel-index-wrapper, .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container .carousel-index-wrapper {
    padding-top: 0;
    padding-bottom: 0.2em;
    font-size: 13px;
}

@media (max-width: 347px) {
    /* line 170, ../sass/hnb-block-account-selector.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container.pstory-fixed .carousel-index-wrapper, .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container .carousel-index-wrapper {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 170, ../sass/hnb-block-account-selector.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container.pstory-fixed .carousel-index-wrapper, .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container .carousel-index-wrapper {
        font-size: 11.7px;
    }
}
/* line 183, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container.pstory-fixed .carousel-index-wrapper .carousel-index-container, .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container .carousel-index-wrapper .carousel-index-container {
    margin-top: -1.3em;
}
/* line 188, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container.pstory-fixed .carousel-index-wrapper .carousel-index-dot.pstory-selected-index .carousel-index-dot-circle, .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container .carousel-index-wrapper .carousel-index-dot.pstory-selected-index .carousel-index-dot-circle {
    height: 0.3em;
    width: 0.3em;
    background-color: #23253e;
    border-radius: 50%;
}
/* line 195, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container.pstory-fixed .carousel-index-wrapper .carousel-index-dot .carousel-index-dot-circle, .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container .carousel-index-wrapper .carousel-index-dot .carousel-index-dot-circle {
    height: 0.3em;
    width: 0.3em;
    background-color: rgba(57, 64, 72, 0.4);
    border-radius: 50%;
}
/* line 205, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-arrow {
    font-size: 13px;
}

@media (max-width: 347px) {
    /* line 205, ../sass/hnb-block-account-selector.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-arrow {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 205, ../sass/hnb-block-account-selector.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-arrow {
        font-size: 11.7px;
    }
}
/* line 216, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-arrow.pstory-next-account-button {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='8px' height='13px' viewBox='0 0 8 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Account-Selector---Choose' transform='translate(-293.000000, -87.000000)' stroke='%23394048' stroke-width='2'%3E%3Cg id='&lt;-...-&gt;' transform='translate(20.000000, 88.000000)'%3E%3Cpolyline id='arrow-right' points='274.126 0 279.126 5.208 274 10.32'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    right: 0.9em;
    top: calc( 50% - 1.4em );
    background-position: center;
    height: 3em;
    width: 3em;
}
/* line 225, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-arrow.pstory-prev-account-button {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='8px' height='13px' viewBox='0 0 8 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Earrow-left%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Account-Selector---Choose' transform='translate(-19.000000, -87.000000)' stroke='%23394048' stroke-width='2'%3E%3Cg id='&lt;-...-&gt;' transform='translate(20.000000, 88.000000)'%3E%3Cpolyline id='arrow-left' transform='translate(2.563000, 5.160000) scale(-1, 1) translate(-2.563000, -5.160000) ' points='0.126 0 5.126 5.208 4.54747351e-13 10.32'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    left: 0.9em;
    top: calc( 50% - 1.4em );
    background-position: center;
    height: 3em;
    width: 3em;
}
/* line 235, ../sass/hnb-block-account-selector.scss */
.pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-fixed {
    background-color: #dfe4e7;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 4, ../sass/hnb-block-bar-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart {
    padding: 0;
}
    /* line 9, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        background-color: #ffffff;
        width: 100%;
        font-size: 13px;
        padding: 1em;
    }

@media (max-width: 347px) {
    /* line 9, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 9, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper {
        font-size: 11.7px;
    }
}
/* line 27, ../sass/hnb-block-bar-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper .pstory-month-picker-selected-tab {
    height: 100%;
    z-index: 1;
    background-color: #2d822a;
    border-radius: 0;
    transition: left 0.5s;
}
/* line 35, ../sass/hnb-block-bar-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper .perso-month-picker-container {
    background-color: rgba(177, 186, 197, 0.4);
    border-radius: 4px;
    overflow: hidden;
    margin: 0;
    padding: 0.5em 0 0.3334em;
    font-size: 15.6px;
}

@media (max-width: 347px) {
    /* line 35, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper .perso-month-picker-container {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 35, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper .perso-month-picker-container {
        font-size: 14.04px;
    }
}
/* line 51, ../sass/hnb-block-bar-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper .perso-month-picker-container:before {
    content: none;
}
/* line 55, ../sass/hnb-block-bar-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper .perso-month-picker-container .perso-month-picker-item {
    display: inline-block;
    color: #394048;
    letter-spacing: 0.02em;
    line-height: 1.6667em;
    margin: 0;
    position: relative;
    z-index: 1;
}
    /* line 64, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper .perso-month-picker-container .perso-month-picker-item.selected {
        color: white;
    }
/* line 72, ../sass/hnb-block-bar-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper {
    padding: 0;
}
    /* line 75, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-month-amount {
        font-weight: 300;
        color: #394048;
        line-height: 1.1em;
        letter-spacing: 0.03em;
        margin: 0;
        padding: 0.7em 0 0.7em;
        font-size: 26px;
    }

@media (max-width: 347px) {
    /* line 75, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-month-amount {
        font-size: 20px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 75, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-month-amount {
        font-size: 23.4px;
    }
}
/* line 93, ../sass/hnb-block-bar-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper {
    padding-left: 31.25%;
    padding-right: 32.8125%;
    margin-top: 9.375%;
    box-sizing: border-box;
}
    /* line 99, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper.negative {
        margin-top: 6.565%;
    }
    /* line 103, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar {
        padding-left: 5px;
    }
        /* line 107, ../sass/hnb-block-bar-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar {
            background-color: rgba(177, 186, 197, 0.4);
        }
            /* line 110, ../sass/hnb-block-bar-chart.scss */
            .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar.selected:not(.selected-animated), .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-bar-wrapper.simple-bar .perso-bar .perso-animated-bar.perso-filler-bar {
                background-color: #394048;
            }
    /* line 117, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper .perso-bar-chart-container .perso-bars-wrapper .perso-series-wrapper {
        display: table-cell;
    }
/* line 122, ../sass/hnb-block-bar-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart {
    padding-bottom: 4.6875%;
}
    /* line 125, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper {
        padding-left: 22.1875%;
        padding-right: 22.1875%;
        margin-top: 20%;
        box-sizing: border-box;
    }
        /* line 133, ../sass/hnb-block-bar-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper:first-child:nth-last-child(3), .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper:first-child:nth-last-child(3) ~ .perso-series-wrapper {
            padding-left: 8.247%;
        }
        /* line 139, ../sass/hnb-block-bar-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper:first-child:nth-last-child(4), .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper:first-child:nth-last-child(4) ~ .perso-series-wrapper {
            padding-left: 5.821%;
        }
        /* line 145, ../sass/hnb-block-bar-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper:first-child:nth-last-child(5), .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper:first-child:nth-last-child(5) ~ .perso-series-wrapper {
            padding-left: 3.784%;
        }
        /* line 151, ../sass/hnb-block-bar-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper .perso-bar-wrapper.in {
            left: 50%;
        }
            /* line 154, ../sass/hnb-block-bar-chart.scss */
            .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper .perso-bar-wrapper.in .perso-bar {
                background-color: rgba(177, 186, 197, 0.4);
            }
                /* line 157, ../sass/hnb-block-bar-chart.scss */
                .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper .perso-bar-wrapper.in .perso-bar.selected:not(.selected-animated), .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper .perso-bar-wrapper.in .perso-bar .perso-animated-bar.perso-filler-bar {
                    background-color: #5ba63c;
                }
        /* line 163, ../sass/hnb-block-bar-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper .perso-bar-wrapper.out {
            left: 0;
        }
            /* line 166, ../sass/hnb-block-bar-chart.scss */
            .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper .perso-bar-wrapper.out .perso-bar {
                background-color: #b1bac5;
            }
                /* line 169, ../sass/hnb-block-bar-chart.scss */
                .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper .perso-bar-wrapper.out .perso-bar.selected:not(.selected-animated), .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-bars-wrapper .perso-series-wrapper .perso-bar-wrapper.out .perso-bar .perso-animated-bar.perso-filler-bar {
                    background-color: #394048;
                }
    /* line 178, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip {
        font-size: 13px;
        background-color: #1c2025;
        border-radius: 0.4em;
        padding: 0.5em;
    }

@media (max-width: 347px) {
    /* line 178, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 178, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip {
        font-size: 11.7px;
    }
}
/* line 193, ../sass/hnb-block-bar-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip .perso-tooltip-label {
    color: #fff;
    text-align: right;
    font-weight: normal;
    letter-spacing: 0.03em;
    font-size: 15.6px;
}

@media (max-width: 347px) {
    /* line 193, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip .perso-tooltip-label {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 193, ../sass/hnb-block-bar-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip .perso-tooltip-label {
        font-size: 14.04px;
    }
}
/* line 208, ../sass/hnb-block-bar-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip .perso-tooltip-label .perso-amount {
    font-weight: normal;
}
/* line 213, ../sass/hnb-block-bar-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-comparable-chart .perso-tooltip:after {
    border-width: 4px;
    border-color: #1c2025 transparent transparent transparent;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
 * Button-Block
*/
/* line 9, ../sass/hnb-block-buttons-radio.scss */
.pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons {
    margin: 0;
    padding: 0 6.25%;
    height: 8.75em;
    font-size: 20.8px;
}

@media (max-width: 347px) {
    /* line 9, ../sass/hnb-block-buttons-radio.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons {
        font-size: 16px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 9, ../sass/hnb-block-buttons-radio.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons {
        font-size: 18.72px;
    }
}
/* line 23, ../sass/hnb-block-buttons-radio.scss */
.pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper {
    padding: 2.145% 0 1.79%;
    max-height: none;
    box-sizing: border-box;
}
    /* line 29, ../sass/hnb-block-buttons-radio.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(2), .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(2) ~ .pstory-radio-button-wrapper {
        height: calc((100%) / 2);
    }
        /* line 32, ../sass/hnb-block-buttons-radio.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(2) .pstory-button:before, .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(2) ~ .pstory-radio-button-wrapper .pstory-button:before {
            top: -377px;
        }
    /* line 37, ../sass/hnb-block-buttons-radio.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(3), .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(3) ~ .pstory-radio-button-wrapper {
        height: calc((100%) / 3);
    }
        /* line 40, ../sass/hnb-block-buttons-radio.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(3) .pstory-button:before, .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(3) ~ .pstory-radio-button-wrapper .pstory-button:before {
            top: -385px;
        }
    /* line 45, ../sass/hnb-block-buttons-radio.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(4), .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(4) ~ .pstory-radio-button-wrapper {
        height: calc((100%) / 4);
    }
        /* line 48, ../sass/hnb-block-buttons-radio.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(4) .pstory-button:before, .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper:first-child:nth-last-child(4) ~ .pstory-radio-button-wrapper .pstory-button:before {
            top: -388px;
        }
    /* line 54, ../sass/hnb-block-buttons-radio.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper .pstory-button {
        text-align: center;
        position: relative;
        height: 100%;
        z-index: 1;
        font-weight: normal;
        display: table;
        width: 100%;
    }
        /* line 63, ../sass/hnb-block-buttons-radio.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper .pstory-button label {
            cursor: pointer;
            display: table-cell;
            vertical-align: middle;
        }
        /* line 69, ../sass/hnb-block-buttons-radio.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper .pstory-button.selected {
            background-color: rgba(177, 186, 197, 0.4);
        }
        /* line 73, ../sass/hnb-block-buttons-radio.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper .pstory-button .perso-amount {
            height: auto;
            display: inline-block;
            padding: 0.266667em 0 0.13334em;
        }
            /* line 78, ../sass/hnb-block-buttons-radio.scss */
            .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper .pstory-button .perso-amount .perso-minus-sign {
                height: auto;
                display: inline-block;
                vertical-align: middle;
            }
        /* line 85, ../sass/hnb-block-buttons-radio.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-buttons.perso-radio-buttons .pstory-radio-button-wrapper .pstory-button:before {
            width: 800px;
            height: 800px;
            left: -259px;
            transform: scale(0);
            background-color: #ebebeb;
        }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
 * Buttons Block
*/
/* line 11, ../sass/hnb-block-buttons.scss */
.pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1) {
    margin: auto;
    height: 3.4375em;
    box-sizing: border-box;
    padding: 6.875% 6.25% 6.25%;
    font-size: 20.8px;
}

@media (max-width: 347px) {
    /* line 11, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1) {
        font-size: 16px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 11, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1) {
        font-size: 18.72px;
    }
}
/* line 25, ../sass/hnb-block-buttons.scss */
.pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1).perso-secondary {
    display: table;
}

@supports (-webkit-overflow-scrolling: touch) {
    /* line 27, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1).perso-secondary .pstory-block-container:after {
        top: 0.1em;
    }
}
/* line 34, ../sass/hnb-block-buttons.scss */
.pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1) .pstory-block-container {
    position: relative;
    left: -0.45em;
    font-size: 13px;
    height: 1em;
    display: block;
}

@media (max-width: 347px) {
    /* line 34, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1) .pstory-block-container {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 34, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1) .pstory-block-container {
        font-size: 11.7px;
    }
}
/* line 49, ../sass/hnb-block-buttons.scss */
.pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1) .pstory-block-container:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='5px' height='8px' viewBox='0 0 5 8' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Elink-arrow%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M202.605705,30.5006984 C202.229014,30.4773636 201.883991,30.2856843 201.665643,29.9789974 L198.845458,27.262152 C197.800389,26.3220901 199.367159,24.7553203 200.412228,25.9037293 L202.500698,27.9938668 L204.589169,25.905396 C205.634238,24.7569871 207.201008,26.3237569 206.155939,27.2638188 L203.44076,29.9789974 C203.245747,30.2590159 202.944061,30.4473616 202.605705,30.5006984 Z' id='path-1'/%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Link' transform='translate(-200.000000, -24.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'/%3E%3C/mask%3E%3Cuse id='link-arrow' fill='%232D822A' fill-rule='nonzero' transform='translate(202.500698, 28.000000) rotate(270.000000) translate(-202.500698, -28.000000) ' xlink:href='%23path-1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    content: "";
    width: 0.5em;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(100% + 0.4em);
    background-repeat: no-repeat;
    background-size: 0.5em 0.8em;
    background-position: center;
}

@supports (-webkit-overflow-scrolling: touch) {
    /* line 49, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1) .pstory-block-container:after {
        top: 0.05em;
    }
}
/* line 65, ../sass/hnb-block-buttons.scss */
.pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1) .pstory-block-container .pstory-button {
    line-height: 1em;
    border-radius: 0px;
    letter-spacing: normal;
    padding: 0;
    color: #2d822a;
    font-weight: 800;
    background-color: transparent;
    box-shadow: none;
    font-size: 15.6px;
    width: auto !important;
}

@media (max-width: 347px) {
    /* line 65, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1) .pstory-block-container .pstory-button {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 65, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons):not(.perso-button1) .pstory-block-container .pstory-button {
        font-size: 14.04px;
    }
}
/* line 88, ../sass/hnb-block-buttons.scss */
.pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons).perso-button1 {
    margin: auto;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 2.5% 13.4375%;
}
    /* line 96, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons).perso-button1.perso-secondary .pstory-block-content {
        background: white;
        border: 2px solid #394048;
        padding: 0.6em 1.2em 0.333333em;
    }
        /* line 101, ../sass/hnb-block-buttons.scss */
        .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons).perso-button1.perso-secondary .pstory-block-content .pstory-button {
            color: #394048;
            box-shadow: none;
        }
    /* line 108, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons).perso-button1 .pstory-block-content {
        padding: 0.733333em 1.333333em 0.466667em;
        background: #394048;
        border-radius: 1.2em;
        font-size: 19.5px;
    }

@media (max-width: 347px) {
    /* line 108, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons).perso-button1 .pstory-block-content {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 108, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons).perso-button1 .pstory-block-content {
        font-size: 17.55px;
    }
}
/* line 122, ../sass/hnb-block-buttons.scss */
.pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons).perso-button1 .pstory-block-content .pstory-button {
    font-weight: bold;
    line-height: 1.2em;
    border-radius: 1.4em;
    box-sizing: border-box;
    padding: 0;
    height: 1.4em;
    background: transparent;
    color: white;
    box-shadow: none;
    font-size: 19.5px;
}

@media (max-width: 347px) {
    /* line 122, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons).perso-button1 .pstory-block-content .pstory-button {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 122, ../sass/hnb-block-buttons.scss */
    .pstory-frame .pstory-dialog-frame .pstory-dialog-content .pstory-block-frame.pstory-block-buttons.pstory-block-buttons-navigateTo:not(.perso-radio-buttons).perso-button1 .pstory-block-content .pstory-button {
        font-size: 17.55px;
    }
}

/* line 4, ../sass/hnb-block-image.scss */
.pstory-frame .pstory-block-image .perso-image {
    width: 4.375em;
}
    /* line 6, ../sass/hnb-block-image.scss */
    .pstory-frame .pstory-block-image .perso-image.perso-easy {
        background-image: url(../resources/images/text-icons/easy.svg);
    }
    /* line 9, ../sass/hnb-block-image.scss */
    .pstory-frame .pstory-block-image .perso-image.perso-personalized {
        background-image: url(../resources/images/text-icons/personalized.svg);
    }
    /* line 12, ../sass/hnb-block-image.scss */
    .pstory-frame .pstory-block-image .perso-image.perso-timely {
        background-image: url(../resources/images/text-icons/timely.svg);
    }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 6, ../sass/hnb-block-line-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-line-chart {
    padding: 0;
}
/* line 10, ../sass/hnb-block-line-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart {
    width: 100%;
    padding: 4.375% 0;
}
    /* line 14, ../sass/hnb-block-line-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container {
        background-color: white;
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.18);
    }
        /* line 19, ../sass/hnb-block-line-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .tick text {
            font-weight: normal;
            letter-spacing: 0.02em;
            line-height: 1.75em;
            fill: #394048;
        }
        /* line 26, ../sass/hnb-block-line-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .tick .highlighted-text {
            font-weight: normal;
            letter-spacing: 0.02em;
            line-height: 1.75em;
        }
        /* line 35, ../sass/hnb-block-line-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-grid .tick line {
            stroke: #d9d9d9;
        }
        /* line 42, ../sass/hnb-block-line-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .axis path, .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .axis line {
            stroke: #b1bac5;
        }
        /* line 47, ../sass/hnb-block-line-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-line {
            stroke: #b1bac5;
        }
        /* line 51, ../sass/hnb-block-line-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-dot {
            stroke: #394048;
        }
        /* line 55, ../sass/hnb-block-line-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-dot-label {
            fill: #1c2025;
            border-radius: 4px;
        }
        /* line 60, ../sass/hnb-block-line-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-dot-label-text-month {
            text-transform: uppercase;
            font-size: 12px;
            fill: white;
            text-align: center;
            letter-spacing: 0.02em;
            text-anchor: middle;
        }
        /* line 69, ../sass/hnb-block-line-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-dot-label2-text {
            text-transform: uppercase;
            letter-spacing: 0.02em;
        }
        /* line 74, ../sass/hnb-block-line-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame .pstory-line-chart .perso-svg-chart-container .perso-dot-label-polygon {
            fill: #1c2025;
        }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 4, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame-pie {
    padding-bottom: 0;
}
/* line 9, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart {
    padding: 0;
}
    /* line 12, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-block-container {
        padding-left: 0;
        padding-right: 0;
    }
    /* line 17, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart {
        padding-top: 6.25%;
        max-width: 19.230em;
        padding-left: 0;
        padding-right: 0;
        margin: auto;
        font-size: 20.8px;
    }

@media (max-width: 347px) {
    /* line 17, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart {
        font-size: 16px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 17, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart {
        font-size: 18.72px;
    }
}
/* line 31, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart .perso-total-txt {
    font-weight: normal;
    fill: #394048;
}
/* line 36, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-chart .perso-total-amount {
    line-height: 1.083em;
    font-weight: normal;
    fill: #394048;
}
/* line 43, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data {
    margin: 0;
    font-size: 20.8px;
    padding-bottom: 0.8125em;
    padding-top: 0.625em;
}

@media (max-width: 347px) {
    /* line 43, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data {
        font-size: 16px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 43, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data {
        font-size: 18.72px;
    }
}
/* line 58, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-arrow {
    height: 0.875em;
    width: 0.5em;
    padding: 0.625em;
}
/* line 64, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-previous-arrow, .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-next-arrow {
    top: 55%;
    background-position: 50%;
    background-size: auto;
}
/* line 70, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-next-arrow {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='8px' height='13px' viewBox='0 0 8 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Earrow-left%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Pie-In-' transform='translate(-296.000000, -192.000000)' stroke='%23394048' stroke-width='2'%3E%3Cpolyline id='arrow-left' points='297.126 193 302.126 198.208 297 203.32'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    right: 0.6875em;
    background-repeat: no-repeat;
}
/* line 76, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-previous-arrow {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='8px' height='13px' viewBox='0 0 8 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Earrow-left%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Pie-In-' transform='translate(-16.000000, -192.000000)' stroke='%23394048' stroke-width='2'%3E%3Cpolyline id='arrow-left' transform='translate(19.563000, 198.160000) scale(-1, 1) translate(-19.563000, -198.160000) ' points='17.126 193 22.126 198.208 17 203.32'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    left: 0.6875em;
}
/* line 82, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info {
    width: auto;
    padding-left: 7.8%;
    padding-right: 7.8%;
}
    /* line 87, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-amount {
        color: #2c375f;
        font-weight: 300;
        line-height: 1.15em;
        font-size: 26px;
    }

@media (max-width: 347px) {
    /* line 87, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-amount {
        font-size: 20px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 87, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-amount {
        font-size: 23.4px;
    }
}
/* line 102, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data .pstory-pie-info .pstory-pie-category {
    color: #616266;
    letter-spacing: 0.02em;
    line-height: 1.666em;
    font-weight: normal;
}
/* line 112, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart.perso-collapsed .pstory-pie-chart svg {
    visibility: hidden;
    min-height: 2.5em;
}
/* line 117, ../sass/hnb-block-pie-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart.perso-collapsed .pstory-pie-data {
    padding-top: 0.6875em;
    padding-bottom: 0.6875em;
}
    /* line 121, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart.perso-collapsed .pstory-pie-data .pstory-previous-arrow, .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart.perso-collapsed .pstory-pie-data .pstory-next-arrow {
        top: 53%;
    }
    /* line 125, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart.perso-collapsed .pstory-pie-data .pstory-pie-category, .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart.perso-collapsed .pstory-pie-data .pstory-pie-amount {
        color: #394048;
    }
    /* line 129, ../sass/hnb-block-pie-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart.perso-collapsed .pstory-pie-data .pstory-pie-category {
        margin-top: -1px;
    }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 5, ../sass/hnb-block-pin-chart.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart {
    padding: 0;
}
    /* line 7, ../sass/hnb-block-pin-chart.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart {
        padding: 4.065% 4.375% 4.69%;
    }
        /* line 9, ../sass/hnb-block-pin-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-pinGraph-container {
            display: flex;
            flex-direction: column-reverse;
            box-shadow: 0px 0px 16px 0px rgba(177, 186, 197, 0.6);
            padding: 0 3.45%;
            width: calc(100% - 6.2%);
        }
            /* line 16, ../sass/hnb-block-pin-chart.scss */
            .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw, .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:nth-last-child(1) {
                border-bottom: 1px solid rgba(177, 186, 197, 0.4);
            }
                /* line 19, ../sass/hnb-block-pin-chart.scss */
                .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:first-child {
                    border-bottom: none;
                }
                /* line 23, ../sass/hnb-block-pin-chart.scss */
                .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper {
                    width: 79%;
                }
                    /* line 25, ../sass/hnb-block-pin-chart.scss */
                    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
                        background-color: rgba(177, 186, 197, 0.4);
                    }
                    /* line 28, ../sass/hnb-block-pin-chart.scss */
                    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-amount {
                        color: #394048;
                        padding-left: 2.835%;
                    }
                /* line 33, ../sass/hnb-block-pin-chart.scss */
                .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw .perso-raw-wrapper .perso-date-txt {
                    text-transform: uppercase;
                    color: #394048;
                    width: 20%;
                    padding-right: 0;
                    padding-left: 0;
                }
                /* line 42, ../sass/hnb-block-pin-chart.scss */
                .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart .perso-pinGraph-container .perso-pinGraph-raw:nth-last-child(2) .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
                    background-color: #394048;
                }
        /* line 50, ../sass/hnb-block-pin-chart.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pinGraph-chart .pstory-pinGraph-chart.In .perso-pinGraph-container .perso-pinGraph-raw:nth-last-child(2) .perso-raw-wrapper .perso-bar-wrapper .perso-pinGraph-bar {
            background-color: #5ba63c;
        }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
 * Transction Table
*/
/** Table */
/* line 11, ../sass/hnb-block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row.perso-account-name {
    margin-bottom: 0.875em;
    padding-bottom: 0.4375em;
}
    /* line 15, ../sass/hnb-block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row.perso-account-name:last-child {
        margin-bottom: 0;
    }
    /* line 19, ../sass/hnb-block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row.perso-account-name .lower-row {
        margin-top: 0.3334em;
        display: inline-block;
    }
/* line 25, ../sass/hnb-block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row:not(.perso-account-name) {
    padding-bottom: 0.5625em;
    margin-bottom: 1em;
}
    /* line 29, ../sass/hnb-block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row:not(.perso-account-name):last-child {
        margin-bottom: 0;
    }
    /* line 33, ../sass/hnb-block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row:not(.perso-account-name) .lower-row {
        margin-top: 0.3334em;
        display: inline-block;
    }
/* line 39, ../sass/hnb-block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row:first-child {
    padding-top: 0.875em;
}
    /* line 42, ../sass/hnb-block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row:first-child .perso-col.right-col {
        top: 0.875em;
    }
/* line 47, ../sass/hnb-block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row:before {
    border-bottom-color: rgba(177, 186, 197, 0.4);
}
/* line 52, ../sass/hnb-block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col {
    height: 0.75em;
    padding-bottom: 1.25em;
    display: inline-block;
    width: 4.5em;
    top: 0;
}
    /* line 59, ../sass/hnb-block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col .perso-amount-container {
        max-width: 6em;
        width: 6.3334em;
        overflow: hidden;
        line-height: 1em;
        color: #394048;
        height: 1em;
        white-space: nowrap;
    }
        /* line 68, ../sass/hnb-block-table.scss */
        .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col .perso-amount-container .perso-amount {
            max-width: 6em;
            display: inline-block;
            letter-spacing: normal;
        }
        /* line 74, ../sass/hnb-block-table.scss */
        .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col .perso-amount-container.In {
            font-weight: 800;
            color: #2d822a;
        }
/* line 81, ../sass/hnb-block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col {
    width: 12.375em;
    max-width: 12.375em;
    overflow: hidden;
    display: block;
    font-size: 20.8px;
}

@media (max-width: 347px) {
    /* line 81, ../sass/hnb-block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col {
        font-size: 16px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 81, ../sass/hnb-block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col {
        font-size: 18.72px;
    }
}
/* line 96, ../sass/hnb-block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.left-col .upper-row {
    color: #394048;
    line-height: 1em;
    max-height: 1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 16.5em;
    width: 16.5em;
    overflow: hidden;
    padding-right: 0.83335em;
    letter-spacing: normal;
    height: 1.1667em;
}
/* line 111, ../sass/hnb-block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .lower-row {
    color: #394048;
    line-height: 1em;
    display: inline-block;
    overflow: hidden;
    height: 1.1667em;
    margin-top: 0;
    font-size: 15.6px;
}

@media (max-width: 347px) {
    /* line 111, ../sass/hnb-block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .lower-row {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 111, ../sass/hnb-block-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .lower-row {
        font-size: 14.04px;
    }
}
/* line 127, ../sass/hnb-block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-account-seperator {
    color: #b1bac5;
    position: relative;
    top: -0.08334em;
}
/* line 132, ../sass/hnb-block-table.scss */
.pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-account-number {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 10.0833em;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 5, ../sass/hnb-block-tabs.scss */
.pstory-frame .pstory-dialog-frame ul[role='tablist']:not(.perso-month-picker-container) {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: relative;
}
    /* line 12, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame ul[role='tablist']:not(.perso-month-picker-container):before {
        content: " ";
        position: absolute;
        top: calc(100% - 10%);
        height: calc(10% + 4%);
        background-color: rgba(142, 176, 246, 0.3);
        border-radius: 2px;
        width: 100%;
        z-index: 1;
    }
/* line 24, ../sass/hnb-block-tabs.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs {
    padding: 0;
}
    /* line 26, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-tab-animated-border-bottom, .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-tabs .pstory-tab-animated-border-bottom {
        top: calc(100% - 10%);
        border-bottom: none;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-radius: 2px;
        background-color: #8eb0f6;
        height: 11%;
        width: calc(100% - 50%);
    }
    /* line 37, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .ptory-header-button, .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-tabs .pstory-header-button {
        color: rgba(33, 49, 99, 0.6);
        padding-bottom: 1%;
        width: 50%;
        padding: 0 0 2% 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        line-height: 21px;
        padding-top: 8px;
        text-transform: uppercase;
    }
        /* line 47, ../sass/hnb-block-tabs.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .ptory-header-button[aria-selected='true'], .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-tabs .pstory-header-button[aria-selected='true'] {
            color: #213163;
            font-weight: bold;
        }
    /* line 53, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-tab-animated-border-bottom {
        display: none;
    }
    /* line 57, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .header-container {
        font-size: 15.6px;
        border-radius: 4px;
    }

@media (max-width: 347px) {
    /* line 57, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .header-container {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 57, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .header-container {
        font-size: 14.04px;
    }
}
/* line 70, ../sass/hnb-block-tabs.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .header-container .tablist {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 0.85em;
    background: rgba(177, 186, 197, 0.4);
    border-radius: 4px;
    overflow: hidden;
    table-layout: fixed;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
}
    /* line 81, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .header-container .tablist[role='tablist'] {
        width: calc(100% - 3% - 3%);
    }
    /* line 85, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .header-container .tablist:before {
        content: none;
    }
    /* line 89, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .header-container .tablist .pstory-header-tabs-animation {
        position: absolute;
        bottom: 0;
        height: 100%;
        background-color: #2d822a;
        -webkit-transition: all 0.3s ease-in-out;
    }
/* line 102, ../sass/hnb-block-tabs.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-header-button {
    font-size: 18.2px;
    font-weight: bold;
    color: #394048;
    text-align: center;
    line-height: 1.9em;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    text-transform: capitalize;
    height: 2.8571em;
    position: relative;
    opacity: 1;
    width: 50%;
    padding-bottom: 1%;
    padding: 0 0 2% 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    padding-top: 8px;
    box-sizing: border-box;
}

@media (max-width: 347px) {
    /* line 102, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-header-button {
        font-size: 14px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 102, ../sass/hnb-block-tabs.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-header-button {
        font-size: 16.38px;
    }
}
/* line 131, ../sass/hnb-block-tabs.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-header-button:not([aria-selected='true']) {
    opacity: 0.8;
}
/* line 134, ../sass/hnb-block-tabs.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-header-button:last-child {
    margin-left: -0.21428571em;
}
/* line 138, ../sass/hnb-block-tabs.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-header-button[aria-selected='true'] {
    color: white;
    text-align: center;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 5, ../sass/hnb-block-text-box.scss */
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .pstory-block-frame.pstory-block-textboxes {
    padding: 0;
}
/* line 9, ../sass/hnb-block-text-box.scss */
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textboxes-wrapper {
    position: relative;
    table-layout: fixed;
}
/* line 14, ../sass/hnb-block-text-box.scss */
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(1) {
    width: 100%;
}
/* line 18, ../sass/hnb-block-text-box.scss */
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2),
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2) ~ .perso-textbox {
    width: calc(100% / 2);
    padding: 2em 2em 2.1em;
}
    /* line 23, ../sass/hnb-block-text-box.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2) .perso-value,
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2) ~ .perso-textbox .perso-value {
        font-size: 22.1px;
        padding-bottom: 0.11765em;
        line-height: 1.2353em;
        height: 1.2942em;
    }

@media (max-width: 347px) {
    /* line 23, ../sass/hnb-block-text-box.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2) .perso-value,
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2) ~ .perso-textbox .perso-value {
        font-size: 17px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 23, ../sass/hnb-block-text-box.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2) .perso-value,
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2) ~ .perso-textbox .perso-value {
        font-size: 19.89px;
    }
}
/* line 39, ../sass/hnb-block-text-box.scss */
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2):last-child:before,
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2) ~ .perso-textbox:last-child:before {
    right: calc(50% - 0.2em);
    top: 1em;
    height: 7.2em;
}
/* line 45, ../sass/hnb-block-text-box.scss */
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2):first-child:after,
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(2) ~ .perso-textbox:first-child:after {
    content: none;
}
/* line 50, ../sass/hnb-block-text-box.scss */
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(3),
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:nth-last-child(3) ~ .perso-textbox {
    width: calc(100% / 3);
}
/* line 55, ../sass/hnb-block-text-box.scss */
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox {
    border: none;
    padding: 2.2em 0.8em 2em;
}
    /* line 59, ../sass/hnb-block-text-box.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:last-child:before, .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:after {
        content: '';
        width: 0.2em;
        background-color: rgba(177, 186, 197, 0.4);
        height: 6.8em;
        display: block;
        top: 1.2em;
        position: absolute;
        right: calc(33.33% - 0.2em);
    }
    /* line 70, ../sass/hnb-block-text-box.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox:first-child:after {
        left: calc(33.33% - 0.2em);
        right: auto;
    }
    /* line 75, ../sass/hnb-block-text-box.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox .perso-value {
        font-weight: bold;
        color: #394048;
        letter-spacing: 0.02em;
        line-height: 1.4em;
        padding-bottom: 0;
        padding-top: 0.294117em;
        letter-spacing: 0.02em;
        font-size: 19.5px;
    }

@media (max-width: 347px) {
    /* line 75, ../sass/hnb-block-text-box.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox .perso-value {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 413px) {
    /* line 75, ../sass/hnb-block-text-box.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox .perso-value {
        font-size: 17.55px;
    }
}
/* line 92, ../sass/hnb-block-text-box.scss */
.pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox .perso-label {
    font-size: 15.6px;
    line-height: 17px;
    height: 34px;
    max-height: 34px;
    color: #394048;
    letter-spacing: 0.02em;
    display: inline-block;
    font-weight: normal;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 347px) {
    /* line 92, ../sass/hnb-block-text-box.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox .perso-label {
        font-size: 12px;
        line-height: 13px;
        height: 26px;
        max-height: 26px;
    }
}

@media (min-width: 347px) and (max-width: 413px) {
    /* line 92, ../sass/hnb-block-text-box.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox .perso-label {
        font-size: 14.04px;
        line-height: 15px;
        height: 30px;
        max-height: 30px;
    }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 4, ../sass/hnb-block-text.scss */
.pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-text {
    color: #394048;
    background-color: white;
    text-align: center;
    font-weight: normal;
    letter-spacing: normal;
    padding: 1em 1.5334em 0.9334em;
    line-height: 1.4667em;
}
    /* line 13, ../sass/hnb-block-text.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-text.perso-H4 {
        padding: 1em 1.66em 1.25em 1.66em;
        line-height: 1em;
    }
    /* line 18, ../sass/hnb-block-text.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-text.perso-H2 {
        font-weight: 300;
        line-height: 1.4em;
        padding: 2.85em 1em 2.95em 1em;
    }
    /* line 23, ../sass/hnb-block-text.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-text a {
        font-weight: bold;
        text-decoration-color: #394048;
        text-decoration-line: underline;
        color: #394048;
    }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 4, ../sass/hnb-block-title.scss */
.pstory-title-wrapper .pstory-title {
    max-width: 400px;
    padding: 0;
    height: 4em;
    font-size: 13px;
}
    /* line 6, ../sass/hnb-block-title.scss */
    .pstory-title-wrapper .pstory-title .pstory-title-close {
        display: none;
    }

@media (max-width: 347px) {
    /* line 4, ../sass/hnb-block-title.scss */
    .pstory-title-wrapper .pstory-title {
        font-size: 10px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 4, ../sass/hnb-block-title.scss */
    .pstory-title-wrapper .pstory-title {
        font-size: 11.7px;
    }
}
/* line 22, ../sass/hnb-block-title.scss */
.pstory-title-wrapper .pstory-title .pstory-title-text {
    height: auto;
    width: 100%;
    padding: 2.1666em 0 0.1666em;
    font-size: 15.6px;
    font-family: "muli";
    background-color: white;
    color: #394048;
    text-align: center;
    font-weight: bold;
    margin: 0;
    line-height: 1em;
}

@media (max-width: 347px) {
    /* line 22, ../sass/hnb-block-title.scss */
    .pstory-title-wrapper .pstory-title .pstory-title-text {
        font-size: 12px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 22, ../sass/hnb-block-title.scss */
    .pstory-title-wrapper .pstory-title .pstory-title-text {
        font-size: 14.04px;
    }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 5, ../sass/hnb-error-msg.scss */
#story-frame-container #personetics-error-container .personetics-error-small {
    font-size: 19.5px;
    color: #394048;
    text-align: center;
    line-height: 1.3334em;
    padding-right: 0.6667em;
    padding-left: 0.6667em;
    padding-bottom: 2em;
}

@media (max-width: 347px) {
    /* line 5, ../sass/hnb-error-msg.scss */
    #story-frame-container #personetics-error-container .personetics-error-small {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 5, ../sass/hnb-error-msg.scss */
    #story-frame-container #personetics-error-container .personetics-error-small {
        font-size: 17.55px;
    }
}
/* line 22, ../sass/hnb-error-msg.scss */
#story-frame-container #personetics-error-container .personetics-error-large {
    font-size: 26px;
    font-weight: 300;
    color: #394048;
    text-align: center;
    line-height: 1.4286em;
    padding: 7.7em 0.5em 0.5em 0.5em;
    line-height: 0.8125em;
}

@media (max-width: 347px) {
    /* line 22, ../sass/hnb-error-msg.scss */
    #story-frame-container #personetics-error-container .personetics-error-large {
        font-size: 20px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 22, ../sass/hnb-error-msg.scss */
    #story-frame-container #personetics-error-container .personetics-error-large {
        font-size: 23.4px;
    }
}
/* line 39, ../sass/hnb-error-msg.scss */
#story-frame-container #personetics-error-container .personetics-error-img {
    display: none;
}
/* line 42, ../sass/hnb-error-msg.scss */
#story-frame-container #personetics-error-container .personetics-error-reload-button {
    font-size: 19.5px;
    background-color: #394048;
    border-radius: 18px;
    height: 2.6em;
    width: 8.9334em;
    font-weight: bold;
    color: white;
    text-align: center;
    border-width: 0;
    margin: auto;
    display: block;
}

@media (max-width: 347px) {
    /* line 42, ../sass/hnb-error-msg.scss */
    #story-frame-container #personetics-error-container .personetics-error-reload-button {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 42, ../sass/hnb-error-msg.scss */
    #story-frame-container #personetics-error-container .personetics-error-reload-button {
        font-size: 17.55px;
    }
}

@font-face {
    font-family: 'muli';
    font-style: normal;
    font-weight: 500;
    src: url("../resources/fonts/muli-bold-webfont.woff") format("woff");
}

@font-face {
    font-family: 'muli';
    font-style: normal;
    font-weight: bold;
    src: url("../resources/fonts/muli-extrabold-webfont.woff") format("woff");
}

@font-face {
    font-family: 'muli';
    font-style: normal;
    font-weight: 300;
    src: url("../resources/fonts/muli-light-webfont.woff") format("woff");
}

@font-face {
    font-family: 'muli';
    font-style: normal;
    font-weight: 400;
    src: url("../resources/fonts/muli-regular-webfont.woff") format("woff");
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 2, ../sass/hnb-footer.scss */
#perso-footer-container {
    font-size: 19.5px;
    padding: 1.066667em 1.5334em 1em 1.5334em;
}

@media (max-width: 347px) {
    /* line 2, ../sass/hnb-footer.scss */
    #perso-footer-container {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 2, ../sass/hnb-footer.scss */
    #perso-footer-container {
        font-size: 17.55px;
    }
}
/* line 11, ../sass/hnb-footer.scss */
#perso-footer-container .perso-footer-inner {
    text-align: center;
    color: #394048;
    line-height: 1.4667em;
}
    /* line 15, ../sass/hnb-footer.scss */
    #perso-footer-container .perso-footer-inner .perso-footer-link {
        font-weight: bold;
        text-decoration-color: #394048;
        text-decoration-line: underline;
        color: #394048;
    }

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 2, ../sass/hnb-no-insights.scss */
#personetics-insights #personetics-no-insights-container {
    padding-top: 0;
}

/* line 6, ../sass/hnb-no-insights.scss */
#personetics-no-insights-container .personetics-no-insights-img {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='126px' height='97px' viewBox='0 0 126 97' version='1.1'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eenvelope%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Inbox---empty' transform='translate(-107.000000, -180.000000)'%3E%3Cg id='envelope' transform='translate(107.000000, 180.000000)'%3E%3Cg opacity='0.25' transform='translate(0.000000, 16.000000)' stroke='%23394048' stroke-width='4'%3E%3Crect id='Rectangle-6' x='2' y='2' width='106' height='77' rx='4'/%3E%3Cpolyline id='Path-2' stroke-linecap='round' stroke-linejoin='round' points='3.27734375 2.87109375 55 46.8164062 107.523438 2.87109375'/%3E%3C/g%3E%3Cg id='notify' transform='translate(91.000000, 0.000000)'%3E%3Ccircle id='Oval' fill='%23394048' cx='17.5' cy='17.5' r='17.5'/%3E%3Cpath d='M17.5,24.18 C15.7799914,24.18 14.4633379,23.5533396 13.55,22.3 C12.6366621,21.0466604 12.18,19.2333452 12.18,16.86 C12.18,14.5133216 12.6366621,12.7200062 13.55,11.48 C14.4633379,10.2399938 15.7799914,9.62 17.5,9.62 C19.2200086,9.62 20.5366621,10.2399938 21.45,11.48 C22.3633379,12.7200062 22.82,14.5133216 22.82,16.86 C22.82,19.2333452 22.3633379,21.0466604 21.45,22.3 C20.5366621,23.5533396 19.2200086,24.18 17.5,24.18 Z M17.5,21.78 C18.2866706,21.78 18.8599982,21.3933372 19.22,20.62 C19.5800018,19.8466628 19.76,18.593342 19.76,16.86 C19.76,15.1666582 19.5800018,13.9366705 19.22,13.17 C18.8599982,12.4033295 18.2866706,12.02 17.5,12.02 C16.7133294,12.02 16.1400018,12.4033295 15.78,13.17 C15.4199982,13.9366705 15.24,15.1666582 15.24,16.86 C15.24,18.593342 15.4199982,19.8466628 15.78,20.62 C16.1400018,21.3933372 16.7133294,21.78 17.5,21.78 Z' id='0' fill='%23FFFFFF'/%3E%3Cpath d='M17.5,24.18 C15.7799914,24.18 14.4633379,23.5533396 13.55,22.3 C12.6366621,21.0466604 12.18,19.2333452 12.18,16.86 C12.18,14.5133216 12.6366621,12.7200062 13.55,11.48 C14.4633379,10.2399938 15.7799914,9.62 17.5,9.62 C19.2200086,9.62 20.5366621,10.2399938 21.45,11.48 C22.3633379,12.7200062 22.82,14.5133216 22.82,16.86 C22.82,19.2333452 22.3633379,21.0466604 21.45,22.3 C20.5366621,23.5533396 19.2200086,24.18 17.5,24.18 Z M17.5,21.78 C18.2866706,21.78 18.8599982,21.3933372 19.22,20.62 C19.5800018,19.8466628 19.76,18.593342 19.76,16.86 C19.76,15.1666582 19.5800018,13.9366705 19.22,13.17 C18.8599982,12.4033295 18.2866706,12.02 17.5,12.02 C16.7133294,12.02 16.1400018,12.4033295 15.78,13.17 C15.4199982,13.9366705 15.24,15.1666582 15.24,16.86 C15.24,18.593342 15.4199982,19.8466628 15.78,20.62 C16.1400018,21.3933372 16.7133294,21.78 17.5,21.78 Z' id='0-copy' fill-opacity='0.4' fill='%23B1BAC5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 7.875em 6.0625em;
    background-origin: content-box;
    padding-top: 7.125em;
    width: 7.875em;
    height: 6.0625em;
    margin: auto;
    padding-left: 1em;
}
/* line 18, ../sass/hnb-no-insights.scss */
#personetics-no-insights-container .personetics-no-insights-larg {
    font-size: 26px;
    font-weight: 300;
    color: #394048;
    text-align: center;
    line-height: 1.25em;
    padding: 1.65em 0.5em 0.85em;
    white-space: normal;
}

@media (max-width: 347px) {
    /* line 18, ../sass/hnb-no-insights.scss */
    #personetics-no-insights-container .personetics-no-insights-larg {
        font-size: 20px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 18, ../sass/hnb-no-insights.scss */
    #personetics-no-insights-container .personetics-no-insights-larg {
        font-size: 23.4px;
    }
}
/* line 36, ../sass/hnb-no-insights.scss */
#personetics-no-insights-container .personetics-no-insights-small {
    font-size: 19.5px;
    color: #394048;
    text-align: center;
    line-height: 1.3334em;
    padding-right: 0.6667em;
    padding-left: 0.6667em;
    font-weight: normal;
    font-family: "muli";
    opacity: 1;
}

@media (max-width: 347px) {
    /* line 36, ../sass/hnb-no-insights.scss */
    #personetics-no-insights-container .personetics-no-insights-small {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 36, ../sass/hnb-no-insights.scss */
    #personetics-no-insights-container .personetics-no-insights-small {
        font-size: 17.55px;
    }
}

/* line 59, ../sass/hnb-no-insights.scss */
#personetics-no-insights-filter-container .personetics-nothing-toshow-msg {
    font-size: 19.5px;
    text-align: center;
    padding: 11.0667em 0.6667em 0;
    color: #394048 !important;
    line-height: 1.3334em;
    height: 100%;
}

@media (max-width: 347px) {
    /* line 59, ../sass/hnb-no-insights.scss */
    #personetics-no-insights-filter-container .personetics-nothing-toshow-msg {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 59, ../sass/hnb-no-insights.scss */
    #personetics-no-insights-filter-container .personetics-nothing-toshow-msg {
        font-size: 17.55px;
    }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/**
 * Transction Table
*/
/** Table */
@media (min-width: 790px) {
    /* line 12, ../sass/hnb-override-customer-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row.perso-account-name {
        padding-bottom: 0.625em;
    }
        /* line 15, ../sass/hnb-override-customer-table.scss */
        .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row.perso-account-name .lower-row {
            height: auto;
            margin-top: 0;
            padding-top: 0.3334em;
            line-height: 1.15385em;
        }
    /* line 25, ../sass/hnb-override-customer-table.scss */
    .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col .perso-amount-container {
        top: -0.1923076em;
        line-height: normal;
        height: auto;
    }
        /* line 30, ../sass/hnb-override-customer-table.scss */
        .pstory-frame .pstory-block-table .pstory-table.pstory-table-new-txlist1 .perso-table-row .perso-col.right-col .perso-amount-container .perso-amount {
            line-height: 1.4em;
        }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 4, ../sass/hnb-rating-widget.scss */
.pstory-frame .perso-ratings-wrapper {
    background-color: rgba(177, 186, 197, 0.4);
}
    /* line 6, ../sass/hnb-rating-widget.scss */
    .pstory-frame .perso-ratings-wrapper .perso-ratings-text {
        padding-top: 1.25em;
        color: #394048;
        line-height: 0.916667em;
    }
    /* line 11, ../sass/hnb-rating-widget.scss */
    .pstory-frame .perso-ratings-wrapper .perso-ratings-icons {
        box-sizing: content-box;
        padding-top: 0.5em;
        padding-bottom: 0.8334em;
        line-height: 2.568em;
        width: calc(1.41667em * 5 - -0.75em * 4);
    }
        /* line 17, ../sass/hnb-rating-widget.scss */
        .pstory-frame .perso-ratings-wrapper .perso-ratings-icons input[type="radio"] {
            height: 0;
            width: 0;
            margin-left: 0.75em;
        }
            /* line 21, ../sass/hnb-rating-widget.scss */
            .pstory-frame .perso-ratings-wrapper .perso-ratings-icons input[type="radio"] + label {
                height: 1.41667em;
                width: 1.41667em;
                display: inline-block;
                background-repeat: no-repeat;
                background-size: 100%;
                background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='17px' height='17px' viewBox='0 0 17 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Estar-filled%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Perso-Rating' transform='translate(-177.000000, -100.000000)' fill='%23394048'%3E%3Cg id='thank-you' transform='translate(-2.000000, 67.000000)'%3E%3Cpolygon id='star-filled' points='187.638805 34.881577 185.616213 39.468449 180.896639 40.100254 184.366798 43.566537 183.471952 48.545633 187.638805 46.101254 191.806219 48.545633 190.912206 43.566537 194.381804 40.100254 189.662247 39.468449'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            }
            /* line 30, ../sass/hnb-rating-widget.scss */
            .pstory-frame .perso-ratings-wrapper .perso-ratings-icons input[type="radio"]:checked ~ input[type="radio"] + label {
                background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='17px' height='17px' viewBox='0 0 17 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Estar-empty%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Perso-Rating' transform='translate(-203.000000, -31.000000)' fill='%23B1BAC5'%3E%3Cg id='star-rating' transform='translate(-2.000000, -2.000000)'%3E%3Cpolygon id='star-empty' points='213.280394 34.881577 211.257241 39.468449 206.537667 40.100254 210.006704 43.566537 209.11383 48.545633 213.280394 46.101254 217.447808 48.545633 216.553234 43.566537 220.023121 40.100254 215.302986 39.468449'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            }
        /* line 37, ../sass/hnb-rating-widget.scss */
        .pstory-frame .perso-ratings-wrapper .perso-ratings-icons[data-val="0"] input[type="radio"] + label {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='17px' height='17px' viewBox='0 0 17 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 51 (57462) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Estar-empty%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Perso-Rating' transform='translate(-203.000000, -31.000000)' fill='%23B1BAC5'%3E%3Cg id='star-rating' transform='translate(-2.000000, -2.000000)'%3E%3Cpolygon id='star-empty' points='213.280394 34.881577 211.257241 39.468449 206.537667 40.100254 210.006704 43.566537 209.11383 48.545633 213.280394 46.101254 217.447808 48.545633 216.553234 43.566537 220.023121 40.100254 215.302986 39.468449'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }
    /* line 43, ../sass/hnb-rating-widget.scss */
    .pstory-frame .perso-ratings-wrapper .perso-ratings-reaction {
        display: none;
        font-weight: bold;
        color: #394048;
        text-align: center;
        letter-spacing: 0.02em;
        line-height: 1.4em;
        padding-bottom: 1.06666em;
        font-size: 19.5px;
    }

@media (max-width: 347px) {
    /* line 43, ../sass/hnb-rating-widget.scss */
    .pstory-frame .perso-ratings-wrapper .perso-ratings-reaction {
        font-size: 15px;
    }
}

@media (min-width: 347px) and (max-width: 395px) {
    /* line 43, ../sass/hnb-rating-widget.scss */
    .pstory-frame .perso-ratings-wrapper .perso-ratings-reaction {
        font-size: 17.55px;
    }
}
/* line 59, ../sass/hnb-rating-widget.scss */
.pstory-frame .perso-ratings-wrapper .perso-ratings-reaction.perso-good-feedback {
    padding-top: 0.2666em;
}
/* line 62, ../sass/hnb-rating-widget.scss */
.pstory-frame .perso-ratings-wrapper .perso-ratings-reaction.perso-bad-feedback {
    margin-top: -0.13333em;
}
/* line 68, ../sass/hnb-rating-widget.scss */
.pstory-frame .perso-ratings-wrapper .perso-link-inner-bad-feedback {
    display: none;
    font-weight: 800;
    color: #394048;
    text-align: center;
    text-decoration: underline;
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
/* line 4, ../sass/hnb-skin.scss */
.pstory-frame .pstory-dialog-frame {
    padding: 0;
    margin: 0;
    box-shadow: none;
}
    /* line 8, ../sass/hnb-skin.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame {
        padding: 0 6.25%;
        margin: 0;
    }

@media (min-width: 415px) {
    /* line 16, ../sass/hnb-skin.scss */
    .perso-teaser-template {
        width: calc(100% - 3.63636em);
        margin: 1.81818em auto;
        position: relative;
    }
        /* line 21, ../sass/hnb-skin.scss */
        .perso-teaser-template.perso-unread, .perso-teaser-template.perso-new {
            box-shadow: 0px 0px 10px 0px rgba(177, 186, 197, 0.6);
        }
            /* line 24, ../sass/hnb-skin.scss */
            .perso-teaser-template.perso-unread .perso-teaser-template-inner, .perso-teaser-template.perso-new .perso-teaser-template-inner {
                box-shadow: none;
            }
        /* line 29, ../sass/hnb-skin.scss */
        .perso-teaser-template:after {
            content: "";
            width: 2px;
            background-image: -webkit-linear-gradient(-180deg, #a9d42c 0%, #5ba63c 100%);
            background-image: -moz-linear-gradient(-180deg, #a9d42c 0%, #5ba63c 100%);
            background-image: -o-linear-gradient(-180deg, #a9d42c 0%, #5ba63c 100%);
            background-image: linear-gradient(-180deg, #a9d42c 0%, #5ba63c 100%);
            height: 100%;
            left: 0;
            position: absolute;
            z-index: 1;
            top: 0;
        }
        /* line 43, ../sass/hnb-skin.scss */
        .perso-teaser-template .perso-teaser-template-inner:after {
            content: none;
        }
}


/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@media (min-width: 415px) {
    /* line 5, ../sass/hnb-block-account-selector-desktop.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-header-button {
        padding-top: 0.42em;
        box-sizing: border-box;
        border: 2px solid transparent;
    }
        /* line 10, ../sass/hnb-block-account-selector-desktop.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-content .pstory-header-button:focus {
            border: 2px solid #94b7f1;
        }
    /* line 17, ../sass/hnb-block-account-selector-desktop.scss */
    .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container .carousel-index-wrapper .carousel-index-container, .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container.pstory-fixed .carousel-index-wrapper .carousel-index-container {
        box-sizing: border-box;
        border: 2px solid transparent;
        width: 100%;
    }
        /* line 22, ../sass/hnb-block-account-selector-desktop.scss */
        .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container .carousel-index-wrapper .carousel-index-container:focus, .pstory-frame .pstory-dialog-container .pstory-dialog-content .pstory-block-account-selector .pstory-block-container.pstory-fixed .carousel-index-wrapper .carousel-index-container:focus {
            border: 2px solid #94b7f1;
        }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@media (min-width: 415px) {
    /* line 5, ../sass/hnb-block-bar-chart-desktop.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-accessibility-wrapper {
        /*for accessibility focus size.*/
        max-width: 396px;
        margin: auto;
        box-sizing: border-box;
        border: 2px solid transparent;
    }
        /* line 12, ../sass/hnb-block-bar-chart-desktop.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-bar-chart-wrapper.perso-accessibility-wrapper:focus {
            border: 2px solid #94b7f1;
        }
    /* line 17, ../sass/hnb-block-bar-chart-desktop.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper .perso-month-picker-container .perso-month-picker-item {
        box-sizing: border-box;
        border: 2px solid transparent;
    }
        /* line 21, ../sass/hnb-block-bar-chart-desktop.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-bar-chart.pstory-block-frame.pure-bar-chart .pstory-bar-chart .perso-month-picker-outer-wrapper .perso-month-picker-wrapper .perso-month-picker-container .perso-month-picker-item:focus {
            outline: none;
            border: 2px solid #94b7f1;
            box-sizing: border-box;
        }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@media (min-width: 415px) {
    /* line 5, ../sass/hnb-block-pie-chart-desktop.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-pie-data {
        /*for accessibility focus size.*/
        max-width: 396px;
        margin: auto;
    }
    /* line 11, ../sass/hnb-block-pie-chart-desktop.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-block-content {
        border: 2px solid transparent;
    }
        /* line 14, ../sass/hnb-block-pie-chart-desktop.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-block-content:focus {
            border: 2px solid #94b7f1;
        }
        /* line 17, ../sass/hnb-block-pie-chart-desktop.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-block-content .pstory-pie-chart {
            padding-top: 5.75%;
        }
        /* line 20, ../sass/hnb-block-pie-chart-desktop.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-pie-chart .pstory-block-content .pstory-pie-data {
            padding-bottom: 0.7163em;
        }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@media (min-width: 415px) {
    /* line 4, ../sass/hnb-block-tabs-desktop.scss */
    .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-header-button {
        border: 2px solid transparent;
    }
        /* line 7, ../sass/hnb-block-tabs-desktop.scss */
        .pstory-frame .pstory-dialog-frame .pstory-block-frame.pstory-block-tabs .pstory-header-button:focus {
            border: 2px solid #94b7f1;
        }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@media (min-width: 415px) {
    /* line 4, ../sass/hnb-block-text-box-desktop.scss */
    .pstory-frame .pstory-dialog-frame.pstory-dialog-frame-text-box .perso-textbox .perso-value {
        font-size: 17.55px;
    }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@media (min-width: 415px) {
    /* line 5, ../sass/hnb-rating-widget-desktop.scss */
    .pstory-frame .perso-ratings-wrapper {
        height: 4.9358em;
    }
        /* line 7, ../sass/hnb-rating-widget-desktop.scss */
        .pstory-frame .perso-ratings-wrapper .perso-ratings-icons {
            text-align: center;
            width: auto;
        }
            /* line 11, ../sass/hnb-rating-widget-desktop.scss */
            .pstory-frame .perso-ratings-wrapper .perso-ratings-icons input[type="radio"]:focus {
                outline: none;
                border: none;
            }
            /* line 16, ../sass/hnb-rating-widget-desktop.scss */
            .pstory-frame .perso-ratings-wrapper .perso-ratings-icons label {
                border: 2px solid transparent;
            }
                /* line 19, ../sass/hnb-rating-widget-desktop.scss */
                .pstory-frame .perso-ratings-wrapper .perso-ratings-icons label.ratingOnFocus {
                    outline: 2px solid #94b7f1;
                    box-sizing: content-box;
                }
}

/** Breakpoint Variable for Media Query */
/** project */
/**
*   project variables
*/
/*
table type 2
*/
/*Account Selector*/
/*header tabs*/
/*circle animation*/
/*containers*/
/*all accounts txt*/
/*card*/
/*selected card*/
/*arrows*/
/*index dots*/
/*collapse*/
/*cards background colors*/
/*END Account Selector*/
/** project */
/**
*   project variables
*/
/*Account Selector*/
/*header tabs*/
/*containers*/
/*all accounts*/
/*card*/
/*selected card*/
/*inner card*/
/*inner card selected*/
/*arrows*/
/*index dots*/
@media (min-width: 415px) {
    /* line 4, ../sass/hnb-skin-desktop.scss */
    #personetics-teaser-widget, #personetics-story-widget {
        max-width: 400px;
        margin: auto;
        outline: none;
    }

    /* line 10, ../sass/hnb-skin-desktop.scss */
    .pstory-title-outer-wrapper .pstory-title .pstory-title-text {
        max-width: none;
    }

    /* line 14, ../sass/hnb-skin-desktop.scss */
    .perso-teaser-template {
        max-width: 396px;
        margin: 0.54545454em auto;
        width: 100%;
    }

    /* line 19, ../sass/hnb-skin-desktop.scss */
    .perso-multi-teaser-template {
        padding: 0.625% 0;
    }

    /* line 23, ../sass/hnb-skin-desktop.scss */
    .pstory-title-text {
        left: auto;
        transform: translateX(0px);
        top: 0;
    }

    /* line 28, ../sass/hnb-skin-desktop.scss */
    .pstory-title, .pstory-title-wrapper {
        width: unset !important;
        background-color: white !important;
    }
}

@media (min-width: 790px) {
    /* line 38, ../sass/hnb-skin-desktop.scss */
    #personetics-teaser-widget a[href]:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget label[for]:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget select:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget button:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget input[type='submit']:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget input[type="button"]:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget input[type='image']:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget input[type='radio']:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget .pstory-button:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget .perso-month-picker-item:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget .tablist li:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget ul[role="tablist"] li:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget .pstory-pie-chart .perso-arc path:not(.perso-selected):hover:hover:not(.selected):not([aria-selected="true"]), #personetics-teaser-widget .perso-teaser-template:hover:not(.selected):not([aria-selected="true"]),
    #personetics-teaser-widget .pstory-block-frame.pstory-block-tabs .pstory-header-button:hover:not(.selected):not([aria-selected="true"]), .pstory-frame a[href]:hover:not(.selected):not([aria-selected="true"]), .pstory-frame label[for]:hover:not(.selected):not([aria-selected="true"]), .pstory-frame select:hover:not(.selected):not([aria-selected="true"]), .pstory-frame button:hover:not(.selected):not([aria-selected="true"]), .pstory-frame input[type='submit']:hover:not(.selected):not([aria-selected="true"]), .pstory-frame input[type="button"]:hover:not(.selected):not([aria-selected="true"]), .pstory-frame input[type='image']:hover:not(.selected):not([aria-selected="true"]), .pstory-frame input[type='radio']:hover:not(.selected):not([aria-selected="true"]), .pstory-frame .pstory-button:hover:not(.selected):not([aria-selected="true"]), .pstory-frame .perso-month-picker-item:hover:not(.selected):not([aria-selected="true"]), .pstory-frame .tablist li:hover:not(.selected):not([aria-selected="true"]), .pstory-frame ul[role="tablist"] li:hover:not(.selected):not([aria-selected="true"]), .pstory-frame .pstory-pie-chart .perso-arc path:not(.perso-selected):hover:hover:not(.selected):not([aria-selected="true"]), .pstory-frame .perso-teaser-template:hover:not(.selected):not([aria-selected="true"]),
    .pstory-frame .pstory-block-frame.pstory-block-tabs .pstory-header-button:hover:not(.selected):not([aria-selected="true"]) {
        opacity: 0.7;
        cursor: pointer;
    }

    /* line 47, ../sass/hnb-skin-desktop.scss */
    .pstory-frame *:focus, .pstory-frame input[type="radio"]:focus, .pstory-frame input[type="button"]:focus:focus, .pstory-frame .perso-teaser-filter-wrapper .perso-teaser-filter-tab:focus {
        outline: none;
        border: 2px solid #94b7f1;
        box-sizing: border-box;
    }
}

@media (min-width: 415px) {
    /* line 3, ../sass/inbox.scss */
    .perso-teaser-filter-wrapper .perso-teaser-filter-tab, .perso-teaser-template {
        box-sizing: border-box;
        border: 2px solid transparent;
    }
        /* line 7, ../sass/inbox.scss */
        .perso-teaser-filter-wrapper .perso-teaser-filter-tab:focus, .perso-teaser-template:focus {
            border: 2px solid #94b7f1;
            outline: none;
        }
}