WordPress.org
Get WordPress

Plugin Directory

Changeset 3259019


Ignore:
Timestamp:
03/20/2025 09:36:44 AM (12 months ago)
Author:
affilizz
Message:

build(plugin): Tagging version 1.15.1

Location:
affilizz
Files:
2 deleted
38 edited
1 copied

Legend:

Unmodified
Added
Removed

  • affilizz/tags/1.15.1/assets/dist/css/admin.css

    r3254716 r3259019  
    11@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;1,400;1,500&display=swap);
    2 @font-face {
    3   font-family: "affilizz-icons";
    4   src: url("../fonts/affilizz-icons/affilizz-icons.ttf?b2n8aj") format("truetype"), url("../fonts/affilizz-icons/affilizz-icons.woff?b2n8aj") format("woff"), url("../fonts/affilizz-icons/affilizz-icons.svg?b2n8aj") format("svg");
    5   font-weight: normal;
    6   font-style: normal;
    7   font-display: block;
    8 }
    9 *,
    10 *:before,
    11 *:after {
    12   box-sizing: border-box;
    13 }
    14 
    15 .affilizz-button {
    16   text-decoration: none;
    17   cursor: pointer;
    18 }
    19 .affilizz-button--inline * {
    20   display: inline-block;
    21 }
    22 .affilizz-button--inline svg {
    23   margin-left: 5px;
    24 }
    25 .affilizz-button--inline > svg {
    26   max-width: 16px;
    27   max-height: 16px;
    28 }
    29 .affilizz-button-icons {
    30   display: flex;
    31   flex-direction: row;
    32   align-items: center;
    33   justify-content: center;
    34   margin-right: 5px;
    35 }
    36 .affilizz-button-icons .dashicons, .affilizz-button-icons .dashicons-before {
    37   display: flex;
    38   align-items: center;
    39   justify-content: center;
    40   line-height: 1;
    41 }
    42 .affilizz-button-icons .dashicons:before, .affilizz-button-icons .dashicons-before:before {
    43   font-size: 16px;
    44   top: 2px;
    45   position: relative;
    46   opacity: 0.7;
    47 }
    48 .affilizz-button--primary {
    49   background: #111453;
    50   padding: 10px 12px;
    51   font-weight: 400;
    52   font-size: 16px;
    53   color: #fff;
    54   border-radius: 4px;
    55   border: none;
    56 }
    57 .affilizz-button--primary:hover, .affilizz-button--primary:active {
    58   color: #fff;
    59   cursor: pointer;
    60   background-color: #7af4d1;
    61   color: #111453;
    62 }
    63 .affilizz-button--primary:disabled {
    64   background: #d9deeb;
    65   color: #fff;
    66 }
    67 .affilizz-button[disabled] {
    68   pointer-events: none;
    69   opacity: 0.25;
    70 }
    71 .affilizz-button--secondary {
    72   background: #fff;
    73   box-shadow: 0 0 0 1px #111453 inset;
    74   padding: 10px 20px;
    75   border: none;
    76   font-weight: 400;
    77   font-size: 16px;
    78   color: #111453;
    79   border-radius: 4px;
    80 }
    81 .affilizz-button--secondary:hover, .affilizz-button--secondary:active {
    82   cursor: pointer;
    83   background-color: #111453;
    84   color: #fff;
    85 }
    86 .affilizz-button--secondary:hover img, .affilizz-button--secondary:active img {
    87   filter: brightness(0) invert(1);
    88 }
    89 .affilizz-button--primary-hover:hover, .affilizz-button--primary-hover:active {
    90   color: #fff;
    91   cursor: pointer;
    92   background-color: #7af4d1;
    93   color: #111453;
    94   box-shadow: none;
    95 }
    96 .affilizz-button--create {
    97   display: inline-flex;
    98   background: #ff5722;
    99   border-radius: 4px;
    100   margin-right: 5px;
    101   margin-bottom: 4px;
    102 }
    103 .affilizz-button--create a {
    104   color: #fff;
    105   font-size: 13px;
    106 }
    107 .affilizz-button--create a.alt {
    108   color: #fff;
    109   font-size: 13px;
    110   padding: 0 5px;
    111 }
    112 .affilizz-button--call {
    113   display: inline-block;
    114   background: #1dd6a1;
    115   border-radius: 4px;
    116   margin-bottom: 4px;
    117 }
    118 .affilizz-button--call a {
    119   color: #fff;
    120   font-size: 13px;
    121 }
    122 .affilizz-button--hollow {
    123   border-radius: 4px;
    124   border: 1px solid #fff;
    125   padding: 5px;
    126   display: flex;
    127   flex-direction: row;
    128   align-items: center;
    129   justify-content: center;
    130   padding: 3px 5px;
    131   gap: 5px;
    132   color: #fff;
    133 }
    134 .affilizz-button--hollow:hover, .affilizz-button--hollow:active, .affilizz-button--hollow:focus {
    135   color: #fff;
    136 }
    137 
    138 .insert-affilizz-publication, #insert-affilizz-publication,
    139 .create-affilizz-publication, #create-affilizz-publication {
    140   display: flex;
    141   flex-direction: row;
    142   align-items: center;
    143   justify-content: center;
    144   padding: 5px 7px 6px;
    145   font-weight: 600;
    146   color: #fff;
    147   font-size: 13px;
    148 }
    149 .insert-affilizz-publication *, #insert-affilizz-publication *,
    150 .create-affilizz-publication *, #create-affilizz-publication * {
    151   pointer-events: none;
    152 }
    153 
    154 #affilizz-floating-button {
    155   width: 25px;
    156   height: 40px;
    157   background: #1dd6a1;
    158   position: absolute;
    159   top: 0;
    160   z-index: 6000;
    161   opacity: 0;
    162   padding: 0 5px 4px 5px;
    163   border-radius: 4px;
    164   text-decoration: none;
    165 }
    166 #affilizz-floating-button:after {
    167   opacity: 1;
    168   height: 8px;
    169   width: 8px;
    170   transform: rotate(45deg);
    171   content: "";
    172   position: absolute;
    173   background: #1dd6a1;
    174   right: -4px;
    175   top: 16px;
    176 }
    177 #affilizz-floating-button:focus, #affilizz-floating-button:active {
    178   outline: none;
    179   box-shadow: none;
    180 }
    181 #affilizz-floating-button img {
    182   margin-top: 4px;
    183 }
    184 #affilizz-floating-button * {
    185   pointer-events: none;
    186 }
    187 
    188 #step-success-button {
    189   color: #fff;
    190 }
    191 
    192 .wp-media-buttons {
    193   display: flex;
    194 }
    195 
    196 @keyframes spin {
    197   0% {
    198     transform: rotate(0deg);
    199   }
    200   100% {
    201     transform: rotate(359deg);
    202   }
    203 }
    204 .affilizz-modal {
    205   position: fixed;
    206   z-index: 100102;
    207   border-radius: 4px;
    208   overflow: hidden;
    209   font-family: "Rubik", Arial, Sans_serif;
    210   font-size: 14px;
    211   left: 0;
    212   width: 100vw;
    213   height: 100vh;
    214   top: -9999em;
    215   visibility: hidden;
    216   opacity: 0;
    217   pointer-events: none;
    218   background: rgba(17, 20, 83, 0.8);
    219   display: flex;
    220   align-items: center;
    221   justify-content: space-around;
    222 }
    223 .affilizz-modal__wrapper {
    224   z-index: 100101;
    225   background-color: #fff;
    226   box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
    227   min-width: 500px;
    228   border-radius: 4px;
    229 }
    230 .affilizz-modal__header {
    231   position: relative;
    232   padding: 20px 40px;
    233   border-radius: 3px 3px 0 0;
    234   display: flex;
    235   flex-direction: row;
    236   justify-content: left;
    237   align-items: center;
    238   background: #111453;
    239 }
    240 .affilizz-modal.has-error .affilizz-modal__actions {
    241   justify-content: center;
    242 }
    243 .affilizz-modal.has-error.message-error .affilizz-modal__overtitle {
    244   color: #e41f5a;
    245 }
    246 .affilizz-modal.has-error.message-error .affilizz-modal__logo {
    247   filter: brightness(0) saturate(100%) invert(17%) sepia(58%) saturate(6412%) hue-rotate(334deg) brightness(96%) contrast(85%);
    248 }
    249 .affilizz-modal__overtitle {
    250   display: block;
    251   margin: 0;
    252   color: #c5ffee;
    253   font-size: 12px;
    254   font-weight: 500;
    255 }
    256 .affilizz-modal__heading {
    257   margin: 0;
    258   font-weight: 400;
    259   flex-grow: 1;
    260   -webkit-font-smoothing: antialiased;
    261   -moz-osx-font-smoothing: grayscale;
    262   color: #fff;
    263   margin: 0;
    264   margin-left: 1.5rem;
    265 }
    266 .affilizz-modal__logo {
    267   margin-top: 2px;
    268 }
    269 .affilizz-modal__header__actions {
    270   padding: 0 0.75rem;
    271 }
    272 .affilizz-modal__header__actions a {
    273   font-size: 14px;
    274 }
    275 .affilizz-modal__close {
    276   position: absolute;
    277   top: 16px;
    278   right: 16px;
    279   text-decoration: none;
    280   color: #e9eaff !important;
    281   background: none;
    282   border: 0;
    283   font-size: 20px !important;
    284   z-index: 999;
    285   cursor: pointer;
    286 }
    287 .affilizz-modal__close:hover {
    288   color: #e9eaff;
    289 }
    290 .affilizz-modal__body {
    291   border-radius: 0 0 4px 4px;
    292   color: #111453;
    293   min-width: 640px;
    294   overflow-x: hidden;
    295   overflow-y: auto;
    296 }
    297 .affilizz-modal__body *:first-child {
    298   margin-top: 0;
    299 }
    300 .affilizz-modal__body *:last-child {
    301   margin-bottom: 0;
    302 }
    303 .affilizz-modal__content {
    304   min-width: 640px;
    305   max-width: 600px;
    306 }
    307 .affilizz-creation-modal .affilizz-modal__content {
    308   padding: 0;
    309 }
    310 .affilizz-modal__actions {
    311   padding: 20px 40px;
    312   border-top: 1px solid #d9deeb;
    313   gap: 0.5rem;
    314   display: flex;
    315   flex-direction: row;
    316   justify-content: right;
    317   align-items: center;
    318 }
    319 .affilizz-modal__hint {
    320   background: #f8f8ff;
    321   color: #7a7db0;
    322   padding: 8px 14px;
    323   font-size: 14px;
    324   border-radius: 4px;
    325 }
    326 .affilizz-modal__hint a {
    327   color: #111453;
    328 }
    329 .affilizz-modal.hidden, .affilizz-modal .hidden {
    330   visibility: hidden;
    331   opacity: 0;
    332 }
    333 .affilizz-modal.visible, .affilizz-modal .visible {
    334   visibility: visible;
    335   opacity: 1;
    336   pointer-events: auto;
    337   top: 0;
    338 }
    339 .affilizz-modal__loader img {
    340   animation: spin 2s linear infinite;
    341   position: relative;
    342   top: 1px;
    343   margin-right: 10px;
    344 }
    345 .affilizz-modal__title {
    346   font-size: 1rem;
    347 }
    348 .affilizz-modal-message {
    349   text-align: center;
    350 }
    351 .affilizz-modal-message__title {
    352   font-size: 1rem;
    353   font-weight: bold;
    354   padding-bottom: 20px;
    355 }
    356 
    357 #affilizz-edit-publication-link {
    358   display: flex;
    359   justify-content: flex-end;
    360   gap: 10px;
    361   align-items: flex-start;
    362   padding: 6px;
    363   color: #111453;
    364   align-self: flex-end;
    365   font-size: 14px;
    366   text-decoration: underline;
    367 }
    368 
    369 #affilizz-edit-publication-call {
    370   display: flex;
    371   justify-content: flex-end;
    372 }
    373 
    374 *,
    375 *:before,
    376 *:after {
    377   box-sizing: border-box;
    378 }
    379 
    380 .affilizz-select-option--floating {
    381   opacity: 0.5;
    382   z-index: 9999;
    383 }
    384 
    385 .affilizz-form {
    386   position: relative;
    387 }
    388 .affilizz-form .ts-wrapper.single .ts-control, .affilizz-form .ts-wrapper.single .ts-control input {
    389   width: auto !important;
    390 }
    391 .affilizz-form .ts-wrapper .ts-control {
    392   transition: var(--transition) !important;
    393 }
    394 .affilizz-form .ts-wrapper .ts-control ::-moz-placeholder {
    395   font-size: 16px !important;
    396   color: var(--blue-400) !important;
    397 }
    398 .affilizz-form .ts-wrapper .ts-control input, .affilizz-form .ts-wrapper .ts-control ::placeholder {
    399   font-size: 16px !important;
    400   color: var(--blue-400) !important;
    401 }
    402 .affilizz-form .ts-wrapper:not(.input-active, .disabled, .has-items) .ts-control {
    403   background: var(--blue-0) !important;
    404   color: var(--blue-400) !important;
    405 }
    406 .affilizz-form .ts-wrapper.has-items ::-moz-placeholder {
    407   display: none;
    408   visibility: hidden;
    409 }
    410 .affilizz-form .ts-wrapper.has-items ::placeholder {
    411   display: none;
    412   visibility: hidden;
    413 }
    414 .affilizz-form .ts-wrapper.input-active .ts-control {
    415   box-shadow: 0 0 0 0.1875rem var(--stroke-green--light) !important;
    416   background: var(--white);
    417   color: var(--blue-800);
    418 }
    419 .affilizz-form .ts-wrapper.loading .ts-control {
    420   border-radius: 4px !important;
    421 }
    422 .affilizz-form .ts-wrapper.loading .ts-dropdown {
    423   display: none !important;
    424 }
    425 .affilizz-form__label {
    426   display: flex;
    427   flex-direction: row;
    428   justify-content: space-between;
    429   align-items: center;
    430   padding-bottom: 3px;
    431   font-weight: 400;
    432   font-size: 12px;
    433   color: #404489;
    434 }
    435 .affilizz-form__label__hint {
    436   color: #737af9;
    437   flex-shrink: 1;
    438 }
    439 .affilizz-form .ts-wrapper.multi .ts-control {
    440   align-items: center;
    441 }
    442 .affilizz-form .ts-wrapper.multi .ts-control div {
    443   height: 25px;
    444 }
    445 .affilizz-form .ts-wrapper.multi .ts-control .affilizz-empty-publication-content-name {
    446   font-weight: normal;
    447   font-style: italic;
    448   opacity: 0.5;
    449 }
    450 .affilizz-form select, .affilizz-form input[type=text], .affilizz-form .ts-wrapper.single .ts-control, .affilizz-form .ts-wrapper.multi .ts-control, .affilizz-form .affilizz-faux-select {
    451   box-sizing: border-box;
    452   padding: 13px 8px 13px 12px;
    453   line-height: 1;
    454   width: 100%;
    455   max-width: 100%;
    456   min-height: 45px;
    457   font-size: 14px;
    458   box-shadow: none;
    459   background: #fff;
    460   border: 1px solid #a9b1c8;
    461   border-radius: 4px;
    462   align-self: stretch;
    463   flex-grow: 0;
    464 }
    465 .affilizz-form select.dropdown-input, .affilizz-form input[type=text].dropdown-input, .affilizz-form .ts-wrapper.single .ts-control.dropdown-input, .affilizz-form .ts-wrapper.multi .ts-control.dropdown-input, .affilizz-form .affilizz-faux-select.dropdown-input {
    466   margin: 5px;
    467   max-width: calc(100% - 10px);
    468   padding: 8px 12px;
    469   min-height: 30px;
    470   border-color: #1dd6a1;
    471 }
    472 .affilizz-form select::-webkit-input-placeholder, .affilizz-form input[type=text]::-webkit-input-placeholder, .affilizz-form .ts-wrapper.single .ts-control::-webkit-input-placeholder, .affilizz-form .ts-wrapper.multi .ts-control::-webkit-input-placeholder, .affilizz-form .affilizz-faux-select::-webkit-input-placeholder {
    473   color: #a9b1c8;
    474   font-size: 14px;
    475 }
    476 
    477 .affilizz-form select:-moz-placeholder, .affilizz-form input[type=text]:-moz-placeholder, .affilizz-form .ts-wrapper.single .ts-control:-moz-placeholder, .affilizz-form .ts-wrapper.multi .ts-control:-moz-placeholder, .affilizz-form .affilizz-faux-select:-moz-placeholder {
    478   color: #a9b1c8;
    479   font-size: 14px;
    480 }
    481 
    482 .affilizz-form select::-moz-placeholder, .affilizz-form input[type=text]::-moz-placeholder, .affilizz-form .ts-wrapper.single .ts-control::-moz-placeholder, .affilizz-form .ts-wrapper.multi .ts-control::-moz-placeholder, .affilizz-form .affilizz-faux-select::-moz-placeholder {
    483   color: #a9b1c8;
    484   font-size: 14px;
    485 }
    486 
    487 .affilizz-form select:-ms-input-placeholder, .affilizz-form input[type=text]:-ms-input-placeholder, .affilizz-form .ts-wrapper.single .ts-control:-ms-input-placeholder, .affilizz-form .ts-wrapper.multi .ts-control:-ms-input-placeholder, .affilizz-form .affilizz-faux-select:-ms-input-placeholder {
    488   color: #a9b1c8;
    489   font-size: 14px;
    490 }
    491 
    492 .affilizz-form select:focus, .affilizz-form input[type=text]:focus, .affilizz-form .ts-wrapper.single .ts-control:focus, .affilizz-form .ts-wrapper.multi .ts-control:focus, .affilizz-form .affilizz-faux-select:focus {
    493   border: 1px solid #404489;
    494   box-shadow: 0px 0px 0px 2px rgba(29, 214, 161, 0.5);
    495   border-radius: 4px;
    496 }
    497 .affilizz-form select:disabled, .affilizz-form select:disabled input, .affilizz-form input[type=text]:disabled, .affilizz-form input[type=text]:disabled input, .affilizz-form .ts-wrapper.single .ts-control:disabled, .affilizz-form .ts-wrapper.single .ts-control:disabled input, .affilizz-form .ts-wrapper.multi .ts-control:disabled, .affilizz-form .ts-wrapper.multi .ts-control:disabled input, .affilizz-form .affilizz-faux-select:disabled, .affilizz-form .affilizz-faux-select:disabled input {
    498   background: #f0f3fa !important;
    499   color: #a9b1c8 !important;
    500   border: #d9deeb !important;
    501 }
    502 .affilizz-form select .affilizz-option, .affilizz-form input[type=text] .affilizz-option, .affilizz-form .ts-wrapper.single .ts-control .affilizz-option, .affilizz-form .ts-wrapper.multi .ts-control .affilizz-option, .affilizz-form .affilizz-faux-select .affilizz-option {
    503   padding-top: 2px;
    504 }
    505 .affilizz-form select .recent, .affilizz-form input[type=text] .recent, .affilizz-form .ts-wrapper.single .ts-control .recent, .affilizz-form .ts-wrapper.multi .ts-control .recent, .affilizz-form .affilizz-faux-select .recent {
    506   background: #a9b1c8;
    507   border-radius: 4px;
    508   color: #fff;
    509   padding: 3px 4px;
    510   font-size: 13px;
    511   margin-left: auto;
    512 }
    513 .affilizz-form .affilizz-faux-select img {
    514   margin-right: 5px;
    515 }
    516 .affilizz-form__field {
    517   margin: 0;
    518 }
    519 .affilizz-form__field .disabled .ts-control, .affilizz-form__field .disabled .ts-control input {
    520   opacity: 1 !important;
    521   background: #f0f3fa !important;
    522   color: #a9b1c8 !important;
    523   border-color: #d9deeb !important;
    524 }
    525 .affilizz-form__field .disabled .ts-control::-moz-placeholder, .affilizz-form__field .disabled .ts-control input::-moz-placeholder {
    526   color: #a9b1c8 !important;
    527 }
    528 .affilizz-form__field .disabled .ts-control::placeholder, .affilizz-form__field .disabled .ts-control input::placeholder {
    529   color: #a9b1c8 !important;
    530 }
    531 
    532 .affilizz-select-item > img {
    533   width: 12px !important;
    534   height: 12px !important;
    535   padding: 0 !important;
    536 }
    537 
    538 .affilizz-select-option, .affilizz-select-item {
    539   color: #111453 !important;
    540   border: none !important;
    541   box-shadow: none !important;
    542   text-shadow: none !important;
    543 }
    544 .affilizz-select-option.affilizz-select-option, .affilizz-select-item.affilizz-select-option {
    545   font-weight: 500;
    546 }
    547 .affilizz-select-option--content-type-link, .affilizz-select-item--content-type-link {
    548   background: #ccf7fa !important;
    549 }
    550 .affilizz-select-option--content-type-cta, .affilizz-select-item--content-type-cta {
    551   background: #fdf6a1 !important;
    552 }
    553 .affilizz-select-option--content-type-box, .affilizz-select-item--content-type-box {
    554   background: #fbdfde !important;
    555 }
    556 .affilizz-select-option--content-type-card, .affilizz-select-item--content-type-card {
    557   background: #cfc7ff !important;
    558 }
    559 .affilizz-select-option--content-type-carousel, .affilizz-select-item--content-type-carousel {
    560   background: #bfffbe !important;
    561 }
    562 .affilizz-select-option--content-type-deal, .affilizz-select-item--content-type-deal {
    563   background: #ffa88e !important;
    564 }
    565 .affilizz-select-option--text::first-letter, .affilizz-select-item--text::first-letter {
    566   text-transform: uppercase;
    567 }
    568 
    569 .affilizz-select-item--content-type-deal .affilizz-select-option--subtext {
    570   color: #cb5735;
    571 }
    572 
    573 .ts-dropdown-content {
    574   max-height: 165px !important;
    575 }
    576 .ts-dropdown-content .affilizz-select-option--subtext {
    577   color: #a9b1c8;
    578 }
    579 
    580 .ts-dropdown-content {
    581   margin-bottom: 0;
    582 }
    583 .ts-dropdown-content .affilizz-inline-loader {
    584   display: flex;
    585   gap: 15px;
    586   justify-content: flex-start;
    587   align-items: center;
    588   padding-left: 12px;
    589   background: #fff;
    590   font-size: 14px;
    591   color: #111453;
    592   line-height: 35px;
    593 }
    594 .ts-dropdown-content .affilizz-inline-loader img {
    595   max-width: 20px;
    596 }
    597 
    598 .ts-control > .item {
    599   font-size: 1rem;
    600 }
    601 
    602 #affilizz-publication-id-wrapper .ts-control > .item {
    603   display: flex;
    604   align-items: center;
    605   gap: 8px;
    606   max-width: calc(100% - 34px);
    607 }
    608 #affilizz-publication-id-wrapper .ts-control > .item > .label {
    609   white-space: nowrap;
    610   overflow: hidden;
    611   text-overflow: ellipsis;
    612 }
    613 
    614 .ts-dropdown {
    615   margin: 0px !important;
    616   width: 100% !important;
    617   border-radius: 4px !important;
    618   box-shadow: 0px 4px 4px rgba(17, 20, 83, 0.4);
    619 }
    620 .ts-dropdown .recent {
    621   background: #a9b1c8;
    622   border-radius: 4px;
    623   color: #fff;
    624   padding: 2px 4px;
    625   font-size: 13px;
    626   margin-left: auto;
    627 }
    628 .ts-dropdown [data-selectable].option {
    629   font-size: 14px !important;
    630   color: var(--blue-600) !important;
    631   display: flex;
    632   align-items: center;
    633   padding: 8px 12px !important;
    634 }
    635 .ts-dropdown [data-selectable] .highlight {
    636   background: var(--background-orange--lighter) !important;
    637   border-radius: 4px;
    638   font-size: 14px;
    639   margin-right: 4px;
    640   color: var(--blue-600);
    641   padding: 0;
    642 }
    643 .ts-dropdown .option {
    644   display: flex;
    645   align-items: center;
    646   padding: 0;
    647   padding-left: 12px;
    648   border-radius: 4px;
    649   min-height: 35px;
    650 }
    651 .ts-dropdown .affilizz-select-option {
    652   border-radius: 4px;
    653   padding: 4px 8px;
    654   display: inline-flex;
    655   align-items: center;
    656   gap: 4px;
    657 }
    658 .ts-dropdown .affilizz-select-option img {
    659   width: 12px !important;
    660   height: 12px !important;
    661   padding: 0 !important;
    662 }
    663 
    664 #affilizz-publication-content-id-wrapper .ts-dropdown .option {
    665   gap: 8px;
    666 }
    667 
    668 #affilizz-publication-id-wrapper .ts-control::before {
    669   content: " ";
    670   background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2912_15560)'%3E%3Cg clip-path='url(%23clip1_2912_15560)'%3E%3Cpath d='M15.85 15.62L12.02 11.76C13.0689 10.5226 13.6432 8.95221 13.64 7.33002C13.6426 5.51674 12.9262 3.77634 11.6478 2.49042C10.3693 1.20449 8.63328 0.47791 6.82001 0.469971C5.00675 0.47791 3.27056 1.20449 1.99213 2.49042C0.713705 3.77634 -0.00271814 5.51674 -5.36294e-05 7.33002C-0.00271814 9.1433 0.713705 10.8836 1.99213 12.1696C3.27056 13.4555 5.00675 14.1821 6.82001 14.19C8.47818 14.1869 10.0782 13.5788 11.32 12.48L15.14 16.33C15.1877 16.3761 15.2442 16.4121 15.306 16.4362C15.3678 16.4602 15.4337 16.4717 15.4999 16.47C15.5646 16.4709 15.629 16.459 15.689 16.435C15.7491 16.411 15.8038 16.3753 15.85 16.33C15.8969 16.2835 15.934 16.2282 15.9594 16.1673C15.9848 16.1064 15.9979 16.041 15.9979 15.975C15.9979 15.909 15.9848 15.8436 15.9594 15.7827C15.934 15.7218 15.8969 15.6665 15.85 15.62ZM0.999946 7.33002C0.99728 5.78195 1.60839 4.2959 2.69929 3.19751C3.79018 2.09912 5.27197 1.47791 6.82001 1.46997C8.36806 1.47791 9.84985 2.09912 10.9407 3.19751C12.0316 4.2959 12.6426 5.78195 12.64 7.33002C12.6426 8.87808 12.0316 10.3641 10.9407 11.4625C9.84985 12.5609 8.36806 13.1821 6.82001 13.19C5.27716 13.1821 3.79983 12.565 2.70979 11.4731C1.61975 10.3812 1.0052 8.90285 0.999946 7.35999V7.33002Z' fill='%237A7DB0' style='fill:%237A7DB0;fill:color(display-p3 0.4798 0.4913 0.6917);fill-opacity:1;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    671   margin-right: 8px;
    672   width: 16px;
    673   height: 16px;
    674   display: block;
    675 }
    676 
    677 #affilizz-publication-id-ts-control {
    678   min-width: 35% !important;
    679 }
    680 
    681 .affilizz-block {
    682   --tag--default: #7A7DB0;
    683   --tag--pink: #FEC8FF;
    684   --tag--purple: #CFB8FF;
    685   --radius--xs: 0.125rem;
    686   --radius: 0.25rem;
    687   --radius--sm: 0.375rem;
    688   --radius--md: 0.5rem;
    689   --radius--lg: 0.75rem;
    690   --white: #ffffff;
    691   --black: #000000;
    692   --blue-0: #F8F8FF;
    693   --blue-50: #E9EAFF;
    694   --blue-100: #D9DEEB;
    695   --blue-150: #CDCFFE;
    696   --blue-300: #A9B1C8;
    697   --blue-400: #7A7DB0;
    698   --blue-600: #404489;
    699   --blue-800: #111453;
    700   --grey-50: #F0F3FA;
    701   --accent-blue-300: #737AF9;
    702   --yellow-50: #FFFAF5;
    703   --orange-50: #FFF3E4;
    704   --red-50: #FFF2F6;
    705   --red-500: #E41F5A;
    706   --green-100: #C5FFEE;
    707   --green-200: #A3E8D2;
    708   --green-300: #7AF4D1;
    709   --green-500: #1DD6A1;
    710   --block-padding-inline: 2.5rem;
    711   --block-padding-block: 2rem;
    712   --title-font: Rubik, sans-serif;
    713   --text-font: Rubik, sans-serif;
    714   --text-color--invert: var(--white);
    715   --text-color: var(--blue-800);
    716   --text-color--medium: var(--blue-600);
    717   --text-color--light: var(--blue-400);
    718   --text-color--lighter: var(--blue-300);
    719   --text-color--accent: var(--green-500);
    720   --text-blue--accent: var(--accent-blue-300);
    721   --text-red--accent: var(--red-500);
    722   --title-color: var(--blue-800);
    723   --title-color--medium: var(--blue-600);
    724   --title-color--light: var(--blue-400);
    725   --title-color--accent: var(--green-500);
    726   --stroke-color--dark: var(--blue-800);
    727   --stroke-color--medium: var(--blue-600);
    728   --stroke-color: var(--blue-400);
    729   --stroke-color--shade: var(--blue-300);
    730   --stroke-color--light: var(--blue-100);
    731   --stroke-color--accent: var(--green-500);
    732   --stroke-green--light: var(--green-200);
    733   --background-color: var(--white);
    734   --background-color--shade: var(--blue-100);
    735   --background-color--light: var(--blue-150);
    736   --background-color--lighter: var(--blue-50);
    737   --background-color--bright: var(--blue-0);
    738   --background-color--accent: var(--green-500);
    739   --background-yellow--lighter: var(--yellow-50);
    740   --background-red--lighter: var(--red-50);
    741   --background-orange--lighter: var(--orange-50);
    742   --background-grey--lighter: var(--grey-50);
    743   --background-green--lighter: var(--green-100);
    744   --background-green--medium: var(--green-300);
    745   --drop-shadow: 0 0.25rem 0.25rem rgba(17, 20, 83, 0.2);
    746   --transition-easing: cubic-bezier(0.45, 0, 0.15, 1);
    747   --transition-easing--in-out: cubic-bezier(0.4, 0, 0.1, 1);
    748   --transition-duration: 0.32s;
    749   --transition: all 0.32s cubic-bezier(0.45, 0, 0.15, 1);
    750 }
    751 
    752 /* purgecss start ignore */
    753 /***
    754     The new CSS reset - version 1.7.3 (last updated 7.8.2022)
    755     GitHub page: https://github.com/elad2412/the-new-css-reset
    756 ***/
    757 /*
    758     Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    759     - The "symbol *" part is to solve Firefox SVG sprite bug
    760 */
    761 *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *, path, clipPath)) {
    762   all: unset;
    763   display: revert;
    764 }
    765 
    766 /* Preferred box-sizing value */
    767 *,
    768 *::before,
    769 *::after {
    770   box-sizing: border-box;
    771 }
    772 
    773 /* Reapply the pointer cursor for anchor tags */
    774 a, button {
    775   cursor: revert;
    776   -webkit-tap-highlight-color: transparent;
    777 }
    778 
    779 /* Remove list styles (bullets/numbers) */
    780 ol, ul, menu {
    781   list-style: none;
    782 }
    783 
    784 /* For images to not be able to exceed their container */
    785 img {
    786   max-width: 100%;
    787 }
    788 
    789 /* removes spacing between cells in tables */
    790 table {
    791   border-collapse: collapse;
    792 }
    793 
    794 /* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
    795 input, textarea {
    796   -webkit-user-select: auto;
    797 }
    798 
    799 /* revert the 'white-space' property for textarea elements on Safari */
    800 textarea {
    801   white-space: revert;
    802   overflow-wrap: break-word;
    803   word-wrap: break-word;
    804 }
    805 
    806 /* minimum style to allow to style meter element */
    807 meter {
    808   -webkit-appearance: revert;
    809   -moz-appearance: revert;
    810        appearance: revert;
    811 }
    812 
    813 /* reset default text opacity of input placeholder */
    814 ::-moz-placeholder {
    815   color: unset;
    816 }
    817 ::placeholder {
    818   color: unset;
    819 }
    820 
    821 /* fix the feature of 'hidden' attribute.
    822 display:revert; revert to element instead of attribute */
    823 :where([hidden]) {
    824   display: none;
    825 }
    826 
    827 /* revert for bug in Chromium browsers
    828 - fix for the content editable attribute will work properly.
    829 - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
    830 :where([contenteditable]:not([contenteditable=false])) {
    831   -moz-user-modify: read-write;
    832   -webkit-user-modify: read-write;
    833   overflow-wrap: break-word;
    834   -webkit-line-break: after-white-space;
    835   -webkit-user-select: auto;
    836 }
    837 
    838 /* apply back the draggable feature - exist only in Chromium and Safari */
    839 :where([draggable=true]) {
    840   -webkit-user-drag: element;
    841 }
    842 
    843 /* hide arrow in details on safari and ios */
    844 ::-webkit-details-marker {
    845   display: none;
    846 }
    847 
    848 /* purgecss end ignore */
    849 .affilizz-icon {
    850   display: flex;
    851   aspect-ratio: 1/1;
    852   width: 1.25rem;
    853   box-sizing: content-box;
    854   font-family: "affilizz-icons" !important;
    855   speak: never;
    856   font-style: normal;
    857   font-weight: normal;
    858   font-variant: normal;
    859   text-transform: none;
    860   line-height: 1;
    861   pointer-events: none;
    862   -webkit-font-smoothing: antialiased;
    863   -moz-osx-font-smoothing: grayscale;
    864   transition: var(--transition);
    865 }
    866 .affilizz-icon:before {
    867   align-self: center;
    868   margin: 0 auto;
    869 }
    870 
    871 .affilizz-icon--add:before {
    872   content: "\e908";
    873 }
    874 
    875 .affilizz-icon--remove:before {
    876   content: "\e909";
    877 }
    878 
    879 .affilizz-icon--pros:before {
    880   content: "\e906";
    881 }
    882 
    883 .affilizz-icon--cons:before {
    884   content: "\e907";
    885 }
    886 
    887 .affilizz-icon--table:before {
    888   content: "\e900";
    889 }
    890 
    891 .affilizz-icon--button:before {
    892   content: "\e901";
    893 }
    894 
    895 .affilizz-icon--card:before {
    896   content: "\e902";
    897 }
    898 
    899 .affilizz-icon--link:before {
    900   content: "\e903";
    901 }
    902 
    903 .affilizz-icon--search:before {
    904   content: "\e904";
    905 }
    906 
    907 .affilizz-icon--arrow-left:before {
    908   content: "\e905";
    909 }
    910 
    911 .affilizz-title, .affilizz-block__choice strong, .affilizz-block__product__informations, .affilizz-block__label {
    912   margin: 0;
    913   font-family: var(--title-font);
    914   font-weight: 500;
    915   line-height: 1.25em;
    916   color: var(--title-color);
    917 }
    918 .affilizz-title mark, .affilizz-block__choice strong mark, .affilizz-block__product__informations mark, .affilizz-block__label mark {
    919   font-weight: 500;
    920   color: var(--title-color--accent);
    921 }
    922 
    923 .affilizz-title--md {
    924   font-size: 1.5rem !important;
    925 }
    926 .affilizz-title--sm, .affilizz-block__choice strong {
    927   font-size: 1rem !important;
    928 }
    929 .affilizz-title--xs {
    930   font-size: 0.875rem !important;
    931 }
    932 .affilizz-title--xxs, .affilizz-block__product__informations {
    933   font-size: 0.75rem !important;
    934 }
    935 .affilizz-title--thin, .affilizz-block__product__informations, .affilizz-block__label {
    936   font-weight: 400 !important;
    937 }
    938 .affilizz-title--light {
    939   color: var(--title-color--light) !important;
    940 }
    941 .affilizz-title--centered {
    942   text-align: center !important;
    943 }
    944 
    945 .affilizz-block__button, .affilizz-block__accordion__button, .affilizz-block__accordion__create {
    946   --button-height: 2.75rem;
    947   --button-background: var(--blue-800);
    948   --button-color: var(--text-color--invert);
    949   --button-stroke: var(--stroke-color--dark);
    950   display: inline-grid;
    951   grid-template-columns: 1fr;
    952   grid-template-rows: 1fr;
    953   grid-template-areas: "text";
    954   gap: 0.5rem;
    955   min-height: var(--button-height);
    956   align-items: center;
    957   padding: 0 1.5rem;
    958   cursor: pointer !important;
    959   border-radius: var(--radius);
    960   -webkit-user-select: none;
    961      -moz-user-select: none;
    962           user-select: none;
    963   font-size: 0.875rem;
    964   font-weight: 500;
    965   line-height: var(--button-height);
    966   color: var(--button-color);
    967   text-align: center;
    968   background: var(--button-background);
    969   transition: var(--transition);
    970 }
    971 .affilizz-block__button:hover:not(.affilizz-block__button--inline, .affilizz-block__accordion__button, .affilizz-block__button--outline, .affilizz-block__accordion__create, .affilizz-block__button--disable), .affilizz-block__accordion__button:hover:not(.affilizz-block__button--inline, .affilizz-block__accordion__button, .affilizz-block__button--outline, .affilizz-block__accordion__create, .affilizz-block__button--disable), .affilizz-block__accordion__create:hover:not(.affilizz-block__button--inline, .affilizz-block__accordion__button, .affilizz-block__button--outline, .affilizz-block__accordion__create, .affilizz-block__button--disable) {
    972   --button-background: var(--background-color--accent);
    973 }
    974 .affilizz-block__button .affilizz-icon, .affilizz-block__accordion__button .affilizz-icon, .affilizz-block__accordion__create .affilizz-icon, .affilizz-block__button::after, .affilizz-block__accordion__button::after, .affilizz-block__accordion__create::after {
    975   grid-area: icon;
    976   font-size: 1.25rem;
    977   color: var(--button-color);
    978 }
    979 .affilizz-block__button--sm, .affilizz-block__accordion__create {
    980   font-size: 0.8125rem;
    981 }
    982 .affilizz-block__button--outline, .affilizz-block__accordion__create {
    983   --button-height: 1.5rem;
    984   --button-background: var(--background-color);
    985   --button-color: var(--text-color);
    986   padding: 0 0.5rem;
    987   border: 0.125rem solid var(--button-stroke);
    988 }
    989 .affilizz-block__button--outline:hover, .affilizz-block__accordion__create:hover {
    990   --button-color: var(--text-color--accent);
    991   --button-stroke: var(--stroke-color--accent);
    992 }
    993 .affilizz-block__button--disable {
    994   --button-background: var(--background-grey--lighter);
    995   --button-color: var(--text-color--lighter);
    996   cursor: auto !important;
    997 }
    998 .affilizz-block__button--icon, .affilizz-block__accordion__button {
    999   grid-template-columns: auto 1fr;
    1000   grid-template-rows: 1fr;
    1001   grid-template-areas: "text icon";
    1002 }
    1003 .affilizz-block__button--invert {
    1004   grid-template-areas: "icon text";
    1005 }
    1006 .affilizz-block__button--inline, .affilizz-block__accordion__button {
    1007   --button-color: var(--text-color);
    1008   padding: 0;
    1009   font-size: 0.75rem;
    1010   background: transparent;
    1011 }
    1012 .affilizz-block__button--inline:hover, .affilizz-block__accordion__button:hover {
    1013   --button-color: var(--text-color--accent);
    1014 }
    1015 .affilizz-block__button--offset {
    1016   margin-top: -0.75rem;
    1017 }
    1018 .affilizz-block__button--auto {
    1019   width: 100%;
    1020 }
    1021 
    1022 .affilizz-block__tag {
    1023   padding: 0.125rem 0.25rem;
    1024   margin: 0;
    1025   font-size: 0.6875rem;
    1026   line-height: 1em;
    1027   font-weight: 500;
    1028   background: var(--tag--default);
    1029   border-radius: var(--radius--xs);
    1030   color: var(--text-color--invert);
    1031 }
    1032 .affilizz-block__tag--default {
    1033   background: var(--tag--default);
    1034   color: var(--text-color);
    1035 }
    1036 .affilizz-block__tag--pink {
    1037   background: var(--tag--pink);
    1038   color: var(--text-color);
    1039 }
    1040 .affilizz-block__tag--purple {
    1041   background: var(--tag--purple);
    1042   color: var(--text-color);
    1043 }
    1044 .affilizz-block__tag__list {
    1045   display: flex;
    1046   gap: 0.25rem;
    1047   align-self: center;
    1048 }
    1049 
    1050 .affilizz-block input {
    1051   outline: 0 !important;
    1052   background: none;
    1053 }
    1054 .affilizz-block textarea {
    1055   resize: none !important;
    1056 }
    1057 .affilizz-block__field {
    1058   --field-stroke-color: var(--stroke-color--shade);
    1059   display: grid;
    1060   grid-template-columns: 1fr;
    1061   grid-template-rows: 1fr auto;
    1062   grid-template-areas: "label" "input";
    1063 }
    1064 .affilizz-block__field + * {
    1065   margin-top: 0.5rem;
    1066 }
    1067 .affilizz-block__field:hover .affilizz-block__input:not(.affilizz-block__input--quality) {
    1068   box-shadow: 0 0 0 0.1875rem var(--stroke-green--light) !important;
    1069 }
    1070 .affilizz-block__field--search {
    1071   --field-stroke-color: var(--stroke-color--medium);
    1072   align-items: center;
    1073 }
    1074 .affilizz-block__field--search .affilizz-icon {
    1075   grid-area: input;
    1076   padding-inline: 0.625rem;
    1077   font-size: 1.25rem;
    1078   color: var(--text-color--medium);
    1079 }
    1080 .affilizz-block__field--search + * {
    1081   margin-top: 1rem;
    1082 }
    1083 .affilizz-block__field--quality {
    1084   grid-template-columns: auto 1fr auto auto;
    1085   grid-template-rows: 1fr;
    1086   grid-template-areas: "icon input clone remove";
    1087 }
    1088 .affilizz-block__field--quality input.affilizz-block__input {
    1089   grid-column: icon/input;
    1090   height: 2rem;
    1091   padding: 0 0.75rem 0 2.75rem !important;
    1092   position: relative;
    1093   z-index: 2;
    1094 }
    1095 .affilizz-block__field--quality input.affilizz-block__input, .affilizz-block__field--quality input.affilizz-block__input:focus, .affilizz-block__field--quality input.affilizz-block__input:hover {
    1096   box-shadow: 0 0 0 0 transparent !important;
    1097 }
    1098 .affilizz-block__field--quality .affilizz-icon--pros,
    1099 .affilizz-block__field--quality .affilizz-icon--cons {
    1100   grid-area: icon;
    1101   width: 2rem;
    1102   height: calc(2rem - 2px);
    1103   border: 0.0625rem solid var(--field-stroke-color);
    1104   background: var(--background-grey--lighter);
    1105   position: relative;
    1106   z-index: 3;
    1107 }
    1108 .affilizz-block__field--quality .affilizz-icon {
    1109   font-size: 1.125rem;
    1110   border-top-left-radius: var(--radius);
    1111   border-bottom-left-radius: var(--radius);
    1112 }
    1113 .affilizz-block__field--quality .affilizz-icon--pros {
    1114   color: var(--text-color--accent) !important;
    1115 }
    1116 .affilizz-block__field--quality .affilizz-icon--cons {
    1117   color: var(--text-red--accent) !important;
    1118 }
    1119 .affilizz-block__field--quality .affilizz-block__add {
    1120   margin-left: 0.5rem;
    1121 }
    1122 .affilizz-block__field--quality .affilizz-block__add,
    1123 .affilizz-block__field--quality .affilizz-block__remove {
    1124   display: flex;
    1125   width: 2rem;
    1126   justify-content: center;
    1127   cursor: pointer !important;
    1128 }
    1129 .affilizz-block__field--quality .affilizz-block__add i,
    1130 .affilizz-block__field--quality .affilizz-block__remove i {
    1131   color: var(--text-color--light);
    1132 }
    1133 .affilizz-block__field--quality .affilizz-block__add:hover i,
    1134 .affilizz-block__field--quality .affilizz-block__remove:hover i {
    1135   color: var(--text-color);
    1136   transform: scale(1.1);
    1137 }
    1138 .affilizz-block__field--quality + * {
    1139   margin-top: 0.25rem;
    1140 }
    1141 .affilizz-block__field__list + * {
    1142   margin-top: 0.5rem;
    1143 }
    1144 .affilizz-block__field.has-error .help {
    1145   color: #e41f5a;
    1146   margin-top: 0.125rem;
    1147 }
    1148 .affilizz-block__field.has-error .affilizz-block__label {
    1149   color: #e41f5a !important;
    1150 }
    1151 .affilizz-block__field.has-error .affilizz-block__input {
    1152   border-color: #e41f5a !important;
    1153 }
    1154 .affilizz-block__input {
    1155   grid-area: input;
    1156   padding: 0.625rem 0.75rem !important;
    1157   min-height: auto !important;
    1158   border: 0.0625rem solid var(--field-stroke-color) !important;
    1159   border-radius: var(--radius) !important;
    1160   font-size: 1rem !important;
    1161   line-height: 1.5rem !important;
    1162   color: var(--text-color--medium) !important;
    1163   transition: var(--transition) !important;
    1164 }
    1165 .affilizz-block__input::-moz-placeholder {
    1166   color: var(--text-color--lighter) !important;
    1167 }
    1168 .affilizz-block__input::placeholder {
    1169   color: var(--text-color--lighter) !important;
    1170 }
    1171 .affilizz-block__input:focus {
    1172   box-shadow: 0 0 0 0.1875rem var(--stroke-green--light) !important;
    1173 }
    1174 .affilizz-block__input:focus + :not(i) {
    1175   color: var(--text-color) !important;
    1176 }
    1177 .affilizz-block__input:hover, .affilizz-block__input:focus {
    1178   --field-stroke-color: var(--stroke-color);
    1179 }
    1180 .affilizz-block__input--search {
    1181   padding: 0.75rem 0.875rem 0.75rem 2.5rem !important;
    1182 }
    1183 .affilizz-block__label {
    1184   display: flex;
    1185   justify-content: space-between;
    1186   grid-area: label;
    1187   margin-block-end: 0.125rem;
    1188   font-size: 0.8125rem;
    1189   color: var(--text-color--medium);
    1190 }
    1191 .affilizz-block__label small {
    1192   color: #7a7db0;
    1193   font-size: 0.75rem;
    1194   font-style: italic;
    1195 }
    1196 
    1197 @keyframes slide {
    1198   0% {
    1199     tranform: translate(0, 0);
    1200   }
    1201   100% {
    1202     transform: translate(-66.6666666667%, 0);
    1203   }
    1204 }
    1205 .affilizz-block__product {
    1206   display: grid;
    1207   grid-template-columns: auto 1fr;
    1208   grid-template-rows: auto 1fr;
    1209   grid-template-areas: "image title" "image informations";
    1210   align-items: center;
    1211   gap: 0.25rem 0.5rem;
    1212   width: 100%;
    1213   padding: 0.5rem;
    1214   border: 0.0625rem solid var(--stroke-color--shade);
    1215   border-radius: var(--radius);
    1216   cursor: pointer !important;
    1217   position: relative;
    1218   z-index: 2;
    1219   transition: var(--transition);
    1220 }
    1221 .affilizz-block__product--selected {
    1222   border-color: #1dd6a1;
    1223   background: linear-gradient(to top, #eaf4ff 0%, white 100%);
    1224 }
    1225 .affilizz-block__product--brand, .affilizz-block__product--loading {
    1226   grid-template-columns: auto auto 1fr;
    1227   grid-template-areas: "image title title" "image brand price";
    1228 }
    1229 .affilizz-block__product--brand .accent-color {
    1230   font-size: 0.875rem;
    1231   font-weight: 500;
    1232   color: var(--text-color--accent);
    1233 }
    1234 .affilizz-block__product--loading {
    1235   grid-template-columns: auto auto 0.0625rem auto 1fr;
    1236   grid-template-rows: auto auto auto;
    1237   grid-template-areas: "square line1 line1 line1 line1" "square line2 line2 line2 line2" "square line3 pipe line4 space";
    1238   border-color: var(--stroke-color--light) !important;
    1239   transform: none !important;
    1240 }
    1241 .affilizz-block__product--loading::before {
    1242   display: none !important;
    1243 }
    1244 .affilizz-block__product--loading::after {
    1245   content: "";
    1246   grid-area: pipe;
    1247   width: 0.0625rem;
    1248   height: 100%;
    1249   background: var(--background-grey--lighter);
    1250 }
    1251 .affilizz-block__product--loading .affilizz-block__square {
    1252   grid-area: square;
    1253   aspect-ratio: 1/1;
    1254   width: 3.5rem;
    1255   margin-right: 0.5rem;
    1256   border-radius: var(--radius);
    1257 }
    1258 .affilizz-block__product--loading > * {
    1259   min-height: 0.75rem;
    1260   border-radius: 6.25rem;
    1261   position: relative;
    1262   overflow: hidden;
    1263 }
    1264 .affilizz-block__product--loading > *::before {
    1265   content: "";
    1266   display: block;
    1267   width: 300%;
    1268   height: 100%;
    1269   background: linear-gradient(to right, var(--background-grey--lighter) 0%, var(--background-color) 33.33%, var(--background-grey--lighter) 66.66%, var(--background-color));
    1270   position: absolute;
    1271   top: 0;
    1272   left: 0;
    1273   z-index: -1;
    1274   animation: slide 1.5s linear infinite;
    1275 }
    1276 .affilizz-block__product--loading .affilizz-block__line {
    1277   min-width: 3rem;
    1278 }
    1279 .affilizz-block__product--loading .affilizz-block__line--1 {
    1280   grid-area: line1;
    1281 }
    1282 .affilizz-block__product--loading .affilizz-block__line--1::before {
    1283   animation-delay: 0.25s;
    1284 }
    1285 .affilizz-block__product--loading .affilizz-block__line--2 {
    1286   grid-area: line2;
    1287 }
    1288 .affilizz-block__product--loading .affilizz-block__line--2::before {
    1289   animation-delay: 0.5s;
    1290 }
    1291 .affilizz-block__product--loading .affilizz-block__line--3 {
    1292   grid-area: line3;
    1293 }
    1294 .affilizz-block__product--loading .affilizz-block__line--3::before {
    1295   animation-delay: 0.75s;
    1296 }
    1297 .affilizz-block__product--loading .affilizz-block__line--4 {
    1298   grid-area: line4;
    1299 }
    1300 .affilizz-block__product--loading .affilizz-block__line--4::before {
    1301   animation-delay: 1s;
    1302 }
    1303 .affilizz-block__product::before {
    1304   content: "";
    1305   display: block;
    1306   width: 100%;
    1307   height: 100%;
    1308   border-radius: inherit;
    1309   box-shadow: 0 2px 1px rgba(17, 20, 83, 0.1);
    1310   pointer-events: none;
    1311   opacity: 0;
    1312   position: absolute;
    1313   top: 0;
    1314   left: 0;
    1315   z-index: -1;
    1316   transition: var(--transition);
    1317 }
    1318 .affilizz-block__product:not(.affilizz-block__product--selected):hover {
    1319   border-color: var(--stroke-color);
    1320   z-index: 3;
    1321   transform: translate(0, -0.0625rem);
    1322 }
    1323 .affilizz-block__product:not(.affilizz-block__product--selected):hover::before {
    1324   opacity: 1;
    1325 }
    1326 .affilizz-block__product__list {
    1327   display: flex;
    1328   flex-wrap: wrap;
    1329   gap: 0.25rem;
    1330   margin-inline: 0;
    1331 }
    1332 .affilizz-block__product__item {
    1333   flex: 0 0 100%;
    1334 }
    1335 .affilizz-block__product__title {
    1336   grid-area: title;
    1337   align-self: end;
    1338   margin: 0;
    1339 }
    1340 .affilizz-block__product__brand {
    1341   grid-area: brand;
    1342   display: flex;
    1343   font-size: 0.75rem;
    1344   align-items: center;
    1345   gap: 0.25rem;
    1346   margin: 0;
    1347 }
    1348 .affilizz-block__product__brand img {
    1349   flex: 0 0 1.25rem;
    1350   max-width: 1.25rem;
    1351 }
    1352 .affilizz-block__product__price {
    1353   grid-area: price;
    1354   padding-left: 0.5rem;
    1355   margin: 0;
    1356   font-size: 0.875rem;
    1357   font-weight: 500;
    1358   color: var(--text-color--accent);
    1359   border-left: 0.0625rem solid var(--stroke-color);
    1360 }
    1361 .affilizz-block__product__informations {
    1362   grid-area: informations;
    1363   align-self: start;
    1364   margin: 0;
    1365 }
    1366 .affilizz-block__product__image {
    1367   grid-area: image;
    1368   aspect-ratio: 1/1;
    1369   width: 4rem;
    1370   height: 4rem;
    1371   -o-object-fit: contain;
    1372      object-fit: contain;
    1373 }
    1374 .affilizz-block__product--not-affiliated {
    1375   border: 0;
    1376   padding: 1rem 1.5rem;
    1377   border-radius: var(--radius--lg);
    1378   background: var(--background-red--lighter) !important;
    1379 }
    1380 .affilizz-block__product--not-affiliated .pretitle {
    1381   color: #b91b4a;
    1382   margin-bottom: 0.3125rem;
    1383 }
    1384 .affilizz-block__product--not-affiliated .pretitle img {
    1385   width: 16px !important;
    1386   height: 16px !important;
    1387   background-color: transparent !important;
    1388   padding: 0 !important;
    1389 }
    1390 .affilizz-block__product--not-affiliated .pretitle span {
    1391   vertical-align: middle;
    1392 }
    1393 * + .affilizz-block__product {
    1394   margin-top: 0.375rem;
    1395 }
    1396 * + .affilizz-block__product--loading {
    1397   margin-top: 1rem;
    1398 }
    1399 
    1400 .affilizz-block__accordion {
    1401   display: grid;
    1402   grid-template-columns: 1fr;
    1403   grid-template-rows: auto auto;
    1404   grid-template-areas: "content" "button";
    1405   position: relative;
    1406 }
    1407 .affilizz-block__accordion__content {
    1408   display: flex;
    1409   flex-wrap: wrap;
    1410 }
    1411 .affilizz-block__accordion__content > * {
    1412   flex: 0 0 100%;
    1413 }
    1414 .affilizz-block__accordion__list {
    1415   display: flex;
    1416   flex-wrap: wrap;
    1417   gap: 0.4rem;
    1418 }
    1419 .affilizz-block__accordion__item {
    1420   margin: 0;
    1421   flex: 0 0 100%;
    1422   display: grid;
    1423   grid-template-columns: 1fr auto;
    1424   grid-template-rows: auto auto;
    1425   grid-template-areas: "brand price" "link button";
    1426   gap: 0.4rem 1.6rem;
    1427   padding: 0.8rem;
    1428   padding-block-end: 0.4rem;
    1429   border-radius: var(--radius);
    1430   background: var(--background-color--bright);
    1431 }
    1432 .affilizz-block__accordion__brand {
    1433   grid-area: brand;
    1434   display: flex;
    1435 }
    1436 .affilizz-block__accordion__brand p {
    1437   display: flex;
    1438   align-items: center;
    1439   gap: 0.4rem;
    1440   font-size: 1.3rem;
    1441   margin: 0;
    1442 }
    1443 .affilizz-block__accordion__brand img {
    1444   width: 2rem;
    1445 }
    1446 .affilizz-block__accordion__brand .affilizz-block__tag__list {
    1447   padding-inline-start: 0.8rem;
    1448   border-left: 0.1rem solid var(--stroke-color);
    1449   margin-inline-start: 0.8rem;
    1450 }
    1451 .affilizz-block__accordion__price {
    1452   grid-area: price;
    1453   display: flex;
    1454   align-items: center;
    1455   gap: 0.4rem;
    1456   font-size: 1.3rem;
    1457   font-weight: 500;
    1458 }
    1459 .affilizz-block__accordion__price p {
    1460   margin: 0;
    1461 }
    1462 .affilizz-block__accordion__price .affilizz-block__tag__list {
    1463   order: -1;
    1464 }
    1465 .affilizz-block__accordion__link {
    1466   grid-area: link;
    1467   padding-block: 0.4rem;
    1468   margin: 0;
    1469   outline: 0 !important;
    1470   font-size: 1.1rem;
    1471   line-height: 1.6rem;
    1472 }
    1473 .affilizz-block__accordion__link:hover {
    1474   text-decoration: underline;
    1475 }
    1476 .affilizz-block__accordion__create {
    1477   grid-area: button;
    1478   align-self: center;
    1479   margin-inline-start: auto;
    1480   margin-block-start: 0 !important;
    1481   margin-block-end: 0.4rem !important;
    1482 }
    1483 .affilizz-block__accordion__button {
    1484   grid-area: button;
    1485   justify-self: center !important;
    1486   font-weight: 400;
    1487 }
    1488 .affilizz-block__accordion__button::before {
    1489   content: attr(data-collapse);
    1490 }
    1491 .affilizz-block__accordion__button::after {
    1492   grid-area: icon;
    1493   content: "";
    1494   width: 0.8rem;
    1495   height: 0.8rem;
    1496   border: 0.2rem solid currentColor;
    1497   border-bottom: 0;
    1498   border-left: 0;
    1499   transform: translate(0, 25%) rotate(-45deg);
    1500   transition: var(--transition);
    1501 }
    1502 
    1503 .js-accordion .affilizz-block__accordion__content {
    1504   overflow: hidden;
    1505   opacity: 0;
    1506   transition: var(--transition);
    1507 }
    1508 .js-accordion.expand .affilizz-block__accordion__content {
    1509   height: var(--accordion-height-open);
    1510   opacity: 1;
    1511 }
    1512 .js-accordion.expand .affilizz-block__accordion__button::after {
    1513   transform: translate(0, 25%) rotate(-45deg);
    1514 }
    1515 .js-accordion.expand .affilizz-block__accordion__button::before {
    1516   content: attr(data-open);
    1517 }
    1518 .js-accordion:not(.expand) .affilizz-block__accordion__button::after {
    1519   transform: translate(0, -25%) rotate(-45deg) scale(-1, -1);
    1520 }
    1521 .js-accordion:not(.expand) .affilizz-block__accordion__content {
    1522   height: var(--accordion-height-close, auto);
    1523 }
    1524 
    1525 .affilizz-block {
    1526   padding: var(--block-padding-block) var(--block-padding-inline);
    1527   background: var(--background-color);
    1528   color: var(--text-color);
    1529   max-height: 80vh;
    1530   overflow: visible;
    1531 }
    1532 .affilizz-block ::-moz-selection {
    1533   background: var(--green-100);
    1534 }
    1535 .affilizz-block ::selection {
    1536   background: var(--green-100);
    1537 }
    1538 .affilizz-block a {
    1539   outline: 0 !important;
    1540   color: currentColor;
    1541 }
    1542 .affilizz-block + .affilizz-block {
    1543   padding-block-start: 0;
    1544 }
    1545 .affilizz-block--border {
    1546   padding-block-end: 1rem;
    1547 }
    1548 .affilizz-block--reduce .affilizz-block__section--border {
    1549   padding-block-end: 1rem;
    1550 }
    1551 .affilizz-block__section + *:not(.affilizz-block__section), .affilizz-block__alert + *:not(.affilizz-block__section) {
    1552   margin-top: 1rem;
    1553 }
    1554 .affilizz-block__section {
    1555   padding: 1rem 0 0;
    1556 }
    1557 .affilizz-block__section .affilizz-block__title {
    1558   margin-top: 1rem;
    1559 }
    1560 .affilizz-block__section--select {
    1561   padding-block-end: 1.25rem;
    1562   padding: 0 !important;
    1563   border-radius: var(--radius--lg);
    1564   outline: 0.0625rem solid var(--background-color--light);
    1565   outline-offset: -0.0625rem;
    1566   position: relative;
    1567   z-index: 10;
    1568 }
    1569 .affilizz-block__section--select + .affilizz-block__section--border {
    1570   margin-top: 1.25rem;
    1571 }
    1572 .affilizz-block__section--select::before {
    1573   content: "";
    1574   display: block;
    1575   width: 0.75rem;
    1576   height: 0.75rem;
    1577   border: 0.75rem solid transparent;
    1578   border-top-color: var(--background-color--light);
    1579   position: absolute;
    1580   bottom: 0;
    1581   left: 50%;
    1582   z-index: -1;
    1583   transform-origin: center top;
    1584   transform: translate(-50%, 100%);
    1585 }
    1586 .affilizz-block__section--select .affilizz-block__type__list {
    1587   margin-top: 1.25rem;
    1588   padding-bottom: 1rem;
    1589 }
    1590 .affilizz-block__section--select .affilizz-block__product {
    1591   border: none;
    1592   padding: 1rem 1.5rem;
    1593   gap: 0.75rem;
    1594   border-radius: 0;
    1595   border-top-left-radius: inherit;
    1596   border-top-right-radius: inherit;
    1597   background: var(--background-color--light);
    1598   cursor: auto !important;
    1599   transform: none !important;
    1600 }
    1601 .affilizz-block__section--select .affilizz-block__product::before {
    1602   display: none;
    1603 }
    1604 .affilizz-block__section--select .affilizz-block__product + * {
    1605   margin-top: 1.25rem;
    1606 }
    1607 .affilizz-block__section--select .affilizz-block__product__title {
    1608   grid-row: 1/-1;
    1609   align-self: center;
    1610 }
    1611 .affilizz-block__section--select .affilizz-block__product img {
    1612   width: 4.5rem;
    1613   height: 4.5rem;
    1614   padding: 0.25rem;
    1615   border-radius: 0.125rem;
    1616   background-color: var(--background-color);
    1617 }
    1618 .affilizz-block__section--border {
    1619   padding: 1.75rem;
    1620   background: var(--background-color--light);
    1621   border-radius: var(--radius--lg);
    1622   position: relative;
    1623   z-index: 2;
    1624 }
    1625 .affilizz-block__section--border + .affilizz-block__section--border {
    1626   margin-top: 1.25rem;
    1627 }
    1628 .affilizz-block__section--border::before {
    1629   content: "";
    1630   display: block;
    1631   width: calc(100% - 1rem * 2);
    1632   height: calc(100% - 1rem * 2);
    1633   background: var(--background-color);
    1634   border-radius: var(--radius--sm);
    1635   position: absolute;
    1636   top: 50%;
    1637   left: 50%;
    1638   z-index: -1;
    1639   transform: translate(-50%, -50%);
    1640 }
    1641 .affilizz-block__section .brand-and-price {
    1642   display: flex;
    1643   align-items: center;
    1644   justify-content: center;
    1645   gap: 0.5rem;
    1646   margin-top: 0.5rem;
    1647 }
    1648 .affilizz-block__section .brand-and-price > * {
    1649   flex: 1;
    1650 }
    1651 .affilizz-block__section .brand-and-price > *:first-child {
    1652   justify-content: end;
    1653 }
    1654 .affilizz-block__title {
    1655   padding: 0 !important;
    1656 }
    1657 .affilizz-block__title.affilizz-title--thin + *, .affilizz-block__title.affilizz-block__label + *, .affilizz-block__title.affilizz-block__product__informations + * {
    1658   margin-top: 0.25rem;
    1659 }
    1660 .affilizz-block .affilizz-title + .affilizz-title, .affilizz-block .affilizz-block__choice strong + .affilizz-title, .affilizz-block__choice .affilizz-block strong + .affilizz-title, .affilizz-block .affilizz-block__choice .affilizz-title + strong, .affilizz-block__choice .affilizz-block .affilizz-title + strong, .affilizz-block .affilizz-block__choice strong + strong, .affilizz-block__choice .affilizz-block strong + strong, .affilizz-block .affilizz-block__label + .affilizz-title, .affilizz-block .affilizz-block__choice .affilizz-block__label + strong, .affilizz-block__choice .affilizz-block .affilizz-block__label + strong, .affilizz-block .affilizz-block__product__informations + .affilizz-title, .affilizz-block .affilizz-block__choice .affilizz-block__product__informations + strong, .affilizz-block__choice .affilizz-block .affilizz-block__product__informations + strong, .affilizz-block .affilizz-title + .affilizz-block__label, .affilizz-block .affilizz-block__choice strong + .affilizz-block__label, .affilizz-block__choice .affilizz-block strong + .affilizz-block__label, .affilizz-block .affilizz-block__label + .affilizz-block__label, .affilizz-block .affilizz-block__product__informations + .affilizz-block__label, .affilizz-block .affilizz-title + .affilizz-block__product__informations, .affilizz-block .affilizz-block__choice strong + .affilizz-block__product__informations, .affilizz-block__choice .affilizz-block strong + .affilizz-block__product__informations, .affilizz-block .affilizz-block__label + .affilizz-block__product__informations, .affilizz-block .affilizz-block__product__informations + .affilizz-block__product__informations {
    1661   margin-top: 0.625rem;
    1662 }
    1663 .affilizz-block__section-title {
    1664   color: #404489 !important;
    1665   font-size: 1rem !important;
    1666   padding: 0 !important;
    1667 }
    1668 .affilizz-block__choice {
    1669   display: flex;
    1670   flex-wrap: wrap;
    1671   justify-items: center;
    1672   border-radius: var(--radius);
    1673   border: 0.0625rem solid var(--stroke-color--light);
    1674   background: var(--background-color);
    1675   cursor: pointer !important;
    1676   text-align: center;
    1677   position: relative;
    1678   z-index: 2;
    1679   transition: var(--transition);
    1680 }
    1681 .affilizz-block__choice::before {
    1682   content: "";
    1683   display: block;
    1684   width: 100%;
    1685   height: 100%;
    1686   border-radius: inherit;
    1687   box-shadow: var(--drop-shadow);
    1688   pointer-events: none;
    1689   opacity: 0;
    1690   position: absolute;
    1691   top: 0;
    1692   left: 0;
    1693   z-index: -1;
    1694   transition: var(--transition);
    1695 }
    1696 .affilizz-block__choice:hover {
    1697   border-color: var(--stroke-color);
    1698   transform: translate(0, -0.0625rem);
    1699 }
    1700 .affilizz-block__choice:hover::before {
    1701   opacity: 1;
    1702 }
    1703 .affilizz-block__choice > * {
    1704   flex: 0 0 100%;
    1705 }
    1706 .affilizz-block__choice span {
    1707   padding: 0.75rem 1.5rem;
    1708   font-size: 1rem;
    1709   line-height: 1.25rem;
    1710 }
    1711 .affilizz-block__choice strong {
    1712   display: block;
    1713   font-weight: 600;
    1714 }
    1715 .affilizz-block__choice img {
    1716   order: -1;
    1717   display: block;
    1718   padding: 0.75rem 0;
    1719   pointer-events: none;
    1720   border-radius: var(--radius);
    1721   border-bottom-left-radius: 0;
    1722   border-bottom-right-radius: 0;
    1723   aspect-ratio: 16/9;
    1724   -o-object-fit: contain;
    1725      object-fit: contain;
    1726 }
    1727 .affilizz-block__choice--blue img {
    1728   background-color: var(--background-color--lighter);
    1729 }
    1730 .affilizz-block__choice--yellow img {
    1731   background-color: var(--background-yellow--lighter);
    1732 }
    1733 .affilizz-block__choice__list {
    1734   display: flex;
    1735   justify-content: center;
    1736   gap: 1rem;
    1737 }
    1738 .affilizz-block__choice__item {
    1739   flex: 1;
    1740   max-width: 13.125rem;
    1741 }
    1742 .affilizz-block__button, .affilizz-block__accordion__create, .affilizz-block__accordion__button {
    1743   justify-self: start;
    1744 }
    1745 * + .affilizz-block__button, * + .affilizz-block__accordion__create, * + .affilizz-block__accordion__button {
    1746   margin-top: 1rem;
    1747 }
    1748 .affilizz-block__checkbox:selected + label:before {
    1749   background: red !important;
    1750 }
    1751 .affilizz-block__filter__list {
    1752   display: flex;
    1753   flex-wrap: wrap;
    1754   border: 0.0625rem solid var(--stroke-color--shade);
    1755   gap: 0.0625rem;
    1756   margin-inline: 0;
    1757   background: var(--stroke-color--shade);
    1758   border-radius: var(--radius);
    1759   overflow: hidden;
    1760 }
    1761 .affilizz-block__filter__list + p {
    1762   margin-bottom: 0 !important;
    1763 }
    1764 .affilizz-block__filter__item {
    1765   display: grid;
    1766   flex: 1 1 auto;
    1767   margin: 0;
    1768   background: var(--background-color);
    1769   -webkit-user-select: none;
    1770      -moz-user-select: none;
    1771           user-select: none;
    1772   cursor: pointer;
    1773 }
    1774 .affilizz-block__filter__item > * {
    1775   grid-row: 1/-1 !important;
    1776   grid-column: 1/-1 !important;
    1777 }
    1778 .affilizz-block__filter__item.checked label {
    1779   color: var(--text-color--medium);
    1780 }
    1781 .affilizz-block__filter__item.checked label::before {
    1782   background: var(--background-green--lighter);
    1783   opacity: 1;
    1784 }
    1785 .affilizz-block__filter__item.checked.checked-first label::before, .affilizz-block__filter__item.checked.checked-last label::before {
    1786   background: var(--background-green--medium);
    1787   opacity: 1;
    1788 }
    1789 .affilizz-block__filter__item input {
    1790   width: 100% !important;
    1791   height: 100% !important;
    1792   border: none !important;
    1793   color: unset !important;
    1794   outline: none !important;
    1795   border-radius: 0 !important;
    1796   -webkit-appearance: none !important;
    1797      -moz-appearance: none !important;
    1798           appearance: none !important;
    1799   box-shadow: none !important;
    1800   margin: 0 !important;
    1801   pointer-events: none;
    1802   transition: var(--transition) !important;
    1803 }
    1804 .affilizz-block__filter__item label {
    1805   width: 100%;
    1806   padding-inline: 0.5rem;
    1807   font-size: 0.875rem;
    1808   font-weight: 500;
    1809   line-height: 1.75rem;
    1810   text-align: center;
    1811   white-space: nowrap;
    1812   color: var(--text-color--lighter);
    1813   position: relative;
    1814   z-index: 2;
    1815   transition: var(--transition);
    1816 }
    1817 .affilizz-block__filter__item label::before {
    1818   content: "";
    1819   display: block;
    1820   width: calc(100% + 0.125rem);
    1821   height: 100%;
    1822   background: var(--background-green--medium);
    1823   opacity: 0;
    1824   position: absolute;
    1825   top: 0;
    1826   left: 50%;
    1827   transform: translate(-50%, 0);
    1828   z-index: -1;
    1829   transition: var(--transition);
    1830 }
    1831 .affilizz-block__filter__item:hover label {
    1832   color: var(--text-color--medium);
    1833 }
    1834 .affilizz-block__filter__item:hover label::before {
    1835   background: var(--background-green--lighter);
    1836   opacity: 1;
    1837 }
    1838 * + .affilizz-block__filter {
    1839   margin-top: 1rem;
    1840 }
    1841 .affilizz-block__back-button {
    1842   display: flex;
    1843   align-items: center;
    1844   gap: 0.5rem;
    1845   margin-bottom: 1rem;
    1846   margin-top: -0.5rem !important;
    1847   background: var(--blue-0);
    1848   padding: 0.25rem 0.5rem;
    1849   border-radius: 5px;
    1850   border: 1px solid var(--blue-300);
    1851 }
    1852 .affilizz-block__alert {
    1853   padding: 1rem 1.5rem;
    1854   border-radius: var(--radius--lg);
    1855   background: var(--background-color--lighter);
    1856   font-size: 0.875rem;
    1857   line-height: 1.375rem;
    1858 }
    1859 .affilizz-block__alert a {
    1860   color: currentColor !important;
    1861   text-decoration: underline;
    1862 }
    1863 .affilizz-block__alert .affilizz-button--hollow {
    1864   border-color: var(--blue-800);
    1865   color: var(--blue-800);
    1866 }
    1867 .affilizz-block__alert .affilizz-button--hollow img {
    1868   padding: 0 !important;
    1869 }
    1870 .affilizz-block__alert__actions {
    1871   display: flex;
    1872   gap: 0.375rem;
    1873   margin-top: 0.375rem;
    1874 }
    1875 .affilizz-block__alert__actions a {
    1876   padding: 0 0.25rem;
    1877 }
    1878 .affilizz-block__alert--red {
    1879   background: var(--background-red--lighter);
    1880 }
    1881 .affilizz-block__alert--orange {
    1882   background: var(--background-orange--lighter);
    1883 }
    1884 .affilizz-block__type__list {
    1885   display: flex;
    1886   flex-wrap: wrap;
    1887   justify-content: center;
    1888   gap: 0.5rem;
    1889 }
    1890 .affilizz-block__type__button {
    1891   display: flex;
    1892   flex-wrap: wrap;
    1893   align-content: center;
    1894   justify-content: center;
    1895   flex: 0 0 4.5rem;
    1896   width: 4.5rem;
    1897   border: 0.0625rem solid var(--stroke-color--medium);
    1898   aspect-ratio: 1/1;
    1899   border-radius: var(--radius);
    1900   color: var(--text-color--medium);
    1901   text-align: center;
    1902   cursor: pointer !important;
    1903   transition: var(--transition);
    1904 }
    1905 .affilizz-block__type__button p {
    1906   flex: 0 0 100%;
    1907   font-size: 0.875rem;
    1908   font-weight: 600;
    1909   margin-bottom: 0;
    1910 }
    1911 .affilizz-block__type__button i {
    1912   font-size: 1.25rem;
    1913   margin-bottom: 0.2em;
    1914   order: -1;
    1915 }
    1916 .affilizz-block__type__button.active {
    1917   color: var(--text-color);
    1918   background: var(--background-green--lighter);
    1919   border-color: var(--stroke-color-dark);
    1920 }
    1921 .affilizz-block__type__button.disable {
    1922   color: var(--text-color--lighter);
    1923   border-color: var(--stroke-color--shade);
    1924   background: var(--background-grey--lighter);
    1925   cursor: default !important;
    1926 }
    1927 .affilizz-block__merchant {
    1928   display: block;
    1929   width: 100%;
    1930   font-size: 0.75rem;
    1931   line-height: 1.25rem;
    1932   text-align: center;
    1933   margin: 0;
    1934 }
    1935 .affilizz-block__merchant mark {
    1936   color: var(--text-color--accent);
    1937   font-weight: 500;
    1938   font-size: 1rem;
    1939 }
    1940 .affilizz-block__merchant span {
    1941   display: inline-flex;
    1942   align-items: baseline;
    1943   gap: 0.25rem;
    1944 }
    1945 .affilizz-block__merchant img {
    1946   align-self: center;
    1947   width: 1.25rem;
    1948   -o-object-fit: contain;
    1949      object-fit: contain;
    1950 }
    1951 .affilizz-block__merchant--single span {
    1952   padding-inline-end: 0.5rem;
    1953   border-right: 0.0625rem solid var(--stroke-color);
    1954   margin-inline-end: 0.5rem;
    1955 }
    1956 .affilizz-block__message {
    1957   padding-block: 0.25rem 0.75rem;
    1958   margin: 0;
    1959   font-style: italic;
    1960   font-size: 0.6875rem;
    1961   text-align: center;
    1962   color: var(--text-color--medium);
    1963   transform: translate(0, 0.2rem);
    1964   transition: var(--transition);
    1965 }
    1966 .affilizz-block__infos {
    1967   text-align: center;
    1968   margin: 1rem auto;
    1969   color: var(--blue-800);
    1970 }
    1971 .affilizz-block__infos__starting {
    1972   display: flex;
    1973   align-items: center;
    1974   gap: 5px;
    1975   justify-content: center;
    1976   margin-bottom: 5px;
    1977 }
    1978 .affilizz-block__infos__starting img {
    1979   max-height: 16px;
    1980 }
    1981 .affilizz-block__infos__starting + br {
    1982   display: none !important;
    1983 }
    1984 .affilizz-block__infos .price {
    1985   font-size: 0.875rem;
    1986   font-weight: 500;
    1987   color: var(--text-color--accent);
    1988 }
    1989 .affilizz-block__infos em {
    1990   font-style: italic;
    1991   font-size: 0.8125rem;
    1992   color: var(--blue-600);
    1993 }
    1994 .affilizz-block__infos img {
    1995   max-width: 1.5rem;
    1996 }
    1997 .affilizz-block__more-button {
    1998   display: flex;
    1999   align-items: center;
    2000   margin: 0 auto;
    2001   cursor: pointer;
    2002   justify-content: center;
    2003   gap: 5px;
    2004 }
    2005 .affilizz-block__more-button img {
    2006   max-width: 10px;
    2007 }
    2008 * + .affilizz-block__merchant {
    2009   margin-top: 0.5rem;
    2010 }
    2011 .affilizz-block__offers {
    2012   position: relative;
    2013 }
    2014 .affilizz-block__offers:after, .affilizz-block__offers:before {
    2015   content: "";
    2016   position: absolute;
    2017   height: 1rem;
    2018   width: 100%;
    2019   z-index: 50;
    2020 }
    2021 .affilizz-block__offers:before {
    2022   background: linear-gradient(white, transparent);
    2023   top: 0;
    2024 }
    2025 .affilizz-block__offers:after {
    2026   background: linear-gradient(transparent, white);
    2027   bottom: 0;
    2028 }
    2029 .affilizz-block__offers--scroller {
    2030   overflow-y: auto;
    2031   overflow-x: hidden;
    2032   max-height: 50vh;
    2033   padding: 1rem 0;
    2034 }
    2035 .affilizz-block__price {
    2036   font-size: 0.875rem;
    2037   font-weight: 500;
    2038   color: var(--text-color--accent);
    2039 }
    2040 .affilizz-block__shop {
    2041   display: flex;
    2042   flex-direction: column;
    2043   background: #f8f8ff;
    2044   border-radius: var(--radius);
    2045   margin-bottom: 0.25rem;
    2046   padding: 0.5rem;
    2047 }
    2048 .affilizz-block__shop-upper {
    2049   display: flex;
    2050   flex-direction: row;
    2051   justify-content: space-between;
    2052 }
    2053 .affilizz-block__shop-lower {
    2054   margin-top: 5px;
    2055   display: flex;
    2056   flex-direction: row;
    2057   justify-content: space-between;
    2058   align-items: center;
    2059   gap: 1rem;
    2060 }
    2061 .affilizz-block__shop-lower .affilizz-button {
    2062   font-size: 0.75rem;
    2063   padding: 0.125rem 0.3125rem;
    2064 }
    2065 .affilizz-block__shop-left {
    2066   display: flex;
    2067   align-items: center;
    2068   gap: 5px;
    2069 }
    2070 .affilizz-block__shop-left img {
    2071   max-width: 16px;
    2072   height: auto;
    2073 }
    2074 .affilizz-block__shop-right {
    2075   display: flex;
    2076   flex-direction: row;
    2077   align-items: center;
    2078   gap: 0.25rem;
    2079   font-weight: bold;
    2080 }
    2081 .affilizz-block__shop p {
    2082   margin: 0;
    2083   font-size: 0.75rem;
    2084 }
    2085 .affilizz-block__shop:last-child {
    2086   margin-bottom: 1rem;
    2087 }
    2088 .affilizz-block__shop__label {
    2089   border-radius: 3px;
    2090   font-weight: bold;
    2091   font-size: 0.6875rem;
    2092   padding: 0.125rem 0.1875rem;
    2093   line-height: 1;
    2094 }
    2095 .affilizz-block__shop__label--marketplace {
    2096   background: #7a7db0;
    2097   color: #fff;
    2098   margin-left: 1rem;
    2099 }
    2100 .affilizz-block__shop__label--refurbished {
    2101   background: #fec8ff;
    2102   color: var(--text-color);
    2103 }
    2104 .affilizz-block__shop__label--refurbished {
    2105   background: #fec8ff;
    2106   color: var(--text-color);
    2107 }
    2108 .affilizz-block__shop__label--used {
    2109   background: #cfb8ff;
    2110   color: var(--text-color);
    2111 }
    2112 .affilizz-block__loader {
    2113   position: absolute;
    2114   background: rgba(255, 255, 255, 0.9);
    2115   top: 0;
    2116   left: 0;
    2117   width: 100%;
    2118   height: 100%;
    2119   z-index: 100;
    2120   display: flex;
    2121   justify-content: center;
    2122   align-items: center;
    2123   opacity: 0;
    2124   transition: opacity 200ms ease-in;
    2125 }
    2126 .affilizz-block__loader > div {
    2127   text-align: center;
    2128 }
    2129 .affilizz-block__loader img {
    2130   transform: rotate(90deg);
    2131 }
    2132 .affilizz-block__loader p {
    2133   font-size: 1rem;
    2134 }
    2135 
    2136 .affilizz__notice {
    2137   --accent-color: #1dd6a1;
    2138   background: #fff;
    2139   border: none;
    2140   border-left: 2px solid var(--accent-color);
    2141   color: #111453;
    2142   font-family: "Rubik", Arial, Sans_serif;
    2143   padding: 1rem 1.5rem 1rem 4rem;
    2144   margin-left: 0;
    2145   background-repeat: no-repeat;
    2146   background-position: 20px center;
    2147   background-size: 30px;
    2148 }
    2149 .affilizz__notice strong {
    2150   color: var(--accent-color);
    2151 }
    2152 .affilizz__notice--success {
    2153   --accent-color: #1dd6a1;
    2154   background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_323_167)'%3E%3Cpath d='M23.11 11.24C22.9221 11.2367 22.739 11.1805 22.5816 11.0779C22.4242 10.9754 22.2989 10.8305 22.22 10.66C22.0967 10.4253 22.0717 10.1512 22.1505 9.89804C22.2292 9.64489 22.4053 9.43337 22.64 9.30999L26.5 7.30999C26.6165 7.24524 26.7448 7.20444 26.8773 7.18998C27.0098 7.17552 27.1439 7.1877 27.2716 7.22581C27.3993 7.26391 27.5181 7.32716 27.6211 7.41185C27.724 7.49654 27.809 7.60096 27.871 7.71895C27.933 7.83695 27.9708 7.96616 27.9821 8.09897C27.9935 8.23178 27.9781 8.36552 27.937 8.49233C27.896 8.61913 27.8299 8.73644 27.7429 8.83736C27.6558 8.93828 27.5494 9.02078 27.43 9.07999L23.57 11.08C23.4322 11.1704 23.2742 11.2254 23.11 11.24Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M19.81 7.09998C19.7106 7.11507 19.6094 7.11507 19.51 7.09998C19.2568 7.02164 19.0451 6.84597 18.9213 6.61158C18.7975 6.3772 18.7719 6.10327 18.85 5.84998L20.12 1.65998C20.2036 1.40803 20.3838 1.19958 20.621 1.08049C20.8582 0.961408 21.1331 0.941441 21.385 1.02498C21.637 1.10853 21.8454 1.28874 21.9645 1.52597C22.0836 1.7632 22.1036 2.03803 22.02 2.28998L20.76 6.39998C20.6964 6.60234 20.57 6.77922 20.3993 6.90505C20.2285 7.03088 20.0221 7.09915 19.81 7.09998Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M29.02 17.45C28.9239 17.4641 28.8262 17.4641 28.73 17.45L24.52 16.17C24.2672 16.0937 24.0549 15.9204 23.9294 15.6881C23.8039 15.4558 23.7754 15.1833 23.85 14.93C23.9243 14.6754 24.0966 14.4607 24.3292 14.3332C24.5617 14.2057 24.8354 14.1758 25.09 14.25L29.28 15.49C29.4113 15.5084 29.5377 15.5525 29.652 15.6197C29.7663 15.687 29.8663 15.7761 29.9461 15.8819C30.026 15.9878 30.0842 16.1083 30.1175 16.2367C30.1507 16.365 30.1584 16.4987 30.14 16.63C30.1216 16.7613 30.0775 16.8878 30.0103 17.002C29.9431 17.1163 29.854 17.2163 29.7481 17.2961C29.6423 17.376 29.5217 17.4342 29.3933 17.4675C29.265 17.5007 29.1313 17.5084 29 17.49L29.02 17.45Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M1.01999 21.87L0.529995 20.97C0.263693 20.4896 0.0963999 19.9606 0.038002 19.4144C-0.0203959 18.8682 0.0312864 18.3159 0.189995 17.79C0.351408 17.2539 0.618635 16.7555 0.975889 16.3244C1.33314 15.8933 1.77318 15.5382 2.26999 15.28L6.47999 13.06C9.74999 11.34 12.3 7.89 12.63 5.75C12.6981 5.32063 12.8983 4.92317 13.2029 4.61296C13.5074 4.30275 13.9012 4.09523 14.3292 4.01931C14.7573 3.94338 15.1983 4.00282 15.591 4.18936C15.9837 4.37589 16.3084 4.68023 16.52 5.06L20.18 11.75L18.43 12.75L14.76 6.02H14.61C14.2 8.69 11.4 12.71 7.40999 14.8L3.17999 17.05C2.92065 17.1853 2.69076 17.3708 2.50365 17.5957C2.31654 17.8206 2.17593 18.0804 2.08999 18.36C2.00564 18.6306 1.97721 18.9155 2.00644 19.1975C2.03566 19.4794 2.12193 19.7524 2.25999 20L2.75999 20.91L1.01999 21.87Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M5.25 24.97C4.48541 24.9717 3.73433 24.7685 3.07485 24.3816C2.41537 23.9947 1.87158 23.4382 1.5 22.77L1 21.87L2.76 20.87L3.25 21.77C3.54485 22.2891 4.02999 22.6732 4.60289 22.8412C5.17579 23.0091 5.79154 22.9477 6.32 22.67L10.55 20.45C14.55 18.36 19.48 18.28 21.97 19.45H22.11L18.43 12.74L20.18 11.74L23.85 18.43C24.0629 18.8037 24.1497 19.2361 24.0975 19.663C24.0452 20.0899 23.8568 20.4886 23.56 20.8C23.2568 21.1221 22.86 21.3408 22.4258 21.4252C21.9915 21.5095 21.5417 21.4552 21.14 21.27C19.14 20.35 14.76 20.52 11.48 22.27L7.25 24.48C6.63272 24.8025 5.94647 24.9706 5.25 24.97Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M10.76 29C10.1137 29.0012 9.47881 28.8293 8.92136 28.5022C8.36392 28.1752 7.9042 27.7048 7.58997 27.14L5.90997 24.07L7.65997 23.07L9.33997 26.14C9.55027 26.5077 9.89543 26.7791 10.3023 26.8966C10.7093 27.0142 11.146 26.9688 11.52 26.77L12.52 26.25L13.45 28.02L12.45 28.54C11.932 28.8275 11.3522 28.9853 10.76 29Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M5.59161 14.6515L3.82001 15.5797L7.96415 23.4898L9.73574 22.5617L5.59161 14.6515Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_323_167'%3E%3Crect width='30' height='28' fill='white' style='fill:white;fill:white;fill-opacity:1;' transform='translate(0 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    2155 }
    2156 .affilizz__notice--warning {
    2157   --accent-color: #dba617;
    2158   background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23path-1)'%3E%3Cg clip-path='url(%23path-2)'%3E%3Cpath d='M10 0C8.68678 0 7.38642 0.258661 6.17316 0.761208C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C2.00035 3.85752 1.26375 4.95992 0.761208 6.17317C0.258661 7.38643 0 8.68678 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34784 20 10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10C20 8.68678 19.7413 7.38643 19.2388 6.17317C18.7362 4.95992 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761208C12.6136 0.258661 11.3132 0 10 0ZM10 18C7.87827 18 5.84344 17.1572 4.34315 15.6569C2.84286 14.1566 2 12.1217 2 10C2 7.87827 2.84286 5.84344 4.34315 4.34315C5.84344 2.84286 7.87827 2 10 2C12.1217 2 14.1566 2.84286 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 12.1217 17.1571 14.1566 15.6569 15.6569C14.1566 17.1572 12.1217 18 10 18Z' fill='%23dba617' style='fill:%23dba617;fill-opacity:1;'/%3E%3Cpath d='M11 4.86H9V11.29H11V4.86Z' fill='%23dba617' style='fill:%23dba617;fill-opacity:1;'/%3E%3Cpath d='M11 12.57H9V15.14H11V12.57Z' fill='%23dba617' style='fill:%23dba617;fill-opacity:1;'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='path-1'%3E%3Crect width='20' height='20' fill='white' style='fill:white;fill:white;fill-opacity:1;'/%3E%3C/clipPath%3E%3CclipPath id='path-2'%3E%3Crect width='20' height='20' fill='white' style='fill:white;fill:white;fill-opacity:1;'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    2159 }
    2160 .affilizz__notice--error {
    2161   --accent-color: #e41f5a;
    2162   background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23path-1)'%3E%3Cpath d='M5.51997 19C4.96282 19.0016 4.41085 18.8928 3.89595 18.68C3.38104 18.4672 2.91341 18.1545 2.51997 17.76C2.06034 17.3022 1.71208 16.7449 1.50227 16.131C1.29246 15.5172 1.22663 14.8633 1.30989 14.22C1.45955 13.2436 1.9271 12.3438 2.63996 11.66L4.63996 9.65998C4.82733 9.47373 5.08073 9.36919 5.34492 9.36919C5.60911 9.36919 5.86251 9.47373 6.04988 9.65998C6.14361 9.75294 6.2181 9.86355 6.26887 9.98541C6.31964 10.1073 6.34578 10.238 6.34578 10.37C6.34578 10.502 6.31964 10.6327 6.26887 10.7546C6.2181 10.8764 6.14361 10.987 6.04988 11.08L3.91987 13.19C3.71255 13.3974 3.5484 13.6438 3.43684 13.9149C3.32527 14.1861 3.26859 14.4767 3.26997 14.77C3.27048 15.3616 3.5039 15.9293 3.91987 16.35C4.34303 16.7689 4.91451 17.0039 5.50996 17.0039C6.10541 17.0039 6.67677 16.7689 7.09993 16.35L10.0999 13.28C10.3134 13.0741 10.4829 12.8271 10.5981 12.5537C10.7133 12.2804 10.7718 11.9866 10.77 11.69C10.7697 11.3424 10.6875 10.9998 10.53 10.69C10.4284 10.5159 10.3862 10.3135 10.4096 10.1133C10.4331 9.91308 10.521 9.72592 10.66 9.57998L10.7999 9.43998C10.8984 9.34014 11.0189 9.26472 11.1518 9.21973C11.2847 9.17474 11.4262 9.16143 11.5651 9.18086C11.7041 9.20029 11.8366 9.25192 11.952 9.33164C12.0674 9.41135 12.1626 9.51694 12.2299 9.63998C12.5843 10.2687 12.7704 10.9783 12.77 11.7C12.7719 12.2581 12.6624 12.8109 12.4477 13.3261C12.233 13.8413 11.9176 14.3084 11.52 14.7L8.51997 17.76C7.72343 18.554 6.64465 18.9999 5.51997 19Z' fill='%23e41f5a' style='fill:%23e41f5a;;fill-opacity:1;'/%3E%3Cpath d='M15.4701 9.50998C15.239 9.51563 15.013 9.44099 14.8307 9.29878C14.6484 9.15656 14.5209 8.95556 14.4701 8.72998C14.4135 8.47143 14.4618 8.20099 14.6043 7.97793C14.7467 7.75487 14.9718 7.59738 15.2301 7.53998C15.5165 7.47362 15.7868 7.35105 16.0254 7.17939C16.264 7.00772 16.4662 6.79038 16.6201 6.53998C16.7773 6.2931 16.8838 6.01746 16.9336 5.72907C16.9834 5.44067 16.9755 5.14526 16.9102 4.85998C16.7811 4.27811 16.4263 3.77125 15.9239 3.45065C15.4214 3.13005 14.8122 3.02192 14.2301 3.14998L9.09011 4.27998C8.78484 4.34808 8.49721 4.47937 8.24575 4.66538C7.9943 4.85139 7.78462 5.088 7.63015 5.35998C7.5665 5.47492 7.48077 5.5762 7.37796 5.65802C7.27515 5.73984 7.15721 5.80059 7.03091 5.83681C6.90461 5.87303 6.77242 5.88401 6.64187 5.86911C6.51133 5.85421 6.38506 5.81372 6.27017 5.74998C6.03973 5.61973 5.87033 5.40344 5.7991 5.14851C5.72787 4.89358 5.76061 4.6208 5.89016 4.38998C6.17799 3.87066 6.57291 3.41844 7.04873 3.06329C7.52456 2.70815 8.07043 2.45819 8.65017 2.32998L13.8001 1.18998C14.8977 0.951192 16.0452 1.15556 16.9928 1.75861C17.9405 2.36166 18.6116 3.31457 18.8601 4.40998C18.9865 4.95308 19.0029 5.516 18.9085 6.06556C18.814 6.61513 18.6106 7.14024 18.3101 7.60998C18.0155 8.08176 17.6292 8.48953 17.174 8.80906C16.7187 9.12858 16.204 9.35334 15.6602 9.46998C15.5988 9.49117 15.5349 9.50461 15.4701 9.50998Z' fill='%23e41f5a' style='fill:%23e41f5a;;fill-opacity:1;'/%3E%3Cpath d='M2.00018 8.49002C1.74666 8.49065 1.50236 8.39495 1.31671 8.2223C1.13106 8.04964 1.01793 7.81292 1.00018 7.56002C0.990659 7.42863 1.00713 7.29666 1.04876 7.17168C1.0904 7.04669 1.15632 6.93117 1.24273 6.83174C1.32915 6.73232 1.43446 6.65095 1.55243 6.5923C1.67039 6.53366 1.79868 6.4989 1.93011 6.49002L3.4002 6.39002C3.53238 6.38053 3.6651 6.3974 3.79071 6.43966C3.91631 6.48192 4.03221 6.54872 4.13177 6.63618C4.23133 6.72364 4.31258 6.83002 4.37066 6.94914C4.42875 7.06825 4.46254 7.19772 4.47015 7.33002C4.48662 7.59373 4.39807 7.85323 4.22381 8.05185C4.04956 8.25046 3.8037 8.37204 3.5401 8.39002L2.07013 8.49002H2.00018Z' fill='%23e41f5a' style='fill:%23e41f5a;;fill-opacity:1;'/%3E%3Cpath d='M3.59998 4.44C3.45059 4.44051 3.30296 4.40754 3.16798 4.34351C3.033 4.27948 2.91407 4.18602 2.81995 4.07L1.65003 2.63C1.56697 2.52772 1.50485 2.41002 1.46741 2.28368C1.42998 2.15734 1.41795 2.02485 1.43189 1.89382C1.44583 1.76279 1.48554 1.63581 1.54871 1.52018C1.61189 1.40454 1.69721 1.30253 1.79993 1.22C1.90222 1.13694 2.01991 1.07491 2.14625 1.03748C2.27259 1.00004 2.40511 0.987949 2.53614 1.00189C2.66717 1.01583 2.79416 1.05552 2.9098 1.1187C3.02543 1.18187 3.12745 1.26728 3.20997 1.37L4.38001 2.81C4.46308 2.91229 4.52508 3.02999 4.56251 3.15633C4.59994 3.28267 4.61209 3.41516 4.59815 3.54619C4.58421 3.67722 4.5445 3.8042 4.48133 3.91983C4.41816 4.03547 4.33271 4.13748 4.22999 4.22C4.05137 4.36331 3.82898 4.44097 3.59998 4.44Z' fill='%23e41f5a' style='fill:%23e41f5a;;fill-opacity:1;'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='path-1'%3E%3Crect width='18' height='18' fill='white' style='fill:white;fill:white;fill-opacity:1;' transform='translate(1 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    2163 }
    2164 
    2165 @keyframes quarter-rotation {
    2166   0% {
    2167     transform: rotate(0deg);
    2168   }
    2169   25% {
    2170     transform: rotate(90deg);
    2171   }
    2172   50% {
    2173     transform: rotate(180deg);
    2174   }
    2175   75% {
    2176     transform: rotate(270deg);
    2177   }
    2178   100% {
    2179     transform: rotate(359deg);
    2180   }
    2181 }
    2182 .wpview.wpview-wrap[data-wpview-type=affilizz-publication] {
    2183   padding: 15px;
    2184   width: auto !important;
    2185   z-index: 100000 !important;
    2186 }
    2187 
    2188 .mce-content-body *[contentEditable=false][data-mce-selected][data-wpview-type=affilizz-publication] {
    2189   outline-color: transparent;
    2190   border: 2px solid #a9b1c8;
    2191   border-radius: 9px;
    2192   padding: 14px;
    2193 }
    2194 .mce-content-body *[contentEditable=false][data-mce-selected][data-wpview-type=affilizz-publication] .affilizz-inline__indicator {
    2195   background: #a9b1c8;
    2196   border-radius: 0 0 4px 4px;
    2197 }
    2198 
    2199 .affilizz-missing-publication {
    2200   background: #dcdcde;
    2201   padding: 20px;
    2202   text-align: center;
    2203   margin-bottom: -10px;
    2204   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    2205   font-size: 15px;
    2206   text-decoration: underline;
    2207   text-underline-offset: 5px;
    2208   text-decoration-color: #fff;
    2209 }
    2210 
    2211 .affilizz-rendered-publication {
    2212   padding: 1.5rem;
    2213   display: flex;
    2214   flex-direction: column;
    2215   align-items: center;
    2216   border: 1px dashed #7a7db0;
    2217   border-radius: 3px;
    2218 }
    2219 .affilizz-rendered-publication + .affilizz-rendered-publication {
    2220   margin-top: 15px;
    2221 }
    2222 
    2223 .affilizz-loader {
    2224   visibility: hidden;
    2225   position: absolute;
    2226   background: rgba(255, 255, 255, 0.8);
    2227   color: #111453;
    2228   width: 100%;
    2229   height: 100%;
    2230   z-index: 9999;
    2231   display: flex;
    2232   flex-direction: column;
    2233   align-items: center;
    2234   justify-content: center;
    2235   font-size: 1.25em;
    2236   border-radius: 4px;
    2237 }
    2238 .affilizz-loader img {
    2239   animation: quarter-rotation 2.5s ease infinite;
    2240 }
    2241 .affilizz-loader p {
    2242   font-size: 18px;
    2243 }
    2244 
    2245 .affilizz-inline {
    2246   position: relative;
    2247   border: 1px solid #c9c9cb;
    2248   border-radius: 4px;
    2249   padding: 15px 15px 0;
    2250   margin: 15px 0;
    2251   font-family: "Rubik", Arial, Sans_serif;
    2252   width: 100%;
    2253 }
    2254 .affilizz-inline__indicator {
    2255   display: inline-flex;
    2256   flex-direction: row;
    2257   align-items: center;
    2258   justify-content: center;
    2259   gap: 5px;
    2260   font-weight: 600;
    2261   color: #1e1e1e;
    2262   font-size: 12px;
    2263   font-weight: 300;
    2264   background: #c7c7c7;
    2265   border-radius: 2px;
    2266   padding: 3px 7px 3px;
    2267   line-height: 1;
    2268   position: absolute;
    2269   top: -10px;
    2270   z-index: 2;
    2271 }
    2272 .affilizz-inline__indicator svg, .affilizz-inline__indicator img {
    2273   filter: invert(0.75);
    2274 }
    2275 
    2276 .mce-content-body .affilizz-inline__indicator {
    2277   top: inherit;
    2278   margin-top: -30px;
    2279 }
    2280 
    2281 .media-modal {
    2282   z-index: 999999 !important;
    2283 }
    2284 
    2285 .affilizz-metabox__content {
    2286   padding: 6px 0 12px;
    2287 }
    2288 .affilizz-metabox__footer {
    2289   padding: 10px;
    2290   display: flex;
    2291   justify-content: flex-end;
    2292   border-top: 1px solid #dcdcde;
    2293   background: #f6f7f7;
    2294   margin: 0 -12px -12px;
    2295 }
    2296 .affilizz-metabox__label {
    2297   display: block;
    2298   margin-bottom: 6px;
    2299   font-weight: bold;
    2300 }
    2301 .affilizz-metabox__description {
    2302   border-radius: 4px;
    2303   border: 0.0625rem solid #eed1b4;
    2304   padding: 12px;
    2305   margin: 6px 1px 0 0 !important;
    2306   background: var(--yellow-50);
    2307   color: #a37648 !important;
    2308 }
    2309 
    2310 .wp-block-affilizz-publication {
    2311   padding-bottom: 15px;
    2312   border: 1px solid #c9c9cb;
    2313   border-radius: 4px;
    2314   padding: 5px;
    2315   margin: 30px 0;
    2316   font-family: "Rubik", Arial, Sans_serif;
    2317   top: 15px;
    2318 }
    2319 .wp-block-affilizz-publication.affilizz-align-left .components-text-control__input {
    2320   text-align: left;
    2321 }
    2322 .wp-block-affilizz-publication.affilizz-align-center .components-text-control__input {
    2323   text-align: center;
    2324 }
    2325 .wp-block-affilizz-publication.affilizz-align-right .components-text-control__input {
    2326   text-align: right;
    2327 }
    2328 
    2329 .affilizz-loading {
    2330   display: flex;
    2331   align-items: center;
    2332   justify-items: center;
    2333   padding: 2.25rem;
    2334   gap: 16px;
    2335   font-family: "Rubik", Arial, Sans_serif;
    2336   font-weight: 500;
    2337 }
    2338 .affilizz-loading svg {
    2339   height: 32px;
    2340   width: 32px;
    2341 }
    2342 .affilizz-loading p {
    2343   margin: 0 !important;
    2344 }
    2345 
    2346 .components-modal__frame.affilizz-modal__wrapper .components-modal__content {
    2347   padding: 0;
    2348   margin-top: 0;
    2349   max-width: 600px;
    2350 }
    2351 .components-modal__frame.affilizz-modal__wrapper .components-modal__content:before {
    2352   margin-bottom: 0;
    2353 }
    2354 .components-modal__frame.affilizz-modal__wrapper .components-modal__header {
    2355   display: none;
    2356 }
    2357 
    2358 .affilizz-placeholder-wrapper {
    2359   background-color: #fff;
    2360   width: calc(100% + 12px);
    2361   margin: -6px;
    2362   padding: 24px;
    2363   background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='black' stroke-width='2' stroke-dasharray='2%2c 2' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    2364   border-radius: 4px;
    2365 }
    2366 .affilizz-placeholder-wrapper .affilizz-placeholder {
    2367   box-shadow: none;
    2368   text-align: center;
    2369   color: #1e1e1e;
    2370   display: flex;
    2371   flex-direction: column;
    2372   align-items: center;
    2373   gap: 8px;
    2374 }
    2375 .affilizz-placeholder-wrapper .affilizz-placeholder h2 {
    2376   display: flex;
    2377   flex-direction: column;
    2378   gap: 8px;
    2379   align-items: center;
    2380   font-size: 18px;
    2381   margin-bottom: 0;
    2382 }
    2383 .affilizz-placeholder-wrapper .affilizz-placeholder h2 > svg {
    2384   width: 32px;
    2385   height: 32px;
    2386 }
    2387 .affilizz-placeholder-wrapper .affilizz-placeholder p {
    2388   margin: 0;
    2389   font-size: 16px;
    2390   line-height: 22px;
    2391 }
    2392 .affilizz-placeholder-wrapper .affilizz-placeholder button {
    2393   margin-top: 5px;
    2394   color: #1e1e1e;
    2395 }
    2396 .affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__label {
    2397   display: flex;
    2398   flex-direction: row;
    2399   align-items: center;
    2400   font-family: "Rubik", Arial, Sans_serif;
    2401   font-weight: 500;
    2402   gap: 16px;
    2403 }
    2404 .affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__label svg {
    2405   width: 32px;
    2406   height: 32px;
    2407   margin-right: 0;
    2408 }
    2409 .affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__instructions {
    2410   background: #f8f8ff;
    2411   color: #7a7db0;
    2412   padding: 8px 14px;
    2413   font-size: 14px;
    2414   border-radius: 4px;
    2415 }
    2416 .affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__instructions a {
    2417   color: #111453;
    2418 }
    2419 .affilizz-placeholder-wrapper .affilizz-placeholder .components-button {
    2420   width: auto !important;
    2421   background: #1dd6a1;
    2422   font-size: 14px;
    2423 }
    2424 .affilizz-placeholder-wrapper .affilizz-placeholder .components-button:hover {
    2425   color: #fff !important;
    2426 }
    2427 .affilizz-placeholder-wrapper .affilizz-placeholder .components-button:focus {
    2428   --wp-admin-border-width-focus: 1px;
    2429   --wp-components-color-accent: #000;
    2430 }
    2431 .affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__fieldset {
    2432   display: block;
    2433 }
    2434 
    2435 .affilizz_page_affilizz-wizard {
    2436   overflow: hidden;
    2437   margin-top: -32px;
    2438 }
    2439 .affilizz_page_affilizz-wizard #adminmenuback,
    2440 .affilizz_page_affilizz-wizard #adminmenuwrap,
    2441 .affilizz_page_affilizz-wizard #wpadminbar,
    2442 .affilizz_page_affilizz-wizard #wpfooter,
    2443 .affilizz_page_affilizz-wizard #wpbody-content .notice {
    2444   display: none;
    2445 }
    2446 .affilizz_page_affilizz-wizard #wpcontent {
    2447   margin: 0;
    2448   padding: 0;
    2449 }
    2450 .affilizz_page_affilizz-wizard #wpwrap {
    2451   background: #0b0d30 conic-gradient(from 189.81deg at 60% 500px, #404489 -9.27deg, #111453 24.39deg, #111453 178.12deg, #1dd6a1 283.06deg, #404489 350.73deg, #111453 384.39deg);
    2452   display: flex;
    2453   flex-direction: column;
    2454   align-items: center;
    2455   justify-content: space-evenly;
    2456   padding: 1.5rem;
    2457 }
    2458 
    2459 .affilizz-wizard-wrapper {
    2460   max-width: 640px;
    2461   margin: 0 auto;
    2462   font-size: 14px;
    2463 }
    2464 .affilizz-wizard-wrapper .header {
    2465   display: flex;
    2466   flex-direction: row;
    2467   padding: 1.5rem;
    2468   justify-content: left;
    2469   align-items: start;
    2470 }
    2471 .affilizz-wizard-wrapper .header__brand {
    2472   color: #fff;
    2473   margin: 0;
    2474   margin-left: 0.75rem;
    2475   line-height: 40px;
    2476 }
    2477 .affilizz-wizard-wrapper .affilizz-wizard {
    2478   border-radius: 4px;
    2479   overflow: hidden;
    2480 }
    2481 .affilizz-wizard-wrapper .affilizz-wizard__footer {
    2482   display: flex;
    2483   justify-content: center;
    2484   align-items: center;
    2485   padding: 30px 0;
    2486   color: #fff;
    2487   font-size: 20px;
    2488   text-transform: uppercase;
    2489   gap: 10px;
    2490   font-weight: 500;
    2491 }
    2492 .affilizz-wizard-wrapper .affilizz-wizard__skip a {
    2493   font-size: 12px;
    2494   color: #404489;
    2495 }
    2496 .affilizz-wizard-wrapper .steps {
    2497   background: #fff;
    2498 }
    2499 .affilizz-wizard-wrapper .steps ol {
    2500   margin: 0 auto;
    2501   width: 100%;
    2502   display: flex;
    2503   flex-direction: row;
    2504   justify-content: center;
    2505   list-style-type: none;
    2506 }
    2507 .affilizz-wizard-wrapper .steps ol .step {
    2508   background: #f8f8ff;
    2509   border-bottom: 2px solid #d9deeb;
    2510   font-size: 14px;
    2511   text-align: center;
    2512   margin: 0;
    2513   flex: 1 1 0px;
    2514   padding: 12px 0 8px;
    2515 }
    2516 .affilizz-wizard-wrapper .steps ol .step__number {
    2517   display: block;
    2518   font-weight: 500;
    2519 }
    2520 .affilizz-wizard-wrapper .steps ol .step a {
    2521   color: #7a7db0;
    2522   text-decoration: none;
    2523 }
    2524 .affilizz-wizard-wrapper .steps ol .step--current {
    2525   border-bottom-color: #1dd6a1;
    2526   background: #fff;
    2527   color: #111453;
    2528 }
    2529 .affilizz-wizard-wrapper .steps ol .step--current a {
    2530   color: #111453;
    2531 }
    2532 .affilizz-wizard-wrapper .steps a[disabled] {
    2533   pointer-events: none;
    2534   text-decoration: none;
    2535   color: #04b180;
    2536 }
    2537 .affilizz-wizard-wrapper .step a {
    2538   text-decoration: none;
    2539   color: #404489;
    2540 }
    2541 .affilizz-wizard-wrapper .step p {
    2542   font-size: 14px;
    2543   line-height: 1.5;
    2544 }
    2545 .affilizz-wizard-wrapper .step__content {
    2546   display: none;
    2547   background: #fff;
    2548   padding: 40px 80px;
    2549   font-family: "Rubik", Arial, Sans_serif;
    2550   border-radius: 0 0 4px 4px;
    2551 }
    2552 .affilizz-wizard-wrapper .step__content h2 {
    2553   font-size: 24px;
    2554   color: #111453;
    2555 }
    2556 .affilizz-wizard-wrapper .step__content h2:first-child {
    2557   margin-top: 0;
    2558 }
    2559 .affilizz-wizard-wrapper .step__content h3 {
    2560   color: #111453;
    2561   line-height: 24px;
    2562   font-size: 20px;
    2563 }
    2564 .affilizz-wizard-wrapper .step__content a {
    2565   font-size: 14px;
    2566   color: #404489;
    2567   display: inline-flex;
    2568   align-items: center;
    2569   gap: 4px;
    2570 }
    2571 .affilizz-wizard-wrapper .step__content a img {
    2572   margin-right: 0;
    2573 }
    2574 .affilizz-wizard-wrapper .step__content label {
    2575   font-weight: 400;
    2576   font-size: 13px;
    2577 }
    2578 .affilizz-wizard-wrapper .step__content select {
    2579   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    2580   background-size: 11px;
    2581   background-position: calc(100% - 20px) center;
    2582   background-repeat: no-repeat;
    2583 }
    2584 .affilizz-wizard-wrapper .step__content input, .affilizz-wizard-wrapper .step__content select {
    2585   box-sizing: border-box;
    2586   padding: 8px 12px;
    2587   width: 100%;
    2588   max-width: 100%;
    2589   background-color: #fff;
    2590   border: 1px solid #a9b1c8;
    2591   border-radius: 4px;
    2592   align-self: stretch;
    2593   flex-grow: 0;
    2594 }
    2595 .affilizz-wizard-wrapper .step__content input::-webkit-input-placeholder, .affilizz-wizard-wrapper .step__content select::-webkit-input-placeholder {
    2596   color: #a9b1c8;
    2597   font-size: 14px;
    2598 }
    2599 
    2600 .affilizz-wizard-wrapper .step__content input:-moz-placeholder, .affilizz-wizard-wrapper .step__content select:-moz-placeholder {
    2601   color: #a9b1c8;
    2602   font-size: 14px;
    2603 }
    2604 
    2605 .affilizz-wizard-wrapper .step__content input::-moz-placeholder, .affilizz-wizard-wrapper .step__content select::-moz-placeholder {
    2606   color: #a9b1c8;
    2607   font-size: 14px;
    2608 }
    2609 
    2610 .affilizz-wizard-wrapper .step__content input:-ms-input-placeholder, .affilizz-wizard-wrapper .step__content select:-ms-input-placeholder {
    2611   color: #a9b1c8;
    2612   font-size: 14px;
    2613 }
    2614 
    2615 .affilizz-wizard-wrapper .step__content input:disabled, .affilizz-wizard-wrapper .step__content select:disabled {
    2616   background: #f0f3fa;
    2617   color: #a9b1c8;
    2618   border: 1px solid #d9deeb;
    2619 }
    2620 .affilizz-wizard-wrapper .step__content input:focus, .affilizz-wizard-wrapper .step__content select:focus {
    2621   border: 1px solid #404489;
    2622   box-shadow: 0px 0px 0px 2px rgba(29, 214, 161, 0.5);
    2623   border-radius: 4px;
    2624 }
    2625 .affilizz-wizard-wrapper .step__content__button {
    2626   background: #111453;
    2627   border-radius: 4px;
    2628   padding: 10px 18px;
    2629   position: relative;
    2630   font-size: 14px;
    2631   float: right;
    2632   color: #fff !important;
    2633 }
    2634 .affilizz-wizard-wrapper .step__content__button:after {
    2635   background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.99999%2012C0.796413%2011.998%200.598292%2011.9339%200.432119%2011.8163C0.265946%2011.6987%200.139633%2011.5331%200.0700584%2011.3418C0.000483952%2011.1505%20-0.00903286%2010.9425%200.0427756%2010.7456C0.0945842%2010.5487%200.205239%2010.3723%200.359975%2010.24L5.43999%206.00002L0.359975%201.77002C0.248536%201.68968%200.154862%201.58723%200.0847678%201.46908C0.0146733%201.35092%20-0.0303424%201.21959%20-0.0474343%201.08327C-0.0645262%200.946958%20-0.0532897%200.808583%20-0.0145364%200.676779C0.024217%200.544976%200.0896931%200.422571%200.177846%200.3172C0.266%200.211829%200.374901%200.125753%200.497793%200.0643394C0.620685%200.00292631%200.754949%20-0.032506%200.892141%20-0.0397475C1.02933%20-0.0469889%201.16654%20-0.0258842%201.29522%200.0222504C1.42389%200.070385%201.54125%200.144517%201.64%200.240022L7.64%205.24002C7.7515%205.33389%207.84115%205.451%207.90264%205.58314C7.96413%205.71528%207.99596%205.85927%207.99596%206.00502C7.99596%206.15077%207.96413%206.29476%207.90264%206.4269C7.84115%206.55905%207.7515%206.67615%207.64%206.77002L1.64%2011.77C1.46009%2011.9191%201.23364%2012.0005%200.99999%2012Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
    2636   content: "";
    2637   display: inline-block;
    2638   width: 8px;
    2639   height: 12px;
    2640   position: relative;
    2641   margin-left: 12px;
    2642 }
    2643 .affilizz-wizard-wrapper .step__illustration {
    2644   text-align: center;
    2645 }
    2646 .affilizz-wizard-wrapper .step__illustration h2 {
    2647   margin-top: 12px;
    2648 }
    2649 .affilizz-wizard-wrapper .step--current__content {
    2650   display: block;
    2651 }
    2652 .affilizz-wizard-wrapper .step__help {
    2653   box-sizing: border-box;
    2654   background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%231DD6A1FF' stroke-width='4' stroke-dasharray='4%2c 4' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    2655   border-radius: 4px;
    2656   padding: 2.25rem;
    2657   display: flex;
    2658   flex-direction: row;
    2659   align-items: flex-start;
    2660   gap: 1.5rem;
    2661   margin-bottom: 1.5rem;
    2662 }
    2663 .affilizz-wizard-wrapper .step__help__icon {
    2664   display: flex;
    2665   align-items: center;
    2666   justify-content: center;
    2667   width: 100px;
    2668   max-width: 100px;
    2669 }
    2670 .affilizz-wizard-wrapper .step__help__content h3 {
    2671   margin-top: 0;
    2672   font-size: 16px;
    2673   line-height: 24px;
    2674   color: #111453;
    2675 }
    2676 .affilizz-wizard-wrapper .step__help__content ol {
    2677   list-style-type: none;
    2678   margin: 0;
    2679 }
    2680 .affilizz-wizard-wrapper .step__help__content ol li {
    2681   counter-increment: step-counter;
    2682   padding-left: 15px;
    2683   position: relative;
    2684   margin-bottom: 10px;
    2685 }
    2686 .affilizz-wizard-wrapper .step__help__content ol li::before {
    2687   content: counter(step-counter);
    2688   margin-right: 10px;
    2689   color: #1dd6a1;
    2690   position: absolute;
    2691   left: 0;
    2692 }
    2693 .affilizz-wizard-wrapper .step__help__content ol li::marker {
    2694   color: #1dd6a1;
    2695 }
    2696 .affilizz-wizard-wrapper .step__help__content p:last-child {
    2697   margin-bottom: 0;
    2698 }
    2699 .affilizz-wizard-wrapper .step__actions {
    2700   padding: 20px 0;
    2701   display: flex;
    2702   flex-direction: row;
    2703   justify-content: space-between;
    2704   align-items: center;
    2705 }
    2706 .affilizz-wizard-wrapper .step__actions--mono-link {
    2707   justify-content: flex-end;
    2708 }
    2709 .affilizz-wizard-wrapper .step__actions .step__button {
    2710   display: inline-flex;
    2711   align-items: center;
    2712   gap: 14px;
    2713   padding: 10px 12px;
    2714 }
    2715 .affilizz-wizard-wrapper .ajax_error {
    2716   width: 100%;
    2717   text-align: left;
    2718   margin: 10px;
    2719   color: darkred;
    2720 }
    2721 .affilizz-wizard-wrapper .skip {
    2722   text-align: center;
    2723 }
    2724 .affilizz-wizard-wrapper .skip a {
    2725   color: #404489;
    2726 }
    2727 
    2728 .affilizz-admin-page-wrap {
    2729   font-family: "Rubik", Arial, Sans_serif;
    2730   display: flex;
    2731   min-height: 60vh;
    2732   margin-top: 0;
    2733 }
    2734 
    2735 .affilizz-plugin {
    2736   font-family: "Rubik", Arial, Sans_serif;
    2737   display: flex;
    2738   flex-direction: row;
    2739   border-radius: 4px;
    2740   overflow: hidden;
    2741   width: 100%;
    2742 }
    2743 .affilizz-plugin__sidebar {
    2744   flex: 0 0 300px;
    2745 }
    2746 .affilizz-plugin__body {
    2747   background: #fff;
    2748   padding: 40px;
    2749   flex-grow: 1;
    2750 }
    2751 .affilizz-plugin__body .description {
    2752   font-size: 14px;
    2753   color: #7a7db0;
    2754 }
    2755 .affilizz-plugin__body ul.description {
    2756   margin-left: 1.5rem;
    2757 }
    2758 .affilizz-plugin__body ul.description li {
    2759   list-style-type: disc;
    2760 }
    2761 
    2762 .affilizz-plugin-menu {
    2763   font-family: "Rubik", Arial, Sans_serif;
    2764 }
    2765 .affilizz-plugin-menu__header {
    2766   display: grid;
    2767   grid-template-columns: 44px 1fr;
    2768   grid-template-rows: repeat(2, 50%);
    2769   grid-template-areas: "a b" "a c";
    2770   align-content: space-between;
    2771   justify-content: space-around;
    2772   padding: 15px 0;
    2773   margin-bottom: 1.5rem;
    2774   margin-top: 1.5rem;
    2775 }
    2776 .affilizz-plugin-menu__header__icon {
    2777   grid-area: a;
    2778   display: flex;
    2779   flex-direction: column;
    2780   justify-content: center;
    2781 }
    2782 .affilizz-plugin-menu__header__icon img {
    2783   width: 36px;
    2784 }
    2785 .affilizz-plugin-menu__header__title {
    2786   grid-area: b;
    2787   font-weight: 500;
    2788   text-transform: uppercase;
    2789   color: #7a7db0;
    2790   font-size: 13px;
    2791 }
    2792 .affilizz-plugin-menu__header__description {
    2793   grid-area: c;
    2794   color: #111453;
    2795 }
    2796 .affilizz-plugin-menu__item {
    2797   display: grid;
    2798   grid-template-columns: 1fr 24px;
    2799   grid-template-rows: repeat(2, 50%);
    2800   grid-template-areas: "b a" "c a";
    2801   align-content: space-between;
    2802   justify-content: space-around;
    2803   padding: 15px;
    2804   text-decoration: none;
    2805   color: #7a7db0;
    2806 }
    2807 .affilizz-plugin-menu__item--active {
    2808   background: #fff;
    2809   border-left: 2px solid #1dd6a1;
    2810   color: #111453;
    2811 }
    2812 .affilizz-plugin-menu__item--active__description {
    2813   color: #1dd6a1;
    2814 }
    2815 .affilizz-plugin-menu__item--active .affilizz-plugin-menu__item__icon img {
    2816   filter: invert(64%) sepia(58%) saturate(585%) hue-rotate(111deg) brightness(97%) contrast(87%);
    2817 }
    2818 .affilizz-plugin-menu__item:active, .affilizz-plugin-menu__item:hover, .affilizz-plugin-menu__item:focus {
    2819   color: #111453;
    2820   outline: none;
    2821   box-shadow: none;
    2822 }
    2823 .affilizz-plugin-menu__item__icon {
    2824   grid-area: a;
    2825   display: flex;
    2826   flex-direction: column;
    2827   justify-content: center;
    2828 }
    2829 .affilizz-plugin-menu__item__icon img {
    2830   width: 65%;
    2831 }
    2832 .affilizz-plugin-menu__item__title {
    2833   grid-area: b;
    2834   font-weight: 500;
    2835 }
    2836 .affilizz-plugin-menu__item__description {
    2837   grid-area: c;
    2838   color: #7a7db0;
    2839 }
    2840 
    2841 .affilizz-plugin__pane {
    2842   -webkit-font-smoothing: antialiased;
    2843   -moz-osx-font-smoothing: grayscale;
    2844   font-family: "Rubik", Arial, Sans_serif;
    2845   font-size: 14px;
    2846 }
    2847 .affilizz-plugin__pane .affilizz-field-wrapper--api-key {
    2848   display: flex;
    2849   flex-wrap: wrap;
    2850   align-items: flex-end;
    2851   gap: 0 20px;
    2852 }
    2853 .affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field {
    2854   flex: 0 1 40%;
    2855 }
    2856 .affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field-main {
    2857   margin-bottom: 0.25rem !important;
    2858 }
    2859 .affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field input {
    2860   max-width: 100% !important;
    2861   width: 100%;
    2862   color: #7a7db0;
    2863 }
    2864 .affilizz-plugin__pane .affilizz-field-wrapper--api-key > a {
    2865   flex: 1;
    2866   margin-bottom: 18px;
    2867   display: flex;
    2868   align-items: center;
    2869   justify-content: flex-start;
    2870   gap: 10px;
    2871   color: #404489;
    2872   text-decoration: underline;
    2873 }
    2874 .affilizz-plugin__pane .affilizz-field-wrapper--api-key .description {
    2875   flex-basis: 100%;
    2876   color: #7a7db0;
    2877   font-style: italic;
    2878   font-size: 12px;
    2879 }
    2880 .affilizz-plugin__pane--danger .affilizz-plugin__pane__inner {
    2881   background: #fff2f6;
    2882   padding: 40px;
    2883   padding: 25px;
    2884   border-radius: 5px;
    2885   margin-top: 5px;
    2886   color: #e41f5a;
    2887   display: flex;
    2888   flex-direction: column;
    2889   gap: 10px;
    2890 }
    2891 .affilizz-plugin__pane--danger .affilizz-field__label, .affilizz-plugin__pane--danger label {
    2892   color: #e41f5a !important;
    2893   line-height: 1.5;
    2894 }
    2895 .affilizz-plugin__pane--danger .affilizz-field__label strong, .affilizz-plugin__pane--danger label strong {
    2896   font-weight: 500 !important;
    2897 }
    2898 .affilizz-plugin__pane--danger hr {
    2899   border-top: 1px solid #e41f5a;
    2900   border-bottom: none;
    2901   margin: 1.5rem 0;
    2902 }
    2903 .affilizz-plugin__pane--danger input[type=checkbox]:checked {
    2904   background: #e41f5a !important;
    2905   box-shadow: 0 0 0 1px #b91b4a !important;
    2906 }
    2907 .affilizz-plugin__pane--danger select:focus, .affilizz-plugin__pane--danger input[type=text]:focus, .affilizz-plugin__pane--danger .ts-wrapper.single .ts-control:focus, .affilizz-plugin__pane--danger .ts-wrapper.multi .ts-control:focus, .affilizz-plugin__pane--danger .affilizz-faux-select:focus {
    2908   box-shadow: 0px 0px 0px 2px rgba(214, 54, 56, 0.5) !important;
    2909 }
    2910 .affilizz-plugin__pane--danger .affilizz-plugin__pane__section__title {
    2911   color: #e41f5a;
    2912 }
    2913 .affilizz-plugin__pane__button--submit {
    2914   font-size: 14px;
    2915 }
    2916 .affilizz-plugin__pane__header {
    2917   display: flex;
    2918   padding: 0 0 15px 0;
    2919   border-bottom: 1px solid gray;
    2920   margin-bottom: 15px;
    2921 }
    2922 .affilizz-plugin__pane__header__text {
    2923   display: flex;
    2924   flex-direction: column;
    2925   flex: 1;
    2926   gap: 5px;
    2927   font-weight: font_weight_light;
    2928   color: #7a7db0;
    2929 }
    2930 .affilizz-plugin__pane__header__text h3 {
    2931   font-size: 24px;
    2932   font-weight: 400;
    2933   color: #111453;
    2934 }
    2935 .affilizz-plugin__pane__header__text p {
    2936   font-size: 14px;
    2937 }
    2938 .affilizz-plugin__pane__header__text * {
    2939   margin: 0;
    2940   flex: 1;
    2941 }
    2942 .affilizz-plugin__pane__header__icon {
    2943   width: 48px;
    2944 }
    2945 .affilizz-plugin__pane__header__icon img {
    2946   filter: invert(64%) sepia(58%) saturate(585%) hue-rotate(111deg) brightness(97%) contrast(87%);
    2947   width: 26px;
    2948 }
    2949 .affilizz-plugin__pane__header p.submit {
    2950   margin: 0;
    2951   padding: 0;
    2952   display: flex;
    2953   align-items: center;
    2954 }
    2955 .affilizz-plugin__pane__section__title {
    2956   color: #111453;
    2957   font-weight: 400;
    2958   margin: 1.5rem 0;
    2959 }
    2960 .affilizz-plugin__pane__section__title span {
    2961   background: #fff;
    2962   padding: 5px 1.5rem 0 0;
    2963 }
    2964 .affilizz-plugin__pane__section__title:after {
    2965   content: " ";
    2966   background: #d9deeb;
    2967   width: 100%;
    2968   display: block;
    2969   height: 1px;
    2970   margin-top: -10px;
    2971 }
    2972 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio label, .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox label {
    2973   color: #404489;
    2974   display: flex;
    2975   align-items: center;
    2976   gap: 0.5rem;
    2977 }
    2978 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio label small, .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox label small {
    2979   display: block;
    2980   font-size: 12px;
    2981   color: #7a7db0;
    2982   font-style: italic;
    2983 }
    2984 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio] {
    2985   border: none;
    2986   -webkit-appearance: none;
    2987   -moz-appearance: none;
    2988        appearance: none;
    2989   box-shadow: 0 0 0 1px #a9b1c8;
    2990 }
    2991 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:before {
    2992   content: "";
    2993   width: 6px;
    2994   height: 6px;
    2995   border-radius: 50%;
    2996   transform: scale(0);
    2997   transition: 120ms transform ease-in-out;
    2998   box-shadow: inset 1em 1em #fff;
    2999   margin: 5px 0 0 5px;
    3000 }
    3001 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:hover {
    3002   box-shadow: 0 0 0 1px #404489;
    3003 }
    3004 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked {
    3005   box-shadow: 0 0 0 1px #1dd6a1;
    3006   background: #1dd6a1;
    3007 }
    3008 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked:hover {
    3009   box-shadow: 0 0 0 1px #1dd6a1;
    3010 }
    3011 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked:before {
    3012   transform: scale(1);
    3013 }
    3014 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox] {
    3015   border: none;
    3016   -webkit-appearance: none;
    3017   -moz-appearance: none;
    3018        appearance: none;
    3019   box-shadow: 0 0 0 1px #a9b1c8;
    3020 }
    3021 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:before {
    3022   content: url('data:image/svg+xml; utf8, <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.94403 7.08803L0.288025 4.88003C0.124652 4.74424 0.0219124 4.54911 0.00240865 4.33757C-0.0170951 4.12602 0.0482342 3.9154 0.184025 3.75203C0.319816 3.58865 0.514945 3.48591 0.726486 3.46641C0.938027 3.44691 1.14865 3.51224 1.31203 3.64803L2.83203 4.91203L6.63203 1.04003C6.78585 0.888323 6.99364 0.803939 7.20968 0.80544C7.42572 0.80694 7.63232 0.894201 7.78403 1.04803C7.93573 1.20185 8.02011 1.40964 8.01861 1.62568C8.01711 1.84173 7.92985 2.04832 7.77603 2.20003L2.94403 7.08803Z" fill="white"/></svg>');
    3023   width: 6px;
    3024   height: 6px;
    3025   border-radius: 50%;
    3026   transform: scale(0);
    3027   transition: 120ms transform ease-in-out;
    3028   margin: 4px 0 0 4px;
    3029 }
    3030 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:hover {
    3031   box-shadow: 0 0 0 1px #404489;
    3032 }
    3033 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked {
    3034   box-shadow: 0 0 0 1px #1dd6a1;
    3035   background: #1dd6a1;
    3036 }
    3037 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked:hover {
    3038   box-shadow: 0 0 0 1px #1dd6a1;
    3039 }
    3040 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked:before {
    3041   transform: scale(1);
    3042 }
    3043 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox p.description {
    3044   font-style: italic;
    3045   margin-bottom: 0.75rem;
    3046 }
    3047 .affilizz-plugin__pane .affilizz-form .affilizz-field-main {
    3048   margin-bottom: 0.75rem;
    3049 }
    3050 .affilizz-plugin__pane .affilizz-form fieldset {
    3051   background: #f8f8ff;
    3052   padding: 20px;
    3053   border: 1px solid #d9deeb;
    3054   border-radius: 4px;
    3055   margin-top: 50px;
    3056 }
    3057 .affilizz-plugin__pane .affilizz-form fieldset p {
    3058   color: #111453;
    3059   font-style: italic;
    3060   font-size: 14px;
    3061 }
    3062 .affilizz-plugin__pane .affilizz-form fieldset p a {
    3063   color: #1dd6a1;
    3064   text-decoration: underline;
    3065 }
    3066 .affilizz-plugin__pane .affilizz-form fieldset > p {
    3067   margin-bottom: 0;
    3068 }
    3069 .affilizz-plugin__pane .affilizz-form fieldset p.description {
    3070   padding: 5px 0 10px;
    3071   color: #7a7db0;
    3072   font-size: 14px;
    3073   font-style: italic;
    3074 }
    3075 .affilizz-plugin__pane .affilizz-form fieldset p.description span {
    3076   color: #7a7db0;
    3077 }
    3078 .affilizz-plugin__pane .affilizz-form legend {
    3079   position: absolute;
    3080   color: #7a7db0;
    3081   margin: -50px 0 0 -25px;
    3082   padding-left: 3px;
    3083 }
    3084 .affilizz-plugin__pane .affilizz-form label {
    3085   margin-bottom: 5px;
    3086   color: #7a7db0;
    3087   display: block;
    3088 }
    3089 .affilizz-plugin__pane .affilizz-form input[type=text] {
    3090   max-width: 50%;
    3091   border-color: #d9deeb;
    3092   display: block;
    3093 }
    3094 
    3095 .affilizz-analytics {
    3096   display: none;
    3097   color: #7a7db0;
    3098   transition: all 0.5s ease-out;
    3099 }
    3100 .affilizz-analytics--open {
    3101   display: block;
    3102 }
    3103 .affilizz-analytics__toggle {
    3104   color: #7a7db0;
    3105   display: flex;
    3106   align-items: center;
    3107   gap: 7px;
    3108 }
    3109 .affilizz-analytics__toggle:focus, .affilizz-analytics__toggle:active {
    3110   outline: none;
    3111   box-shadow: none;
    3112   color: #404489;
    3113 }
    3114 .affilizz-analytics__toggle:hover {
    3115   color: #404489;
    3116 }
    3117 .affilizz-analytics__toggle svg {
    3118   width: 12px;
    3119   height: 12px;
    3120   margin-top: -1px;
    3121   margin-right: 0;
    3122 }
    3123 .affilizz-analytics__list {
    3124   margin-top: 15px;
    3125 }
    3126 .affilizz-analytics__wrapper {
    3127   background: #f8f8ff;
    3128   padding: 10px;
    3129   border: 1px solid #d9deeb;
    3130   border-radius: 4px;
    3131 }
    3132 .affilizz-analytics__item {
    3133   display: flex;
    3134   flex-wrap: wrap;
    3135   border-bottom: 1px solid #d9deeb;
    3136 }
    3137 .affilizz-analytics__item:last-child {
    3138   border-bottom: 0;
    3139 }
    3140 .affilizz-analytics__item__key, .affilizz-analytics__item__value {
    3141   padding: 8px 5px;
    3142 }
    3143 .affilizz-analytics__item__key {
    3144   flex: 1 1 20%;
    3145   color: #7a7db0;
    3146   font-weight: 500;
    3147   text-align: right;
    3148 }
    3149 .affilizz-analytics__item__key small {
    3150   display: block;
    3151   font-style: italic;
    3152   font-size: 10px;
    3153   font-weight: normal;
    3154 }
    3155 .affilizz-analytics__item__value {
    3156   flex: 1 1 80%;
    3157   color: #333333;
    3158 }
     2@font-face{font-display:block;font-family:affilizz-icons;font-style:normal;font-weight:400;src:url(../fonts/affilizz-icons/affilizz-icons.ttf?b2n8aj) format("truetype"),url(../fonts/affilizz-icons/affilizz-icons.woff?b2n8aj) format("woff"),url(../fonts/affilizz-icons/affilizz-icons.svg?b2n8aj) format("svg")}.affilizz-button{cursor:pointer;text-decoration:none}.affilizz-button--inline *{display:inline-block}.affilizz-button--inline svg{margin-left:5px}.affilizz-button--inline>svg{max-height:16px;max-width:16px}.affilizz-button-icons{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-right:5px}.affilizz-button-icons .dashicons,.affilizz-button-icons .dashicons-before{align-items:center;display:flex;justify-content:center;line-height:1}.affilizz-button-icons .dashicons-before:before,.affilizz-button-icons .dashicons:before{font-size:16px;opacity:.7;position:relative;top:2px}.affilizz-button--primary{background:#111453;border:none;border-radius:4px;color:#fff;font-size:16px;font-weight:400;padding:10px 12px}.affilizz-button--primary:active,.affilizz-button--primary:hover{background-color:#7af4d1;color:#fff;color:#111453;cursor:pointer}.affilizz-button--primary:disabled{background:#d9deeb;color:#fff}.affilizz-button[disabled]{opacity:.25;pointer-events:none}.affilizz-button--secondary{background:#fff;border:none;border-radius:4px;box-shadow:inset 0 0 0 1px #111453;color:#111453;font-size:16px;font-weight:400;padding:10px 20px}.affilizz-button--secondary:active,.affilizz-button--secondary:hover{background-color:#111453;color:#fff;cursor:pointer}.affilizz-button--secondary:active img,.affilizz-button--secondary:hover img{filter:brightness(0) invert(1)}.affilizz-button--primary-hover:active,.affilizz-button--primary-hover:hover{background-color:#7af4d1;box-shadow:none;color:#fff;color:#111453;cursor:pointer}.affilizz-button--create{background:#ff5722;border-radius:4px;display:inline-flex;margin-bottom:4px;margin-right:5px}.affilizz-button--create a{color:#fff;font-size:13px}.affilizz-button--create a.alt{color:#fff;font-size:13px;padding:0 5px}.affilizz-button--call{background:#1dd6a1;border-radius:4px;display:inline-block;margin-bottom:4px}.affilizz-button--call a{color:#fff;font-size:13px}.affilizz-button--hollow{align-items:center;border:1px solid #fff;border-radius:4px;color:#fff;display:flex;flex-direction:row;gap:5px;justify-content:center;padding:3px 5px}.affilizz-button--hollow:active,.affilizz-button--hollow:focus,.affilizz-button--hollow:hover{color:#fff}#create-affilizz-publication,#insert-affilizz-publication,.create-affilizz-publication,.insert-affilizz-publication{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:13px;font-weight:600;justify-content:center;padding:5px 7px 6px}#create-affilizz-publication *,#insert-affilizz-publication *,.create-affilizz-publication *,.insert-affilizz-publication *{pointer-events:none}#affilizz-floating-button{background:#1dd6a1;border-radius:4px;height:40px;opacity:0;padding:0 5px 4px;position:absolute;text-decoration:none;top:0;width:25px;z-index:6000}#affilizz-floating-button:after{background:#1dd6a1;content:"";height:8px;opacity:1;position:absolute;right:-4px;top:16px;transform:rotate(45deg);width:8px}#affilizz-floating-button:active,#affilizz-floating-button:focus{box-shadow:none;outline:none}#affilizz-floating-button img{margin-top:4px}#affilizz-floating-button *{pointer-events:none}#step-success-button{color:#fff}.wp-media-buttons{display:flex}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.affilizz-modal{align-items:center;background:rgba(17,20,83,.8);border-radius:4px;display:flex;font-family:Rubik,Arial,Sans_serif;font-size:14px;height:100vh;justify-content:space-around;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:-9999em;visibility:hidden;width:100vw;z-index:100102}.affilizz-modal__wrapper{background-color:#fff;border-radius:4px;box-shadow:0 0 1.5em rgba(0,0,0,.35);min-width:500px;z-index:100101}.affilizz-modal__header{align-items:center;background:#111453;border-radius:3px 3px 0 0;display:flex;flex-direction:row;justify-content:left;padding:20px 40px;position:relative}.affilizz-modal.has-error .affilizz-modal__actions{justify-content:center}.affilizz-modal.has-error.message-error .affilizz-modal__overtitle{color:#e41f5a}.affilizz-modal.has-error.message-error .affilizz-modal__logo{filter:brightness(0) saturate(100%) invert(17%) sepia(58%) saturate(6412%) hue-rotate(334deg) brightness(96%) contrast(85%)}.affilizz-modal__overtitle{color:#c5ffee;display:block;font-size:12px;font-weight:500;margin:0}.affilizz-modal__heading{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;flex-grow:1;font-weight:400;margin:0 0 0 1.5rem}.affilizz-modal__logo{margin-top:2px}.affilizz-modal__header__actions{padding:0 .75rem}.affilizz-modal__header__actions a{font-size:14px}.affilizz-modal__close{background:none;border:0;color:#e9eaff!important;cursor:pointer;font-size:20px!important;position:absolute;right:16px;text-decoration:none;top:16px;z-index:999}.affilizz-modal__close:hover{color:#e9eaff}.affilizz-modal__body{border-radius:0 0 4px 4px;color:#111453;min-width:640px;overflow-x:hidden;overflow-y:auto}.affilizz-modal__body :first-child{margin-top:0}.affilizz-modal__body :last-child{margin-bottom:0}.affilizz-modal__content{max-width:600px;min-width:640px}.affilizz-creation-modal .affilizz-modal__content{padding:0}.affilizz-modal__actions{align-items:center;border-top:1px solid #d9deeb;display:flex;flex-direction:row;gap:.5rem;justify-content:right;padding:20px 40px}.affilizz-modal__hint{background:#f8f8ff;border-radius:4px;color:#7a7db0;font-size:14px;padding:8px 14px}.affilizz-modal__hint a{color:#111453}.affilizz-modal .hidden,.affilizz-modal.hidden{opacity:0;visibility:hidden}.affilizz-modal .visible,.affilizz-modal.visible{opacity:1;pointer-events:auto;top:0;visibility:visible}.affilizz-modal__loader{border-radius:var(--border-radius)}.affilizz-modal__loader img{animation:spin 2s linear infinite;margin-right:10px;position:relative;top:1px}.affilizz-modal__title{font-size:1rem}.affilizz-modal-message{text-align:center}.affilizz-modal-message__title{font-size:1rem;font-weight:700;padding-bottom:20px}#affilizz-edit-publication-link{align-items:flex-start;align-self:flex-end;color:#111453;font-size:14px;gap:10px;padding:6px;text-decoration:underline}#affilizz-edit-publication-call,#affilizz-edit-publication-link{display:flex;justify-content:flex-end}*,:after,:before{box-sizing:border-box}.affilizz-select-option--floating{opacity:.5;z-index:9999}.affilizz-form{position:relative}.affilizz-form .ts-wrapper.single .ts-control,.affilizz-form .ts-wrapper.single .ts-control input{width:auto!important}.affilizz-form .ts-wrapper .ts-control{transition:var(--transition)!important}.affilizz-form .ts-wrapper .ts-control ::-moz-placeholder{color:var(--blue-400)!important;font-size:16px!important}.affilizz-form .ts-wrapper .ts-control ::placeholder,.affilizz-form .ts-wrapper .ts-control input{color:var(--blue-400)!important;font-size:16px!important}.affilizz-form .ts-wrapper:not(.input-active,.disabled,.has-items) .ts-control{background:var(--blue-0)!important;color:var(--blue-400)!important}.affilizz-form .ts-wrapper.has-items ::-moz-placeholder{display:none;visibility:hidden}.affilizz-form .ts-wrapper.has-items ::placeholder{display:none;visibility:hidden}.affilizz-form .ts-wrapper.input-active .ts-control{background:var(--white);box-shadow:0 0 0 .1875rem var(--stroke-green--light)!important;color:var(--blue-800)}.affilizz-form .ts-wrapper.loading .ts-control{border-radius:4px!important}.affilizz-form .ts-wrapper.loading .ts-dropdown{display:none!important}.affilizz-form__label{align-items:center;color:#404489;display:flex;flex-direction:row;font-size:12px;font-weight:400;justify-content:space-between;padding-bottom:3px}.affilizz-form__label__hint{color:#737af9;flex-shrink:1}.affilizz-form .ts-wrapper.multi .ts-control{align-items:center}.affilizz-form .ts-wrapper.multi .ts-control div{height:25px}.affilizz-form .ts-wrapper.multi .ts-control .affilizz-empty-publication-content-name{font-style:italic;font-weight:400;opacity:.5}.affilizz-form .affilizz-faux-select,.affilizz-form .ts-wrapper.multi .ts-control,.affilizz-form .ts-wrapper.single .ts-control,.affilizz-form input[type=text],.affilizz-form select{align-self:stretch;background:#fff;border:1px solid #a9b1c8;border-radius:4px;box-shadow:none;box-sizing:border-box;flex-grow:0;font-size:14px;line-height:1;max-width:100%;min-height:45px;padding:13px 8px 13px 12px;width:100%}.affilizz-form .affilizz-faux-select.dropdown-input,.affilizz-form .ts-wrapper.multi .ts-control.dropdown-input,.affilizz-form .ts-wrapper.single .ts-control.dropdown-input,.affilizz-form input[type=text].dropdown-input,.affilizz-form select.dropdown-input{border-color:#1dd6a1;margin:5px;max-width:calc(100% - 10px);min-height:30px;padding:8px 12px}.affilizz-form .affilizz-faux-select::-webkit-input-placeholder,.affilizz-form .ts-wrapper.multi .ts-control::-webkit-input-placeholder,.affilizz-form .ts-wrapper.single .ts-control::-webkit-input-placeholder,.affilizz-form input[type=text]::-webkit-input-placeholder,.affilizz-form select::-webkit-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:-moz-placeholder,.affilizz-form .affilizz-faux-select::-moz-placeholder,.affilizz-form .ts-wrapper.multi .ts-control:-moz-placeholder,.affilizz-form .ts-wrapper.multi .ts-control::-moz-placeholder,.affilizz-form .ts-wrapper.single .ts-control:-moz-placeholder,.affilizz-form .ts-wrapper.single .ts-control::-moz-placeholder,.affilizz-form input[type=text]:-moz-placeholder,.affilizz-form input[type=text]::-moz-placeholder,.affilizz-form select:-moz-placeholder,.affilizz-form select::-moz-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:-ms-input-placeholder,.affilizz-form .ts-wrapper.multi .ts-control:-ms-input-placeholder,.affilizz-form .ts-wrapper.single .ts-control:-ms-input-placeholder,.affilizz-form input[type=text]:-ms-input-placeholder,.affilizz-form select:-ms-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:focus,.affilizz-form .ts-wrapper.multi .ts-control:focus,.affilizz-form .ts-wrapper.single .ts-control:focus,.affilizz-form input[type=text]:focus,.affilizz-form select:focus{border:1px solid #404489;border-radius:4px;box-shadow:0 0 0 2px rgba(29,214,161,.5)}.affilizz-form .affilizz-faux-select:disabled,.affilizz-form .affilizz-faux-select:disabled input,.affilizz-form .ts-wrapper.multi .ts-control:disabled,.affilizz-form .ts-wrapper.multi .ts-control:disabled input,.affilizz-form .ts-wrapper.single .ts-control:disabled,.affilizz-form .ts-wrapper.single .ts-control:disabled input,.affilizz-form input[type=text]:disabled,.affilizz-form input[type=text]:disabled input,.affilizz-form select:disabled,.affilizz-form select:disabled input{background:#f0f3fa!important;border:#d9deeb!important;color:#a9b1c8!important}.affilizz-form .affilizz-faux-select .affilizz-option,.affilizz-form .ts-wrapper.multi .ts-control .affilizz-option,.affilizz-form .ts-wrapper.single .ts-control .affilizz-option,.affilizz-form input[type=text] .affilizz-option,.affilizz-form select .affilizz-option{padding-top:2px}.affilizz-form .affilizz-faux-select .recent,.affilizz-form .ts-wrapper.multi .ts-control .recent,.affilizz-form .ts-wrapper.single .ts-control .recent,.affilizz-form input[type=text] .recent,.affilizz-form select .recent{background:#a9b1c8;border-radius:4px;color:#fff;font-size:13px;margin-left:auto;padding:3px 4px}.affilizz-form .affilizz-faux-select img{margin-right:5px}.affilizz-form__field{margin:0}.affilizz-form__field .disabled .ts-control,.affilizz-form__field .disabled .ts-control input{background:#f0f3fa!important;border-color:#d9deeb!important;color:#a9b1c8!important;opacity:1!important}.affilizz-form__field .disabled .ts-control input::-moz-placeholder,.affilizz-form__field .disabled .ts-control::-moz-placeholder{color:#a9b1c8!important}.affilizz-form__field .disabled .ts-control input::placeholder,.affilizz-form__field .disabled .ts-control::placeholder{color:#a9b1c8!important}.affilizz-select-item>img{height:12px!important;padding:0!important;width:12px!important}.affilizz-select-item,.affilizz-select-option{border:none!important;box-shadow:none!important;color:#111453!important;text-shadow:none!important}.affilizz-select-item.affilizz-select-option,.affilizz-select-option.affilizz-select-option{font-weight:500}.affilizz-select-item--content-type-link,.affilizz-select-option--content-type-link{background:#ccf7fa!important}.affilizz-select-item--content-type-cta,.affilizz-select-option--content-type-cta{background:#fdf6a1!important}.affilizz-select-item--content-type-box,.affilizz-select-option--content-type-box{background:#fbdfde!important}.affilizz-select-item--content-type-card,.affilizz-select-option--content-type-card{background:#cfc7ff!important}.affilizz-select-item--content-type-carousel,.affilizz-select-option--content-type-carousel{background:#bfffbe!important}.affilizz-select-item--content-type-deal,.affilizz-select-option--content-type-deal{background:#ffa88e!important}.affilizz-select-item--text:first-letter,.affilizz-select-option--text:first-letter{text-transform:uppercase}.affilizz-select-item--content-type-deal .affilizz-select-option--subtext{color:#cb5735}.ts-dropdown-content{max-height:165px!important}.ts-dropdown-content .affilizz-select-option--subtext{color:#a9b1c8}.ts-dropdown-content{margin-bottom:0}.ts-dropdown-content .affilizz-inline-loader{align-items:center;background:#fff;color:#111453;display:flex;font-size:14px;gap:15px;justify-content:flex-start;line-height:35px;padding-left:12px}.ts-dropdown-content .affilizz-inline-loader img{max-width:20px}.ts-control>.item{font-size:1rem}#affilizz-publication-id-wrapper .ts-control>.item{align-items:center;display:flex;gap:8px;max-width:calc(100% - 34px)}#affilizz-publication-id-wrapper .ts-control>.item>.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-dropdown{border-radius:4px!important;box-shadow:0 4px 4px rgba(17,20,83,.4);margin:0!important;width:100%!important}.ts-dropdown .recent{background:#a9b1c8;border-radius:4px;color:#fff;font-size:13px;margin-left:auto;padding:2px 4px}.ts-dropdown [data-selectable].option{align-items:center;color:var(--blue-600)!important;display:flex;font-size:14px!important;padding:8px 12px!important}.ts-dropdown [data-selectable] .highlight{background:var(--background-orange--lighter)!important;border-radius:4px;color:var(--blue-600);font-size:14px;margin-right:4px;padding:0}.ts-dropdown .option{align-items:center;border-radius:4px;display:flex;min-height:35px;padding:0 0 0 12px}.ts-dropdown .affilizz-select-option{align-items:center;border-radius:4px;display:inline-flex;gap:4px;padding:4px 8px}.ts-dropdown .affilizz-select-option img{height:12px!important;padding:0!important;width:12px!important}#affilizz-publication-content-id-wrapper .ts-dropdown .option{gap:8px}#affilizz-publication-id-wrapper .ts-control:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2912_15560)'%3E%3Cg clip-path='url(%23clip1_2912_15560)'%3E%3Cpath d='m15.85 15.62-3.83-3.86a6.83 6.83 0 0 0 1.62-4.43A6.85 6.85 0 0 0 6.82.47 6.85 6.85 0 0 0 0 7.33a6.85 6.85 0 0 0 6.82 6.86 6.81 6.81 0 0 0 4.5-1.71l3.82 3.85a.5.5 0 0 0 .36.14.491.491 0 0 0 .46-.687.5.5 0 0 0-.11-.163ZM1 7.33a5.85 5.85 0 0 1 5.82-5.86 5.85 5.85 0 0 1 5.82 5.86 5.85 5.85 0 0 1-5.82 5.86A5.85 5.85 0 0 1 1 7.36v-.03Z' fill='%237A7DB0' style='fill:color(display-p3 .4798 .4913 .6917);fill-opacity:1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");content:" ";display:block;height:16px;margin-right:8px;width:16px}#affilizz-publication-id-ts-control{min-width:35%!important}.affilizz-block{--tag--default:#7a7db0;--tag--pink:#fec8ff;--tag--purple:#cfb8ff;--radius--xs:0.125rem;--radius:0.25rem;--radius--sm:0.375rem;--radius--md:0.5rem;--radius--lg:0.75rem;--white:#fff;--black:#000;--blue-0:#f8f8ff;--blue-50:#e9eaff;--blue-100:#d9deeb;--blue-150:#cdcffe;--blue-300:#a9b1c8;--blue-400:#7a7db0;--blue-600:#404489;--blue-800:#111453;--grey-50:#f0f3fa;--accent-blue-300:#737af9;--yellow-50:#fffaf5;--orange-50:#fff3e4;--red-50:#fff2f6;--red-500:#e41f5a;--green-100:#c5ffee;--green-200:#a3e8d2;--green-300:#7af4d1;--green-500:#1dd6a1;--block-padding-inline:2.5rem;--block-padding-block:2rem;--title-font:Rubik,sans-serif;--text-font:Rubik,sans-serif;--text-color--invert:var(--white);--text-color:var(--blue-800);--text-color--medium:var(--blue-600);--text-color--light:var(--blue-400);--text-color--lighter:var(--blue-300);--text-color--accent:var(--green-500);--text-blue--accent:var(--accent-blue-300);--text-red--accent:var(--red-500);--title-color:var(--blue-800);--title-color--medium:var(--blue-600);--title-color--light:var(--blue-400);--title-color--accent:var(--green-500);--stroke-color--dark:var(--blue-800);--stroke-color--medium:var(--blue-600);--stroke-color:var(--blue-400);--stroke-color--shade:var(--blue-300);--stroke-color--light:var(--blue-100);--stroke-color--accent:var(--green-500);--stroke-green--light:var(--green-200);--background-color:var(--white);--background-color--shade:var(--blue-100);--background-color--light:var(--blue-150);--background-color--lighter:var(--blue-50);--background-color--bright:var(--blue-0);--background-color--accent:var(--green-500);--background-yellow--lighter:var(--yellow-50);--background-red--lighter:var(--red-50);--background-orange--lighter:var(--orange-50);--background-grey--lighter:var(--grey-50);--background-green--lighter:var(--green-100);--background-green--medium:var(--green-300);--drop-shadow:0 0.25rem 0.25rem rgba(17,20,83,.2);--transition-easing:cubic-bezier(0.45,0,0.15,1);--transition-easing--in-out:cubic-bezier(0.4,0,0.1,1);--transition-duration:0.32s;--transition:all 0.32s cubic-bezier(0.45,0,0.15,1)}.affilizz-component-container p,.affilizz-modal p,.wpview[data-wpview-type~=affilizz] p{margin:0}.affilizz-component-container button,.affilizz-modal button,.wpview[data-wpview-type~=affilizz] button{cursor:pointer}.affilizz-component-container *,.affilizz-component-container :after,.affilizz-component-container :before,.affilizz-modal *,.affilizz-modal :after,.affilizz-modal :before,.wpview[data-wpview-type~=affilizz] *,.wpview[data-wpview-type~=affilizz] :after,.wpview[data-wpview-type~=affilizz] :before{box-sizing:border-box}.affilizz-component-container a,.affilizz-component-container button,.affilizz-modal a,.affilizz-modal button,.wpview[data-wpview-type~=affilizz] a,.wpview[data-wpview-type~=affilizz] button{-webkit-tap-highlight-color:transparent;cursor:revert}.affilizz-component-container menu,.affilizz-component-container ol,.affilizz-component-container ul,.affilizz-modal menu,.affilizz-modal ol,.affilizz-modal ul,.wpview[data-wpview-type~=affilizz] menu,.wpview[data-wpview-type~=affilizz] ol,.wpview[data-wpview-type~=affilizz] ul{list-style:none}.affilizz-component-container img,.affilizz-modal img,.wpview[data-wpview-type~=affilizz] img{max-width:100%}.affilizz-component-container table,.affilizz-modal table,.wpview[data-wpview-type~=affilizz] table{border-collapse:collapse}.affilizz-component-container input,.affilizz-component-container textarea,.affilizz-modal input,.affilizz-modal textarea,.wpview[data-wpview-type~=affilizz] input,.wpview[data-wpview-type~=affilizz] textarea{-webkit-user-select:auto}.affilizz-component-container textarea,.affilizz-modal textarea,.wpview[data-wpview-type~=affilizz] textarea{word-wrap:break-word;overflow-wrap:break-word;white-space:revert}.affilizz-component-container meter,.affilizz-modal meter,.wpview[data-wpview-type~=affilizz] meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}.affilizz-component-container ::-moz-placeholder,.affilizz-modal ::-moz-placeholder,.wpview[data-wpview-type~=affilizz] ::-moz-placeholder{color:unset}.affilizz-component-container ::placeholder,.affilizz-modal ::placeholder,.wpview[data-wpview-type~=affilizz] ::placeholder{color:unset}.affilizz-component-container :where([hidden]),.affilizz-modal :where([hidden]),.wpview[data-wpview-type~=affilizz] :where([hidden]){display:none}.affilizz-component-container :where([contenteditable]:not([contenteditable=false])),.affilizz-modal :where([contenteditable]:not([contenteditable=false])),.wpview[data-wpview-type~=affilizz] :where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;-webkit-user-select:auto}.affilizz-component-container :where([draggable=true]),.affilizz-modal :where([draggable=true]),.wpview[data-wpview-type~=affilizz] :where([draggable=true]){-webkit-user-drag:element}.affilizz-component-container ::-webkit-details-marker,.affilizz-modal ::-webkit-details-marker,.wpview[data-wpview-type~=affilizz] ::-webkit-details-marker{display:none}.affilizz-icon{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;aspect-ratio:1/1;box-sizing:content-box;display:flex;font-family:affilizz-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;pointer-events:none;text-transform:none;transition:var(--transition);width:1.25rem}.affilizz-icon:before{align-self:center;margin:0 auto}.affilizz-icon--add:before{content:"\e908"}.affilizz-icon--remove:before{content:"\e909"}.affilizz-icon--pros:before{content:"\e906"}.affilizz-icon--cons:before{content:"\e907"}.affilizz-icon--table:before{content:"\e900"}.affilizz-icon--button:before{content:"\e901"}.affilizz-icon--card:before{content:"\e902"}.affilizz-icon--link:before{content:"\e903"}.affilizz-icon--search:before{content:"\e904"}.affilizz-icon--arrow-left:before{content:"\e905"}.affilizz-block__choice strong,.affilizz-block__label,.affilizz-block__product__informations,.affilizz-title{color:var(--title-color);font-family:var(--title-font);font-weight:500;line-height:1.25em;margin:0}.affilizz-block__choice strong mark,.affilizz-block__label mark,.affilizz-block__product__informations mark,.affilizz-title mark{color:var(--title-color--accent);font-weight:500}.affilizz-title--md{font-size:1.5rem!important}.affilizz-block__choice strong,.affilizz-title--sm{font-size:1rem!important}.affilizz-title--xs{font-size:.875rem!important}.affilizz-block__product__informations,.affilizz-title--xxs{font-size:.75rem!important}.affilizz-block__label,.affilizz-block__product__informations,.affilizz-title--thin{font-weight:400!important}.affilizz-title--light{color:var(--title-color--light)!important}.affilizz-title--centered{text-align:center!important}.affilizz-block__accordion__button,.affilizz-block__accordion__create,.affilizz-block__button{--button-height:2.75rem;--button-background:var(--blue-800);--button-color:var(--text-color--invert);--button-stroke:var(--stroke-color--dark);align-items:center;background:var(--button-background);border-radius:var(--radius);color:var(--button-color);cursor:pointer!important;display:inline-grid;font-size:.875rem;font-weight:500;gap:.5rem;grid-template-areas:"text";grid-template-columns:1fr;grid-template-rows:1fr;line-height:var(--button-height);min-height:var(--button-height);padding:0 1.5rem;text-align:center;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.affilizz-block__accordion__button:hover:not(.affilizz-block__button--inline,.affilizz-block__accordion__button,.affilizz-block__button--outline,.affilizz-block__accordion__create,.affilizz-block__button--disable),.affilizz-block__accordion__create:hover:not(.affilizz-block__button--inline,.affilizz-block__accordion__button,.affilizz-block__button--outline,.affilizz-block__accordion__create,.affilizz-block__button--disable),.affilizz-block__button:hover:not(.affilizz-block__button--inline,.affilizz-block__accordion__button,.affilizz-block__button--outline,.affilizz-block__accordion__create,.affilizz-block__button--disable){--button-background:var(--background-color--accent)}.affilizz-block__accordion__button .affilizz-icon,.affilizz-block__accordion__button:after,.affilizz-block__accordion__create .affilizz-icon,.affilizz-block__accordion__create:after,.affilizz-block__button .affilizz-icon,.affilizz-block__button:after{color:var(--button-color);font-size:1.25rem;grid-area:icon}.affilizz-block__accordion__create,.affilizz-block__button--sm{font-size:.8125rem}.affilizz-block__accordion__create,.affilizz-block__button--outline{--button-height:1.5rem;--button-background:var(--background-color);--button-color:var(--text-color);border:.125rem solid var(--button-stroke);padding:0 .5rem}.affilizz-block__accordion__create:hover,.affilizz-block__button--outline:hover{--button-color:var(--text-color--accent);--button-stroke:var(--stroke-color--accent)}.affilizz-block__button--disable{--button-background:var(--background-grey--lighter);--button-color:var(--text-color--lighter);cursor:auto!important}.affilizz-block__accordion__button,.affilizz-block__button--icon{grid-template-areas:"text icon";grid-template-columns:auto 1fr;grid-template-rows:1fr}.affilizz-block__button--invert{grid-template-areas:"icon text"}.affilizz-block__accordion__button,.affilizz-block__button--inline{--button-color:var(--text-color);background:transparent;font-size:.75rem;padding:0}.affilizz-block__accordion__button:hover,.affilizz-block__button--inline:hover{--button-color:var(--text-color--accent)}.affilizz-block__button--offset{margin-top:-.75rem}.affilizz-block__button--auto{width:100%}.affilizz-block__tag{background:var(--tag--default);border-radius:var(--radius--xs);color:var(--text-color--invert);font-size:.6875rem;font-weight:500;line-height:1em;margin:0;padding:.125rem .25rem}.affilizz-block__tag--default{background:var(--tag--default);color:var(--text-color)}.affilizz-block__tag--pink{background:var(--tag--pink);color:var(--text-color)}.affilizz-block__tag--purple{background:var(--tag--purple);color:var(--text-color)}.affilizz-block__tag__list{align-self:center;display:flex;gap:.25rem}.affilizz-block input{background:none;outline:0!important}.affilizz-block textarea{resize:none!important}.affilizz-block__field{--field-stroke-color:var(--stroke-color--shade);display:grid;grid-template-areas:"label" "input";grid-template-columns:1fr;grid-template-rows:1fr auto}.affilizz-block__field+*{margin-top:.5rem}.affilizz-block__field:hover .affilizz-block__input:not(.affilizz-block__input--quality){box-shadow:0 0 0 .1875rem var(--stroke-green--light)!important}.affilizz-block__field--search{--field-stroke-color:var(--stroke-color--medium);align-items:center}.affilizz-block__field--search .affilizz-icon{color:var(--text-color--medium);font-size:1.25rem;grid-area:input;padding-inline:.625rem}.affilizz-block__field--search+*{margin-top:1rem}.affilizz-block__field--quality{grid-template-areas:"icon input clone remove";grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr}.affilizz-block__field--quality input.affilizz-block__input{grid-column:icon/input;height:2rem;padding:0 .75rem 0 2.75rem!important;position:relative;z-index:2}.affilizz-block__field--quality input.affilizz-block__input,.affilizz-block__field--quality input.affilizz-block__input:focus,.affilizz-block__field--quality input.affilizz-block__input:hover{box-shadow:0 0 0 0 transparent!important}.affilizz-block__field--quality .affilizz-icon--cons,.affilizz-block__field--quality .affilizz-icon--pros{background:var(--background-grey--lighter);border:.0625rem solid var(--field-stroke-color);grid-area:icon;height:calc(2rem - 2px);position:relative;width:2rem;z-index:3}.affilizz-block__field--quality .affilizz-icon{border-bottom-left-radius:var(--radius);border-top-left-radius:var(--radius);font-size:1.125rem}.affilizz-block__field--quality .affilizz-icon--pros{color:var(--text-color--accent)!important}.affilizz-block__field--quality .affilizz-icon--cons{color:var(--text-red--accent)!important}.affilizz-block__field--quality .affilizz-block__add{margin-left:.5rem}.affilizz-block__field--quality .affilizz-block__add,.affilizz-block__field--quality .affilizz-block__remove{background:#fff;border:none;cursor:pointer!important;display:flex;justify-content:center;width:2rem}.affilizz-block__field--quality .affilizz-block__add i,.affilizz-block__field--quality .affilizz-block__remove i{color:var(--text-color--light)}.affilizz-block__field--quality .affilizz-block__add:hover i,.affilizz-block__field--quality .affilizz-block__remove:hover i{color:var(--text-color);transform:scale(1.1)}.affilizz-block__field--quality+*{margin-top:.25rem}.affilizz-block__field__list{margin-bottom:0}.affilizz-block__field__list+*{margin-top:.5rem}.affilizz-block__field.has-error .help{color:#e41f5a;margin-top:.125rem}.affilizz-block__field.has-error .affilizz-block__label{color:#e41f5a!important}.affilizz-block__field.has-error .affilizz-block__input{border-color:#e41f5a!important}.affilizz-block__input{border:.0625rem solid var(--field-stroke-color)!important;border-radius:var(--radius)!important;color:var(--text-color--medium)!important;font-size:1rem!important;grid-area:input;line-height:1.5rem!important;min-height:auto!important;padding:.625rem .75rem!important;transition:var(--transition)!important}.affilizz-block__input::-moz-placeholder{color:var(--text-color--lighter)!important}.affilizz-block__input::placeholder{color:var(--text-color--lighter)!important}.affilizz-block__input:focus{box-shadow:0 0 0 .1875rem var(--stroke-green--light)!important}.affilizz-block__input:focus+:not(i){color:var(--text-color)!important}.affilizz-block__input:focus,.affilizz-block__input:hover{--field-stroke-color:var(--stroke-color)}.affilizz-block__input--search{padding:.75rem .875rem .75rem 2.5rem!important}.affilizz-block__label{color:var(--text-color--medium);display:flex;font-size:.8125rem;grid-area:label;justify-content:space-between;margin-block-end:.125rem}.affilizz-block__label small{color:#7a7db0;font-size:.75rem;font-style:italic}@keyframes slide{0%{tranform:translate(0,0)}to{transform:translate(-66.6666666667%)}}.affilizz-block__product{align-items:center;background-color:#fff;border:.0625rem solid var(--stroke-color--shade);border-radius:var(--radius);cursor:pointer!important;display:grid;gap:.25rem .5rem;grid-template-areas:"image title" "image informations";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;padding:.5rem;position:relative;text-align:left;transition:var(--transition);width:100%;z-index:2}.affilizz-block__product--selected{background:linear-gradient(0deg,#eaf4ff 0,#fff);border-color:#1dd6a1}.affilizz-block__product--brand,.affilizz-block__product--loading{grid-template-areas:"image title title" "image brand price";grid-template-columns:auto auto 1fr}.affilizz-block__product--brand .accent-color{color:var(--text-color--accent);font-size:.875rem;font-weight:500}.affilizz-block__product--loading{border-color:var(--stroke-color--light)!important;grid-template-areas:"square line1 line1 line1 line1" "square line2 line2 line2 line2" "square line3 pipe line4 space";grid-template-columns:auto auto .0625rem auto 1fr;grid-template-rows:auto auto auto;transform:none!important}.affilizz-block__product--loading:before{display:none!important}.affilizz-block__product--loading:after{background:var(--background-grey--lighter);content:"";grid-area:pipe;height:100%;width:.0625rem}.affilizz-block__product--loading .affilizz-block__square{aspect-ratio:1/1;border-radius:var(--radius);grid-area:square;margin-right:.5rem;width:3.5rem}.affilizz-block__product--loading>*{border-radius:6.25rem;min-height:.75rem;overflow:hidden;position:relative}.affilizz-block__product--loading>:before{animation:slide 1.5s linear infinite;background:linear-gradient(to right,var(--background-grey--lighter) 0,var(--background-color) 33.33%,var(--background-grey--lighter) 66.66%,var(--background-color));content:"";display:block;height:100%;left:0;position:absolute;top:0;width:300%;z-index:-1}.affilizz-block__product--loading .affilizz-block__line{min-width:3rem}.affilizz-block__product--loading .affilizz-block__line--1{grid-area:line1}.affilizz-block__product--loading .affilizz-block__line--1:before{animation-delay:.25s}.affilizz-block__product--loading .affilizz-block__line--2{grid-area:line2}.affilizz-block__product--loading .affilizz-block__line--2:before{animation-delay:.5s}.affilizz-block__product--loading .affilizz-block__line--3{grid-area:line3}.affilizz-block__product--loading .affilizz-block__line--3:before{animation-delay:.75s}.affilizz-block__product--loading .affilizz-block__line--4{grid-area:line4}.affilizz-block__product--loading .affilizz-block__line--4:before{animation-delay:1s}.affilizz-block__product:before{border-radius:inherit;box-shadow:0 2px 1px rgba(17,20,83,.1);content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:var(--transition);width:100%;z-index:-1}.affilizz-block__product:not(.affilizz-block__product--selected):hover{border-color:var(--stroke-color);transform:translateY(-.0625rem);z-index:3}.affilizz-block__product:not(.affilizz-block__product--selected):hover:before{opacity:1}.affilizz-block__product__list{display:flex;flex-wrap:wrap;gap:.25rem;margin-inline:0}.affilizz-block__product__item{flex:0 0 100%}.affilizz-block__product__title{align-self:end;grid-area:title;margin:0}.affilizz-block__product__brand{align-items:center;display:flex;font-size:.75rem;gap:.25rem;grid-area:brand;margin:0}.affilizz-block__product__brand img{flex:0 0 1.25rem;max-width:1.25rem}.affilizz-block__product__price{border-left:.0625rem solid var(--stroke-color);color:var(--text-color--accent);font-size:.875rem;font-weight:500;grid-area:price;margin:0;padding-left:.5rem}.affilizz-block__product__informations{align-self:start;grid-area:informations;margin:0}.affilizz-block__product__image{aspect-ratio:1/1;grid-area:image;height:4rem;-o-object-fit:contain;object-fit:contain;width:4rem}.affilizz-block__product--not-affiliated{background:var(--background-red--lighter)!important;border:0;border-radius:var(--radius--lg);padding:1rem 1.5rem}.affilizz-block__product--not-affiliated .pretitle{color:#b91b4a;margin-bottom:.3125rem}.affilizz-block__product--not-affiliated .pretitle img{background-color:transparent!important;height:16px!important;padding:0!important;width:16px!important}.affilizz-block__product--not-affiliated .pretitle span{vertical-align:middle}*+.affilizz-block__product{margin-top:.375rem}*+.affilizz-block__product--loading{margin-top:1rem}.affilizz-block__accordion{display:grid;grid-template-areas:"content" "button";grid-template-columns:1fr;grid-template-rows:auto auto;position:relative}.affilizz-block__accordion__content{display:flex;flex-wrap:wrap}.affilizz-block__accordion__content>*{flex:0 0 100%}.affilizz-block__accordion__list{display:flex;flex-wrap:wrap;gap:.4rem}.affilizz-block__accordion__item{background:var(--background-color--bright);border-radius:var(--radius);display:grid;flex:0 0 100%;gap:.4rem 1.6rem;grid-template-areas:"brand price" "link button";grid-template-columns:1fr auto;grid-template-rows:auto auto;margin:0;padding:.8rem;padding-block-end:.4rem}.affilizz-block__accordion__brand{display:flex;grid-area:brand}.affilizz-block__accordion__brand p{align-items:center;display:flex;font-size:1.3rem;gap:.4rem;margin:0}.affilizz-block__accordion__brand img{width:2rem}.affilizz-block__accordion__brand .affilizz-block__tag__list{border-left:.1rem solid var(--stroke-color);margin-inline-start:.8rem;padding-inline-start:.8rem}.affilizz-block__accordion__price{align-items:center;display:flex;font-size:1.3rem;font-weight:500;gap:.4rem;grid-area:price}.affilizz-block__accordion__price p{margin:0}.affilizz-block__accordion__price .affilizz-block__tag__list{order:-1}.affilizz-block__accordion__link{font-size:1.1rem;grid-area:link;line-height:1.6rem;margin:0;outline:0!important;padding-block:.4rem}.affilizz-block__accordion__link:hover{text-decoration:underline}.affilizz-block__accordion__create{align-self:center;grid-area:button;margin-block-end:.4rem!important;margin-block-start:0!important;margin-inline-start:auto}.affilizz-block__accordion__button{font-weight:400;grid-area:button;justify-self:center!important}.affilizz-block__accordion__button:before{content:attr(data-collapse)}.affilizz-block__accordion__button:after{border:.2rem solid;border-bottom:0;border-left:0;content:"";grid-area:icon;height:.8rem;transform:translateY(25%) rotate(-45deg);transition:var(--transition);width:.8rem}.js-accordion .affilizz-block__accordion__content{opacity:0;overflow:hidden;transition:var(--transition)}.js-accordion.expand .affilizz-block__accordion__content{height:var(--accordion-height-open);opacity:1}.js-accordion.expand .affilizz-block__accordion__button:after{transform:translateY(25%) rotate(-45deg)}.js-accordion.expand .affilizz-block__accordion__button:before{content:attr(data-open)}.js-accordion:not(.expand) .affilizz-block__accordion__button:after{transform:translateY(-25%) rotate(-45deg) scale(-1)}.js-accordion:not(.expand) .affilizz-block__accordion__content{height:var(--accordion-height-close,auto)}.affilizz-block{background:var(--background-color);color:var(--text-color);max-height:80vh;overflow:visible;padding:var(--block-padding-block) var(--block-padding-inline)}.affilizz-block ::-moz-selection{background:var(--green-100)}.affilizz-block ::selection{background:var(--green-100)}.affilizz-block a{color:currentColor;outline:0!important}.affilizz-block+.affilizz-block{padding-block-start:0}.affilizz-block--border,.affilizz-block--reduce .affilizz-block__section--border{padding-block-end:1rem}.affilizz-block__alert+:not(.affilizz-block__section),.affilizz-block__section+:not(.affilizz-block__section){margin-top:1rem}.affilizz-block__section{padding:1rem 0 0}.affilizz-block__section .affilizz-block__title{margin-top:1rem}.affilizz-block__section--select{border-radius:var(--radius--lg);outline:.0625rem solid var(--background-color--light);outline-offset:-.0625rem;padding-block-end:1.25rem;padding:0!important;position:relative;z-index:10}.affilizz-block__section--select+.affilizz-block__section--border{margin-top:1.25rem}.affilizz-block__section--select:before{border:.75rem solid transparent;border-top:.75rem solid var(--background-color--light);bottom:0;content:"";display:block;height:.75rem;left:50%;position:absolute;transform:translate(-50%,100%);transform-origin:center top;width:.75rem;z-index:-1}.affilizz-block__section--select .affilizz-block__type__list{margin-top:1.25rem;padding-bottom:1rem}.affilizz-block__section--select .affilizz-block__product{background:var(--background-color--light);border:none;border-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit;cursor:auto!important;gap:.75rem;padding:1rem 1.5rem;transform:none!important}.affilizz-block__section--select .affilizz-block__product:before{display:none}.affilizz-block__section--select .affilizz-block__product+*{margin-top:1.25rem}.affilizz-block__section--select .affilizz-block__product__title{align-self:center;grid-row:1/-1}.affilizz-block__section--select .affilizz-block__product img{background-color:var(--background-color);border-radius:.125rem;height:4.5rem;padding:.25rem;width:4.5rem}.affilizz-block__section--border{background:var(--background-color--light);border-radius:var(--radius--lg);padding:1.75rem;position:relative;z-index:2}.affilizz-block__section--border+.affilizz-block__section--border{margin-top:1.25rem}.affilizz-block__section--border:before{background:var(--background-color);border-radius:var(--radius--sm);content:"";display:block;height:calc(100% - 2rem);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem);z-index:-1}.affilizz-block__section .brand-and-price{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.affilizz-block__section .brand-and-price>*{flex:1}.affilizz-block__section .brand-and-price>:first-child{justify-content:end}.affilizz-block__title{padding:0!important}.affilizz-block__title.affilizz-block__label+*,.affilizz-block__title.affilizz-block__product__informations+*,.affilizz-block__title.affilizz-title--thin+*{margin-top:.25rem}.affilizz-block .affilizz-block__choice .affilizz-block__label+strong,.affilizz-block .affilizz-block__choice .affilizz-block__product__informations+strong,.affilizz-block .affilizz-block__choice .affilizz-title+strong,.affilizz-block .affilizz-block__choice strong+.affilizz-block__label,.affilizz-block .affilizz-block__choice strong+.affilizz-block__product__informations,.affilizz-block .affilizz-block__choice strong+.affilizz-title,.affilizz-block .affilizz-block__choice strong+strong,.affilizz-block .affilizz-block__label+.affilizz-block__label,.affilizz-block .affilizz-block__label+.affilizz-block__product__informations,.affilizz-block .affilizz-block__label+.affilizz-title,.affilizz-block .affilizz-block__product__informations+.affilizz-block__label,.affilizz-block .affilizz-block__product__informations+.affilizz-block__product__informations,.affilizz-block .affilizz-block__product__informations+.affilizz-title,.affilizz-block .affilizz-title+.affilizz-block__label,.affilizz-block .affilizz-title+.affilizz-block__product__informations,.affilizz-block .affilizz-title+.affilizz-title,.affilizz-block__choice .affilizz-block .affilizz-block__label+strong,.affilizz-block__choice .affilizz-block .affilizz-block__product__informations+strong,.affilizz-block__choice .affilizz-block .affilizz-title+strong,.affilizz-block__choice .affilizz-block strong+.affilizz-block__label,.affilizz-block__choice .affilizz-block strong+.affilizz-block__product__informations,.affilizz-block__choice .affilizz-block strong+.affilizz-title,.affilizz-block__choice .affilizz-block strong+strong{margin-top:.625rem}.affilizz-block__section-title{color:#404489!important;font-size:1rem!important;padding:0!important}.affilizz-block__choice{background:var(--background-color);border:.0625rem solid var(--stroke-color--light);border-radius:var(--radius);cursor:pointer!important;display:flex;flex-wrap:wrap;justify-items:center;padding:0;position:relative;text-align:center;transition:var(--transition);z-index:2}.affilizz-block__choice:before{border-radius:inherit;box-shadow:var(--drop-shadow);content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:var(--transition);width:100%;z-index:-1}.affilizz-block__choice:hover{border-color:var(--stroke-color);transform:translateY(-.0625rem)}.affilizz-block__choice:hover:before{opacity:1}.affilizz-block__choice>*{flex:0 0 100%}.affilizz-block__choice span{font-size:1rem;line-height:1.25rem;padding:.75rem 1.5rem}.affilizz-block__choice strong{display:block;font-weight:600}.affilizz-block__choice img{aspect-ratio:16/9;border-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0;display:block;-o-object-fit:contain;object-fit:contain;order:-1;padding:.75rem 0;pointer-events:none}.affilizz-block__choice--blue img{background-color:var(--background-color--lighter)}.affilizz-block__choice--yellow img{background-color:var(--background-yellow--lighter)}.affilizz-block__choice__list{display:flex;gap:1rem;justify-content:center}.affilizz-block__choice__item{flex:1;max-width:13.125rem}.affilizz-block__accordion__button,.affilizz-block__accordion__create,.affilizz-block__button{border:none;justify-self:start}.affilizz-block__accordion__button:hover,.affilizz-block__accordion__create:hover,.affilizz-block__button:hover{border:none}*+.affilizz-block__accordion__button,*+.affilizz-block__accordion__create,*+.affilizz-block__button{margin-top:1rem}.affilizz-block__checkbox:selected+label:before{background:red!important}.affilizz-block__filter__list{background:var(--stroke-color--shade);border:.0625rem solid var(--stroke-color--shade);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:.0625rem;margin-inline:0;overflow:hidden}.affilizz-block__filter__list+p{margin-bottom:0!important}.affilizz-block__filter__item{background:var(--background-color);cursor:pointer;display:grid;flex:1 1 auto;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.affilizz-block__filter__item>*{grid-column:1/-1!important;grid-row:1/-1!important}.affilizz-block__filter__item.checked label{color:var(--text-color--medium)}.affilizz-block__filter__item.checked label:before{background:var(--background-green--lighter);opacity:1}.affilizz-block__filter__item.checked.checked-first label:before,.affilizz-block__filter__item.checked.checked-last label:before{background:var(--background-green--medium);opacity:1}.affilizz-block__filter__item input{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:unset!important;height:100%!important;margin:0!important;outline:none!important;pointer-events:none;transition:var(--transition)!important;width:100%!important}.affilizz-block__filter__item label{color:var(--text-color--lighter);font-size:.875rem;font-weight:500;line-height:1.75rem;padding-inline:.5rem;position:relative;text-align:center;transition:var(--transition);white-space:nowrap;width:100%;z-index:2}.affilizz-block__filter__item label:before{background:var(--background-green--medium);content:"";display:block;height:100%;left:50%;opacity:0;position:absolute;top:0;transform:translate(-50%);transition:var(--transition);width:calc(100% + .125rem);z-index:-1}.affilizz-block__filter__item:hover label{color:var(--text-color--medium)}.affilizz-block__filter__item:hover label:before{background:var(--background-green--lighter);opacity:1}*+.affilizz-block__filter{margin-top:1rem}.affilizz-block__back-button{align-items:center;background:var(--blue-0);border:1px solid var(--blue-300);border-radius:5px;display:flex;gap:.5rem;margin-bottom:1rem;margin-top:-.5rem!important;padding:.25rem .5rem}.affilizz-block__alert{background:var(--background-color--lighter);border-radius:var(--radius--lg);font-size:.875rem;line-height:1.375rem;padding:1rem 1.5rem}.affilizz-block__alert a{color:currentColor!important;text-decoration:underline}.affilizz-block__alert .affilizz-button--hollow{border-color:var(--blue-800);color:var(--blue-800)}.affilizz-block__alert .affilizz-button--hollow img{padding:0!important}.affilizz-block__alert__actions{display:flex;gap:.375rem;margin-top:.375rem}.affilizz-block__alert__actions a{padding:0 .25rem}.affilizz-block__alert--red{background:var(--background-red--lighter)}.affilizz-block__alert--orange{background:var(--background-orange--lighter)}.affilizz-block__type__item{margin-bottom:0}.affilizz-block__type__list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.affilizz-block__type__button{align-content:center;aspect-ratio:1/1;background:#fff;border:.0625rem solid var(--stroke-color--medium);border-radius:var(--radius);color:var(--text-color--medium);cursor:pointer!important;display:flex;flex:0 0 4.5rem;flex-wrap:wrap;justify-content:center;text-align:center;transition:var(--transition);width:4.5rem}.affilizz-block__type__button p{flex:0 0 100%;font-size:.875rem;font-weight:400;margin-bottom:0}.affilizz-block__type__button i{font-size:1.25rem;margin-bottom:.2em;order:-1}.affilizz-block__type__button.active{background:var(--background-green--lighter);border-color:var(--stroke-color-dark);color:var(--text-color)}.affilizz-block__type__button.disable{background:var(--background-grey--lighter);border-color:var(--stroke-color--shade);color:var(--text-color--lighter);cursor:default!important}.affilizz-block__merchant{display:block;font-size:.75rem;line-height:1.25rem;margin:0;text-align:center;width:100%}.affilizz-block__merchant mark{color:var(--text-color--accent);font-size:1rem;font-weight:500}.affilizz-block__merchant span{align-items:baseline;display:inline-flex;gap:.25rem}.affilizz-block__merchant img{align-self:center;-o-object-fit:contain;object-fit:contain;width:1.25rem}.affilizz-block__merchant--single span{border-right:.0625rem solid var(--stroke-color);margin-inline-end:.5rem;padding-inline-end:.5rem}.affilizz-block__message{color:var(--text-color--medium);font-size:.6875rem;font-style:italic;margin:0;padding-block:.25rem .75rem;text-align:center;transform:translateY(.2rem);transition:var(--transition)}.affilizz-block__infos{color:var(--blue-800);margin:1rem auto;text-align:center}.affilizz-block__infos__starting{align-items:center;display:flex;gap:5px;justify-content:center;margin-bottom:5px}.affilizz-block__infos__starting img{max-height:16px}.affilizz-block__infos__starting+br{display:none!important}.affilizz-block__infos .price{color:var(--text-color--accent);font-size:.875rem;font-weight:500}.affilizz-block__infos em{color:var(--blue-600);font-size:.8125rem;font-style:italic}.affilizz-block__infos img{max-width:1.5rem}.affilizz-block__more-button{align-items:center;cursor:pointer;display:flex;gap:5px;justify-content:center;margin:0 auto}.affilizz-block__more-button img{max-width:10px}*+.affilizz-block__merchant{margin-top:.5rem}.affilizz-block__offers{position:relative}.affilizz-block__offers:after,.affilizz-block__offers:before{content:"";height:1rem;position:absolute;width:100%;z-index:50}.affilizz-block__offers:before{background:linear-gradient(#fff,transparent);top:0}.affilizz-block__offers:after{background:linear-gradient(transparent,#fff);bottom:0}.affilizz-block__offers--scroller{max-height:50vh;overflow-x:hidden;overflow-y:auto;padding:1rem 0}.affilizz-block__price{color:var(--text-color--accent);font-size:.875rem;font-weight:500}.affilizz-block__shop{background:#f8f8ff;border-radius:var(--radius);display:flex;flex-direction:column;margin-bottom:.25rem;padding:.5rem}.affilizz-block__shop-lower,.affilizz-block__shop-upper{display:flex;flex-direction:row;justify-content:space-between}.affilizz-block__shop-lower{align-items:center;gap:1rem;margin-top:5px}.affilizz-block__shop-lower .affilizz-button{font-size:.75rem;padding:.125rem .3125rem}.affilizz-block__shop-left{align-items:center;display:flex;gap:5px}.affilizz-block__shop-left img{height:auto;max-width:16px}.affilizz-block__shop-right{align-items:center;display:flex;flex-direction:row;font-weight:700;gap:.25rem}.affilizz-block__shop p{font-size:.75rem;margin:0}.affilizz-block__shop:last-child{margin-bottom:1rem}.affilizz-block__shop__label{border-radius:3px;font-size:.6875rem;font-weight:700;line-height:1;padding:.125rem .1875rem}.affilizz-block__shop__label--marketplace{background:#7a7db0;color:#fff;margin-left:1rem}.affilizz-block__shop__label--refurbished{background:#fec8ff;color:var(--text-color)}.affilizz-block__shop__label--used{background:#cfb8ff;color:var(--text-color)}.affilizz-block__loader{align-items:center;background:hsla(0,0%,100%,.9);border-radius:var(--border-radius);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in;width:100%;z-index:100}.affilizz-block__loader>div{text-align:center}.affilizz-block__loader img{transform:rotate(90deg)}.affilizz-block__loader p{font-size:1rem}.affilizz-block__more-button{background-color:#fff;border:none;color:#111453}.affilizz__notice{--accent-color:#1dd6a1;background:#fff;background-position:20px;background-repeat:no-repeat;background-size:30px;border:none;border-left:2px solid var(--accent-color);color:#111453;font-family:Rubik,Arial,Sans_serif;margin-left:0;padding:1rem 1.5rem 1rem 4rem}.affilizz__notice strong{color:var(--accent-color)}.affilizz__notice--success{--accent-color:#1dd6a1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%231dd6a1'%3E%3Cpath d='M23.11 11.24a1 1 0 0 1-.89-.58 1 1 0 0 1 .42-1.35l3.86-2a1 1 0 1 1 .93 1.77l-3.86 2a1 1 0 0 1-.46.16ZM19.81 7.1a1 1 0 0 1-.3 0 1 1 0 0 1-.66-1.25l1.27-4.19a1.001 1.001 0 0 1 1.9.63L20.76 6.4a1 1 0 0 1-.95.7ZM29.02 17.45a1 1 0 0 1-.29 0l-4.21-1.28a1 1 0 0 1-.19-1.837 1 1 0 0 1 .76-.083l4.19 1.24a1.01 1.01 0 0 1-.28 2l.02-.04ZM1.02 21.87l-.49-.9a4.11 4.11 0 0 1-.34-3.18 4.19 4.19 0 0 1 2.08-2.51l4.21-2.22c3.27-1.72 5.82-5.17 6.15-7.31a2.09 2.09 0 0 1 3.89-.69l3.66 6.69-1.75 1-3.67-6.73h-.15c-.41 2.67-3.21 6.69-7.2 8.78l-4.23 2.25a2.209 2.209 0 0 0-1.09 1.31A2.09 2.09 0 0 0 2.26 20l.5.91-1.74.96Z' style='fill:%231dd6a1;fill-opacity:1'/%3E%3Cpath d='M5.25 24.97a4.28 4.28 0 0 1-3.75-2.2l-.5-.9 1.76-1 .49.9a2.3 2.3 0 0 0 3.07.9l4.23-2.22c4-2.09 8.93-2.17 11.42-1h.14l-3.68-6.71 1.75-1 3.67 6.69a2 2 0 0 1-.29 2.37 2.11 2.11 0 0 1-2.42.47c-2-.92-6.38-.75-9.66 1l-4.23 2.21a4.311 4.311 0 0 1-2 .49Z' style='fill:%231dd6a1;fill-opacity:1'/%3E%3Cpath d='M10.76 29a3.62 3.62 0 0 1-3.17-1.86l-1.68-3.07 1.75-1 1.68 3.07a1.63 1.63 0 0 0 2.18.63l1-.52.93 1.77-1 .52a3.67 3.67 0 0 1-1.69.46Z' style='fill:%231dd6a1;fill-opacity:1'/%3E%3Cpath d='m5.592 14.652-1.772.928 4.144 7.91 1.772-.928-4.144-7.91Z' style='fill:%231dd6a1;fill-opacity:1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' style='fill:%23fff;fill-opacity:1' transform='translate(0 1)' d='M0 0h30v28H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.affilizz__notice--warning{--accent-color:#dba617;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)' fill='%23dba617'%3E%3Cpath d='M10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z' style='fill:%23dba617;fill-opacity:1'/%3E%3Cpath d='M11 4.86H9v6.43h2V4.86ZM11 12.57H9v2.57h2v-2.57Z' style='fill:%23dba617;fill-opacity:1'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' style='fill:%23fff;fill-opacity:1' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' style='fill:%23fff;fill-opacity:1' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.affilizz__notice--error{--accent-color:#e41f5a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%23e41f5a'%3E%3Cpath d='M5.52 19a4.22 4.22 0 0 1-3-1.24 4.23 4.23 0 0 1-1.21-3.54 4.49 4.49 0 0 1 1.33-2.56l2-2a1 1 0 1 1 1.41 1.42l-2.13 2.11a2.22 2.22 0 0 0-.65 1.58c0 .592.234 1.16.65 1.58a2.26 2.26 0 0 0 3.18 0l3-3.07a2.19 2.19 0 0 0 .67-1.59c0-.348-.082-.69-.24-1a.93.93 0 0 1 .13-1.11l.14-.14a.9.9 0 0 1 1.43.2 4.19 4.19 0 0 1 .54 2.06 4.19 4.19 0 0 1-1.25 3l-3 3.06a4.25 4.25 0 0 1-3 1.24ZM15.47 9.51a1 1 0 0 1-1-.78 1 1 0 0 1 .76-1.19 2.22 2.22 0 0 0 1.39-1 2.21 2.21 0 0 0 .29-1.68 2.25 2.25 0 0 0-2.68-1.71L9.09 4.28a2.24 2.24 0 0 0-1.46 1.08 1 1 0 0 1-1.36.39 1 1 0 0 1-.38-1.36 4.19 4.19 0 0 1 2.76-2.06l5.15-1.14a4.26 4.26 0 0 1 5.06 3.22 4.181 4.181 0 0 1-.55 3.2 4.151 4.151 0 0 1-2.65 1.86.78.78 0 0 1-.19.04ZM2 8.49a1 1 0 0 1-.07-2l1.47-.1a1 1 0 0 1 1.07.94 1 1 0 0 1-.93 1.06l-1.47.1H2ZM3.6 4.44a1 1 0 0 1-.78-.37L1.65 2.63a1 1 0 0 1 .496-1.593 1 1 0 0 1 1.064.333l1.17 1.44a1 1 0 0 1-.78 1.63Z' style='fill:%23e41f5a;fill-opacity:1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' style='fill:%23fff;fill-opacity:1' transform='translate(1 1)' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}@keyframes quarter-rotation{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(359deg)}}.wpview.wpview-wrap[data-wpview-type=affilizz-publication]{padding:15px;width:auto!important;z-index:100000!important}.mce-content-body [contentEditable=false][data-mce-selected][data-wpview-type=affilizz-publication]{border:2px solid #a9b1c8;border-radius:9px;outline-color:transparent;padding:14px}.mce-content-body [contentEditable=false][data-mce-selected][data-wpview-type=affilizz-publication] .affilizz-inline__indicator{background:#a9b1c8;border-radius:0 0 4px 4px}.affilizz-missing-publication{background:#dcdcde;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;margin-bottom:-10px;padding:20px;text-align:center;text-decoration:underline;text-decoration-color:#fff;text-underline-offset:5px}.affilizz-rendered-publication{align-items:center;border:1px dashed #7a7db0;border-radius:3px;display:flex;flex-direction:column;padding:1.5rem}.affilizz-rendered-publication+.affilizz-rendered-publication{margin-top:15px}.affilizz-loader{align-items:center;background:hsla(0,0%,100%,.8);border-radius:4px;color:#111453;display:flex;flex-direction:column;font-size:1.25em;height:100%;justify-content:center;position:absolute;visibility:hidden;width:100%;z-index:9999}.affilizz-loader img{animation:quarter-rotation 2.5s ease infinite}.affilizz-loader p{font-size:18px}.affilizz-inline{border:1px solid #c9c9cb;border-radius:4px;font-family:Rubik,Arial,Sans_serif;margin:15px 0;padding:15px 15px 0;position:relative;width:100%}.affilizz-inline__indicator{align-items:center;background:#c7c7c7;border-radius:2px;color:#1e1e1e;display:inline-flex;flex-direction:row;font-size:12px;font-weight:600;font-weight:300;gap:5px;justify-content:center;line-height:1;padding:3px 7px;position:absolute;top:-10px;z-index:2}.affilizz-inline__indicator img,.affilizz-inline__indicator svg{filter:invert(.75)}.mce-content-body .affilizz-inline__indicator{margin-top:-30px;top:inherit}.media-modal{z-index:999999!important}.affilizz-metabox__content{padding:6px 0 12px}.affilizz-metabox__footer{background:#f6f7f7;border-top:1px solid #dcdcde;display:flex;justify-content:flex-end;margin:0 -12px -12px;padding:10px}.affilizz-metabox__label{display:block;font-weight:700;margin-bottom:6px}.affilizz-metabox__description{background:var(--yellow-50);border:.0625rem solid #eed1b4;border-radius:4px;color:#a37648!important;margin:6px 1px 0 0!important;padding:12px}.wp-block-affilizz-publication{border:1px solid #c9c9cb;border-radius:4px;font-family:Rubik,Arial,Sans_serif;margin:30px 0;padding:5px;top:15px}.wp-block-affilizz-publication.affilizz-align-left .components-text-control__input{text-align:left}.wp-block-affilizz-publication.affilizz-align-center .components-text-control__input{text-align:center}.wp-block-affilizz-publication.affilizz-align-right .components-text-control__input{text-align:right}.affilizz-loading{align-items:center;display:flex;font-family:Rubik,Arial,Sans_serif;font-weight:500;gap:16px;justify-items:center;padding:2.25rem}.affilizz-loading svg{height:32px;width:32px}.affilizz-loading p{margin:0!important}.components-modal__frame.affilizz-modal__wrapper .components-modal__content{margin-top:0;max-width:600px;padding:0}.components-modal__frame.affilizz-modal__wrapper .components-modal__content:before{margin-bottom:0}.components-modal__frame.affilizz-modal__wrapper .components-modal__header{display:none}.affilizz-placeholder-wrapper{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23000' stroke-width='2' stroke-dasharray='2, 2'/%3E%3C/svg%3E");border-radius:4px;margin:-6px;padding:24px;width:calc(100% + 12px)}.affilizz-placeholder-wrapper .affilizz-placeholder{align-items:center;box-shadow:none;color:#1e1e1e;display:flex;flex-direction:column;gap:8px;text-align:center}.affilizz-placeholder-wrapper .affilizz-placeholder h2{align-items:center;display:flex;flex-direction:column;font-size:18px;gap:8px;margin-bottom:0}.affilizz-placeholder-wrapper .affilizz-placeholder h2>svg{height:32px;width:32px}.affilizz-placeholder-wrapper .affilizz-placeholder p{font-size:16px;line-height:22px;margin:0}.affilizz-placeholder-wrapper .affilizz-placeholder button{color:#1e1e1e;margin-top:5px}.affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__label{align-items:center;display:flex;flex-direction:row;font-family:Rubik,Arial,Sans_serif;font-weight:500;gap:16px}.affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__label svg{height:32px;margin-right:0;width:32px}.affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__instructions{background:#f8f8ff;border-radius:4px;color:#7a7db0;font-size:14px;padding:8px 14px}.affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__instructions a{color:#111453}.affilizz-placeholder-wrapper .affilizz-placeholder .components-button{background:#1dd6a1;font-size:14px;width:auto!important}.affilizz-placeholder-wrapper .affilizz-placeholder .components-button:hover{color:#fff!important}.affilizz-placeholder-wrapper .affilizz-placeholder .components-button:focus{--wp-admin-border-width-focus:1px;--wp-components-color-accent:#000}.affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__fieldset{display:block}.affilizz_page_affilizz-wizard{margin-top:-32px;overflow:hidden}.affilizz_page_affilizz-wizard #adminmenuback,.affilizz_page_affilizz-wizard #adminmenuwrap,.affilizz_page_affilizz-wizard #wpadminbar,.affilizz_page_affilizz-wizard #wpbody-content .notice,.affilizz_page_affilizz-wizard #wpfooter{display:none}.affilizz_page_affilizz-wizard #wpcontent{margin:0;padding:0}.affilizz_page_affilizz-wizard #wpwrap{align-items:center;background:#0b0d30 conic-gradient(from 189.81deg at 60% 500px,#404489 -9.27deg,#111453 24.39deg,#111453 178.12deg,#1dd6a1 283.06deg,#404489 350.73deg,#111453 384.39deg);display:flex;flex-direction:column;justify-content:space-evenly;padding:1.5rem}.affilizz-wizard-wrapper{font-size:14px;margin:0 auto;max-width:640px}.affilizz-wizard-wrapper .header{align-items:start;display:flex;flex-direction:row;justify-content:left;padding:1.5rem}.affilizz-wizard-wrapper .header__brand{color:#fff;line-height:40px;margin:0 0 0 .75rem}.affilizz-wizard-wrapper .affilizz-wizard{border-radius:4px;overflow:hidden}.affilizz-wizard-wrapper .affilizz-wizard__footer{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:500;gap:10px;justify-content:center;padding:30px 0;text-transform:uppercase}.affilizz-wizard-wrapper .affilizz-wizard__skip a{color:#404489;font-size:12px}.affilizz-wizard-wrapper .steps{background:#fff}.affilizz-wizard-wrapper .steps ol{display:flex;flex-direction:row;justify-content:center;list-style-type:none;margin:0 auto;width:100%}.affilizz-wizard-wrapper .steps ol .step{background:#f8f8ff;border-bottom:2px solid #d9deeb;flex:1 1 0px;font-size:14px;margin:0;padding:12px 0 8px;text-align:center}.affilizz-wizard-wrapper .steps ol .step__number{display:block;font-weight:500}.affilizz-wizard-wrapper .steps ol .step a{color:#7a7db0;text-decoration:none}.affilizz-wizard-wrapper .steps ol .step--current{background:#fff;border-bottom-color:#1dd6a1;color:#111453}.affilizz-wizard-wrapper .steps ol .step--current a{color:#111453}.affilizz-wizard-wrapper .steps a[disabled]{color:#04b180;pointer-events:none;text-decoration:none}.affilizz-wizard-wrapper .step a{color:#404489;text-decoration:none}.affilizz-wizard-wrapper .step p{font-size:14px;line-height:1.5}.affilizz-wizard-wrapper .step__content{background:#fff;border-radius:0 0 4px 4px;display:none;font-family:Rubik,Arial,Sans_serif;padding:40px 80px}.affilizz-wizard-wrapper .step__content h2{color:#111453;font-size:24px}.affilizz-wizard-wrapper .step__content h2:first-child{margin-top:0}.affilizz-wizard-wrapper .step__content h3{color:#111453;font-size:20px;line-height:24px}.affilizz-wizard-wrapper .step__content a{align-items:center;color:#404489;display:inline-flex;font-size:14px;gap:4px}.affilizz-wizard-wrapper .step__content a img{margin-right:0}.affilizz-wizard-wrapper .step__content label{font-size:13px;font-weight:400}.affilizz-wizard-wrapper .step__content select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414Z'/%3E%3C/svg%3E");background-position:calc(100% - 20px);background-repeat:no-repeat;background-size:11px}.affilizz-wizard-wrapper .step__content input,.affilizz-wizard-wrapper .step__content select{align-self:stretch;background-color:#fff;border:1px solid #a9b1c8;border-radius:4px;box-sizing:border-box;flex-grow:0;max-width:100%;padding:8px 12px;width:100%}.affilizz-wizard-wrapper .step__content input::-webkit-input-placeholder,.affilizz-wizard-wrapper .step__content select::-webkit-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-wizard-wrapper .step__content input:-moz-placeholder,.affilizz-wizard-wrapper .step__content input::-moz-placeholder,.affilizz-wizard-wrapper .step__content select:-moz-placeholder,.affilizz-wizard-wrapper .step__content select::-moz-placeholder{color:#a9b1c8;font-size:14px}.affilizz-wizard-wrapper .step__content input:-ms-input-placeholder,.affilizz-wizard-wrapper .step__content select:-ms-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-wizard-wrapper .step__content input:disabled,.affilizz-wizard-wrapper .step__content select:disabled{background:#f0f3fa;border:1px solid #d9deeb;color:#a9b1c8}.affilizz-wizard-wrapper .step__content input:focus,.affilizz-wizard-wrapper .step__content select:focus{border:1px solid #404489;border-radius:4px;box-shadow:0 0 0 2px rgba(29,214,161,.5)}.affilizz-wizard-wrapper .step__content__button{background:#111453;border-radius:4px;color:#fff!important;float:right;font-size:14px;padding:10px 18px;position:relative}.affilizz-wizard-wrapper .step__content__button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12a1 1 0 0 1-.64-1.76L5.44 6 .36 1.77A1 1 0 1 1 1.64.24l6 5a1 1 0 0 1 0 1.53l-6 5A1 1 0 0 1 1 12Z' fill='%23fff'/%3E%3C/svg%3E");content:"";display:inline-block;height:12px;margin-left:12px;position:relative;width:8px}.affilizz-wizard-wrapper .step__illustration{text-align:center}.affilizz-wizard-wrapper .step__illustration h2{margin-top:12px}.affilizz-wizard-wrapper .step--current__content{display:block}.affilizz-wizard-wrapper .step__help{align-items:flex-start;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%231DD6A1FF' stroke-width='4' stroke-dasharray='4, 4'/%3E%3C/svg%3E");border-radius:4px;box-sizing:border-box;display:flex;flex-direction:row;gap:1.5rem;margin-bottom:1.5rem;padding:2.25rem}.affilizz-wizard-wrapper .step__help__icon{align-items:center;display:flex;justify-content:center;max-width:100px;width:100px}.affilizz-wizard-wrapper .step__help__content h3{color:#111453;font-size:16px;line-height:24px;margin-top:0}.affilizz-wizard-wrapper .step__help__content ol{list-style-type:none;margin:0}.affilizz-wizard-wrapper .step__help__content ol li{counter-increment:step-counter;margin-bottom:10px;padding-left:15px;position:relative}.affilizz-wizard-wrapper .step__help__content ol li:before{color:#1dd6a1;content:counter(step-counter);left:0;margin-right:10px;position:absolute}.affilizz-wizard-wrapper .step__help__content ol li::marker{color:#1dd6a1}.affilizz-wizard-wrapper .step__help__content p:last-child{margin-bottom:0}.affilizz-wizard-wrapper .step__actions{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:20px 0}.affilizz-wizard-wrapper .step__actions--mono-link{justify-content:flex-end}.affilizz-wizard-wrapper .step__actions .step__button{align-items:center;display:inline-flex;gap:14px;padding:10px 12px}.affilizz-wizard-wrapper .ajax_error{color:darkred;margin:10px;text-align:left;width:100%}.affilizz-wizard-wrapper .skip{text-align:center}.affilizz-wizard-wrapper .skip a{color:#404489}.affilizz-admin-page-wrap{margin-top:0;min-height:60vh}.affilizz-admin-page-wrap,.affilizz-plugin{display:flex;font-family:Rubik,Arial,Sans_serif}.affilizz-plugin{border-radius:4px;flex-direction:row;overflow:hidden;width:100%}.affilizz-plugin__sidebar{flex:0 0 300px}.affilizz-plugin__body{background:#fff;flex-grow:1;padding:40px}.affilizz-plugin__body .description{color:#7a7db0;font-size:14px}.affilizz-plugin__body ul.description{margin-left:1.5rem}.affilizz-plugin__body ul.description li{list-style-type:disc}.affilizz-plugin-menu{font-family:Rubik,Arial,Sans_serif}.affilizz-plugin-menu__header{align-content:space-between;display:grid;grid-template-areas:"a b" "a c";grid-template-columns:44px 1fr;grid-template-rows:repeat(2,50%);justify-content:space-around;margin-bottom:1.5rem;margin-top:1.5rem;padding:15px 0}.affilizz-plugin-menu__header__icon{display:flex;flex-direction:column;grid-area:a;justify-content:center}.affilizz-plugin-menu__header__icon img{width:36px}.affilizz-plugin-menu__header__title{color:#7a7db0;font-size:13px;font-weight:500;grid-area:b;text-transform:uppercase}.affilizz-plugin-menu__header__description{color:#111453;grid-area:c}.affilizz-plugin-menu__item{align-content:space-between;color:#7a7db0;display:grid;grid-template-areas:"b a" "c a";grid-template-columns:1fr 24px;grid-template-rows:repeat(2,50%);justify-content:space-around;padding:15px;text-decoration:none}.affilizz-plugin-menu__item--active{background:#fff;border-left:2px solid #1dd6a1;color:#111453}.affilizz-plugin-menu__item--active__description{color:#1dd6a1}.affilizz-plugin-menu__item--active .affilizz-plugin-menu__item__icon img{filter:invert(64%) sepia(58%) saturate(585%) hue-rotate(111deg) brightness(97%) contrast(87%)}.affilizz-plugin-menu__item:active,.affilizz-plugin-menu__item:focus,.affilizz-plugin-menu__item:hover{box-shadow:none;color:#111453;outline:none}.affilizz-plugin-menu__item__icon{display:flex;flex-direction:column;grid-area:a;justify-content:center}.affilizz-plugin-menu__item__icon img{width:65%}.affilizz-plugin-menu__item__title{font-weight:500;grid-area:b}.affilizz-plugin-menu__item__description{color:#7a7db0;grid-area:c}.affilizz-plugin__pane{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rubik,Arial,Sans_serif;font-size:14px}.affilizz-plugin__pane .affilizz-field-wrapper--api-key{align-items:flex-end;display:flex;flex-wrap:wrap;gap:0 20px}.affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field{flex:0 1 40%}.affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field-main{margin-bottom:.25rem!important}.affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field input{color:#7a7db0;max-width:100%!important;width:100%}.affilizz-plugin__pane .affilizz-field-wrapper--api-key>a{align-items:center;color:#404489;display:flex;flex:1;gap:10px;justify-content:flex-start;margin-bottom:18px;text-decoration:underline}.affilizz-plugin__pane .affilizz-field-wrapper--api-key .description{color:#7a7db0;flex-basis:100%;font-size:12px;font-style:italic}.affilizz-plugin__pane--danger .affilizz-plugin__pane__inner{background:#fff2f6;border-radius:5px;color:#e41f5a;display:flex;flex-direction:column;gap:10px;margin-top:5px;padding:25px}.affilizz-plugin__pane--danger .affilizz-field__label,.affilizz-plugin__pane--danger label{color:#e41f5a!important;line-height:1.5}.affilizz-plugin__pane--danger .affilizz-field__label strong,.affilizz-plugin__pane--danger label strong{font-weight:500!important}.affilizz-plugin__pane--danger hr{border-bottom:none;border-top:1px solid #e41f5a;margin:1.5rem 0}.affilizz-plugin__pane--danger input[type=checkbox]:checked{background:#e41f5a!important;box-shadow:0 0 0 1px #b91b4a!important}.affilizz-plugin__pane--danger .affilizz-faux-select:focus,.affilizz-plugin__pane--danger .ts-wrapper.multi .ts-control:focus,.affilizz-plugin__pane--danger .ts-wrapper.single .ts-control:focus,.affilizz-plugin__pane--danger input[type=text]:focus,.affilizz-plugin__pane--danger select:focus{box-shadow:0 0 0 2px rgba(214,54,56,.5)!important}.affilizz-plugin__pane--danger .affilizz-plugin__pane__section__title{color:#e41f5a}.affilizz-plugin__pane__button--submit{font-size:14px}.affilizz-plugin__pane__header{border-bottom:1px solid gray;display:flex;margin-bottom:15px;padding:0 0 15px}.affilizz-plugin__pane__header__text{color:#7a7db0;display:flex;flex:1;flex-direction:column;font-weight:font_weight_light;gap:5px}.affilizz-plugin__pane__header__text h3{color:#111453;font-size:24px;font-weight:400}.affilizz-plugin__pane__header__text p{font-size:14px}.affilizz-plugin__pane__header__text *{flex:1;margin:0}.affilizz-plugin__pane__header__icon{width:48px}.affilizz-plugin__pane__header__icon img{filter:invert(64%) sepia(58%) saturate(585%) hue-rotate(111deg) brightness(97%) contrast(87%);width:26px}.affilizz-plugin__pane__header p.submit{align-items:center;display:flex;margin:0;padding:0}.affilizz-plugin__pane__section__title{color:#111453;font-weight:400;margin:1.5rem 0}.affilizz-plugin__pane__section__title span{background:#fff;padding:5px 1.5rem 0 0}.affilizz-plugin__pane__section__title:after{background:#d9deeb;content:" ";display:block;height:1px;margin-top:-10px;width:100%}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox label,.affilizz-plugin__pane .affilizz-form .affilizz-field.radio label{align-items:center;color:#404489;display:flex;gap:.5rem}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox label small,.affilizz-plugin__pane .affilizz-form .affilizz-field.radio label small{color:#7a7db0;display:block;font-size:12px;font-style:italic}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:0 0 0 1px #a9b1c8}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:before{border-radius:50%;box-shadow:inset 1em 1em #fff;content:"";height:6px;margin:5px 0 0 5px;transform:scale(0);transition:transform .12s ease-in-out;width:6px}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:hover{box-shadow:0 0 0 1px #404489}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked{background:#1dd6a1;box-shadow:0 0 0 1px #1dd6a1}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked:hover{box-shadow:0 0 0 1px #1dd6a1}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked:before{transform:scale(1)}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:0 0 0 1px #a9b1c8}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:before{border-radius:50%;content:url('data:image/svg+xml; utf8, <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.94403 7.08803L0.288025 4.88003C0.124652 4.74424 0.0219124 4.54911 0.00240865 4.33757C-0.0170951 4.12602 0.0482342 3.9154 0.184025 3.75203C0.319816 3.58865 0.514945 3.48591 0.726486 3.46641C0.938027 3.44691 1.14865 3.51224 1.31203 3.64803L2.83203 4.91203L6.63203 1.04003C6.78585 0.888323 6.99364 0.803939 7.20968 0.80544C7.42572 0.80694 7.63232 0.894201 7.78403 1.04803C7.93573 1.20185 8.02011 1.40964 8.01861 1.62568C8.01711 1.84173 7.92985 2.04832 7.77603 2.20003L2.94403 7.08803Z" fill="white"/></svg>');height:6px;margin:4px 0 0 4px;transform:scale(0);transition:transform .12s ease-in-out;width:6px}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:hover{box-shadow:0 0 0 1px #404489}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked{background:#1dd6a1;box-shadow:0 0 0 1px #1dd6a1}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked:hover{box-shadow:0 0 0 1px #1dd6a1}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked:before{transform:scale(1)}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox p.description{font-style:italic;margin-bottom:.75rem}.affilizz-plugin__pane .affilizz-form .affilizz-field-main{margin-bottom:.75rem}.affilizz-plugin__pane .affilizz-form fieldset{background:#f8f8ff;border:1px solid #d9deeb;border-radius:4px;margin-top:50px;padding:20px}.affilizz-plugin__pane .affilizz-form fieldset p{color:#111453;font-size:14px;font-style:italic}.affilizz-plugin__pane .affilizz-form fieldset p a{color:#1dd6a1;text-decoration:underline}.affilizz-plugin__pane .affilizz-form fieldset>p{margin-bottom:0}.affilizz-plugin__pane .affilizz-form fieldset p.description{color:#7a7db0;font-size:14px;font-style:italic;padding:5px 0 10px}.affilizz-plugin__pane .affilizz-form fieldset p.description span{color:#7a7db0}.affilizz-plugin__pane .affilizz-form legend{color:#7a7db0;margin:-50px 0 0 -25px;padding-left:3px;position:absolute}.affilizz-plugin__pane .affilizz-form label{color:#7a7db0;display:block;margin-bottom:5px}.affilizz-plugin__pane .affilizz-form input[type=text]{border-color:#d9deeb;display:block;max-width:50%}.affilizz-analytics{color:#7a7db0;display:none;transition:all .5s ease-out}.affilizz-analytics--open{display:block}.affilizz-analytics__toggle{align-items:center;color:#7a7db0;display:flex;gap:7px}.affilizz-analytics__toggle:active,.affilizz-analytics__toggle:focus{box-shadow:none;color:#404489;outline:none}.affilizz-analytics__toggle:hover{color:#404489}.affilizz-analytics__toggle svg{height:12px;margin-right:0;margin-top:-1px;width:12px}.affilizz-analytics__list{margin-top:15px}.affilizz-analytics__wrapper{background:#f8f8ff;border:1px solid #d9deeb;border-radius:4px;padding:10px}.affilizz-analytics__item{border-bottom:1px solid #d9deeb;display:flex;flex-wrap:wrap}.affilizz-analytics__item:last-child{border-bottom:0}.affilizz-analytics__item__key,.affilizz-analytics__item__value{padding:8px 5px}.affilizz-analytics__item__key{color:#7a7db0;flex:1 1 20%;font-weight:500;text-align:right}.affilizz-analytics__item__key small{display:block;font-size:10px;font-style:italic;font-weight:400}.affilizz-analytics__item__value{color:#333;flex:1 1 80%}

  • affilizz/tags/1.15.1/assets/dist/css/public.css

    r3254716 r3259019  
    11@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;1,400;1,500&display=swap);
    2 @font-face {
    3   font-family: "affilizz-icons";
    4   src: url("../fonts/affilizz-icons/affilizz-icons.ttf?b2n8aj") format("truetype"), url("../fonts/affilizz-icons/affilizz-icons.woff?b2n8aj") format("woff"), url("../fonts/affilizz-icons/affilizz-icons.svg?b2n8aj") format("svg");
    5   font-weight: normal;
    6   font-style: normal;
    7   font-display: block;
    8 }
    9 .affilizz-button {
    10   text-decoration: none;
    11   cursor: pointer;
    12 }
    13 .affilizz-button--inline * {
    14   display: inline-block;
    15 }
    16 .affilizz-button--inline svg {
    17   margin-left: 5px;
    18 }
    19 .affilizz-button--inline > svg {
    20   max-width: 16px;
    21   max-height: 16px;
    22 }
    23 .affilizz-button-icons {
    24   display: flex;
    25   flex-direction: row;
    26   align-items: center;
    27   justify-content: center;
    28   margin-right: 5px;
    29 }
    30 .affilizz-button-icons .dashicons, .affilizz-button-icons .dashicons-before {
    31   display: flex;
    32   align-items: center;
    33   justify-content: center;
    34   line-height: 1;
    35 }
    36 .affilizz-button-icons .dashicons:before, .affilizz-button-icons .dashicons-before:before {
    37   font-size: 16px;
    38   top: 2px;
    39   position: relative;
    40   opacity: 0.7;
    41 }
    42 .affilizz-button--primary {
    43   background: #111453;
    44   padding: 10px 12px;
    45   font-weight: 400;
    46   font-size: 16px;
    47   color: #fff;
    48   border-radius: 4px;
    49   border: none;
    50 }
    51 .affilizz-button--primary:hover, .affilizz-button--primary:active {
    52   color: #fff;
    53   cursor: pointer;
    54   background-color: #7af4d1;
    55   color: #111453;
    56 }
    57 .affilizz-button--primary:disabled {
    58   background: #d9deeb;
    59   color: #fff;
    60 }
    61 .affilizz-button[disabled] {
    62   pointer-events: none;
    63   opacity: 0.25;
    64 }
    65 .affilizz-button--secondary {
    66   background: #fff;
    67   box-shadow: 0 0 0 1px #111453 inset;
    68   padding: 10px 20px;
    69   border: none;
    70   font-weight: 400;
    71   font-size: 16px;
    72   color: #111453;
    73   border-radius: 4px;
    74 }
    75 .affilizz-button--secondary:hover, .affilizz-button--secondary:active {
    76   cursor: pointer;
    77   background-color: #111453;
    78   color: #fff;
    79 }
    80 .affilizz-button--secondary:hover img, .affilizz-button--secondary:active img {
    81   filter: brightness(0) invert(1);
    82 }
    83 .affilizz-button--primary-hover:hover, .affilizz-button--primary-hover:active {
    84   color: #fff;
    85   cursor: pointer;
    86   background-color: #7af4d1;
    87   color: #111453;
    88   box-shadow: none;
    89 }
    90 .affilizz-button--create {
    91   display: inline-flex;
    92   background: #ff5722;
    93   border-radius: 4px;
    94   margin-right: 5px;
    95   margin-bottom: 4px;
    96 }
    97 .affilizz-button--create a {
    98   color: #fff;
    99   font-size: 13px;
    100 }
    101 .affilizz-button--create a.alt {
    102   color: #fff;
    103   font-size: 13px;
    104   padding: 0 5px;
    105 }
    106 .affilizz-button--call {
    107   display: inline-block;
    108   background: #1dd6a1;
    109   border-radius: 4px;
    110   margin-bottom: 4px;
    111 }
    112 .affilizz-button--call a {
    113   color: #fff;
    114   font-size: 13px;
    115 }
    116 .affilizz-button--hollow {
    117   border-radius: 4px;
    118   border: 1px solid #fff;
    119   padding: 5px;
    120   display: flex;
    121   flex-direction: row;
    122   align-items: center;
    123   justify-content: center;
    124   padding: 3px 5px;
    125   gap: 5px;
    126   color: #fff;
    127 }
    128 .affilizz-button--hollow:hover, .affilizz-button--hollow:active, .affilizz-button--hollow:focus {
    129   color: #fff;
    130 }
    131 
    132 .insert-affilizz-publication, #insert-affilizz-publication,
    133 .create-affilizz-publication, #create-affilizz-publication {
    134   display: flex;
    135   flex-direction: row;
    136   align-items: center;
    137   justify-content: center;
    138   padding: 5px 7px 6px;
    139   font-weight: 600;
    140   color: #fff;
    141   font-size: 13px;
    142 }
    143 .insert-affilizz-publication *, #insert-affilizz-publication *,
    144 .create-affilizz-publication *, #create-affilizz-publication * {
    145   pointer-events: none;
    146 }
    147 
    148 #affilizz-floating-button {
    149   width: 25px;
    150   height: 40px;
    151   background: #1dd6a1;
    152   position: absolute;
    153   top: 0;
    154   z-index: 6000;
    155   opacity: 0;
    156   padding: 0 5px 4px 5px;
    157   border-radius: 4px;
    158   text-decoration: none;
    159 }
    160 #affilizz-floating-button:after {
    161   opacity: 1;
    162   height: 8px;
    163   width: 8px;
    164   transform: rotate(45deg);
    165   content: "";
    166   position: absolute;
    167   background: #1dd6a1;
    168   right: -4px;
    169   top: 16px;
    170 }
    171 #affilizz-floating-button:focus, #affilizz-floating-button:active {
    172   outline: none;
    173   box-shadow: none;
    174 }
    175 #affilizz-floating-button img {
    176   margin-top: 4px;
    177 }
    178 #affilizz-floating-button * {
    179   pointer-events: none;
    180 }
    181 
    182 #step-success-button {
    183   color: #fff;
    184 }
    185 
    186 *,
    187 *:before,
    188 *:after {
    189   box-sizing: border-box;
    190 }
    191 
    192 .affilizz-select-option--floating {
    193   opacity: 0.5;
    194   z-index: 9999;
    195 }
    196 
    197 .affilizz-form {
    198   position: relative;
    199 }
    200 .affilizz-form .ts-wrapper.single .ts-control, .affilizz-form .ts-wrapper.single .ts-control input {
    201   width: auto !important;
    202 }
    203 .affilizz-form .ts-wrapper .ts-control {
    204   transition: var(--transition) !important;
    205 }
    206 .affilizz-form .ts-wrapper .ts-control ::-moz-placeholder {
    207   font-size: 16px !important;
    208   color: var(--blue-400) !important;
    209 }
    210 .affilizz-form .ts-wrapper .ts-control input, .affilizz-form .ts-wrapper .ts-control ::placeholder {
    211   font-size: 16px !important;
    212   color: var(--blue-400) !important;
    213 }
    214 .affilizz-form .ts-wrapper:not(.input-active, .disabled, .has-items) .ts-control {
    215   background: var(--blue-0) !important;
    216   color: var(--blue-400) !important;
    217 }
    218 .affilizz-form .ts-wrapper.has-items ::-moz-placeholder {
    219   display: none;
    220   visibility: hidden;
    221 }
    222 .affilizz-form .ts-wrapper.has-items ::placeholder {
    223   display: none;
    224   visibility: hidden;
    225 }
    226 .affilizz-form .ts-wrapper.input-active .ts-control {
    227   box-shadow: 0 0 0 0.1875rem var(--stroke-green--light) !important;
    228   background: var(--white);
    229   color: var(--blue-800);
    230 }
    231 .affilizz-form .ts-wrapper.loading .ts-control {
    232   border-radius: 4px !important;
    233 }
    234 .affilizz-form .ts-wrapper.loading .ts-dropdown {
    235   display: none !important;
    236 }
    237 .affilizz-form__label {
    238   display: flex;
    239   flex-direction: row;
    240   justify-content: space-between;
    241   align-items: center;
    242   padding-bottom: 3px;
    243   font-weight: 400;
    244   font-size: 12px;
    245   color: #404489;
    246 }
    247 .affilizz-form__label__hint {
    248   color: #737af9;
    249   flex-shrink: 1;
    250 }
    251 .affilizz-form .ts-wrapper.multi .ts-control {
    252   align-items: center;
    253 }
    254 .affilizz-form .ts-wrapper.multi .ts-control div {
    255   height: 25px;
    256 }
    257 .affilizz-form .ts-wrapper.multi .ts-control .affilizz-empty-publication-content-name {
    258   font-weight: normal;
    259   font-style: italic;
    260   opacity: 0.5;
    261 }
    262 .affilizz-form select, .affilizz-form input[type=text], .affilizz-form .ts-wrapper.single .ts-control, .affilizz-form .ts-wrapper.multi .ts-control, .affilizz-form .affilizz-faux-select {
    263   box-sizing: border-box;
    264   padding: 13px 8px 13px 12px;
    265   line-height: 1;
    266   width: 100%;
    267   max-width: 100%;
    268   min-height: 45px;
    269   font-size: 14px;
    270   box-shadow: none;
    271   background: #fff;
    272   border: 1px solid #a9b1c8;
    273   border-radius: 4px;
    274   align-self: stretch;
    275   flex-grow: 0;
    276 }
    277 .affilizz-form select.dropdown-input, .affilizz-form input[type=text].dropdown-input, .affilizz-form .ts-wrapper.single .ts-control.dropdown-input, .affilizz-form .ts-wrapper.multi .ts-control.dropdown-input, .affilizz-form .affilizz-faux-select.dropdown-input {
    278   margin: 5px;
    279   max-width: calc(100% - 10px);
    280   padding: 8px 12px;
    281   min-height: 30px;
    282   border-color: #1dd6a1;
    283 }
    284 .affilizz-form select::-webkit-input-placeholder, .affilizz-form input[type=text]::-webkit-input-placeholder, .affilizz-form .ts-wrapper.single .ts-control::-webkit-input-placeholder, .affilizz-form .ts-wrapper.multi .ts-control::-webkit-input-placeholder, .affilizz-form .affilizz-faux-select::-webkit-input-placeholder {
    285   color: #a9b1c8;
    286   font-size: 14px;
    287 }
    288 
    289 .affilizz-form select:-moz-placeholder, .affilizz-form input[type=text]:-moz-placeholder, .affilizz-form .ts-wrapper.single .ts-control:-moz-placeholder, .affilizz-form .ts-wrapper.multi .ts-control:-moz-placeholder, .affilizz-form .affilizz-faux-select:-moz-placeholder {
    290   color: #a9b1c8;
    291   font-size: 14px;
    292 }
    293 
    294 .affilizz-form select::-moz-placeholder, .affilizz-form input[type=text]::-moz-placeholder, .affilizz-form .ts-wrapper.single .ts-control::-moz-placeholder, .affilizz-form .ts-wrapper.multi .ts-control::-moz-placeholder, .affilizz-form .affilizz-faux-select::-moz-placeholder {
    295   color: #a9b1c8;
    296   font-size: 14px;
    297 }
    298 
    299 .affilizz-form select:-ms-input-placeholder, .affilizz-form input[type=text]:-ms-input-placeholder, .affilizz-form .ts-wrapper.single .ts-control:-ms-input-placeholder, .affilizz-form .ts-wrapper.multi .ts-control:-ms-input-placeholder, .affilizz-form .affilizz-faux-select:-ms-input-placeholder {
    300   color: #a9b1c8;
    301   font-size: 14px;
    302 }
    303 
    304 .affilizz-form select:focus, .affilizz-form input[type=text]:focus, .affilizz-form .ts-wrapper.single .ts-control:focus, .affilizz-form .ts-wrapper.multi .ts-control:focus, .affilizz-form .affilizz-faux-select:focus {
    305   border: 1px solid #404489;
    306   box-shadow: 0px 0px 0px 2px rgba(29, 214, 161, 0.5);
    307   border-radius: 4px;
    308 }
    309 .affilizz-form select:disabled, .affilizz-form select:disabled input, .affilizz-form input[type=text]:disabled, .affilizz-form input[type=text]:disabled input, .affilizz-form .ts-wrapper.single .ts-control:disabled, .affilizz-form .ts-wrapper.single .ts-control:disabled input, .affilizz-form .ts-wrapper.multi .ts-control:disabled, .affilizz-form .ts-wrapper.multi .ts-control:disabled input, .affilizz-form .affilizz-faux-select:disabled, .affilizz-form .affilizz-faux-select:disabled input {
    310   background: #f0f3fa !important;
    311   color: #a9b1c8 !important;
    312   border: #d9deeb !important;
    313 }
    314 .affilizz-form select .affilizz-option, .affilizz-form input[type=text] .affilizz-option, .affilizz-form .ts-wrapper.single .ts-control .affilizz-option, .affilizz-form .ts-wrapper.multi .ts-control .affilizz-option, .affilizz-form .affilizz-faux-select .affilizz-option {
    315   padding-top: 2px;
    316 }
    317 .affilizz-form select .recent, .affilizz-form input[type=text] .recent, .affilizz-form .ts-wrapper.single .ts-control .recent, .affilizz-form .ts-wrapper.multi .ts-control .recent, .affilizz-form .affilizz-faux-select .recent {
    318   background: #a9b1c8;
    319   border-radius: 4px;
    320   color: #fff;
    321   padding: 3px 4px;
    322   font-size: 13px;
    323   margin-left: auto;
    324 }
    325 .affilizz-form .affilizz-faux-select img {
    326   margin-right: 5px;
    327 }
    328 .affilizz-form__field {
    329   margin: 0;
    330 }
    331 .affilizz-form__field .disabled .ts-control, .affilizz-form__field .disabled .ts-control input {
    332   opacity: 1 !important;
    333   background: #f0f3fa !important;
    334   color: #a9b1c8 !important;
    335   border-color: #d9deeb !important;
    336 }
    337 .affilizz-form__field .disabled .ts-control::-moz-placeholder, .affilizz-form__field .disabled .ts-control input::-moz-placeholder {
    338   color: #a9b1c8 !important;
    339 }
    340 .affilizz-form__field .disabled .ts-control::placeholder, .affilizz-form__field .disabled .ts-control input::placeholder {
    341   color: #a9b1c8 !important;
    342 }
    343 
    344 .affilizz-select-item > img {
    345   width: 12px !important;
    346   height: 12px !important;
    347   padding: 0 !important;
    348 }
    349 
    350 .affilizz-select-option, .affilizz-select-item {
    351   color: #111453 !important;
    352   border: none !important;
    353   box-shadow: none !important;
    354   text-shadow: none !important;
    355 }
    356 .affilizz-select-option.affilizz-select-option, .affilizz-select-item.affilizz-select-option {
    357   font-weight: 500;
    358 }
    359 .affilizz-select-option--content-type-link, .affilizz-select-item--content-type-link {
    360   background: #ccf7fa !important;
    361 }
    362 .affilizz-select-option--content-type-cta, .affilizz-select-item--content-type-cta {
    363   background: #fdf6a1 !important;
    364 }
    365 .affilizz-select-option--content-type-box, .affilizz-select-item--content-type-box {
    366   background: #fbdfde !important;
    367 }
    368 .affilizz-select-option--content-type-card, .affilizz-select-item--content-type-card {
    369   background: #cfc7ff !important;
    370 }
    371 .affilizz-select-option--content-type-carousel, .affilizz-select-item--content-type-carousel {
    372   background: #bfffbe !important;
    373 }
    374 .affilizz-select-option--content-type-deal, .affilizz-select-item--content-type-deal {
    375   background: #ffa88e !important;
    376 }
    377 .affilizz-select-option--text::first-letter, .affilizz-select-item--text::first-letter {
    378   text-transform: uppercase;
    379 }
    380 
    381 .affilizz-select-item--content-type-deal .affilizz-select-option--subtext {
    382   color: #cb5735;
    383 }
    384 
    385 .ts-dropdown-content {
    386   max-height: 165px !important;
    387 }
    388 .ts-dropdown-content .affilizz-select-option--subtext {
    389   color: #a9b1c8;
    390 }
    391 
    392 .ts-dropdown-content {
    393   margin-bottom: 0;
    394 }
    395 .ts-dropdown-content .affilizz-inline-loader {
    396   display: flex;
    397   gap: 15px;
    398   justify-content: flex-start;
    399   align-items: center;
    400   padding-left: 12px;
    401   background: #fff;
    402   font-size: 14px;
    403   color: #111453;
    404   line-height: 35px;
    405 }
    406 .ts-dropdown-content .affilizz-inline-loader img {
    407   max-width: 20px;
    408 }
    409 
    410 .ts-control > .item {
    411   font-size: 1rem;
    412 }
    413 
    414 #affilizz-publication-id-wrapper .ts-control > .item {
    415   display: flex;
    416   align-items: center;
    417   gap: 8px;
    418   max-width: calc(100% - 34px);
    419 }
    420 #affilizz-publication-id-wrapper .ts-control > .item > .label {
    421   white-space: nowrap;
    422   overflow: hidden;
    423   text-overflow: ellipsis;
    424 }
    425 
    426 .ts-dropdown {
    427   margin: 0px !important;
    428   width: 100% !important;
    429   border-radius: 4px !important;
    430   box-shadow: 0px 4px 4px rgba(17, 20, 83, 0.4);
    431 }
    432 .ts-dropdown .recent {
    433   background: #a9b1c8;
    434   border-radius: 4px;
    435   color: #fff;
    436   padding: 2px 4px;
    437   font-size: 13px;
    438   margin-left: auto;
    439 }
    440 .ts-dropdown [data-selectable].option {
    441   font-size: 14px !important;
    442   color: var(--blue-600) !important;
    443   display: flex;
    444   align-items: center;
    445   padding: 8px 12px !important;
    446 }
    447 .ts-dropdown [data-selectable] .highlight {
    448   background: var(--background-orange--lighter) !important;
    449   border-radius: 4px;
    450   font-size: 14px;
    451   margin-right: 4px;
    452   color: var(--blue-600);
    453   padding: 0;
    454 }
    455 .ts-dropdown .option {
    456   display: flex;
    457   align-items: center;
    458   padding: 0;
    459   padding-left: 12px;
    460   border-radius: 4px;
    461   min-height: 35px;
    462 }
    463 .ts-dropdown .affilizz-select-option {
    464   border-radius: 4px;
    465   padding: 4px 8px;
    466   display: inline-flex;
    467   align-items: center;
    468   gap: 4px;
    469 }
    470 .ts-dropdown .affilizz-select-option img {
    471   width: 12px !important;
    472   height: 12px !important;
    473   padding: 0 !important;
    474 }
    475 
    476 #affilizz-publication-content-id-wrapper .ts-dropdown .option {
    477   gap: 8px;
    478 }
    479 
    480 #affilizz-publication-id-wrapper .ts-control::before {
    481   content: " ";
    482   background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2912_15560)'%3E%3Cg clip-path='url(%23clip1_2912_15560)'%3E%3Cpath d='M15.85 15.62L12.02 11.76C13.0689 10.5226 13.6432 8.95221 13.64 7.33002C13.6426 5.51674 12.9262 3.77634 11.6478 2.49042C10.3693 1.20449 8.63328 0.47791 6.82001 0.469971C5.00675 0.47791 3.27056 1.20449 1.99213 2.49042C0.713705 3.77634 -0.00271814 5.51674 -5.36294e-05 7.33002C-0.00271814 9.1433 0.713705 10.8836 1.99213 12.1696C3.27056 13.4555 5.00675 14.1821 6.82001 14.19C8.47818 14.1869 10.0782 13.5788 11.32 12.48L15.14 16.33C15.1877 16.3761 15.2442 16.4121 15.306 16.4362C15.3678 16.4602 15.4337 16.4717 15.4999 16.47C15.5646 16.4709 15.629 16.459 15.689 16.435C15.7491 16.411 15.8038 16.3753 15.85 16.33C15.8969 16.2835 15.934 16.2282 15.9594 16.1673C15.9848 16.1064 15.9979 16.041 15.9979 15.975C15.9979 15.909 15.9848 15.8436 15.9594 15.7827C15.934 15.7218 15.8969 15.6665 15.85 15.62ZM0.999946 7.33002C0.99728 5.78195 1.60839 4.2959 2.69929 3.19751C3.79018 2.09912 5.27197 1.47791 6.82001 1.46997C8.36806 1.47791 9.84985 2.09912 10.9407 3.19751C12.0316 4.2959 12.6426 5.78195 12.64 7.33002C12.6426 8.87808 12.0316 10.3641 10.9407 11.4625C9.84985 12.5609 8.36806 13.1821 6.82001 13.19C5.27716 13.1821 3.79983 12.565 2.70979 11.4731C1.61975 10.3812 1.0052 8.90285 0.999946 7.35999V7.33002Z' fill='%237A7DB0' style='fill:%237A7DB0;fill:color(display-p3 0.4798 0.4913 0.6917);fill-opacity:1;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    483   margin-right: 8px;
    484   width: 16px;
    485   height: 16px;
    486   display: block;
    487 }
    488 
    489 #affilizz-publication-id-ts-control {
    490   min-width: 35% !important;
    491 }
     2@font-face{font-display:block;font-family:affilizz-icons;font-style:normal;font-weight:400;src:url(../fonts/affilizz-icons/affilizz-icons.ttf?b2n8aj) format("truetype"),url(../fonts/affilizz-icons/affilizz-icons.woff?b2n8aj) format("woff"),url(../fonts/affilizz-icons/affilizz-icons.svg?b2n8aj) format("svg")}.affilizz-button{cursor:pointer;text-decoration:none}.affilizz-button--inline *{display:inline-block}.affilizz-button--inline svg{margin-left:5px}.affilizz-button--inline>svg{max-height:16px;max-width:16px}.affilizz-button-icons{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-right:5px}.affilizz-button-icons .dashicons,.affilizz-button-icons .dashicons-before{align-items:center;display:flex;justify-content:center;line-height:1}.affilizz-button-icons .dashicons-before:before,.affilizz-button-icons .dashicons:before{font-size:16px;opacity:.7;position:relative;top:2px}.affilizz-button--primary{background:#111453;border:none;border-radius:4px;color:#fff;font-size:16px;font-weight:400;padding:10px 12px}.affilizz-button--primary:active,.affilizz-button--primary:hover{background-color:#7af4d1;color:#fff;color:#111453;cursor:pointer}.affilizz-button--primary:disabled{background:#d9deeb;color:#fff}.affilizz-button[disabled]{opacity:.25;pointer-events:none}.affilizz-button--secondary{background:#fff;border:none;border-radius:4px;box-shadow:inset 0 0 0 1px #111453;color:#111453;font-size:16px;font-weight:400;padding:10px 20px}.affilizz-button--secondary:active,.affilizz-button--secondary:hover{background-color:#111453;color:#fff;cursor:pointer}.affilizz-button--secondary:active img,.affilizz-button--secondary:hover img{filter:brightness(0) invert(1)}.affilizz-button--primary-hover:active,.affilizz-button--primary-hover:hover{background-color:#7af4d1;box-shadow:none;color:#fff;color:#111453;cursor:pointer}.affilizz-button--create{background:#ff5722;border-radius:4px;display:inline-flex;margin-bottom:4px;margin-right:5px}.affilizz-button--create a{color:#fff;font-size:13px}.affilizz-button--create a.alt{color:#fff;font-size:13px;padding:0 5px}.affilizz-button--call{background:#1dd6a1;border-radius:4px;display:inline-block;margin-bottom:4px}.affilizz-button--call a{color:#fff;font-size:13px}.affilizz-button--hollow{align-items:center;border:1px solid #fff;border-radius:4px;color:#fff;display:flex;flex-direction:row;gap:5px;justify-content:center;padding:3px 5px}.affilizz-button--hollow:active,.affilizz-button--hollow:focus,.affilizz-button--hollow:hover{color:#fff}#create-affilizz-publication,#insert-affilizz-publication,.create-affilizz-publication,.insert-affilizz-publication{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:13px;font-weight:600;justify-content:center;padding:5px 7px 6px}#create-affilizz-publication *,#insert-affilizz-publication *,.create-affilizz-publication *,.insert-affilizz-publication *{pointer-events:none}#affilizz-floating-button{background:#1dd6a1;border-radius:4px;height:40px;opacity:0;padding:0 5px 4px;position:absolute;text-decoration:none;top:0;width:25px;z-index:6000}#affilizz-floating-button:after{background:#1dd6a1;content:"";height:8px;opacity:1;position:absolute;right:-4px;top:16px;transform:rotate(45deg);width:8px}#affilizz-floating-button:active,#affilizz-floating-button:focus{box-shadow:none;outline:none}#affilizz-floating-button img{margin-top:4px}#affilizz-floating-button *{pointer-events:none}#step-success-button{color:#fff}*,:after,:before{box-sizing:border-box}.affilizz-select-option--floating{opacity:.5;z-index:9999}.affilizz-form{position:relative}.affilizz-form .ts-wrapper.single .ts-control,.affilizz-form .ts-wrapper.single .ts-control input{width:auto!important}.affilizz-form .ts-wrapper .ts-control{transition:var(--transition)!important}.affilizz-form .ts-wrapper .ts-control ::-moz-placeholder{color:var(--blue-400)!important;font-size:16px!important}.affilizz-form .ts-wrapper .ts-control ::placeholder,.affilizz-form .ts-wrapper .ts-control input{color:var(--blue-400)!important;font-size:16px!important}.affilizz-form .ts-wrapper:not(.input-active,.disabled,.has-items) .ts-control{background:var(--blue-0)!important;color:var(--blue-400)!important}.affilizz-form .ts-wrapper.has-items ::-moz-placeholder{display:none;visibility:hidden}.affilizz-form .ts-wrapper.has-items ::placeholder{display:none;visibility:hidden}.affilizz-form .ts-wrapper.input-active .ts-control{background:var(--white);box-shadow:0 0 0 .1875rem var(--stroke-green--light)!important;color:var(--blue-800)}.affilizz-form .ts-wrapper.loading .ts-control{border-radius:4px!important}.affilizz-form .ts-wrapper.loading .ts-dropdown{display:none!important}.affilizz-form__label{align-items:center;color:#404489;display:flex;flex-direction:row;font-size:12px;font-weight:400;justify-content:space-between;padding-bottom:3px}.affilizz-form__label__hint{color:#737af9;flex-shrink:1}.affilizz-form .ts-wrapper.multi .ts-control{align-items:center}.affilizz-form .ts-wrapper.multi .ts-control div{height:25px}.affilizz-form .ts-wrapper.multi .ts-control .affilizz-empty-publication-content-name{font-style:italic;font-weight:400;opacity:.5}.affilizz-form .affilizz-faux-select,.affilizz-form .ts-wrapper.multi .ts-control,.affilizz-form .ts-wrapper.single .ts-control,.affilizz-form input[type=text],.affilizz-form select{align-self:stretch;background:#fff;border:1px solid #a9b1c8;border-radius:4px;box-shadow:none;box-sizing:border-box;flex-grow:0;font-size:14px;line-height:1;max-width:100%;min-height:45px;padding:13px 8px 13px 12px;width:100%}.affilizz-form .affilizz-faux-select.dropdown-input,.affilizz-form .ts-wrapper.multi .ts-control.dropdown-input,.affilizz-form .ts-wrapper.single .ts-control.dropdown-input,.affilizz-form input[type=text].dropdown-input,.affilizz-form select.dropdown-input{border-color:#1dd6a1;margin:5px;max-width:calc(100% - 10px);min-height:30px;padding:8px 12px}.affilizz-form .affilizz-faux-select::-webkit-input-placeholder,.affilizz-form .ts-wrapper.multi .ts-control::-webkit-input-placeholder,.affilizz-form .ts-wrapper.single .ts-control::-webkit-input-placeholder,.affilizz-form input[type=text]::-webkit-input-placeholder,.affilizz-form select::-webkit-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:-moz-placeholder,.affilizz-form .affilizz-faux-select::-moz-placeholder,.affilizz-form .ts-wrapper.multi .ts-control:-moz-placeholder,.affilizz-form .ts-wrapper.multi .ts-control::-moz-placeholder,.affilizz-form .ts-wrapper.single .ts-control:-moz-placeholder,.affilizz-form .ts-wrapper.single .ts-control::-moz-placeholder,.affilizz-form input[type=text]:-moz-placeholder,.affilizz-form input[type=text]::-moz-placeholder,.affilizz-form select:-moz-placeholder,.affilizz-form select::-moz-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:-ms-input-placeholder,.affilizz-form .ts-wrapper.multi .ts-control:-ms-input-placeholder,.affilizz-form .ts-wrapper.single .ts-control:-ms-input-placeholder,.affilizz-form input[type=text]:-ms-input-placeholder,.affilizz-form select:-ms-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:focus,.affilizz-form .ts-wrapper.multi .ts-control:focus,.affilizz-form .ts-wrapper.single .ts-control:focus,.affilizz-form input[type=text]:focus,.affilizz-form select:focus{border:1px solid #404489;border-radius:4px;box-shadow:0 0 0 2px rgba(29,214,161,.5)}.affilizz-form .affilizz-faux-select:disabled,.affilizz-form .affilizz-faux-select:disabled input,.affilizz-form .ts-wrapper.multi .ts-control:disabled,.affilizz-form .ts-wrapper.multi .ts-control:disabled input,.affilizz-form .ts-wrapper.single .ts-control:disabled,.affilizz-form .ts-wrapper.single .ts-control:disabled input,.affilizz-form input[type=text]:disabled,.affilizz-form input[type=text]:disabled input,.affilizz-form select:disabled,.affilizz-form select:disabled input{background:#f0f3fa!important;border:#d9deeb!important;color:#a9b1c8!important}.affilizz-form .affilizz-faux-select .affilizz-option,.affilizz-form .ts-wrapper.multi .ts-control .affilizz-option,.affilizz-form .ts-wrapper.single .ts-control .affilizz-option,.affilizz-form input[type=text] .affilizz-option,.affilizz-form select .affilizz-option{padding-top:2px}.affilizz-form .affilizz-faux-select .recent,.affilizz-form .ts-wrapper.multi .ts-control .recent,.affilizz-form .ts-wrapper.single .ts-control .recent,.affilizz-form input[type=text] .recent,.affilizz-form select .recent{background:#a9b1c8;border-radius:4px;color:#fff;font-size:13px;margin-left:auto;padding:3px 4px}.affilizz-form .affilizz-faux-select img{margin-right:5px}.affilizz-form__field{margin:0}.affilizz-form__field .disabled .ts-control,.affilizz-form__field .disabled .ts-control input{background:#f0f3fa!important;border-color:#d9deeb!important;color:#a9b1c8!important;opacity:1!important}.affilizz-form__field .disabled .ts-control input::-moz-placeholder,.affilizz-form__field .disabled .ts-control::-moz-placeholder{color:#a9b1c8!important}.affilizz-form__field .disabled .ts-control input::placeholder,.affilizz-form__field .disabled .ts-control::placeholder{color:#a9b1c8!important}.affilizz-select-item>img{height:12px!important;padding:0!important;width:12px!important}.affilizz-select-item,.affilizz-select-option{border:none!important;box-shadow:none!important;color:#111453!important;text-shadow:none!important}.affilizz-select-item.affilizz-select-option,.affilizz-select-option.affilizz-select-option{font-weight:500}.affilizz-select-item--content-type-link,.affilizz-select-option--content-type-link{background:#ccf7fa!important}.affilizz-select-item--content-type-cta,.affilizz-select-option--content-type-cta{background:#fdf6a1!important}.affilizz-select-item--content-type-box,.affilizz-select-option--content-type-box{background:#fbdfde!important}.affilizz-select-item--content-type-card,.affilizz-select-option--content-type-card{background:#cfc7ff!important}.affilizz-select-item--content-type-carousel,.affilizz-select-option--content-type-carousel{background:#bfffbe!important}.affilizz-select-item--content-type-deal,.affilizz-select-option--content-type-deal{background:#ffa88e!important}.affilizz-select-item--text:first-letter,.affilizz-select-option--text:first-letter{text-transform:uppercase}.affilizz-select-item--content-type-deal .affilizz-select-option--subtext{color:#cb5735}.ts-dropdown-content{max-height:165px!important}.ts-dropdown-content .affilizz-select-option--subtext{color:#a9b1c8}.ts-dropdown-content{margin-bottom:0}.ts-dropdown-content .affilizz-inline-loader{align-items:center;background:#fff;color:#111453;display:flex;font-size:14px;gap:15px;justify-content:flex-start;line-height:35px;padding-left:12px}.ts-dropdown-content .affilizz-inline-loader img{max-width:20px}.ts-control>.item{font-size:1rem}#affilizz-publication-id-wrapper .ts-control>.item{align-items:center;display:flex;gap:8px;max-width:calc(100% - 34px)}#affilizz-publication-id-wrapper .ts-control>.item>.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-dropdown{border-radius:4px!important;box-shadow:0 4px 4px rgba(17,20,83,.4);margin:0!important;width:100%!important}.ts-dropdown .recent{background:#a9b1c8;border-radius:4px;color:#fff;font-size:13px;margin-left:auto;padding:2px 4px}.ts-dropdown [data-selectable].option{align-items:center;color:var(--blue-600)!important;display:flex;font-size:14px!important;padding:8px 12px!important}.ts-dropdown [data-selectable] .highlight{background:var(--background-orange--lighter)!important;border-radius:4px;color:var(--blue-600);font-size:14px;margin-right:4px;padding:0}.ts-dropdown .option{align-items:center;border-radius:4px;display:flex;min-height:35px;padding:0 0 0 12px}.ts-dropdown .affilizz-select-option{align-items:center;border-radius:4px;display:inline-flex;gap:4px;padding:4px 8px}.ts-dropdown .affilizz-select-option img{height:12px!important;padding:0!important;width:12px!important}#affilizz-publication-content-id-wrapper .ts-dropdown .option{gap:8px}#affilizz-publication-id-wrapper .ts-control:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2912_15560)'%3E%3Cg clip-path='url(%23clip1_2912_15560)'%3E%3Cpath d='m15.85 15.62-3.83-3.86a6.83 6.83 0 0 0 1.62-4.43A6.85 6.85 0 0 0 6.82.47 6.85 6.85 0 0 0 0 7.33a6.85 6.85 0 0 0 6.82 6.86 6.81 6.81 0 0 0 4.5-1.71l3.82 3.85a.5.5 0 0 0 .36.14.491.491 0 0 0 .46-.687.5.5 0 0 0-.11-.163ZM1 7.33a5.85 5.85 0 0 1 5.82-5.86 5.85 5.85 0 0 1 5.82 5.86 5.85 5.85 0 0 1-5.82 5.86A5.85 5.85 0 0 1 1 7.36v-.03Z' fill='%237A7DB0' style='fill:color(display-p3 .4798 .4913 .6917);fill-opacity:1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");content:" ";display:block;height:16px;margin-right:8px;width:16px}#affilizz-publication-id-ts-control{min-width:35%!important}

  • affilizz/tags/1.15.1/assets/src/scss/common/block.scss

    r3254716 r3259019  
    187187
    188188    &__choice {
     189        padding: 0;
    189190
    190191        display: flex;
    … …  
    285286    &__button {
    286287        justify-self: start;
     288        border: none;
     289
     290        &:hover {
     291            border: none;
     292        }
    287293    }
    288294
    … …  
    478484    &__type {
    479485
     486        &__item {
     487            margin-bottom: 0;
     488        }
     489
    480490        &__list {
    481491            display: flex;
    … …  
    486496
    487497        &__button {
     498            background: #fff;
    488499            display: flex;
    489500            flex-wrap: wrap;
    … …  
    505516                flex: 0 0 100%;
    506517                font-size: rem(14);
    507                 font-weight: 600;
    508 
     518                font-weight: 400;
    509519                margin-bottom: 0;
    510520            }
    … …  
    512522            i {
    513523                font-size: rem(20);
    514                 // height: rem(20);
    515524                margin-bottom: .2em;
    516525                order: -1;
    517                 // transform: scale(1.2);
    518526            }
    519527
    … …  
    764772    &__loader  {
    765773        position: absolute;
     774        border-radius: var(--border-radius);
    766775        background: rgba(255, 255, 255, 0.9);
    767776        top: 0;
    … …  
    790799        }
    791800    }
     801
     802    &__more-button {
     803        background-color: #fff;
     804        color: #111453;
     805        border: none;
     806    }
    792807}

  • affilizz/tags/1.15.1/assets/src/scss/common/blocks/form.scss

    r3254716 r3259019  
    104104            .affilizz-block__add,
    105105            .affilizz-block__remove {
     106                border: none;
     107                background: #fff;
    106108                display: flex;
    107109                width: rem(32);
    … …  
    126128
    127129        &__list {
     130            margin-bottom: 0;
    128131            & + * {
    129132                margin-top: rem(8);

  • affilizz/tags/1.15.1/assets/src/scss/common/blocks/product.scss

    r3254716 r3259019  
    11@keyframes slide {
    2     0%{
     2    0% {
    33        tranform: translate(0,0);
    44    }
    5     100%{
     5    100% {
    66        transform: translate(math.div(-100%,3)*2,0);
    77    }
    88}
    99
    10 .affilizz-block{
    11     &__product{
     10.affilizz-block {
     11    &__product {
     12        text-align: left;
     13        background-color: #fff;
    1214        display: grid;
    1315        grid-template-columns: auto 1fr;
    … …  
    3840
    3941        &--brand,
    40         &--loading{
     42        &--loading {
    4143            grid-template-columns: auto auto 1fr;
    4244            grid-template-areas:
    … …  
    5456        }
    5557
    56         &--loading{
     58        &--loading {
    5759            grid-template-columns: auto auto rem(1) auto 1fr;
    5860            grid-template-rows: auto auto auto;
    … …  
    6668            transform: none !important;
    6769
    68             &::before{
     70            &::before {
    6971                display: none !important;
    7072            }
    7173
    72             &::after{
     74            &::after {
    7375                content: "";
    7476                grid-area: pipe;
    … …  
    7981            }
    8082
    81             .affilizz-block__square{
     83            .affilizz-block__square {
    8284                grid-area: square;
    8385                aspect-ratio: 1/1;
    … …  
    9698                overflow: hidden;
    9799
    98                 &::before{
     100                &::before {
    99101                    // --background-grey--lighter: red;
    100102                    content: "";
    … …  
    115117            }
    116118
    117             .affilizz-block__line{
     119            .affilizz-block__line {
    118120                min-width: rem(48);
    119                 &--1{
     121                &--1 {
    120122                    grid-area: line1;
    121123
    122                     &::before{
     124                    &::before {
    123125                        animation-delay: .25s;
    124126                    }
    125127                };
    126                 &--2{
     128                &--2 {
    127129                    grid-area: line2;
    128                     &::before{
     130                    &::before {
    129131                        animation-delay: .25s * 2;
    130132                    }
    131133                };
    132                 &--3{
     134                &--3 {
    133135                    grid-area: line3;
    134                     &::before{
     136                    &::before {
    135137                        animation-delay: .25s * 3;
    136138                    }
    137139                };
    138                 &--4{
     140                &--4 {
    139141                    grid-area: line4;
    140                     &::before{
     142                    &::before {
    141143                        animation-delay: .25s * 4;
    142144                    }
    … …  
    145147        }
    146148
    147         &::before{
     149        &::before {
    148150            content: "";
    149151            display: block;
    … …  
    164166        }
    165167
    166         &:not(.affilizz-block__product--selected):hover{
     168        &:not(.affilizz-block__product--selected):hover {
    167169            border-color: var(--stroke-color);
    168170            z-index: 3;
    169171            transform: translate(0,rem(-1));
    170             &::before{
     172            &::before {
    171173                opacity: 1;
    172174            }
    173175        }
    174176
    175         &__list{
     177        &__list {
    176178            display: flex;
    177179            flex-wrap: wrap;
    … …  
    180182        }
    181183
    182         &__item{
     184        &__item {
    183185            flex: 0 0 100%;
    184186        }
    185187
    186         &__title{
     188        &__title {
    187189            grid-area: title;
    188190            align-self: end;
    … …  
    190192        }
    191193
    192         &__brand{
     194        &__brand {
    193195            grid-area: brand;
    194196
    … …  
    199201            margin: 0;
    200202
    201             img{
     203            img {
    202204                flex: 0 0 rem(20);
    203205                max-width: rem(20);
    … …  
    205207        }
    206208
    207         &__price{
     209        &__price {
    208210            grid-area: price;
    209211
    … …  
    217219        }
    218220
    219         &__informations{
     221        &__informations {
    220222
    221223            @extend .affilizz-title, .affilizz-title--thin, .affilizz-title--xxs;
    … …  
    225227        }
    226228
    227         &__image{
     229        &__image {
    228230            grid-area: image;
    229231

  • affilizz/tags/1.15.1/assets/src/scss/common/blocks/reset.scss

    r3254716 r3259019  
     1.wpview[data-wpview-type~="affilizz"], .affilizz-modal, .affilizz-component-container {
     2    p {
     3        margin: 0;
     4    }
    15
    2     /* purgecss start ignore */
     6    button {
     7        cursor: pointer;
     8    }
    39
    4 /***
    5     The new CSS reset - version 1.7.3 (last updated 7.8.2022)
    6     GitHub page: https://github.com/elad2412/the-new-css-reset
    7 ***/
     10    *,
     11    *::before,
     12    *::after {
     13        box-sizing: border-box;
     14    }
    815
    9 /*
    10     Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    11     - The "symbol *" part is to solve Firefox SVG sprite bug
    12 */
    13 *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *, path, clipPath )) {
    14     all: unset;
    15     display: revert;
     16    a, button {
     17        cursor: revert;
     18        -webkit-tap-highlight-color: transparent;
     19    }
     20
     21    ol, ul, menu {
     22        list-style: none;
     23    }
     24
     25    img {
     26        max-width: 100%;
     27    }
     28
     29    table {
     30        border-collapse: collapse;
     31    }
     32
     33    input, textarea {
     34        -webkit-user-select: auto;
     35    }
     36
     37    textarea {
     38        white-space: revert;
     39        overflow-wrap: break-word;
     40        word-wrap: break-word;
     41    }
     42
     43    meter {
     44        -webkit-appearance: revert;
     45        appearance: revert;
     46    }
     47
     48    ::placeholder {
     49        color: unset;
     50    }
     51
     52    :where([hidden]) {
     53        display: none;
     54    }
     55
     56    :where([contenteditable]:not([contenteditable="false"])) {
     57        -moz-user-modify: read-write;
     58        -webkit-user-modify: read-write;
     59        -webkit-user-select: auto;
     60    }
     61
     62    :where([draggable="true"]) {
     63        -webkit-user-drag: element;
     64    }
     65
     66    ::-webkit-details-marker{
     67        display: none;
     68    }
    1669}
    17 
    18 /* Preferred box-sizing value */
    19 *,
    20 *::before,
    21 *::after {
    22     box-sizing: border-box;
    23 }
    24 
    25 /* Reapply the pointer cursor for anchor tags */
    26 a, button {
    27     cursor: revert;
    28     -webkit-tap-highlight-color: transparent;
    29 }
    30 
    31 /* Remove list styles (bullets/numbers) */
    32 ol, ul, menu {
    33     list-style: none;
    34 }
    35 
    36 /* For images to not be able to exceed their container */
    37 img {
    38     max-width: 100%;
    39 }
    40 
    41 /* removes spacing between cells in tables */
    42 table {
    43     border-collapse: collapse;
    44 }
    45 
    46 /* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
    47 input, textarea {
    48     -webkit-user-select: auto;
    49 }
    50 
    51 /* revert the 'white-space' property for textarea elements on Safari */
    52 textarea {
    53     white-space: revert;
    54    
    55     // Prevent textarea to expand his height
    56     overflow-wrap: break-word;
    57     word-wrap: break-word;
    58 }
    59 
    60 /* minimum style to allow to style meter element */
    61 meter {
    62     -webkit-appearance: revert;
    63     appearance: revert;
    64 }
    65 
    66 /* reset default text opacity of input placeholder */
    67 ::placeholder {
    68     color: unset;
    69 }
    70 
    71 /* fix the feature of 'hidden' attribute.
    72 display:revert; revert to element instead of attribute */
    73 :where([hidden]) {
    74     display: none;
    75 }
    76 
    77 /* revert for bug in Chromium browsers
    78 - fix for the content editable attribute will work properly.
    79 - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
    80 :where([contenteditable]:not([contenteditable="false"])) {
    81     -moz-user-modify: read-write;
    82     -webkit-user-modify: read-write;
    83     overflow-wrap: break-word;
    84     -webkit-line-break: after-white-space;
    85     -webkit-user-select: auto;
    86 }
    87 
    88 /* apply back the draggable feature - exist only in Chromium and Safari */
    89 :where([draggable="true"]) {
    90     -webkit-user-drag: element;
    91 }
    92 
    93 /* hide arrow in details on safari and ios */
    94 ::-webkit-details-marker{
    95     display: none;
    96 }
    97 
    98 /* purgecss end ignore */

  • affilizz/tags/1.15.1/assets/src/scss/common/modal.scss

    r3254716 r3259019  
    168168
    169169    &__loader {
     170        border-radius: var(--border-radius);
    170171        img {
    171172            animation: spin 2s linear infinite;

  • affilizz/tags/1.15.1/classes/API.php

    r3254716 r3259019  
    631631                wp_send_json_error(
    632632                    array(
    633                         'message' => sprintf( __( '"%s" type is not implemented yet.', 'affilizz' ), $type ),
     633                        'message' => sprintf( __( 'The "%s" publication type is not implemented yet.', 'affilizz' ), $type ),
    634634                    )
    635635                );

  • affilizz/tags/1.15.1/classes/Core.php

    r3254716 r3259019  
    191191        wp_enqueue_style( 'affilizz-admin' );
    192192        wp_enqueue_style( 'tom-select' );
    193 
    194         // In-between-versions CSS changes for the admin
    195         wp_enqueue_style( 'affilizz-external-css', ( Assets::get_instance() )->get_diverted_css_file_url(), array(), AFFILIZZ_VERSION );
    196193    }
    197194

  • affilizz/tags/1.15.1/classes/Util/Analytics.php

    r3254716 r3259019  
    1919        $locale                 = explode( '_', get_locale() );
    2020        $rendering_modes        = array(
    21             'webcomponent' => __( 'Web component', 'affilizz' ),
     21            'webcomponent' => __( 'Webcomponent', 'affilizz' ),
    2222            'ssr'          => __( 'Server-side rendering (SSR)', 'affilizz' )
    2323        );
    … …  
    161161            ],
    162162            'affilizz_selective_enqueue' => [
    163                 'key'   => __( 'Selective enqueue', 'affilizz' ),
     163                'key'   => __( 'Selective assets load', 'affilizz' ),
    164164                'value' => $selective_enqueing
    165165            ],

  • affilizz/tags/1.15.1/classes/Util/Cron.php

    r3254716 r3259019  
    1717     */
    1818    public function __construct() {
    19         add_action( 'affilizz_hourly_cron', [ $this, 'check_media_existence' ] );
    20         add_action( 'admin_notices', [ $this, 'display_missing_media_notice' ] );
     19        add_action( 'affilizz_hourly_cron', array( $this, 'check_media_existence' ) );
     20        add_action( 'admin_notices', array( $this, 'display_missing_media_notice' ) );
    2121
    2222        // Connect to the API
    … …  
    2525        // Schedule events
    2626        if ( ! wp_next_scheduled( 'affilizz_hourly_cron' ) ) {
    27             wp_schedule_event( time(), 'hourly', 'affilizz_hourly_cron', array( false ) );
     27            wp_schedule_event( time(), 'hourly', 'affilizz_hourly_cron', array( false ) );
    2828        }
    2929    }

  • affilizz/tags/1.15.1/classes/Util/Filters.php

    r3254716 r3259019  
    2525
    2626        // Add styles to the classic editor styles
    27         add_action( 'admin_init', array( $this, 'add_editor_style' ) );
     27        add_action( 'admin_init', array( $this, 'add_editor_style_classic' ) );
     28        add_action( 'enqueue_block_assets', array( $this, 'add_editor_style_classic' ) );
    2829
    2930        // Wrap the renders in a custom container
    … …  
    8283     * @return void
    8384     */
    84     public function add_editor_style() {
     85    public function add_editor_style_classic() {
    8586        add_theme_support( 'editor-style' );
    86         add_editor_style( AFFILIZZ_URL . 'assets/dist/css/admin.css' );
     87        if ( ! empty( get_current_screen() ) && get_current_screen()->is_block_editor() ) return;
     88        add_editor_style( AFFILIZZ_URL . 'assets/dist/css/admin.css?affilizz_version = ' . AFFILIZZ_ASSETS_BUILD_VERSION );
     89    }
     90    public function add_editor_style_gutenberg() {
     91        if ( ! is_admin() ) return;
     92        if ( empty( get_current_screen() ) || ! get_current_screen()->is_block_editor() ) return;
     93        wp_enqueue_style( 'affilizz-block-admin-css', AFFILIZZ_URL . 'assets/dist/css/admin.css' );
    8794    }
    8895

  • affilizz/tags/1.15.1/classes/Util/Notices.php

    r3003902 r3259019  
    1515    public function __construct() {
    1616        // Clean up a bit the top of the admin pages when notices exist
    17         add_action( 'admin_enqueue_scripts', [ $this, 'clean_administration_notices' ] );
     17        add_action( 'admin_enqueue_scripts', array( $this, 'clean_administration_notices_classic' ) );
     18        add_action( 'enqueue_block_assets', array( $this, 'clean_administration_notices_gutenberg' ) );
    1819
    1920        // Deal with the missing media states notices
    20         add_action( 'all_admin_notices', [ $this, 'display_missing_channel_notice' ] );
    21         add_action( 'all_admin_notices', [ $this, 'display_missing_media_notice' ] );
     21        add_action( 'all_admin_notices', array( $this, 'display_missing_channel_notice' ) );
     22        add_action( 'all_admin_notices', array( $this, 'display_missing_media_notice' ) );
    2223    }
    2324
    … …  
    2829     * @return void
    2930     */
    30     public function clean_administration_notices() {
     31    public function clean_administration_notices_classic() {
     32        if ( ! empty( get_current_screen() ) && get_current_screen()->is_block_editor() ) return;
     33        wp_add_inline_style( 'affilizz-admin', ':not(.notice) + .notice { margin-top: 20px; }' );
     34    }
     35    public function clean_administration_notices_gutenberg() {
     36        if ( ! is_admin() ) return;
     37        if ( empty( get_current_screen() ) || ! get_current_screen()->is_block_editor() ) return;
    3138        wp_add_inline_style( 'affilizz-admin', ':not(.notice) + .notice { margin-top: 20px; }' );
    3239    }

  • affilizz/tags/1.15.1/includes/i18n.php

    r3254716 r3259019  
    1818            'link'     => __( 'Link', 'affilizz' ),
    1919            'default'  => __( 'Publication', 'affilizz' ),
    20             'box'      => __( 'Table', 'affilizz' ),
     20            'box'      => _x( 'Table', 'Used as a short version for "price table" in compact interfaces', 'affilizz' ),
    2121            'card'     => __( 'Card', 'affilizz' ),
    2222            'cta'      => __( 'Button', 'affilizz' ),
    … …  
    145145            ),
    146146            'condition' => array(
    147                 'marketplace'   => __('Market Place', 'affilizz'),
    148                 'used'          => __('Used', 'affilizz'),
    149                 'refurbished'   => __('Refurbished', 'affilizz'),
     147                'marketplace'   => __( 'Marketplace', 'affilizz' ),
     148                'used'          => __( 'Used', 'affilizz' ),
     149                'refurbished'   => __( 'Refurbished', 'affilizz' ),
    150150                'abbreviations' => array (
    151                     'marketplace' => _x('MP', 'abbreviation of Market Place', 'affilizz'),
    152                     'used'        => _x('U', 'abbreviation of used', 'affilizz'),
    153                     'refurbished' => _x('R', 'abbreviation of refurbished', 'affilizz'),
     151                    'marketplace' => _x( 'MP', 'Abbreviation for "Marketplace"', 'affilizz' ),
     152                    'used'        => _x( 'U', 'Abbreviation for used', 'affilizz' ),
     153                    'refurbished' => _x( 'R', 'abbreviation for refurbished', 'affilizz' ),
    154154                ),
    155155            )
    … …  
    208208            'search'      => __( 'Error thrown while searching products in a create scenario.', 'affilizz' ),
    209209            'offer'       => __( 'Error thrown in modal while selecting the offer.', 'affilizz' ),
    210             'contents'    => __( 'Error thrown in modal while populating content IDs.', 'affilizz' ),
    211             'publication' => __( 'Error thrown in modal while searching URL.', 'affilizz' )
     210            'contents'    => __( 'Error thrown in modal while populating the publication contents list.', 'affilizz' ),
     211            'publication' => __( 'Error thrown in modal while fetching an URL.', 'affilizz' )
    212212        )
    213213    )

  • affilizz/tags/1.15.1/init.php

    r3254716 r3259019  
    55 * Author URI: https://www.affilizz.com
    66 * Author: Affilizz, Dewizz SAS <wordpress@affilizz.com>
    7  * Version: 1.15.0
     7 * Version: 1.15.1
    88 * Requires at least: 5.9
    99 * Requires PHP: 7.3.0
    … …  
    1313if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
    1414
    15 define( 'AFFILIZZ_VERSION', '1.15.0' );
    16 define( 'AFFILIZZ_ASSETS_BUILD_VERSION', '18hBOULky6sAQlmA' );
     15define( 'AFFILIZZ_VERSION', '1.15.1' );
     16define( 'AFFILIZZ_ASSETS_BUILD_VERSION', 'lB2WutOuF1C7nE9C' );
    1717
    1818foreach ( array(
    … …  
    2626
    2727register_activation_hook( __FILE__, array( 'Affilizz\Install', 'install' ) );
    28 register_uninstall_hook( __FILE__, array( 'Affilizz\Install', 'uninstall' ) );
     28register_uninstall_hook( __FILE__, array( 'Affilizz\Core', 'uninstall' ) );
    2929
    3030// Allows translation of the plugin name

  • affilizz/tags/1.15.1/readme.txt

    r3254716 r3259019  
    11=== Affilizz ===
    22Contributors: affilizz, romaincarlier
    3 Tags: gutenberg, affilizz, editor, block, affiliation, affiliate, ads
     3Tags: affilizz, block, affiliation, affiliate, ads
    44Requires at least: 5.9
    55Tested up to: 6.7.2
    6 Stable tag: 1.15.0
     6Stable tag: 1.15.1
    77Requires PHP: 7.3.0
    88License: GPLv2 or later
    … …  
    5353== Changelog ==
    5454
     55= 1.15.1 =
     56
     57* Fixes an issue when uninstalling / deleting the plugin from the plugins page in the back-office.
     58* Fixes PHP notations for the array callbacks in hooks.
     59* Fixes a warning while loading admin.css and inline admin styles for gutenberg (moved to enqueue_block_assets).
     60* Changes some translation source strings.
     61
    5562= 1.15.0 =
    5663
    … …  
    6269  * **Added** : An opening screen to choose between two modes to add affiliate content :
    6370    * Direct creation of affiliate widgets using textual search or merchant URL.
    64     * Allows for creation of magic links, multi- and mono-merchant buttons, price tables, card badges,
     71    * Allows for creation of magic links, multi- and mono-merchant buttons, price tables, card badges, (AI) deals, carousels.
    6572    * Browsing publications previously created in Affilizz to add affiliate widgets.
    6673  * **Added** : Administration options to share technical details to improve customer support.
    6774    * For developers : Technical output in the browser console.
    6875    * For users : Actionable in the administration pages in the back-office.
    69   * **Added :** Support for carousels / deals both in insertion and creation.
     76  * **Added** : Support for carousels / deals both in insertion and creation.
    7077  * **Added** : Creation of groups of content *(TinyMCE version only)*
    7178  * **Added** : Support for new code hooks to customize your Affilizz integration.
    … …  
    9097  * **Added** : All translations are now dealt with in a single file, PHP-side (i18n.php) to facilitate custom translations.
    9198    * The *affilizz_publications_javascript_l10n* filters allows to alter these imported translations.
    92   * **Improved** : Pre-rendering of affilizz blocks shortcodes allow for a 90% load time improvement on the edit pages (the more complex the greater the time gain).
     99  * **Improved** : Pre-rendering of Affilizz blocks shortcodes allow for a 90% load time improvement on the edit pages (the more complex the greater the time gain).
    93100  * **Improved** : Cache management for SSR / webcomponents situations.
    94101  * **Improved** : Allowed tags and attributes for the KSES filtering of the administration pages and scripts renders.
    … …  
    135142  * Adds class attributes to allowed tags and attributes in the plugin.
    136143  * Adds translations for the button opening process.
    137   * Limits searches in the publications table to local- and affilizz- ids columns.
     144  * Limits searches in the publications table to local- and Affilizz- ids columns.
    138145  * Prepares the works to move to the react-based version of the plugin.
    139146
    … …  
    146153* Changes local caching logic to only store in database cached version of SSR renders (not webcomponents).
    147154* Fixes various issues with the diverted asset file path (local cached version of the Affilizz assets).
    148 * Rewrites the selective enqueueing logic.
     155* Rewrites the selective assets loading logic.
    149156* Adds filters for multiple plugin variables :
    150157  * affilizz_publication_transient_key
    … …  
    225232* Updates translation files.
    226233* Updates the local caching mechanism to use real files and avoid rewriting after report of bugs from a user.
    227 * Adds option to delete the affilizz table.
     234* Adds option to delete the Affilizz table.
    228235* Moves the creation of the table to the insertion of blocks, thus being less invasive for testers.
    229236* Allows to load the rendering script selectively.
    … …  
    237244* Adds support for card format (from Affilizz).
    238245* Updates translation files.
    239 * Adds a verification of the need to regenerate tinyMCE previews of the affilizz blocks.
     246* Adds a verification of the need to regenerate tinyMCE previews of the Affilizz blocks.
    240247
    241248= 1.10.0 =

  • affilizz/tags/1.15.1/templates/administration/page/settings/rendering.php

    r3167531 r3259019  
    44    $rendering_modes = array(
    55        'webcomponent' => array(
    6             'title'       => __( 'Web component (default)', 'affilizz' ),
     6            'title'       => __( 'Webcomponent (default)', 'affilizz' ),
    77            'description' => sprintf( __( '%1$sRecommended%2$s - Your affiliate content is loaded after the page.', 'affilizz' ), '<em>', '</em>' ) . ' ' . __( 'There is no conflict possible with your CSS&hellip;', 'affilizz' )
    88        ), 'ssr' => array(

  • affilizz/tags/1.15.1/templates/administration/page/settings/technical.php

    r3254716 r3259019  
    2929        <li><?php _e( 'If you encounter issued where ads are displayed in the back-office editor but not on the live website', 'affilizz' ); ?> ;</li>
    3030        <li><?php _e( 'If you notice a script being rejected by standard adblockers', 'affilizz' ); ?> ;</li>
    31         <li><?php _e( 'If you are requested to do so by an affilizz administrator', 'affilizz' ); ?>.</li>
     31        <li><?php _e( 'If the Affilizz support team requests you to do so', 'affilizz' ); ?>.</li>
    3232    </ul>
    3333</div>
    … …  
    4242            <input type="checkbox" id="affilizz-selective-enqueue" name="affilizz-selective-enqueue" value="1" <?php checked( 1 == (int) get_option( 'affilizz_selective_enqueue' ), true, true ); ?> />
    4343            <span class="affilizz-field__label">
    44                 <?php _e( 'Enable selective script enqueuing', 'affilizz' ); ?>
     44                <?php _e( 'Enable conditional script loading', 'affilizz' ); ?>
    4545                <small><?php _e( 'Only load the script on pages containing our rendering tags.', 'affilizz' ); ?></small>
    4646            </span>

  • affilizz/tags/1.15.1/templates/administration/page/wizard/success.php

    r2963967 r3259019  
    1010    <div class="step__help step__help--no-icon">
    1111        <div class="step__help__content">
    12             <h3><?php _e( 'You are all set!', 'affilizz' ); ?></h3>
     12            <h3><?php _e( 'You have completed the setup process', 'affilizz' ); ?></h3>
    1313            <p><?php _e( 'You can now insert any affiliate content from Affilizz into your pages. Start by :', 'affilizz' ); ?></p>
    1414            <ol class="list list--numbered list--numbered-accent">

  • affilizz/trunk/assets/dist/css/admin.css

    r3254716 r3259019  
    11@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;1,400;1,500&display=swap);
    2 @font-face {
    3   font-family: "affilizz-icons";
    4   src: url("../fonts/affilizz-icons/affilizz-icons.ttf?b2n8aj") format("truetype"), url("../fonts/affilizz-icons/affilizz-icons.woff?b2n8aj") format("woff"), url("../fonts/affilizz-icons/affilizz-icons.svg?b2n8aj") format("svg");
    5   font-weight: normal;
    6   font-style: normal;
    7   font-display: block;
    8 }
    9 *,
    10 *:before,
    11 *:after {
    12   box-sizing: border-box;
    13 }
    14 
    15 .affilizz-button {
    16   text-decoration: none;
    17   cursor: pointer;
    18 }
    19 .affilizz-button--inline * {
    20   display: inline-block;
    21 }
    22 .affilizz-button--inline svg {
    23   margin-left: 5px;
    24 }
    25 .affilizz-button--inline > svg {
    26   max-width: 16px;
    27   max-height: 16px;
    28 }
    29 .affilizz-button-icons {
    30   display: flex;
    31   flex-direction: row;
    32   align-items: center;
    33   justify-content: center;
    34   margin-right: 5px;
    35 }
    36 .affilizz-button-icons .dashicons, .affilizz-button-icons .dashicons-before {
    37   display: flex;
    38   align-items: center;
    39   justify-content: center;
    40   line-height: 1;
    41 }
    42 .affilizz-button-icons .dashicons:before, .affilizz-button-icons .dashicons-before:before {
    43   font-size: 16px;
    44   top: 2px;
    45   position: relative;
    46   opacity: 0.7;
    47 }
    48 .affilizz-button--primary {
    49   background: #111453;
    50   padding: 10px 12px;
    51   font-weight: 400;
    52   font-size: 16px;
    53   color: #fff;
    54   border-radius: 4px;
    55   border: none;
    56 }
    57 .affilizz-button--primary:hover, .affilizz-button--primary:active {
    58   color: #fff;
    59   cursor: pointer;
    60   background-color: #7af4d1;
    61   color: #111453;
    62 }
    63 .affilizz-button--primary:disabled {
    64   background: #d9deeb;
    65   color: #fff;
    66 }
    67 .affilizz-button[disabled] {
    68   pointer-events: none;
    69   opacity: 0.25;
    70 }
    71 .affilizz-button--secondary {
    72   background: #fff;
    73   box-shadow: 0 0 0 1px #111453 inset;
    74   padding: 10px 20px;
    75   border: none;
    76   font-weight: 400;
    77   font-size: 16px;
    78   color: #111453;
    79   border-radius: 4px;
    80 }
    81 .affilizz-button--secondary:hover, .affilizz-button--secondary:active {
    82   cursor: pointer;
    83   background-color: #111453;
    84   color: #fff;
    85 }
    86 .affilizz-button--secondary:hover img, .affilizz-button--secondary:active img {
    87   filter: brightness(0) invert(1);
    88 }
    89 .affilizz-button--primary-hover:hover, .affilizz-button--primary-hover:active {
    90   color: #fff;
    91   cursor: pointer;
    92   background-color: #7af4d1;
    93   color: #111453;
    94   box-shadow: none;
    95 }
    96 .affilizz-button--create {
    97   display: inline-flex;
    98   background: #ff5722;
    99   border-radius: 4px;
    100   margin-right: 5px;
    101   margin-bottom: 4px;
    102 }
    103 .affilizz-button--create a {
    104   color: #fff;
    105   font-size: 13px;
    106 }
    107 .affilizz-button--create a.alt {
    108   color: #fff;
    109   font-size: 13px;
    110   padding: 0 5px;
    111 }
    112 .affilizz-button--call {
    113   display: inline-block;
    114   background: #1dd6a1;
    115   border-radius: 4px;
    116   margin-bottom: 4px;
    117 }
    118 .affilizz-button--call a {
    119   color: #fff;
    120   font-size: 13px;
    121 }
    122 .affilizz-button--hollow {
    123   border-radius: 4px;
    124   border: 1px solid #fff;
    125   padding: 5px;
    126   display: flex;
    127   flex-direction: row;
    128   align-items: center;
    129   justify-content: center;
    130   padding: 3px 5px;
    131   gap: 5px;
    132   color: #fff;
    133 }
    134 .affilizz-button--hollow:hover, .affilizz-button--hollow:active, .affilizz-button--hollow:focus {
    135   color: #fff;
    136 }
    137 
    138 .insert-affilizz-publication, #insert-affilizz-publication,
    139 .create-affilizz-publication, #create-affilizz-publication {
    140   display: flex;
    141   flex-direction: row;
    142   align-items: center;
    143   justify-content: center;
    144   padding: 5px 7px 6px;
    145   font-weight: 600;
    146   color: #fff;
    147   font-size: 13px;
    148 }
    149 .insert-affilizz-publication *, #insert-affilizz-publication *,
    150 .create-affilizz-publication *, #create-affilizz-publication * {
    151   pointer-events: none;
    152 }
    153 
    154 #affilizz-floating-button {
    155   width: 25px;
    156   height: 40px;
    157   background: #1dd6a1;
    158   position: absolute;
    159   top: 0;
    160   z-index: 6000;
    161   opacity: 0;
    162   padding: 0 5px 4px 5px;
    163   border-radius: 4px;
    164   text-decoration: none;
    165 }
    166 #affilizz-floating-button:after {
    167   opacity: 1;
    168   height: 8px;
    169   width: 8px;
    170   transform: rotate(45deg);
    171   content: "";
    172   position: absolute;
    173   background: #1dd6a1;
    174   right: -4px;
    175   top: 16px;
    176 }
    177 #affilizz-floating-button:focus, #affilizz-floating-button:active {
    178   outline: none;
    179   box-shadow: none;
    180 }
    181 #affilizz-floating-button img {
    182   margin-top: 4px;
    183 }
    184 #affilizz-floating-button * {
    185   pointer-events: none;
    186 }
    187 
    188 #step-success-button {
    189   color: #fff;
    190 }
    191 
    192 .wp-media-buttons {
    193   display: flex;
    194 }
    195 
    196 @keyframes spin {
    197   0% {
    198     transform: rotate(0deg);
    199   }
    200   100% {
    201     transform: rotate(359deg);
    202   }
    203 }
    204 .affilizz-modal {
    205   position: fixed;
    206   z-index: 100102;
    207   border-radius: 4px;
    208   overflow: hidden;
    209   font-family: "Rubik", Arial, Sans_serif;
    210   font-size: 14px;
    211   left: 0;
    212   width: 100vw;
    213   height: 100vh;
    214   top: -9999em;
    215   visibility: hidden;
    216   opacity: 0;
    217   pointer-events: none;
    218   background: rgba(17, 20, 83, 0.8);
    219   display: flex;
    220   align-items: center;
    221   justify-content: space-around;
    222 }
    223 .affilizz-modal__wrapper {
    224   z-index: 100101;
    225   background-color: #fff;
    226   box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
    227   min-width: 500px;
    228   border-radius: 4px;
    229 }
    230 .affilizz-modal__header {
    231   position: relative;
    232   padding: 20px 40px;
    233   border-radius: 3px 3px 0 0;
    234   display: flex;
    235   flex-direction: row;
    236   justify-content: left;
    237   align-items: center;
    238   background: #111453;
    239 }
    240 .affilizz-modal.has-error .affilizz-modal__actions {
    241   justify-content: center;
    242 }
    243 .affilizz-modal.has-error.message-error .affilizz-modal__overtitle {
    244   color: #e41f5a;
    245 }
    246 .affilizz-modal.has-error.message-error .affilizz-modal__logo {
    247   filter: brightness(0) saturate(100%) invert(17%) sepia(58%) saturate(6412%) hue-rotate(334deg) brightness(96%) contrast(85%);
    248 }
    249 .affilizz-modal__overtitle {
    250   display: block;
    251   margin: 0;
    252   color: #c5ffee;
    253   font-size: 12px;
    254   font-weight: 500;
    255 }
    256 .affilizz-modal__heading {
    257   margin: 0;
    258   font-weight: 400;
    259   flex-grow: 1;
    260   -webkit-font-smoothing: antialiased;
    261   -moz-osx-font-smoothing: grayscale;
    262   color: #fff;
    263   margin: 0;
    264   margin-left: 1.5rem;
    265 }
    266 .affilizz-modal__logo {
    267   margin-top: 2px;
    268 }
    269 .affilizz-modal__header__actions {
    270   padding: 0 0.75rem;
    271 }
    272 .affilizz-modal__header__actions a {
    273   font-size: 14px;
    274 }
    275 .affilizz-modal__close {
    276   position: absolute;
    277   top: 16px;
    278   right: 16px;
    279   text-decoration: none;
    280   color: #e9eaff !important;
    281   background: none;
    282   border: 0;
    283   font-size: 20px !important;
    284   z-index: 999;
    285   cursor: pointer;
    286 }
    287 .affilizz-modal__close:hover {
    288   color: #e9eaff;
    289 }
    290 .affilizz-modal__body {
    291   border-radius: 0 0 4px 4px;
    292   color: #111453;
    293   min-width: 640px;
    294   overflow-x: hidden;
    295   overflow-y: auto;
    296 }
    297 .affilizz-modal__body *:first-child {
    298   margin-top: 0;
    299 }
    300 .affilizz-modal__body *:last-child {
    301   margin-bottom: 0;
    302 }
    303 .affilizz-modal__content {
    304   min-width: 640px;
    305   max-width: 600px;
    306 }
    307 .affilizz-creation-modal .affilizz-modal__content {
    308   padding: 0;
    309 }
    310 .affilizz-modal__actions {
    311   padding: 20px 40px;
    312   border-top: 1px solid #d9deeb;
    313   gap: 0.5rem;
    314   display: flex;
    315   flex-direction: row;
    316   justify-content: right;
    317   align-items: center;
    318 }
    319 .affilizz-modal__hint {
    320   background: #f8f8ff;
    321   color: #7a7db0;
    322   padding: 8px 14px;
    323   font-size: 14px;
    324   border-radius: 4px;
    325 }
    326 .affilizz-modal__hint a {
    327   color: #111453;
    328 }
    329 .affilizz-modal.hidden, .affilizz-modal .hidden {
    330   visibility: hidden;
    331   opacity: 0;
    332 }
    333 .affilizz-modal.visible, .affilizz-modal .visible {
    334   visibility: visible;
    335   opacity: 1;
    336   pointer-events: auto;
    337   top: 0;
    338 }
    339 .affilizz-modal__loader img {
    340   animation: spin 2s linear infinite;
    341   position: relative;
    342   top: 1px;
    343   margin-right: 10px;
    344 }
    345 .affilizz-modal__title {
    346   font-size: 1rem;
    347 }
    348 .affilizz-modal-message {
    349   text-align: center;
    350 }
    351 .affilizz-modal-message__title {
    352   font-size: 1rem;
    353   font-weight: bold;
    354   padding-bottom: 20px;
    355 }
    356 
    357 #affilizz-edit-publication-link {
    358   display: flex;
    359   justify-content: flex-end;
    360   gap: 10px;
    361   align-items: flex-start;
    362   padding: 6px;
    363   color: #111453;
    364   align-self: flex-end;
    365   font-size: 14px;
    366   text-decoration: underline;
    367 }
    368 
    369 #affilizz-edit-publication-call {
    370   display: flex;
    371   justify-content: flex-end;
    372 }
    373 
    374 *,
    375 *:before,
    376 *:after {
    377   box-sizing: border-box;
    378 }
    379 
    380 .affilizz-select-option--floating {
    381   opacity: 0.5;
    382   z-index: 9999;
    383 }
    384 
    385 .affilizz-form {
    386   position: relative;
    387 }
    388 .affilizz-form .ts-wrapper.single .ts-control, .affilizz-form .ts-wrapper.single .ts-control input {
    389   width: auto !important;
    390 }
    391 .affilizz-form .ts-wrapper .ts-control {
    392   transition: var(--transition) !important;
    393 }
    394 .affilizz-form .ts-wrapper .ts-control ::-moz-placeholder {
    395   font-size: 16px !important;
    396   color: var(--blue-400) !important;
    397 }
    398 .affilizz-form .ts-wrapper .ts-control input, .affilizz-form .ts-wrapper .ts-control ::placeholder {
    399   font-size: 16px !important;
    400   color: var(--blue-400) !important;
    401 }
    402 .affilizz-form .ts-wrapper:not(.input-active, .disabled, .has-items) .ts-control {
    403   background: var(--blue-0) !important;
    404   color: var(--blue-400) !important;
    405 }
    406 .affilizz-form .ts-wrapper.has-items ::-moz-placeholder {
    407   display: none;
    408   visibility: hidden;
    409 }
    410 .affilizz-form .ts-wrapper.has-items ::placeholder {
    411   display: none;
    412   visibility: hidden;
    413 }
    414 .affilizz-form .ts-wrapper.input-active .ts-control {
    415   box-shadow: 0 0 0 0.1875rem var(--stroke-green--light) !important;
    416   background: var(--white);
    417   color: var(--blue-800);
    418 }
    419 .affilizz-form .ts-wrapper.loading .ts-control {
    420   border-radius: 4px !important;
    421 }
    422 .affilizz-form .ts-wrapper.loading .ts-dropdown {
    423   display: none !important;
    424 }
    425 .affilizz-form__label {
    426   display: flex;
    427   flex-direction: row;
    428   justify-content: space-between;
    429   align-items: center;
    430   padding-bottom: 3px;
    431   font-weight: 400;
    432   font-size: 12px;
    433   color: #404489;
    434 }
    435 .affilizz-form__label__hint {
    436   color: #737af9;
    437   flex-shrink: 1;
    438 }
    439 .affilizz-form .ts-wrapper.multi .ts-control {
    440   align-items: center;
    441 }
    442 .affilizz-form .ts-wrapper.multi .ts-control div {
    443   height: 25px;
    444 }
    445 .affilizz-form .ts-wrapper.multi .ts-control .affilizz-empty-publication-content-name {
    446   font-weight: normal;
    447   font-style: italic;
    448   opacity: 0.5;
    449 }
    450 .affilizz-form select, .affilizz-form input[type=text], .affilizz-form .ts-wrapper.single .ts-control, .affilizz-form .ts-wrapper.multi .ts-control, .affilizz-form .affilizz-faux-select {
    451   box-sizing: border-box;
    452   padding: 13px 8px 13px 12px;
    453   line-height: 1;
    454   width: 100%;
    455   max-width: 100%;
    456   min-height: 45px;
    457   font-size: 14px;
    458   box-shadow: none;
    459   background: #fff;
    460   border: 1px solid #a9b1c8;
    461   border-radius: 4px;
    462   align-self: stretch;
    463   flex-grow: 0;
    464 }
    465 .affilizz-form select.dropdown-input, .affilizz-form input[type=text].dropdown-input, .affilizz-form .ts-wrapper.single .ts-control.dropdown-input, .affilizz-form .ts-wrapper.multi .ts-control.dropdown-input, .affilizz-form .affilizz-faux-select.dropdown-input {
    466   margin: 5px;
    467   max-width: calc(100% - 10px);
    468   padding: 8px 12px;
    469   min-height: 30px;
    470   border-color: #1dd6a1;
    471 }
    472 .affilizz-form select::-webkit-input-placeholder, .affilizz-form input[type=text]::-webkit-input-placeholder, .affilizz-form .ts-wrapper.single .ts-control::-webkit-input-placeholder, .affilizz-form .ts-wrapper.multi .ts-control::-webkit-input-placeholder, .affilizz-form .affilizz-faux-select::-webkit-input-placeholder {
    473   color: #a9b1c8;
    474   font-size: 14px;
    475 }
    476 
    477 .affilizz-form select:-moz-placeholder, .affilizz-form input[type=text]:-moz-placeholder, .affilizz-form .ts-wrapper.single .ts-control:-moz-placeholder, .affilizz-form .ts-wrapper.multi .ts-control:-moz-placeholder, .affilizz-form .affilizz-faux-select:-moz-placeholder {
    478   color: #a9b1c8;
    479   font-size: 14px;
    480 }
    481 
    482 .affilizz-form select::-moz-placeholder, .affilizz-form input[type=text]::-moz-placeholder, .affilizz-form .ts-wrapper.single .ts-control::-moz-placeholder, .affilizz-form .ts-wrapper.multi .ts-control::-moz-placeholder, .affilizz-form .affilizz-faux-select::-moz-placeholder {
    483   color: #a9b1c8;
    484   font-size: 14px;
    485 }
    486 
    487 .affilizz-form select:-ms-input-placeholder, .affilizz-form input[type=text]:-ms-input-placeholder, .affilizz-form .ts-wrapper.single .ts-control:-ms-input-placeholder, .affilizz-form .ts-wrapper.multi .ts-control:-ms-input-placeholder, .affilizz-form .affilizz-faux-select:-ms-input-placeholder {
    488   color: #a9b1c8;
    489   font-size: 14px;
    490 }
    491 
    492 .affilizz-form select:focus, .affilizz-form input[type=text]:focus, .affilizz-form .ts-wrapper.single .ts-control:focus, .affilizz-form .ts-wrapper.multi .ts-control:focus, .affilizz-form .affilizz-faux-select:focus {
    493   border: 1px solid #404489;
    494   box-shadow: 0px 0px 0px 2px rgba(29, 214, 161, 0.5);
    495   border-radius: 4px;
    496 }
    497 .affilizz-form select:disabled, .affilizz-form select:disabled input, .affilizz-form input[type=text]:disabled, .affilizz-form input[type=text]:disabled input, .affilizz-form .ts-wrapper.single .ts-control:disabled, .affilizz-form .ts-wrapper.single .ts-control:disabled input, .affilizz-form .ts-wrapper.multi .ts-control:disabled, .affilizz-form .ts-wrapper.multi .ts-control:disabled input, .affilizz-form .affilizz-faux-select:disabled, .affilizz-form .affilizz-faux-select:disabled input {
    498   background: #f0f3fa !important;
    499   color: #a9b1c8 !important;
    500   border: #d9deeb !important;
    501 }
    502 .affilizz-form select .affilizz-option, .affilizz-form input[type=text] .affilizz-option, .affilizz-form .ts-wrapper.single .ts-control .affilizz-option, .affilizz-form .ts-wrapper.multi .ts-control .affilizz-option, .affilizz-form .affilizz-faux-select .affilizz-option {
    503   padding-top: 2px;
    504 }
    505 .affilizz-form select .recent, .affilizz-form input[type=text] .recent, .affilizz-form .ts-wrapper.single .ts-control .recent, .affilizz-form .ts-wrapper.multi .ts-control .recent, .affilizz-form .affilizz-faux-select .recent {
    506   background: #a9b1c8;
    507   border-radius: 4px;
    508   color: #fff;
    509   padding: 3px 4px;
    510   font-size: 13px;
    511   margin-left: auto;
    512 }
    513 .affilizz-form .affilizz-faux-select img {
    514   margin-right: 5px;
    515 }
    516 .affilizz-form__field {
    517   margin: 0;
    518 }
    519 .affilizz-form__field .disabled .ts-control, .affilizz-form__field .disabled .ts-control input {
    520   opacity: 1 !important;
    521   background: #f0f3fa !important;
    522   color: #a9b1c8 !important;
    523   border-color: #d9deeb !important;
    524 }
    525 .affilizz-form__field .disabled .ts-control::-moz-placeholder, .affilizz-form__field .disabled .ts-control input::-moz-placeholder {
    526   color: #a9b1c8 !important;
    527 }
    528 .affilizz-form__field .disabled .ts-control::placeholder, .affilizz-form__field .disabled .ts-control input::placeholder {
    529   color: #a9b1c8 !important;
    530 }
    531 
    532 .affilizz-select-item > img {
    533   width: 12px !important;
    534   height: 12px !important;
    535   padding: 0 !important;
    536 }
    537 
    538 .affilizz-select-option, .affilizz-select-item {
    539   color: #111453 !important;
    540   border: none !important;
    541   box-shadow: none !important;
    542   text-shadow: none !important;
    543 }
    544 .affilizz-select-option.affilizz-select-option, .affilizz-select-item.affilizz-select-option {
    545   font-weight: 500;
    546 }
    547 .affilizz-select-option--content-type-link, .affilizz-select-item--content-type-link {
    548   background: #ccf7fa !important;
    549 }
    550 .affilizz-select-option--content-type-cta, .affilizz-select-item--content-type-cta {
    551   background: #fdf6a1 !important;
    552 }
    553 .affilizz-select-option--content-type-box, .affilizz-select-item--content-type-box {
    554   background: #fbdfde !important;
    555 }
    556 .affilizz-select-option--content-type-card, .affilizz-select-item--content-type-card {
    557   background: #cfc7ff !important;
    558 }
    559 .affilizz-select-option--content-type-carousel, .affilizz-select-item--content-type-carousel {
    560   background: #bfffbe !important;
    561 }
    562 .affilizz-select-option--content-type-deal, .affilizz-select-item--content-type-deal {
    563   background: #ffa88e !important;
    564 }
    565 .affilizz-select-option--text::first-letter, .affilizz-select-item--text::first-letter {
    566   text-transform: uppercase;
    567 }
    568 
    569 .affilizz-select-item--content-type-deal .affilizz-select-option--subtext {
    570   color: #cb5735;
    571 }
    572 
    573 .ts-dropdown-content {
    574   max-height: 165px !important;
    575 }
    576 .ts-dropdown-content .affilizz-select-option--subtext {
    577   color: #a9b1c8;
    578 }
    579 
    580 .ts-dropdown-content {
    581   margin-bottom: 0;
    582 }
    583 .ts-dropdown-content .affilizz-inline-loader {
    584   display: flex;
    585   gap: 15px;
    586   justify-content: flex-start;
    587   align-items: center;
    588   padding-left: 12px;
    589   background: #fff;
    590   font-size: 14px;
    591   color: #111453;
    592   line-height: 35px;
    593 }
    594 .ts-dropdown-content .affilizz-inline-loader img {
    595   max-width: 20px;
    596 }
    597 
    598 .ts-control > .item {
    599   font-size: 1rem;
    600 }
    601 
    602 #affilizz-publication-id-wrapper .ts-control > .item {
    603   display: flex;
    604   align-items: center;
    605   gap: 8px;
    606   max-width: calc(100% - 34px);
    607 }
    608 #affilizz-publication-id-wrapper .ts-control > .item > .label {
    609   white-space: nowrap;
    610   overflow: hidden;
    611   text-overflow: ellipsis;
    612 }
    613 
    614 .ts-dropdown {
    615   margin: 0px !important;
    616   width: 100% !important;
    617   border-radius: 4px !important;
    618   box-shadow: 0px 4px 4px rgba(17, 20, 83, 0.4);
    619 }
    620 .ts-dropdown .recent {
    621   background: #a9b1c8;
    622   border-radius: 4px;
    623   color: #fff;
    624   padding: 2px 4px;
    625   font-size: 13px;
    626   margin-left: auto;
    627 }
    628 .ts-dropdown [data-selectable].option {
    629   font-size: 14px !important;
    630   color: var(--blue-600) !important;
    631   display: flex;
    632   align-items: center;
    633   padding: 8px 12px !important;
    634 }
    635 .ts-dropdown [data-selectable] .highlight {
    636   background: var(--background-orange--lighter) !important;
    637   border-radius: 4px;
    638   font-size: 14px;
    639   margin-right: 4px;
    640   color: var(--blue-600);
    641   padding: 0;
    642 }
    643 .ts-dropdown .option {
    644   display: flex;
    645   align-items: center;
    646   padding: 0;
    647   padding-left: 12px;
    648   border-radius: 4px;
    649   min-height: 35px;
    650 }
    651 .ts-dropdown .affilizz-select-option {
    652   border-radius: 4px;
    653   padding: 4px 8px;
    654   display: inline-flex;
    655   align-items: center;
    656   gap: 4px;
    657 }
    658 .ts-dropdown .affilizz-select-option img {
    659   width: 12px !important;
    660   height: 12px !important;
    661   padding: 0 !important;
    662 }
    663 
    664 #affilizz-publication-content-id-wrapper .ts-dropdown .option {
    665   gap: 8px;
    666 }
    667 
    668 #affilizz-publication-id-wrapper .ts-control::before {
    669   content: " ";
    670   background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2912_15560)'%3E%3Cg clip-path='url(%23clip1_2912_15560)'%3E%3Cpath d='M15.85 15.62L12.02 11.76C13.0689 10.5226 13.6432 8.95221 13.64 7.33002C13.6426 5.51674 12.9262 3.77634 11.6478 2.49042C10.3693 1.20449 8.63328 0.47791 6.82001 0.469971C5.00675 0.47791 3.27056 1.20449 1.99213 2.49042C0.713705 3.77634 -0.00271814 5.51674 -5.36294e-05 7.33002C-0.00271814 9.1433 0.713705 10.8836 1.99213 12.1696C3.27056 13.4555 5.00675 14.1821 6.82001 14.19C8.47818 14.1869 10.0782 13.5788 11.32 12.48L15.14 16.33C15.1877 16.3761 15.2442 16.4121 15.306 16.4362C15.3678 16.4602 15.4337 16.4717 15.4999 16.47C15.5646 16.4709 15.629 16.459 15.689 16.435C15.7491 16.411 15.8038 16.3753 15.85 16.33C15.8969 16.2835 15.934 16.2282 15.9594 16.1673C15.9848 16.1064 15.9979 16.041 15.9979 15.975C15.9979 15.909 15.9848 15.8436 15.9594 15.7827C15.934 15.7218 15.8969 15.6665 15.85 15.62ZM0.999946 7.33002C0.99728 5.78195 1.60839 4.2959 2.69929 3.19751C3.79018 2.09912 5.27197 1.47791 6.82001 1.46997C8.36806 1.47791 9.84985 2.09912 10.9407 3.19751C12.0316 4.2959 12.6426 5.78195 12.64 7.33002C12.6426 8.87808 12.0316 10.3641 10.9407 11.4625C9.84985 12.5609 8.36806 13.1821 6.82001 13.19C5.27716 13.1821 3.79983 12.565 2.70979 11.4731C1.61975 10.3812 1.0052 8.90285 0.999946 7.35999V7.33002Z' fill='%237A7DB0' style='fill:%237A7DB0;fill:color(display-p3 0.4798 0.4913 0.6917);fill-opacity:1;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    671   margin-right: 8px;
    672   width: 16px;
    673   height: 16px;
    674   display: block;
    675 }
    676 
    677 #affilizz-publication-id-ts-control {
    678   min-width: 35% !important;
    679 }
    680 
    681 .affilizz-block {
    682   --tag--default: #7A7DB0;
    683   --tag--pink: #FEC8FF;
    684   --tag--purple: #CFB8FF;
    685   --radius--xs: 0.125rem;
    686   --radius: 0.25rem;
    687   --radius--sm: 0.375rem;
    688   --radius--md: 0.5rem;
    689   --radius--lg: 0.75rem;
    690   --white: #ffffff;
    691   --black: #000000;
    692   --blue-0: #F8F8FF;
    693   --blue-50: #E9EAFF;
    694   --blue-100: #D9DEEB;
    695   --blue-150: #CDCFFE;
    696   --blue-300: #A9B1C8;
    697   --blue-400: #7A7DB0;
    698   --blue-600: #404489;
    699   --blue-800: #111453;
    700   --grey-50: #F0F3FA;
    701   --accent-blue-300: #737AF9;
    702   --yellow-50: #FFFAF5;
    703   --orange-50: #FFF3E4;
    704   --red-50: #FFF2F6;
    705   --red-500: #E41F5A;
    706   --green-100: #C5FFEE;
    707   --green-200: #A3E8D2;
    708   --green-300: #7AF4D1;
    709   --green-500: #1DD6A1;
    710   --block-padding-inline: 2.5rem;
    711   --block-padding-block: 2rem;
    712   --title-font: Rubik, sans-serif;
    713   --text-font: Rubik, sans-serif;
    714   --text-color--invert: var(--white);
    715   --text-color: var(--blue-800);
    716   --text-color--medium: var(--blue-600);
    717   --text-color--light: var(--blue-400);
    718   --text-color--lighter: var(--blue-300);
    719   --text-color--accent: var(--green-500);
    720   --text-blue--accent: var(--accent-blue-300);
    721   --text-red--accent: var(--red-500);
    722   --title-color: var(--blue-800);
    723   --title-color--medium: var(--blue-600);
    724   --title-color--light: var(--blue-400);
    725   --title-color--accent: var(--green-500);
    726   --stroke-color--dark: var(--blue-800);
    727   --stroke-color--medium: var(--blue-600);
    728   --stroke-color: var(--blue-400);
    729   --stroke-color--shade: var(--blue-300);
    730   --stroke-color--light: var(--blue-100);
    731   --stroke-color--accent: var(--green-500);
    732   --stroke-green--light: var(--green-200);
    733   --background-color: var(--white);
    734   --background-color--shade: var(--blue-100);
    735   --background-color--light: var(--blue-150);
    736   --background-color--lighter: var(--blue-50);
    737   --background-color--bright: var(--blue-0);
    738   --background-color--accent: var(--green-500);
    739   --background-yellow--lighter: var(--yellow-50);
    740   --background-red--lighter: var(--red-50);
    741   --background-orange--lighter: var(--orange-50);
    742   --background-grey--lighter: var(--grey-50);
    743   --background-green--lighter: var(--green-100);
    744   --background-green--medium: var(--green-300);
    745   --drop-shadow: 0 0.25rem 0.25rem rgba(17, 20, 83, 0.2);
    746   --transition-easing: cubic-bezier(0.45, 0, 0.15, 1);
    747   --transition-easing--in-out: cubic-bezier(0.4, 0, 0.1, 1);
    748   --transition-duration: 0.32s;
    749   --transition: all 0.32s cubic-bezier(0.45, 0, 0.15, 1);
    750 }
    751 
    752 /* purgecss start ignore */
    753 /***
    754     The new CSS reset - version 1.7.3 (last updated 7.8.2022)
    755     GitHub page: https://github.com/elad2412/the-new-css-reset
    756 ***/
    757 /*
    758     Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    759     - The "symbol *" part is to solve Firefox SVG sprite bug
    760 */
    761 *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *, path, clipPath)) {
    762   all: unset;
    763   display: revert;
    764 }
    765 
    766 /* Preferred box-sizing value */
    767 *,
    768 *::before,
    769 *::after {
    770   box-sizing: border-box;
    771 }
    772 
    773 /* Reapply the pointer cursor for anchor tags */
    774 a, button {
    775   cursor: revert;
    776   -webkit-tap-highlight-color: transparent;
    777 }
    778 
    779 /* Remove list styles (bullets/numbers) */
    780 ol, ul, menu {
    781   list-style: none;
    782 }
    783 
    784 /* For images to not be able to exceed their container */
    785 img {
    786   max-width: 100%;
    787 }
    788 
    789 /* removes spacing between cells in tables */
    790 table {
    791   border-collapse: collapse;
    792 }
    793 
    794 /* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
    795 input, textarea {
    796   -webkit-user-select: auto;
    797 }
    798 
    799 /* revert the 'white-space' property for textarea elements on Safari */
    800 textarea {
    801   white-space: revert;
    802   overflow-wrap: break-word;
    803   word-wrap: break-word;
    804 }
    805 
    806 /* minimum style to allow to style meter element */
    807 meter {
    808   -webkit-appearance: revert;
    809   -moz-appearance: revert;
    810        appearance: revert;
    811 }
    812 
    813 /* reset default text opacity of input placeholder */
    814 ::-moz-placeholder {
    815   color: unset;
    816 }
    817 ::placeholder {
    818   color: unset;
    819 }
    820 
    821 /* fix the feature of 'hidden' attribute.
    822 display:revert; revert to element instead of attribute */
    823 :where([hidden]) {
    824   display: none;
    825 }
    826 
    827 /* revert for bug in Chromium browsers
    828 - fix for the content editable attribute will work properly.
    829 - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
    830 :where([contenteditable]:not([contenteditable=false])) {
    831   -moz-user-modify: read-write;
    832   -webkit-user-modify: read-write;
    833   overflow-wrap: break-word;
    834   -webkit-line-break: after-white-space;
    835   -webkit-user-select: auto;
    836 }
    837 
    838 /* apply back the draggable feature - exist only in Chromium and Safari */
    839 :where([draggable=true]) {
    840   -webkit-user-drag: element;
    841 }
    842 
    843 /* hide arrow in details on safari and ios */
    844 ::-webkit-details-marker {
    845   display: none;
    846 }
    847 
    848 /* purgecss end ignore */
    849 .affilizz-icon {
    850   display: flex;
    851   aspect-ratio: 1/1;
    852   width: 1.25rem;
    853   box-sizing: content-box;
    854   font-family: "affilizz-icons" !important;
    855   speak: never;
    856   font-style: normal;
    857   font-weight: normal;
    858   font-variant: normal;
    859   text-transform: none;
    860   line-height: 1;
    861   pointer-events: none;
    862   -webkit-font-smoothing: antialiased;
    863   -moz-osx-font-smoothing: grayscale;
    864   transition: var(--transition);
    865 }
    866 .affilizz-icon:before {
    867   align-self: center;
    868   margin: 0 auto;
    869 }
    870 
    871 .affilizz-icon--add:before {
    872   content: "\e908";
    873 }
    874 
    875 .affilizz-icon--remove:before {
    876   content: "\e909";
    877 }
    878 
    879 .affilizz-icon--pros:before {
    880   content: "\e906";
    881 }
    882 
    883 .affilizz-icon--cons:before {
    884   content: "\e907";
    885 }
    886 
    887 .affilizz-icon--table:before {
    888   content: "\e900";
    889 }
    890 
    891 .affilizz-icon--button:before {
    892   content: "\e901";
    893 }
    894 
    895 .affilizz-icon--card:before {
    896   content: "\e902";
    897 }
    898 
    899 .affilizz-icon--link:before {
    900   content: "\e903";
    901 }
    902 
    903 .affilizz-icon--search:before {
    904   content: "\e904";
    905 }
    906 
    907 .affilizz-icon--arrow-left:before {
    908   content: "\e905";
    909 }
    910 
    911 .affilizz-title, .affilizz-block__choice strong, .affilizz-block__product__informations, .affilizz-block__label {
    912   margin: 0;
    913   font-family: var(--title-font);
    914   font-weight: 500;
    915   line-height: 1.25em;
    916   color: var(--title-color);
    917 }
    918 .affilizz-title mark, .affilizz-block__choice strong mark, .affilizz-block__product__informations mark, .affilizz-block__label mark {
    919   font-weight: 500;
    920   color: var(--title-color--accent);
    921 }
    922 
    923 .affilizz-title--md {
    924   font-size: 1.5rem !important;
    925 }
    926 .affilizz-title--sm, .affilizz-block__choice strong {
    927   font-size: 1rem !important;
    928 }
    929 .affilizz-title--xs {
    930   font-size: 0.875rem !important;
    931 }
    932 .affilizz-title--xxs, .affilizz-block__product__informations {
    933   font-size: 0.75rem !important;
    934 }
    935 .affilizz-title--thin, .affilizz-block__product__informations, .affilizz-block__label {
    936   font-weight: 400 !important;
    937 }
    938 .affilizz-title--light {
    939   color: var(--title-color--light) !important;
    940 }
    941 .affilizz-title--centered {
    942   text-align: center !important;
    943 }
    944 
    945 .affilizz-block__button, .affilizz-block__accordion__button, .affilizz-block__accordion__create {
    946   --button-height: 2.75rem;
    947   --button-background: var(--blue-800);
    948   --button-color: var(--text-color--invert);
    949   --button-stroke: var(--stroke-color--dark);
    950   display: inline-grid;
    951   grid-template-columns: 1fr;
    952   grid-template-rows: 1fr;
    953   grid-template-areas: "text";
    954   gap: 0.5rem;
    955   min-height: var(--button-height);
    956   align-items: center;
    957   padding: 0 1.5rem;
    958   cursor: pointer !important;
    959   border-radius: var(--radius);
    960   -webkit-user-select: none;
    961      -moz-user-select: none;
    962           user-select: none;
    963   font-size: 0.875rem;
    964   font-weight: 500;
    965   line-height: var(--button-height);
    966   color: var(--button-color);
    967   text-align: center;
    968   background: var(--button-background);
    969   transition: var(--transition);
    970 }
    971 .affilizz-block__button:hover:not(.affilizz-block__button--inline, .affilizz-block__accordion__button, .affilizz-block__button--outline, .affilizz-block__accordion__create, .affilizz-block__button--disable), .affilizz-block__accordion__button:hover:not(.affilizz-block__button--inline, .affilizz-block__accordion__button, .affilizz-block__button--outline, .affilizz-block__accordion__create, .affilizz-block__button--disable), .affilizz-block__accordion__create:hover:not(.affilizz-block__button--inline, .affilizz-block__accordion__button, .affilizz-block__button--outline, .affilizz-block__accordion__create, .affilizz-block__button--disable) {
    972   --button-background: var(--background-color--accent);
    973 }
    974 .affilizz-block__button .affilizz-icon, .affilizz-block__accordion__button .affilizz-icon, .affilizz-block__accordion__create .affilizz-icon, .affilizz-block__button::after, .affilizz-block__accordion__button::after, .affilizz-block__accordion__create::after {
    975   grid-area: icon;
    976   font-size: 1.25rem;
    977   color: var(--button-color);
    978 }
    979 .affilizz-block__button--sm, .affilizz-block__accordion__create {
    980   font-size: 0.8125rem;
    981 }
    982 .affilizz-block__button--outline, .affilizz-block__accordion__create {
    983   --button-height: 1.5rem;
    984   --button-background: var(--background-color);
    985   --button-color: var(--text-color);
    986   padding: 0 0.5rem;
    987   border: 0.125rem solid var(--button-stroke);
    988 }
    989 .affilizz-block__button--outline:hover, .affilizz-block__accordion__create:hover {
    990   --button-color: var(--text-color--accent);
    991   --button-stroke: var(--stroke-color--accent);
    992 }
    993 .affilizz-block__button--disable {
    994   --button-background: var(--background-grey--lighter);
    995   --button-color: var(--text-color--lighter);
    996   cursor: auto !important;
    997 }
    998 .affilizz-block__button--icon, .affilizz-block__accordion__button {
    999   grid-template-columns: auto 1fr;
    1000   grid-template-rows: 1fr;
    1001   grid-template-areas: "text icon";
    1002 }
    1003 .affilizz-block__button--invert {
    1004   grid-template-areas: "icon text";
    1005 }
    1006 .affilizz-block__button--inline, .affilizz-block__accordion__button {
    1007   --button-color: var(--text-color);
    1008   padding: 0;
    1009   font-size: 0.75rem;
    1010   background: transparent;
    1011 }
    1012 .affilizz-block__button--inline:hover, .affilizz-block__accordion__button:hover {
    1013   --button-color: var(--text-color--accent);
    1014 }
    1015 .affilizz-block__button--offset {
    1016   margin-top: -0.75rem;
    1017 }
    1018 .affilizz-block__button--auto {
    1019   width: 100%;
    1020 }
    1021 
    1022 .affilizz-block__tag {
    1023   padding: 0.125rem 0.25rem;
    1024   margin: 0;
    1025   font-size: 0.6875rem;
    1026   line-height: 1em;
    1027   font-weight: 500;
    1028   background: var(--tag--default);
    1029   border-radius: var(--radius--xs);
    1030   color: var(--text-color--invert);
    1031 }
    1032 .affilizz-block__tag--default {
    1033   background: var(--tag--default);
    1034   color: var(--text-color);
    1035 }
    1036 .affilizz-block__tag--pink {
    1037   background: var(--tag--pink);
    1038   color: var(--text-color);
    1039 }
    1040 .affilizz-block__tag--purple {
    1041   background: var(--tag--purple);
    1042   color: var(--text-color);
    1043 }
    1044 .affilizz-block__tag__list {
    1045   display: flex;
    1046   gap: 0.25rem;
    1047   align-self: center;
    1048 }
    1049 
    1050 .affilizz-block input {
    1051   outline: 0 !important;
    1052   background: none;
    1053 }
    1054 .affilizz-block textarea {
    1055   resize: none !important;
    1056 }
    1057 .affilizz-block__field {
    1058   --field-stroke-color: var(--stroke-color--shade);
    1059   display: grid;
    1060   grid-template-columns: 1fr;
    1061   grid-template-rows: 1fr auto;
    1062   grid-template-areas: "label" "input";
    1063 }
    1064 .affilizz-block__field + * {
    1065   margin-top: 0.5rem;
    1066 }
    1067 .affilizz-block__field:hover .affilizz-block__input:not(.affilizz-block__input--quality) {
    1068   box-shadow: 0 0 0 0.1875rem var(--stroke-green--light) !important;
    1069 }
    1070 .affilizz-block__field--search {
    1071   --field-stroke-color: var(--stroke-color--medium);
    1072   align-items: center;
    1073 }
    1074 .affilizz-block__field--search .affilizz-icon {
    1075   grid-area: input;
    1076   padding-inline: 0.625rem;
    1077   font-size: 1.25rem;
    1078   color: var(--text-color--medium);
    1079 }
    1080 .affilizz-block__field--search + * {
    1081   margin-top: 1rem;
    1082 }
    1083 .affilizz-block__field--quality {
    1084   grid-template-columns: auto 1fr auto auto;
    1085   grid-template-rows: 1fr;
    1086   grid-template-areas: "icon input clone remove";
    1087 }
    1088 .affilizz-block__field--quality input.affilizz-block__input {
    1089   grid-column: icon/input;
    1090   height: 2rem;
    1091   padding: 0 0.75rem 0 2.75rem !important;
    1092   position: relative;
    1093   z-index: 2;
    1094 }
    1095 .affilizz-block__field--quality input.affilizz-block__input, .affilizz-block__field--quality input.affilizz-block__input:focus, .affilizz-block__field--quality input.affilizz-block__input:hover {
    1096   box-shadow: 0 0 0 0 transparent !important;
    1097 }
    1098 .affilizz-block__field--quality .affilizz-icon--pros,
    1099 .affilizz-block__field--quality .affilizz-icon--cons {
    1100   grid-area: icon;
    1101   width: 2rem;
    1102   height: calc(2rem - 2px);
    1103   border: 0.0625rem solid var(--field-stroke-color);
    1104   background: var(--background-grey--lighter);
    1105   position: relative;
    1106   z-index: 3;
    1107 }
    1108 .affilizz-block__field--quality .affilizz-icon {
    1109   font-size: 1.125rem;
    1110   border-top-left-radius: var(--radius);
    1111   border-bottom-left-radius: var(--radius);
    1112 }
    1113 .affilizz-block__field--quality .affilizz-icon--pros {
    1114   color: var(--text-color--accent) !important;
    1115 }
    1116 .affilizz-block__field--quality .affilizz-icon--cons {
    1117   color: var(--text-red--accent) !important;
    1118 }
    1119 .affilizz-block__field--quality .affilizz-block__add {
    1120   margin-left: 0.5rem;
    1121 }
    1122 .affilizz-block__field--quality .affilizz-block__add,
    1123 .affilizz-block__field--quality .affilizz-block__remove {
    1124   display: flex;
    1125   width: 2rem;
    1126   justify-content: center;
    1127   cursor: pointer !important;
    1128 }
    1129 .affilizz-block__field--quality .affilizz-block__add i,
    1130 .affilizz-block__field--quality .affilizz-block__remove i {
    1131   color: var(--text-color--light);
    1132 }
    1133 .affilizz-block__field--quality .affilizz-block__add:hover i,
    1134 .affilizz-block__field--quality .affilizz-block__remove:hover i {
    1135   color: var(--text-color);
    1136   transform: scale(1.1);
    1137 }
    1138 .affilizz-block__field--quality + * {
    1139   margin-top: 0.25rem;
    1140 }
    1141 .affilizz-block__field__list + * {
    1142   margin-top: 0.5rem;
    1143 }
    1144 .affilizz-block__field.has-error .help {
    1145   color: #e41f5a;
    1146   margin-top: 0.125rem;
    1147 }
    1148 .affilizz-block__field.has-error .affilizz-block__label {
    1149   color: #e41f5a !important;
    1150 }
    1151 .affilizz-block__field.has-error .affilizz-block__input {
    1152   border-color: #e41f5a !important;
    1153 }
    1154 .affilizz-block__input {
    1155   grid-area: input;
    1156   padding: 0.625rem 0.75rem !important;
    1157   min-height: auto !important;
    1158   border: 0.0625rem solid var(--field-stroke-color) !important;
    1159   border-radius: var(--radius) !important;
    1160   font-size: 1rem !important;
    1161   line-height: 1.5rem !important;
    1162   color: var(--text-color--medium) !important;
    1163   transition: var(--transition) !important;
    1164 }
    1165 .affilizz-block__input::-moz-placeholder {
    1166   color: var(--text-color--lighter) !important;
    1167 }
    1168 .affilizz-block__input::placeholder {
    1169   color: var(--text-color--lighter) !important;
    1170 }
    1171 .affilizz-block__input:focus {
    1172   box-shadow: 0 0 0 0.1875rem var(--stroke-green--light) !important;
    1173 }
    1174 .affilizz-block__input:focus + :not(i) {
    1175   color: var(--text-color) !important;
    1176 }
    1177 .affilizz-block__input:hover, .affilizz-block__input:focus {
    1178   --field-stroke-color: var(--stroke-color);
    1179 }
    1180 .affilizz-block__input--search {
    1181   padding: 0.75rem 0.875rem 0.75rem 2.5rem !important;
    1182 }
    1183 .affilizz-block__label {
    1184   display: flex;
    1185   justify-content: space-between;
    1186   grid-area: label;
    1187   margin-block-end: 0.125rem;
    1188   font-size: 0.8125rem;
    1189   color: var(--text-color--medium);
    1190 }
    1191 .affilizz-block__label small {
    1192   color: #7a7db0;
    1193   font-size: 0.75rem;
    1194   font-style: italic;
    1195 }
    1196 
    1197 @keyframes slide {
    1198   0% {
    1199     tranform: translate(0, 0);
    1200   }
    1201   100% {
    1202     transform: translate(-66.6666666667%, 0);
    1203   }
    1204 }
    1205 .affilizz-block__product {
    1206   display: grid;
    1207   grid-template-columns: auto 1fr;
    1208   grid-template-rows: auto 1fr;
    1209   grid-template-areas: "image title" "image informations";
    1210   align-items: center;
    1211   gap: 0.25rem 0.5rem;
    1212   width: 100%;
    1213   padding: 0.5rem;
    1214   border: 0.0625rem solid var(--stroke-color--shade);
    1215   border-radius: var(--radius);
    1216   cursor: pointer !important;
    1217   position: relative;
    1218   z-index: 2;
    1219   transition: var(--transition);
    1220 }
    1221 .affilizz-block__product--selected {
    1222   border-color: #1dd6a1;
    1223   background: linear-gradient(to top, #eaf4ff 0%, white 100%);
    1224 }
    1225 .affilizz-block__product--brand, .affilizz-block__product--loading {
    1226   grid-template-columns: auto auto 1fr;
    1227   grid-template-areas: "image title title" "image brand price";
    1228 }
    1229 .affilizz-block__product--brand .accent-color {
    1230   font-size: 0.875rem;
    1231   font-weight: 500;
    1232   color: var(--text-color--accent);
    1233 }
    1234 .affilizz-block__product--loading {
    1235   grid-template-columns: auto auto 0.0625rem auto 1fr;
    1236   grid-template-rows: auto auto auto;
    1237   grid-template-areas: "square line1 line1 line1 line1" "square line2 line2 line2 line2" "square line3 pipe line4 space";
    1238   border-color: var(--stroke-color--light) !important;
    1239   transform: none !important;
    1240 }
    1241 .affilizz-block__product--loading::before {
    1242   display: none !important;
    1243 }
    1244 .affilizz-block__product--loading::after {
    1245   content: "";
    1246   grid-area: pipe;
    1247   width: 0.0625rem;
    1248   height: 100%;
    1249   background: var(--background-grey--lighter);
    1250 }
    1251 .affilizz-block__product--loading .affilizz-block__square {
    1252   grid-area: square;
    1253   aspect-ratio: 1/1;
    1254   width: 3.5rem;
    1255   margin-right: 0.5rem;
    1256   border-radius: var(--radius);
    1257 }
    1258 .affilizz-block__product--loading > * {
    1259   min-height: 0.75rem;
    1260   border-radius: 6.25rem;
    1261   position: relative;
    1262   overflow: hidden;
    1263 }
    1264 .affilizz-block__product--loading > *::before {
    1265   content: "";
    1266   display: block;
    1267   width: 300%;
    1268   height: 100%;
    1269   background: linear-gradient(to right, var(--background-grey--lighter) 0%, var(--background-color) 33.33%, var(--background-grey--lighter) 66.66%, var(--background-color));
    1270   position: absolute;
    1271   top: 0;
    1272   left: 0;
    1273   z-index: -1;
    1274   animation: slide 1.5s linear infinite;
    1275 }
    1276 .affilizz-block__product--loading .affilizz-block__line {
    1277   min-width: 3rem;
    1278 }
    1279 .affilizz-block__product--loading .affilizz-block__line--1 {
    1280   grid-area: line1;
    1281 }
    1282 .affilizz-block__product--loading .affilizz-block__line--1::before {
    1283   animation-delay: 0.25s;
    1284 }
    1285 .affilizz-block__product--loading .affilizz-block__line--2 {
    1286   grid-area: line2;
    1287 }
    1288 .affilizz-block__product--loading .affilizz-block__line--2::before {
    1289   animation-delay: 0.5s;
    1290 }
    1291 .affilizz-block__product--loading .affilizz-block__line--3 {
    1292   grid-area: line3;
    1293 }
    1294 .affilizz-block__product--loading .affilizz-block__line--3::before {
    1295   animation-delay: 0.75s;
    1296 }
    1297 .affilizz-block__product--loading .affilizz-block__line--4 {
    1298   grid-area: line4;
    1299 }
    1300 .affilizz-block__product--loading .affilizz-block__line--4::before {
    1301   animation-delay: 1s;
    1302 }
    1303 .affilizz-block__product::before {
    1304   content: "";
    1305   display: block;
    1306   width: 100%;
    1307   height: 100%;
    1308   border-radius: inherit;
    1309   box-shadow: 0 2px 1px rgba(17, 20, 83, 0.1);
    1310   pointer-events: none;
    1311   opacity: 0;
    1312   position: absolute;
    1313   top: 0;
    1314   left: 0;
    1315   z-index: -1;
    1316   transition: var(--transition);
    1317 }
    1318 .affilizz-block__product:not(.affilizz-block__product--selected):hover {
    1319   border-color: var(--stroke-color);
    1320   z-index: 3;
    1321   transform: translate(0, -0.0625rem);
    1322 }
    1323 .affilizz-block__product:not(.affilizz-block__product--selected):hover::before {
    1324   opacity: 1;
    1325 }
    1326 .affilizz-block__product__list {
    1327   display: flex;
    1328   flex-wrap: wrap;
    1329   gap: 0.25rem;
    1330   margin-inline: 0;
    1331 }
    1332 .affilizz-block__product__item {
    1333   flex: 0 0 100%;
    1334 }
    1335 .affilizz-block__product__title {
    1336   grid-area: title;
    1337   align-self: end;
    1338   margin: 0;
    1339 }
    1340 .affilizz-block__product__brand {
    1341   grid-area: brand;
    1342   display: flex;
    1343   font-size: 0.75rem;
    1344   align-items: center;
    1345   gap: 0.25rem;
    1346   margin: 0;
    1347 }
    1348 .affilizz-block__product__brand img {
    1349   flex: 0 0 1.25rem;
    1350   max-width: 1.25rem;
    1351 }
    1352 .affilizz-block__product__price {
    1353   grid-area: price;
    1354   padding-left: 0.5rem;
    1355   margin: 0;
    1356   font-size: 0.875rem;
    1357   font-weight: 500;
    1358   color: var(--text-color--accent);
    1359   border-left: 0.0625rem solid var(--stroke-color);
    1360 }
    1361 .affilizz-block__product__informations {
    1362   grid-area: informations;
    1363   align-self: start;
    1364   margin: 0;
    1365 }
    1366 .affilizz-block__product__image {
    1367   grid-area: image;
    1368   aspect-ratio: 1/1;
    1369   width: 4rem;
    1370   height: 4rem;
    1371   -o-object-fit: contain;
    1372      object-fit: contain;
    1373 }
    1374 .affilizz-block__product--not-affiliated {
    1375   border: 0;
    1376   padding: 1rem 1.5rem;
    1377   border-radius: var(--radius--lg);
    1378   background: var(--background-red--lighter) !important;
    1379 }
    1380 .affilizz-block__product--not-affiliated .pretitle {
    1381   color: #b91b4a;
    1382   margin-bottom: 0.3125rem;
    1383 }
    1384 .affilizz-block__product--not-affiliated .pretitle img {
    1385   width: 16px !important;
    1386   height: 16px !important;
    1387   background-color: transparent !important;
    1388   padding: 0 !important;
    1389 }
    1390 .affilizz-block__product--not-affiliated .pretitle span {
    1391   vertical-align: middle;
    1392 }
    1393 * + .affilizz-block__product {
    1394   margin-top: 0.375rem;
    1395 }
    1396 * + .affilizz-block__product--loading {
    1397   margin-top: 1rem;
    1398 }
    1399 
    1400 .affilizz-block__accordion {
    1401   display: grid;
    1402   grid-template-columns: 1fr;
    1403   grid-template-rows: auto auto;
    1404   grid-template-areas: "content" "button";
    1405   position: relative;
    1406 }
    1407 .affilizz-block__accordion__content {
    1408   display: flex;
    1409   flex-wrap: wrap;
    1410 }
    1411 .affilizz-block__accordion__content > * {
    1412   flex: 0 0 100%;
    1413 }
    1414 .affilizz-block__accordion__list {
    1415   display: flex;
    1416   flex-wrap: wrap;
    1417   gap: 0.4rem;
    1418 }
    1419 .affilizz-block__accordion__item {
    1420   margin: 0;
    1421   flex: 0 0 100%;
    1422   display: grid;
    1423   grid-template-columns: 1fr auto;
    1424   grid-template-rows: auto auto;
    1425   grid-template-areas: "brand price" "link button";
    1426   gap: 0.4rem 1.6rem;
    1427   padding: 0.8rem;
    1428   padding-block-end: 0.4rem;
    1429   border-radius: var(--radius);
    1430   background: var(--background-color--bright);
    1431 }
    1432 .affilizz-block__accordion__brand {
    1433   grid-area: brand;
    1434   display: flex;
    1435 }
    1436 .affilizz-block__accordion__brand p {
    1437   display: flex;
    1438   align-items: center;
    1439   gap: 0.4rem;
    1440   font-size: 1.3rem;
    1441   margin: 0;
    1442 }
    1443 .affilizz-block__accordion__brand img {
    1444   width: 2rem;
    1445 }
    1446 .affilizz-block__accordion__brand .affilizz-block__tag__list {
    1447   padding-inline-start: 0.8rem;
    1448   border-left: 0.1rem solid var(--stroke-color);
    1449   margin-inline-start: 0.8rem;
    1450 }
    1451 .affilizz-block__accordion__price {
    1452   grid-area: price;
    1453   display: flex;
    1454   align-items: center;
    1455   gap: 0.4rem;
    1456   font-size: 1.3rem;
    1457   font-weight: 500;
    1458 }
    1459 .affilizz-block__accordion__price p {
    1460   margin: 0;
    1461 }
    1462 .affilizz-block__accordion__price .affilizz-block__tag__list {
    1463   order: -1;
    1464 }
    1465 .affilizz-block__accordion__link {
    1466   grid-area: link;
    1467   padding-block: 0.4rem;
    1468   margin: 0;
    1469   outline: 0 !important;
    1470   font-size: 1.1rem;
    1471   line-height: 1.6rem;
    1472 }
    1473 .affilizz-block__accordion__link:hover {
    1474   text-decoration: underline;
    1475 }
    1476 .affilizz-block__accordion__create {
    1477   grid-area: button;
    1478   align-self: center;
    1479   margin-inline-start: auto;
    1480   margin-block-start: 0 !important;
    1481   margin-block-end: 0.4rem !important;
    1482 }
    1483 .affilizz-block__accordion__button {
    1484   grid-area: button;
    1485   justify-self: center !important;
    1486   font-weight: 400;
    1487 }
    1488 .affilizz-block__accordion__button::before {
    1489   content: attr(data-collapse);
    1490 }
    1491 .affilizz-block__accordion__button::after {
    1492   grid-area: icon;
    1493   content: "";
    1494   width: 0.8rem;
    1495   height: 0.8rem;
    1496   border: 0.2rem solid currentColor;
    1497   border-bottom: 0;
    1498   border-left: 0;
    1499   transform: translate(0, 25%) rotate(-45deg);
    1500   transition: var(--transition);
    1501 }
    1502 
    1503 .js-accordion .affilizz-block__accordion__content {
    1504   overflow: hidden;
    1505   opacity: 0;
    1506   transition: var(--transition);
    1507 }
    1508 .js-accordion.expand .affilizz-block__accordion__content {
    1509   height: var(--accordion-height-open);
    1510   opacity: 1;
    1511 }
    1512 .js-accordion.expand .affilizz-block__accordion__button::after {
    1513   transform: translate(0, 25%) rotate(-45deg);
    1514 }
    1515 .js-accordion.expand .affilizz-block__accordion__button::before {
    1516   content: attr(data-open);
    1517 }
    1518 .js-accordion:not(.expand) .affilizz-block__accordion__button::after {
    1519   transform: translate(0, -25%) rotate(-45deg) scale(-1, -1);
    1520 }
    1521 .js-accordion:not(.expand) .affilizz-block__accordion__content {
    1522   height: var(--accordion-height-close, auto);
    1523 }
    1524 
    1525 .affilizz-block {
    1526   padding: var(--block-padding-block) var(--block-padding-inline);
    1527   background: var(--background-color);
    1528   color: var(--text-color);
    1529   max-height: 80vh;
    1530   overflow: visible;
    1531 }
    1532 .affilizz-block ::-moz-selection {
    1533   background: var(--green-100);
    1534 }
    1535 .affilizz-block ::selection {
    1536   background: var(--green-100);
    1537 }
    1538 .affilizz-block a {
    1539   outline: 0 !important;
    1540   color: currentColor;
    1541 }
    1542 .affilizz-block + .affilizz-block {
    1543   padding-block-start: 0;
    1544 }
    1545 .affilizz-block--border {
    1546   padding-block-end: 1rem;
    1547 }
    1548 .affilizz-block--reduce .affilizz-block__section--border {
    1549   padding-block-end: 1rem;
    1550 }
    1551 .affilizz-block__section + *:not(.affilizz-block__section), .affilizz-block__alert + *:not(.affilizz-block__section) {
    1552   margin-top: 1rem;
    1553 }
    1554 .affilizz-block__section {
    1555   padding: 1rem 0 0;
    1556 }
    1557 .affilizz-block__section .affilizz-block__title {
    1558   margin-top: 1rem;
    1559 }
    1560 .affilizz-block__section--select {
    1561   padding-block-end: 1.25rem;
    1562   padding: 0 !important;
    1563   border-radius: var(--radius--lg);
    1564   outline: 0.0625rem solid var(--background-color--light);
    1565   outline-offset: -0.0625rem;
    1566   position: relative;
    1567   z-index: 10;
    1568 }
    1569 .affilizz-block__section--select + .affilizz-block__section--border {
    1570   margin-top: 1.25rem;
    1571 }
    1572 .affilizz-block__section--select::before {
    1573   content: "";
    1574   display: block;
    1575   width: 0.75rem;
    1576   height: 0.75rem;
    1577   border: 0.75rem solid transparent;
    1578   border-top-color: var(--background-color--light);
    1579   position: absolute;
    1580   bottom: 0;
    1581   left: 50%;
    1582   z-index: -1;
    1583   transform-origin: center top;
    1584   transform: translate(-50%, 100%);
    1585 }
    1586 .affilizz-block__section--select .affilizz-block__type__list {
    1587   margin-top: 1.25rem;
    1588   padding-bottom: 1rem;
    1589 }
    1590 .affilizz-block__section--select .affilizz-block__product {
    1591   border: none;
    1592   padding: 1rem 1.5rem;
    1593   gap: 0.75rem;
    1594   border-radius: 0;
    1595   border-top-left-radius: inherit;
    1596   border-top-right-radius: inherit;
    1597   background: var(--background-color--light);
    1598   cursor: auto !important;
    1599   transform: none !important;
    1600 }
    1601 .affilizz-block__section--select .affilizz-block__product::before {
    1602   display: none;
    1603 }
    1604 .affilizz-block__section--select .affilizz-block__product + * {
    1605   margin-top: 1.25rem;
    1606 }
    1607 .affilizz-block__section--select .affilizz-block__product__title {
    1608   grid-row: 1/-1;
    1609   align-self: center;
    1610 }
    1611 .affilizz-block__section--select .affilizz-block__product img {
    1612   width: 4.5rem;
    1613   height: 4.5rem;
    1614   padding: 0.25rem;
    1615   border-radius: 0.125rem;
    1616   background-color: var(--background-color);
    1617 }
    1618 .affilizz-block__section--border {
    1619   padding: 1.75rem;
    1620   background: var(--background-color--light);
    1621   border-radius: var(--radius--lg);
    1622   position: relative;
    1623   z-index: 2;
    1624 }
    1625 .affilizz-block__section--border + .affilizz-block__section--border {
    1626   margin-top: 1.25rem;
    1627 }
    1628 .affilizz-block__section--border::before {
    1629   content: "";
    1630   display: block;
    1631   width: calc(100% - 1rem * 2);
    1632   height: calc(100% - 1rem * 2);
    1633   background: var(--background-color);
    1634   border-radius: var(--radius--sm);
    1635   position: absolute;
    1636   top: 50%;
    1637   left: 50%;
    1638   z-index: -1;
    1639   transform: translate(-50%, -50%);
    1640 }
    1641 .affilizz-block__section .brand-and-price {
    1642   display: flex;
    1643   align-items: center;
    1644   justify-content: center;
    1645   gap: 0.5rem;
    1646   margin-top: 0.5rem;
    1647 }
    1648 .affilizz-block__section .brand-and-price > * {
    1649   flex: 1;
    1650 }
    1651 .affilizz-block__section .brand-and-price > *:first-child {
    1652   justify-content: end;
    1653 }
    1654 .affilizz-block__title {
    1655   padding: 0 !important;
    1656 }
    1657 .affilizz-block__title.affilizz-title--thin + *, .affilizz-block__title.affilizz-block__label + *, .affilizz-block__title.affilizz-block__product__informations + * {
    1658   margin-top: 0.25rem;
    1659 }
    1660 .affilizz-block .affilizz-title + .affilizz-title, .affilizz-block .affilizz-block__choice strong + .affilizz-title, .affilizz-block__choice .affilizz-block strong + .affilizz-title, .affilizz-block .affilizz-block__choice .affilizz-title + strong, .affilizz-block__choice .affilizz-block .affilizz-title + strong, .affilizz-block .affilizz-block__choice strong + strong, .affilizz-block__choice .affilizz-block strong + strong, .affilizz-block .affilizz-block__label + .affilizz-title, .affilizz-block .affilizz-block__choice .affilizz-block__label + strong, .affilizz-block__choice .affilizz-block .affilizz-block__label + strong, .affilizz-block .affilizz-block__product__informations + .affilizz-title, .affilizz-block .affilizz-block__choice .affilizz-block__product__informations + strong, .affilizz-block__choice .affilizz-block .affilizz-block__product__informations + strong, .affilizz-block .affilizz-title + .affilizz-block__label, .affilizz-block .affilizz-block__choice strong + .affilizz-block__label, .affilizz-block__choice .affilizz-block strong + .affilizz-block__label, .affilizz-block .affilizz-block__label + .affilizz-block__label, .affilizz-block .affilizz-block__product__informations + .affilizz-block__label, .affilizz-block .affilizz-title + .affilizz-block__product__informations, .affilizz-block .affilizz-block__choice strong + .affilizz-block__product__informations, .affilizz-block__choice .affilizz-block strong + .affilizz-block__product__informations, .affilizz-block .affilizz-block__label + .affilizz-block__product__informations, .affilizz-block .affilizz-block__product__informations + .affilizz-block__product__informations {
    1661   margin-top: 0.625rem;
    1662 }
    1663 .affilizz-block__section-title {
    1664   color: #404489 !important;
    1665   font-size: 1rem !important;
    1666   padding: 0 !important;
    1667 }
    1668 .affilizz-block__choice {
    1669   display: flex;
    1670   flex-wrap: wrap;
    1671   justify-items: center;
    1672   border-radius: var(--radius);
    1673   border: 0.0625rem solid var(--stroke-color--light);
    1674   background: var(--background-color);
    1675   cursor: pointer !important;
    1676   text-align: center;
    1677   position: relative;
    1678   z-index: 2;
    1679   transition: var(--transition);
    1680 }
    1681 .affilizz-block__choice::before {
    1682   content: "";
    1683   display: block;
    1684   width: 100%;
    1685   height: 100%;
    1686   border-radius: inherit;
    1687   box-shadow: var(--drop-shadow);
    1688   pointer-events: none;
    1689   opacity: 0;
    1690   position: absolute;
    1691   top: 0;
    1692   left: 0;
    1693   z-index: -1;
    1694   transition: var(--transition);
    1695 }
    1696 .affilizz-block__choice:hover {
    1697   border-color: var(--stroke-color);
    1698   transform: translate(0, -0.0625rem);
    1699 }
    1700 .affilizz-block__choice:hover::before {
    1701   opacity: 1;
    1702 }
    1703 .affilizz-block__choice > * {
    1704   flex: 0 0 100%;
    1705 }
    1706 .affilizz-block__choice span {
    1707   padding: 0.75rem 1.5rem;
    1708   font-size: 1rem;
    1709   line-height: 1.25rem;
    1710 }
    1711 .affilizz-block__choice strong {
    1712   display: block;
    1713   font-weight: 600;
    1714 }
    1715 .affilizz-block__choice img {
    1716   order: -1;
    1717   display: block;
    1718   padding: 0.75rem 0;
    1719   pointer-events: none;
    1720   border-radius: var(--radius);
    1721   border-bottom-left-radius: 0;
    1722   border-bottom-right-radius: 0;
    1723   aspect-ratio: 16/9;
    1724   -o-object-fit: contain;
    1725      object-fit: contain;
    1726 }
    1727 .affilizz-block__choice--blue img {
    1728   background-color: var(--background-color--lighter);
    1729 }
    1730 .affilizz-block__choice--yellow img {
    1731   background-color: var(--background-yellow--lighter);
    1732 }
    1733 .affilizz-block__choice__list {
    1734   display: flex;
    1735   justify-content: center;
    1736   gap: 1rem;
    1737 }
    1738 .affilizz-block__choice__item {
    1739   flex: 1;
    1740   max-width: 13.125rem;
    1741 }
    1742 .affilizz-block__button, .affilizz-block__accordion__create, .affilizz-block__accordion__button {
    1743   justify-self: start;
    1744 }
    1745 * + .affilizz-block__button, * + .affilizz-block__accordion__create, * + .affilizz-block__accordion__button {
    1746   margin-top: 1rem;
    1747 }
    1748 .affilizz-block__checkbox:selected + label:before {
    1749   background: red !important;
    1750 }
    1751 .affilizz-block__filter__list {
    1752   display: flex;
    1753   flex-wrap: wrap;
    1754   border: 0.0625rem solid var(--stroke-color--shade);
    1755   gap: 0.0625rem;
    1756   margin-inline: 0;
    1757   background: var(--stroke-color--shade);
    1758   border-radius: var(--radius);
    1759   overflow: hidden;
    1760 }
    1761 .affilizz-block__filter__list + p {
    1762   margin-bottom: 0 !important;
    1763 }
    1764 .affilizz-block__filter__item {
    1765   display: grid;
    1766   flex: 1 1 auto;
    1767   margin: 0;
    1768   background: var(--background-color);
    1769   -webkit-user-select: none;
    1770      -moz-user-select: none;
    1771           user-select: none;
    1772   cursor: pointer;
    1773 }
    1774 .affilizz-block__filter__item > * {
    1775   grid-row: 1/-1 !important;
    1776   grid-column: 1/-1 !important;
    1777 }
    1778 .affilizz-block__filter__item.checked label {
    1779   color: var(--text-color--medium);
    1780 }
    1781 .affilizz-block__filter__item.checked label::before {
    1782   background: var(--background-green--lighter);
    1783   opacity: 1;
    1784 }
    1785 .affilizz-block__filter__item.checked.checked-first label::before, .affilizz-block__filter__item.checked.checked-last label::before {
    1786   background: var(--background-green--medium);
    1787   opacity: 1;
    1788 }
    1789 .affilizz-block__filter__item input {
    1790   width: 100% !important;
    1791   height: 100% !important;
    1792   border: none !important;
    1793   color: unset !important;
    1794   outline: none !important;
    1795   border-radius: 0 !important;
    1796   -webkit-appearance: none !important;
    1797      -moz-appearance: none !important;
    1798           appearance: none !important;
    1799   box-shadow: none !important;
    1800   margin: 0 !important;
    1801   pointer-events: none;
    1802   transition: var(--transition) !important;
    1803 }
    1804 .affilizz-block__filter__item label {
    1805   width: 100%;
    1806   padding-inline: 0.5rem;
    1807   font-size: 0.875rem;
    1808   font-weight: 500;
    1809   line-height: 1.75rem;
    1810   text-align: center;
    1811   white-space: nowrap;
    1812   color: var(--text-color--lighter);
    1813   position: relative;
    1814   z-index: 2;
    1815   transition: var(--transition);
    1816 }
    1817 .affilizz-block__filter__item label::before {
    1818   content: "";
    1819   display: block;
    1820   width: calc(100% + 0.125rem);
    1821   height: 100%;
    1822   background: var(--background-green--medium);
    1823   opacity: 0;
    1824   position: absolute;
    1825   top: 0;
    1826   left: 50%;
    1827   transform: translate(-50%, 0);
    1828   z-index: -1;
    1829   transition: var(--transition);
    1830 }
    1831 .affilizz-block__filter__item:hover label {
    1832   color: var(--text-color--medium);
    1833 }
    1834 .affilizz-block__filter__item:hover label::before {
    1835   background: var(--background-green--lighter);
    1836   opacity: 1;
    1837 }
    1838 * + .affilizz-block__filter {
    1839   margin-top: 1rem;
    1840 }
    1841 .affilizz-block__back-button {
    1842   display: flex;
    1843   align-items: center;
    1844   gap: 0.5rem;
    1845   margin-bottom: 1rem;
    1846   margin-top: -0.5rem !important;
    1847   background: var(--blue-0);
    1848   padding: 0.25rem 0.5rem;
    1849   border-radius: 5px;
    1850   border: 1px solid var(--blue-300);
    1851 }
    1852 .affilizz-block__alert {
    1853   padding: 1rem 1.5rem;
    1854   border-radius: var(--radius--lg);
    1855   background: var(--background-color--lighter);
    1856   font-size: 0.875rem;
    1857   line-height: 1.375rem;
    1858 }
    1859 .affilizz-block__alert a {
    1860   color: currentColor !important;
    1861   text-decoration: underline;
    1862 }
    1863 .affilizz-block__alert .affilizz-button--hollow {
    1864   border-color: var(--blue-800);
    1865   color: var(--blue-800);
    1866 }
    1867 .affilizz-block__alert .affilizz-button--hollow img {
    1868   padding: 0 !important;
    1869 }
    1870 .affilizz-block__alert__actions {
    1871   display: flex;
    1872   gap: 0.375rem;
    1873   margin-top: 0.375rem;
    1874 }
    1875 .affilizz-block__alert__actions a {
    1876   padding: 0 0.25rem;
    1877 }
    1878 .affilizz-block__alert--red {
    1879   background: var(--background-red--lighter);
    1880 }
    1881 .affilizz-block__alert--orange {
    1882   background: var(--background-orange--lighter);
    1883 }
    1884 .affilizz-block__type__list {
    1885   display: flex;
    1886   flex-wrap: wrap;
    1887   justify-content: center;
    1888   gap: 0.5rem;
    1889 }
    1890 .affilizz-block__type__button {
    1891   display: flex;
    1892   flex-wrap: wrap;
    1893   align-content: center;
    1894   justify-content: center;
    1895   flex: 0 0 4.5rem;
    1896   width: 4.5rem;
    1897   border: 0.0625rem solid var(--stroke-color--medium);
    1898   aspect-ratio: 1/1;
    1899   border-radius: var(--radius);
    1900   color: var(--text-color--medium);
    1901   text-align: center;
    1902   cursor: pointer !important;
    1903   transition: var(--transition);
    1904 }
    1905 .affilizz-block__type__button p {
    1906   flex: 0 0 100%;
    1907   font-size: 0.875rem;
    1908   font-weight: 600;
    1909   margin-bottom: 0;
    1910 }
    1911 .affilizz-block__type__button i {
    1912   font-size: 1.25rem;
    1913   margin-bottom: 0.2em;
    1914   order: -1;
    1915 }
    1916 .affilizz-block__type__button.active {
    1917   color: var(--text-color);
    1918   background: var(--background-green--lighter);
    1919   border-color: var(--stroke-color-dark);
    1920 }
    1921 .affilizz-block__type__button.disable {
    1922   color: var(--text-color--lighter);
    1923   border-color: var(--stroke-color--shade);
    1924   background: var(--background-grey--lighter);
    1925   cursor: default !important;
    1926 }
    1927 .affilizz-block__merchant {
    1928   display: block;
    1929   width: 100%;
    1930   font-size: 0.75rem;
    1931   line-height: 1.25rem;
    1932   text-align: center;
    1933   margin: 0;
    1934 }
    1935 .affilizz-block__merchant mark {
    1936   color: var(--text-color--accent);
    1937   font-weight: 500;
    1938   font-size: 1rem;
    1939 }
    1940 .affilizz-block__merchant span {
    1941   display: inline-flex;
    1942   align-items: baseline;
    1943   gap: 0.25rem;
    1944 }
    1945 .affilizz-block__merchant img {
    1946   align-self: center;
    1947   width: 1.25rem;
    1948   -o-object-fit: contain;
    1949      object-fit: contain;
    1950 }
    1951 .affilizz-block__merchant--single span {
    1952   padding-inline-end: 0.5rem;
    1953   border-right: 0.0625rem solid var(--stroke-color);
    1954   margin-inline-end: 0.5rem;
    1955 }
    1956 .affilizz-block__message {
    1957   padding-block: 0.25rem 0.75rem;
    1958   margin: 0;
    1959   font-style: italic;
    1960   font-size: 0.6875rem;
    1961   text-align: center;
    1962   color: var(--text-color--medium);
    1963   transform: translate(0, 0.2rem);
    1964   transition: var(--transition);
    1965 }
    1966 .affilizz-block__infos {
    1967   text-align: center;
    1968   margin: 1rem auto;
    1969   color: var(--blue-800);
    1970 }
    1971 .affilizz-block__infos__starting {
    1972   display: flex;
    1973   align-items: center;
    1974   gap: 5px;
    1975   justify-content: center;
    1976   margin-bottom: 5px;
    1977 }
    1978 .affilizz-block__infos__starting img {
    1979   max-height: 16px;
    1980 }
    1981 .affilizz-block__infos__starting + br {
    1982   display: none !important;
    1983 }
    1984 .affilizz-block__infos .price {
    1985   font-size: 0.875rem;
    1986   font-weight: 500;
    1987   color: var(--text-color--accent);
    1988 }
    1989 .affilizz-block__infos em {
    1990   font-style: italic;
    1991   font-size: 0.8125rem;
    1992   color: var(--blue-600);
    1993 }
    1994 .affilizz-block__infos img {
    1995   max-width: 1.5rem;
    1996 }
    1997 .affilizz-block__more-button {
    1998   display: flex;
    1999   align-items: center;
    2000   margin: 0 auto;
    2001   cursor: pointer;
    2002   justify-content: center;
    2003   gap: 5px;
    2004 }
    2005 .affilizz-block__more-button img {
    2006   max-width: 10px;
    2007 }
    2008 * + .affilizz-block__merchant {
    2009   margin-top: 0.5rem;
    2010 }
    2011 .affilizz-block__offers {
    2012   position: relative;
    2013 }
    2014 .affilizz-block__offers:after, .affilizz-block__offers:before {
    2015   content: "";
    2016   position: absolute;
    2017   height: 1rem;
    2018   width: 100%;
    2019   z-index: 50;
    2020 }
    2021 .affilizz-block__offers:before {
    2022   background: linear-gradient(white, transparent);
    2023   top: 0;
    2024 }
    2025 .affilizz-block__offers:after {
    2026   background: linear-gradient(transparent, white);
    2027   bottom: 0;
    2028 }
    2029 .affilizz-block__offers--scroller {
    2030   overflow-y: auto;
    2031   overflow-x: hidden;
    2032   max-height: 50vh;
    2033   padding: 1rem 0;
    2034 }
    2035 .affilizz-block__price {
    2036   font-size: 0.875rem;
    2037   font-weight: 500;
    2038   color: var(--text-color--accent);
    2039 }
    2040 .affilizz-block__shop {
    2041   display: flex;
    2042   flex-direction: column;
    2043   background: #f8f8ff;
    2044   border-radius: var(--radius);
    2045   margin-bottom: 0.25rem;
    2046   padding: 0.5rem;
    2047 }
    2048 .affilizz-block__shop-upper {
    2049   display: flex;
    2050   flex-direction: row;
    2051   justify-content: space-between;
    2052 }
    2053 .affilizz-block__shop-lower {
    2054   margin-top: 5px;
    2055   display: flex;
    2056   flex-direction: row;
    2057   justify-content: space-between;
    2058   align-items: center;
    2059   gap: 1rem;
    2060 }
    2061 .affilizz-block__shop-lower .affilizz-button {
    2062   font-size: 0.75rem;
    2063   padding: 0.125rem 0.3125rem;
    2064 }
    2065 .affilizz-block__shop-left {
    2066   display: flex;
    2067   align-items: center;
    2068   gap: 5px;
    2069 }
    2070 .affilizz-block__shop-left img {
    2071   max-width: 16px;
    2072   height: auto;
    2073 }
    2074 .affilizz-block__shop-right {
    2075   display: flex;
    2076   flex-direction: row;
    2077   align-items: center;
    2078   gap: 0.25rem;
    2079   font-weight: bold;
    2080 }
    2081 .affilizz-block__shop p {
    2082   margin: 0;
    2083   font-size: 0.75rem;
    2084 }
    2085 .affilizz-block__shop:last-child {
    2086   margin-bottom: 1rem;
    2087 }
    2088 .affilizz-block__shop__label {
    2089   border-radius: 3px;
    2090   font-weight: bold;
    2091   font-size: 0.6875rem;
    2092   padding: 0.125rem 0.1875rem;
    2093   line-height: 1;
    2094 }
    2095 .affilizz-block__shop__label--marketplace {
    2096   background: #7a7db0;
    2097   color: #fff;
    2098   margin-left: 1rem;
    2099 }
    2100 .affilizz-block__shop__label--refurbished {
    2101   background: #fec8ff;
    2102   color: var(--text-color);
    2103 }
    2104 .affilizz-block__shop__label--refurbished {
    2105   background: #fec8ff;
    2106   color: var(--text-color);
    2107 }
    2108 .affilizz-block__shop__label--used {
    2109   background: #cfb8ff;
    2110   color: var(--text-color);
    2111 }
    2112 .affilizz-block__loader {
    2113   position: absolute;
    2114   background: rgba(255, 255, 255, 0.9);
    2115   top: 0;
    2116   left: 0;
    2117   width: 100%;
    2118   height: 100%;
    2119   z-index: 100;
    2120   display: flex;
    2121   justify-content: center;
    2122   align-items: center;
    2123   opacity: 0;
    2124   transition: opacity 200ms ease-in;
    2125 }
    2126 .affilizz-block__loader > div {
    2127   text-align: center;
    2128 }
    2129 .affilizz-block__loader img {
    2130   transform: rotate(90deg);
    2131 }
    2132 .affilizz-block__loader p {
    2133   font-size: 1rem;
    2134 }
    2135 
    2136 .affilizz__notice {
    2137   --accent-color: #1dd6a1;
    2138   background: #fff;
    2139   border: none;
    2140   border-left: 2px solid var(--accent-color);
    2141   color: #111453;
    2142   font-family: "Rubik", Arial, Sans_serif;
    2143   padding: 1rem 1.5rem 1rem 4rem;
    2144   margin-left: 0;
    2145   background-repeat: no-repeat;
    2146   background-position: 20px center;
    2147   background-size: 30px;
    2148 }
    2149 .affilizz__notice strong {
    2150   color: var(--accent-color);
    2151 }
    2152 .affilizz__notice--success {
    2153   --accent-color: #1dd6a1;
    2154   background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_323_167)'%3E%3Cpath d='M23.11 11.24C22.9221 11.2367 22.739 11.1805 22.5816 11.0779C22.4242 10.9754 22.2989 10.8305 22.22 10.66C22.0967 10.4253 22.0717 10.1512 22.1505 9.89804C22.2292 9.64489 22.4053 9.43337 22.64 9.30999L26.5 7.30999C26.6165 7.24524 26.7448 7.20444 26.8773 7.18998C27.0098 7.17552 27.1439 7.1877 27.2716 7.22581C27.3993 7.26391 27.5181 7.32716 27.6211 7.41185C27.724 7.49654 27.809 7.60096 27.871 7.71895C27.933 7.83695 27.9708 7.96616 27.9821 8.09897C27.9935 8.23178 27.9781 8.36552 27.937 8.49233C27.896 8.61913 27.8299 8.73644 27.7429 8.83736C27.6558 8.93828 27.5494 9.02078 27.43 9.07999L23.57 11.08C23.4322 11.1704 23.2742 11.2254 23.11 11.24Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M19.81 7.09998C19.7106 7.11507 19.6094 7.11507 19.51 7.09998C19.2568 7.02164 19.0451 6.84597 18.9213 6.61158C18.7975 6.3772 18.7719 6.10327 18.85 5.84998L20.12 1.65998C20.2036 1.40803 20.3838 1.19958 20.621 1.08049C20.8582 0.961408 21.1331 0.941441 21.385 1.02498C21.637 1.10853 21.8454 1.28874 21.9645 1.52597C22.0836 1.7632 22.1036 2.03803 22.02 2.28998L20.76 6.39998C20.6964 6.60234 20.57 6.77922 20.3993 6.90505C20.2285 7.03088 20.0221 7.09915 19.81 7.09998Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M29.02 17.45C28.9239 17.4641 28.8262 17.4641 28.73 17.45L24.52 16.17C24.2672 16.0937 24.0549 15.9204 23.9294 15.6881C23.8039 15.4558 23.7754 15.1833 23.85 14.93C23.9243 14.6754 24.0966 14.4607 24.3292 14.3332C24.5617 14.2057 24.8354 14.1758 25.09 14.25L29.28 15.49C29.4113 15.5084 29.5377 15.5525 29.652 15.6197C29.7663 15.687 29.8663 15.7761 29.9461 15.8819C30.026 15.9878 30.0842 16.1083 30.1175 16.2367C30.1507 16.365 30.1584 16.4987 30.14 16.63C30.1216 16.7613 30.0775 16.8878 30.0103 17.002C29.9431 17.1163 29.854 17.2163 29.7481 17.2961C29.6423 17.376 29.5217 17.4342 29.3933 17.4675C29.265 17.5007 29.1313 17.5084 29 17.49L29.02 17.45Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M1.01999 21.87L0.529995 20.97C0.263693 20.4896 0.0963999 19.9606 0.038002 19.4144C-0.0203959 18.8682 0.0312864 18.3159 0.189995 17.79C0.351408 17.2539 0.618635 16.7555 0.975889 16.3244C1.33314 15.8933 1.77318 15.5382 2.26999 15.28L6.47999 13.06C9.74999 11.34 12.3 7.89 12.63 5.75C12.6981 5.32063 12.8983 4.92317 13.2029 4.61296C13.5074 4.30275 13.9012 4.09523 14.3292 4.01931C14.7573 3.94338 15.1983 4.00282 15.591 4.18936C15.9837 4.37589 16.3084 4.68023 16.52 5.06L20.18 11.75L18.43 12.75L14.76 6.02H14.61C14.2 8.69 11.4 12.71 7.40999 14.8L3.17999 17.05C2.92065 17.1853 2.69076 17.3708 2.50365 17.5957C2.31654 17.8206 2.17593 18.0804 2.08999 18.36C2.00564 18.6306 1.97721 18.9155 2.00644 19.1975C2.03566 19.4794 2.12193 19.7524 2.25999 20L2.75999 20.91L1.01999 21.87Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M5.25 24.97C4.48541 24.9717 3.73433 24.7685 3.07485 24.3816C2.41537 23.9947 1.87158 23.4382 1.5 22.77L1 21.87L2.76 20.87L3.25 21.77C3.54485 22.2891 4.02999 22.6732 4.60289 22.8412C5.17579 23.0091 5.79154 22.9477 6.32 22.67L10.55 20.45C14.55 18.36 19.48 18.28 21.97 19.45H22.11L18.43 12.74L20.18 11.74L23.85 18.43C24.0629 18.8037 24.1497 19.2361 24.0975 19.663C24.0452 20.0899 23.8568 20.4886 23.56 20.8C23.2568 21.1221 22.86 21.3408 22.4258 21.4252C21.9915 21.5095 21.5417 21.4552 21.14 21.27C19.14 20.35 14.76 20.52 11.48 22.27L7.25 24.48C6.63272 24.8025 5.94647 24.9706 5.25 24.97Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M10.76 29C10.1137 29.0012 9.47881 28.8293 8.92136 28.5022C8.36392 28.1752 7.9042 27.7048 7.58997 27.14L5.90997 24.07L7.65997 23.07L9.33997 26.14C9.55027 26.5077 9.89543 26.7791 10.3023 26.8966C10.7093 27.0142 11.146 26.9688 11.52 26.77L12.52 26.25L13.45 28.02L12.45 28.54C11.932 28.8275 11.3522 28.9853 10.76 29Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3Cpath d='M5.59161 14.6515L3.82001 15.5797L7.96415 23.4898L9.73574 22.5617L5.59161 14.6515Z' fill='%231dd6a1' style='fill:%231dd6a1;fill-opacity:1;'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_323_167'%3E%3Crect width='30' height='28' fill='white' style='fill:white;fill:white;fill-opacity:1;' transform='translate(0 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    2155 }
    2156 .affilizz__notice--warning {
    2157   --accent-color: #dba617;
    2158   background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23path-1)'%3E%3Cg clip-path='url(%23path-2)'%3E%3Cpath d='M10 0C8.68678 0 7.38642 0.258661 6.17316 0.761208C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C2.00035 3.85752 1.26375 4.95992 0.761208 6.17317C0.258661 7.38643 0 8.68678 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34784 20 10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10C20 8.68678 19.7413 7.38643 19.2388 6.17317C18.7362 4.95992 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761208C12.6136 0.258661 11.3132 0 10 0ZM10 18C7.87827 18 5.84344 17.1572 4.34315 15.6569C2.84286 14.1566 2 12.1217 2 10C2 7.87827 2.84286 5.84344 4.34315 4.34315C5.84344 2.84286 7.87827 2 10 2C12.1217 2 14.1566 2.84286 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 12.1217 17.1571 14.1566 15.6569 15.6569C14.1566 17.1572 12.1217 18 10 18Z' fill='%23dba617' style='fill:%23dba617;fill-opacity:1;'/%3E%3Cpath d='M11 4.86H9V11.29H11V4.86Z' fill='%23dba617' style='fill:%23dba617;fill-opacity:1;'/%3E%3Cpath d='M11 12.57H9V15.14H11V12.57Z' fill='%23dba617' style='fill:%23dba617;fill-opacity:1;'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='path-1'%3E%3Crect width='20' height='20' fill='white' style='fill:white;fill:white;fill-opacity:1;'/%3E%3C/clipPath%3E%3CclipPath id='path-2'%3E%3Crect width='20' height='20' fill='white' style='fill:white;fill:white;fill-opacity:1;'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    2159 }
    2160 .affilizz__notice--error {
    2161   --accent-color: #e41f5a;
    2162   background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23path-1)'%3E%3Cpath d='M5.51997 19C4.96282 19.0016 4.41085 18.8928 3.89595 18.68C3.38104 18.4672 2.91341 18.1545 2.51997 17.76C2.06034 17.3022 1.71208 16.7449 1.50227 16.131C1.29246 15.5172 1.22663 14.8633 1.30989 14.22C1.45955 13.2436 1.9271 12.3438 2.63996 11.66L4.63996 9.65998C4.82733 9.47373 5.08073 9.36919 5.34492 9.36919C5.60911 9.36919 5.86251 9.47373 6.04988 9.65998C6.14361 9.75294 6.2181 9.86355 6.26887 9.98541C6.31964 10.1073 6.34578 10.238 6.34578 10.37C6.34578 10.502 6.31964 10.6327 6.26887 10.7546C6.2181 10.8764 6.14361 10.987 6.04988 11.08L3.91987 13.19C3.71255 13.3974 3.5484 13.6438 3.43684 13.9149C3.32527 14.1861 3.26859 14.4767 3.26997 14.77C3.27048 15.3616 3.5039 15.9293 3.91987 16.35C4.34303 16.7689 4.91451 17.0039 5.50996 17.0039C6.10541 17.0039 6.67677 16.7689 7.09993 16.35L10.0999 13.28C10.3134 13.0741 10.4829 12.8271 10.5981 12.5537C10.7133 12.2804 10.7718 11.9866 10.77 11.69C10.7697 11.3424 10.6875 10.9998 10.53 10.69C10.4284 10.5159 10.3862 10.3135 10.4096 10.1133C10.4331 9.91308 10.521 9.72592 10.66 9.57998L10.7999 9.43998C10.8984 9.34014 11.0189 9.26472 11.1518 9.21973C11.2847 9.17474 11.4262 9.16143 11.5651 9.18086C11.7041 9.20029 11.8366 9.25192 11.952 9.33164C12.0674 9.41135 12.1626 9.51694 12.2299 9.63998C12.5843 10.2687 12.7704 10.9783 12.77 11.7C12.7719 12.2581 12.6624 12.8109 12.4477 13.3261C12.233 13.8413 11.9176 14.3084 11.52 14.7L8.51997 17.76C7.72343 18.554 6.64465 18.9999 5.51997 19Z' fill='%23e41f5a' style='fill:%23e41f5a;;fill-opacity:1;'/%3E%3Cpath d='M15.4701 9.50998C15.239 9.51563 15.013 9.44099 14.8307 9.29878C14.6484 9.15656 14.5209 8.95556 14.4701 8.72998C14.4135 8.47143 14.4618 8.20099 14.6043 7.97793C14.7467 7.75487 14.9718 7.59738 15.2301 7.53998C15.5165 7.47362 15.7868 7.35105 16.0254 7.17939C16.264 7.00772 16.4662 6.79038 16.6201 6.53998C16.7773 6.2931 16.8838 6.01746 16.9336 5.72907C16.9834 5.44067 16.9755 5.14526 16.9102 4.85998C16.7811 4.27811 16.4263 3.77125 15.9239 3.45065C15.4214 3.13005 14.8122 3.02192 14.2301 3.14998L9.09011 4.27998C8.78484 4.34808 8.49721 4.47937 8.24575 4.66538C7.9943 4.85139 7.78462 5.088 7.63015 5.35998C7.5665 5.47492 7.48077 5.5762 7.37796 5.65802C7.27515 5.73984 7.15721 5.80059 7.03091 5.83681C6.90461 5.87303 6.77242 5.88401 6.64187 5.86911C6.51133 5.85421 6.38506 5.81372 6.27017 5.74998C6.03973 5.61973 5.87033 5.40344 5.7991 5.14851C5.72787 4.89358 5.76061 4.6208 5.89016 4.38998C6.17799 3.87066 6.57291 3.41844 7.04873 3.06329C7.52456 2.70815 8.07043 2.45819 8.65017 2.32998L13.8001 1.18998C14.8977 0.951192 16.0452 1.15556 16.9928 1.75861C17.9405 2.36166 18.6116 3.31457 18.8601 4.40998C18.9865 4.95308 19.0029 5.516 18.9085 6.06556C18.814 6.61513 18.6106 7.14024 18.3101 7.60998C18.0155 8.08176 17.6292 8.48953 17.174 8.80906C16.7187 9.12858 16.204 9.35334 15.6602 9.46998C15.5988 9.49117 15.5349 9.50461 15.4701 9.50998Z' fill='%23e41f5a' style='fill:%23e41f5a;;fill-opacity:1;'/%3E%3Cpath d='M2.00018 8.49002C1.74666 8.49065 1.50236 8.39495 1.31671 8.2223C1.13106 8.04964 1.01793 7.81292 1.00018 7.56002C0.990659 7.42863 1.00713 7.29666 1.04876 7.17168C1.0904 7.04669 1.15632 6.93117 1.24273 6.83174C1.32915 6.73232 1.43446 6.65095 1.55243 6.5923C1.67039 6.53366 1.79868 6.4989 1.93011 6.49002L3.4002 6.39002C3.53238 6.38053 3.6651 6.3974 3.79071 6.43966C3.91631 6.48192 4.03221 6.54872 4.13177 6.63618C4.23133 6.72364 4.31258 6.83002 4.37066 6.94914C4.42875 7.06825 4.46254 7.19772 4.47015 7.33002C4.48662 7.59373 4.39807 7.85323 4.22381 8.05185C4.04956 8.25046 3.8037 8.37204 3.5401 8.39002L2.07013 8.49002H2.00018Z' fill='%23e41f5a' style='fill:%23e41f5a;;fill-opacity:1;'/%3E%3Cpath d='M3.59998 4.44C3.45059 4.44051 3.30296 4.40754 3.16798 4.34351C3.033 4.27948 2.91407 4.18602 2.81995 4.07L1.65003 2.63C1.56697 2.52772 1.50485 2.41002 1.46741 2.28368C1.42998 2.15734 1.41795 2.02485 1.43189 1.89382C1.44583 1.76279 1.48554 1.63581 1.54871 1.52018C1.61189 1.40454 1.69721 1.30253 1.79993 1.22C1.90222 1.13694 2.01991 1.07491 2.14625 1.03748C2.27259 1.00004 2.40511 0.987949 2.53614 1.00189C2.66717 1.01583 2.79416 1.05552 2.9098 1.1187C3.02543 1.18187 3.12745 1.26728 3.20997 1.37L4.38001 2.81C4.46308 2.91229 4.52508 3.02999 4.56251 3.15633C4.59994 3.28267 4.61209 3.41516 4.59815 3.54619C4.58421 3.67722 4.5445 3.8042 4.48133 3.91983C4.41816 4.03547 4.33271 4.13748 4.22999 4.22C4.05137 4.36331 3.82898 4.44097 3.59998 4.44Z' fill='%23e41f5a' style='fill:%23e41f5a;;fill-opacity:1;'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='path-1'%3E%3Crect width='18' height='18' fill='white' style='fill:white;fill:white;fill-opacity:1;' transform='translate(1 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    2163 }
    2164 
    2165 @keyframes quarter-rotation {
    2166   0% {
    2167     transform: rotate(0deg);
    2168   }
    2169   25% {
    2170     transform: rotate(90deg);
    2171   }
    2172   50% {
    2173     transform: rotate(180deg);
    2174   }
    2175   75% {
    2176     transform: rotate(270deg);
    2177   }
    2178   100% {
    2179     transform: rotate(359deg);
    2180   }
    2181 }
    2182 .wpview.wpview-wrap[data-wpview-type=affilizz-publication] {
    2183   padding: 15px;
    2184   width: auto !important;
    2185   z-index: 100000 !important;
    2186 }
    2187 
    2188 .mce-content-body *[contentEditable=false][data-mce-selected][data-wpview-type=affilizz-publication] {
    2189   outline-color: transparent;
    2190   border: 2px solid #a9b1c8;
    2191   border-radius: 9px;
    2192   padding: 14px;
    2193 }
    2194 .mce-content-body *[contentEditable=false][data-mce-selected][data-wpview-type=affilizz-publication] .affilizz-inline__indicator {
    2195   background: #a9b1c8;
    2196   border-radius: 0 0 4px 4px;
    2197 }
    2198 
    2199 .affilizz-missing-publication {
    2200   background: #dcdcde;
    2201   padding: 20px;
    2202   text-align: center;
    2203   margin-bottom: -10px;
    2204   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    2205   font-size: 15px;
    2206   text-decoration: underline;
    2207   text-underline-offset: 5px;
    2208   text-decoration-color: #fff;
    2209 }
    2210 
    2211 .affilizz-rendered-publication {
    2212   padding: 1.5rem;
    2213   display: flex;
    2214   flex-direction: column;
    2215   align-items: center;
    2216   border: 1px dashed #7a7db0;
    2217   border-radius: 3px;
    2218 }
    2219 .affilizz-rendered-publication + .affilizz-rendered-publication {
    2220   margin-top: 15px;
    2221 }
    2222 
    2223 .affilizz-loader {
    2224   visibility: hidden;
    2225   position: absolute;
    2226   background: rgba(255, 255, 255, 0.8);
    2227   color: #111453;
    2228   width: 100%;
    2229   height: 100%;
    2230   z-index: 9999;
    2231   display: flex;
    2232   flex-direction: column;
    2233   align-items: center;
    2234   justify-content: center;
    2235   font-size: 1.25em;
    2236   border-radius: 4px;
    2237 }
    2238 .affilizz-loader img {
    2239   animation: quarter-rotation 2.5s ease infinite;
    2240 }
    2241 .affilizz-loader p {
    2242   font-size: 18px;
    2243 }
    2244 
    2245 .affilizz-inline {
    2246   position: relative;
    2247   border: 1px solid #c9c9cb;
    2248   border-radius: 4px;
    2249   padding: 15px 15px 0;
    2250   margin: 15px 0;
    2251   font-family: "Rubik", Arial, Sans_serif;
    2252   width: 100%;
    2253 }
    2254 .affilizz-inline__indicator {
    2255   display: inline-flex;
    2256   flex-direction: row;
    2257   align-items: center;
    2258   justify-content: center;
    2259   gap: 5px;
    2260   font-weight: 600;
    2261   color: #1e1e1e;
    2262   font-size: 12px;
    2263   font-weight: 300;
    2264   background: #c7c7c7;
    2265   border-radius: 2px;
    2266   padding: 3px 7px 3px;
    2267   line-height: 1;
    2268   position: absolute;
    2269   top: -10px;
    2270   z-index: 2;
    2271 }
    2272 .affilizz-inline__indicator svg, .affilizz-inline__indicator img {
    2273   filter: invert(0.75);
    2274 }
    2275 
    2276 .mce-content-body .affilizz-inline__indicator {
    2277   top: inherit;
    2278   margin-top: -30px;
    2279 }
    2280 
    2281 .media-modal {
    2282   z-index: 999999 !important;
    2283 }
    2284 
    2285 .affilizz-metabox__content {
    2286   padding: 6px 0 12px;
    2287 }
    2288 .affilizz-metabox__footer {
    2289   padding: 10px;
    2290   display: flex;
    2291   justify-content: flex-end;
    2292   border-top: 1px solid #dcdcde;
    2293   background: #f6f7f7;
    2294   margin: 0 -12px -12px;
    2295 }
    2296 .affilizz-metabox__label {
    2297   display: block;
    2298   margin-bottom: 6px;
    2299   font-weight: bold;
    2300 }
    2301 .affilizz-metabox__description {
    2302   border-radius: 4px;
    2303   border: 0.0625rem solid #eed1b4;
    2304   padding: 12px;
    2305   margin: 6px 1px 0 0 !important;
    2306   background: var(--yellow-50);
    2307   color: #a37648 !important;
    2308 }
    2309 
    2310 .wp-block-affilizz-publication {
    2311   padding-bottom: 15px;
    2312   border: 1px solid #c9c9cb;
    2313   border-radius: 4px;
    2314   padding: 5px;
    2315   margin: 30px 0;
    2316   font-family: "Rubik", Arial, Sans_serif;
    2317   top: 15px;
    2318 }
    2319 .wp-block-affilizz-publication.affilizz-align-left .components-text-control__input {
    2320   text-align: left;
    2321 }
    2322 .wp-block-affilizz-publication.affilizz-align-center .components-text-control__input {
    2323   text-align: center;
    2324 }
    2325 .wp-block-affilizz-publication.affilizz-align-right .components-text-control__input {
    2326   text-align: right;
    2327 }
    2328 
    2329 .affilizz-loading {
    2330   display: flex;
    2331   align-items: center;
    2332   justify-items: center;
    2333   padding: 2.25rem;
    2334   gap: 16px;
    2335   font-family: "Rubik", Arial, Sans_serif;
    2336   font-weight: 500;
    2337 }
    2338 .affilizz-loading svg {
    2339   height: 32px;
    2340   width: 32px;
    2341 }
    2342 .affilizz-loading p {
    2343   margin: 0 !important;
    2344 }
    2345 
    2346 .components-modal__frame.affilizz-modal__wrapper .components-modal__content {
    2347   padding: 0;
    2348   margin-top: 0;
    2349   max-width: 600px;
    2350 }
    2351 .components-modal__frame.affilizz-modal__wrapper .components-modal__content:before {
    2352   margin-bottom: 0;
    2353 }
    2354 .components-modal__frame.affilizz-modal__wrapper .components-modal__header {
    2355   display: none;
    2356 }
    2357 
    2358 .affilizz-placeholder-wrapper {
    2359   background-color: #fff;
    2360   width: calc(100% + 12px);
    2361   margin: -6px;
    2362   padding: 24px;
    2363   background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='black' stroke-width='2' stroke-dasharray='2%2c 2' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    2364   border-radius: 4px;
    2365 }
    2366 .affilizz-placeholder-wrapper .affilizz-placeholder {
    2367   box-shadow: none;
    2368   text-align: center;
    2369   color: #1e1e1e;
    2370   display: flex;
    2371   flex-direction: column;
    2372   align-items: center;
    2373   gap: 8px;
    2374 }
    2375 .affilizz-placeholder-wrapper .affilizz-placeholder h2 {
    2376   display: flex;
    2377   flex-direction: column;
    2378   gap: 8px;
    2379   align-items: center;
    2380   font-size: 18px;
    2381   margin-bottom: 0;
    2382 }
    2383 .affilizz-placeholder-wrapper .affilizz-placeholder h2 > svg {
    2384   width: 32px;
    2385   height: 32px;
    2386 }
    2387 .affilizz-placeholder-wrapper .affilizz-placeholder p {
    2388   margin: 0;
    2389   font-size: 16px;
    2390   line-height: 22px;
    2391 }
    2392 .affilizz-placeholder-wrapper .affilizz-placeholder button {
    2393   margin-top: 5px;
    2394   color: #1e1e1e;
    2395 }
    2396 .affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__label {
    2397   display: flex;
    2398   flex-direction: row;
    2399   align-items: center;
    2400   font-family: "Rubik", Arial, Sans_serif;
    2401   font-weight: 500;
    2402   gap: 16px;
    2403 }
    2404 .affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__label svg {
    2405   width: 32px;
    2406   height: 32px;
    2407   margin-right: 0;
    2408 }
    2409 .affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__instructions {
    2410   background: #f8f8ff;
    2411   color: #7a7db0;
    2412   padding: 8px 14px;
    2413   font-size: 14px;
    2414   border-radius: 4px;
    2415 }
    2416 .affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__instructions a {
    2417   color: #111453;
    2418 }
    2419 .affilizz-placeholder-wrapper .affilizz-placeholder .components-button {
    2420   width: auto !important;
    2421   background: #1dd6a1;
    2422   font-size: 14px;
    2423 }
    2424 .affilizz-placeholder-wrapper .affilizz-placeholder .components-button:hover {
    2425   color: #fff !important;
    2426 }
    2427 .affilizz-placeholder-wrapper .affilizz-placeholder .components-button:focus {
    2428   --wp-admin-border-width-focus: 1px;
    2429   --wp-components-color-accent: #000;
    2430 }
    2431 .affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__fieldset {
    2432   display: block;
    2433 }
    2434 
    2435 .affilizz_page_affilizz-wizard {
    2436   overflow: hidden;
    2437   margin-top: -32px;
    2438 }
    2439 .affilizz_page_affilizz-wizard #adminmenuback,
    2440 .affilizz_page_affilizz-wizard #adminmenuwrap,
    2441 .affilizz_page_affilizz-wizard #wpadminbar,
    2442 .affilizz_page_affilizz-wizard #wpfooter,
    2443 .affilizz_page_affilizz-wizard #wpbody-content .notice {
    2444   display: none;
    2445 }
    2446 .affilizz_page_affilizz-wizard #wpcontent {
    2447   margin: 0;
    2448   padding: 0;
    2449 }
    2450 .affilizz_page_affilizz-wizard #wpwrap {
    2451   background: #0b0d30 conic-gradient(from 189.81deg at 60% 500px, #404489 -9.27deg, #111453 24.39deg, #111453 178.12deg, #1dd6a1 283.06deg, #404489 350.73deg, #111453 384.39deg);
    2452   display: flex;
    2453   flex-direction: column;
    2454   align-items: center;
    2455   justify-content: space-evenly;
    2456   padding: 1.5rem;
    2457 }
    2458 
    2459 .affilizz-wizard-wrapper {
    2460   max-width: 640px;
    2461   margin: 0 auto;
    2462   font-size: 14px;
    2463 }
    2464 .affilizz-wizard-wrapper .header {
    2465   display: flex;
    2466   flex-direction: row;
    2467   padding: 1.5rem;
    2468   justify-content: left;
    2469   align-items: start;
    2470 }
    2471 .affilizz-wizard-wrapper .header__brand {
    2472   color: #fff;
    2473   margin: 0;
    2474   margin-left: 0.75rem;
    2475   line-height: 40px;
    2476 }
    2477 .affilizz-wizard-wrapper .affilizz-wizard {
    2478   border-radius: 4px;
    2479   overflow: hidden;
    2480 }
    2481 .affilizz-wizard-wrapper .affilizz-wizard__footer {
    2482   display: flex;
    2483   justify-content: center;
    2484   align-items: center;
    2485   padding: 30px 0;
    2486   color: #fff;
    2487   font-size: 20px;
    2488   text-transform: uppercase;
    2489   gap: 10px;
    2490   font-weight: 500;
    2491 }
    2492 .affilizz-wizard-wrapper .affilizz-wizard__skip a {
    2493   font-size: 12px;
    2494   color: #404489;
    2495 }
    2496 .affilizz-wizard-wrapper .steps {
    2497   background: #fff;
    2498 }
    2499 .affilizz-wizard-wrapper .steps ol {
    2500   margin: 0 auto;
    2501   width: 100%;
    2502   display: flex;
    2503   flex-direction: row;
    2504   justify-content: center;
    2505   list-style-type: none;
    2506 }
    2507 .affilizz-wizard-wrapper .steps ol .step {
    2508   background: #f8f8ff;
    2509   border-bottom: 2px solid #d9deeb;
    2510   font-size: 14px;
    2511   text-align: center;
    2512   margin: 0;
    2513   flex: 1 1 0px;
    2514   padding: 12px 0 8px;
    2515 }
    2516 .affilizz-wizard-wrapper .steps ol .step__number {
    2517   display: block;
    2518   font-weight: 500;
    2519 }
    2520 .affilizz-wizard-wrapper .steps ol .step a {
    2521   color: #7a7db0;
    2522   text-decoration: none;
    2523 }
    2524 .affilizz-wizard-wrapper .steps ol .step--current {
    2525   border-bottom-color: #1dd6a1;
    2526   background: #fff;
    2527   color: #111453;
    2528 }
    2529 .affilizz-wizard-wrapper .steps ol .step--current a {
    2530   color: #111453;
    2531 }
    2532 .affilizz-wizard-wrapper .steps a[disabled] {
    2533   pointer-events: none;
    2534   text-decoration: none;
    2535   color: #04b180;
    2536 }
    2537 .affilizz-wizard-wrapper .step a {
    2538   text-decoration: none;
    2539   color: #404489;
    2540 }
    2541 .affilizz-wizard-wrapper .step p {
    2542   font-size: 14px;
    2543   line-height: 1.5;
    2544 }
    2545 .affilizz-wizard-wrapper .step__content {
    2546   display: none;
    2547   background: #fff;
    2548   padding: 40px 80px;
    2549   font-family: "Rubik", Arial, Sans_serif;
    2550   border-radius: 0 0 4px 4px;
    2551 }
    2552 .affilizz-wizard-wrapper .step__content h2 {
    2553   font-size: 24px;
    2554   color: #111453;
    2555 }
    2556 .affilizz-wizard-wrapper .step__content h2:first-child {
    2557   margin-top: 0;
    2558 }
    2559 .affilizz-wizard-wrapper .step__content h3 {
    2560   color: #111453;
    2561   line-height: 24px;
    2562   font-size: 20px;
    2563 }
    2564 .affilizz-wizard-wrapper .step__content a {
    2565   font-size: 14px;
    2566   color: #404489;
    2567   display: inline-flex;
    2568   align-items: center;
    2569   gap: 4px;
    2570 }
    2571 .affilizz-wizard-wrapper .step__content a img {
    2572   margin-right: 0;
    2573 }
    2574 .affilizz-wizard-wrapper .step__content label {
    2575   font-weight: 400;
    2576   font-size: 13px;
    2577 }
    2578 .affilizz-wizard-wrapper .step__content select {
    2579   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    2580   background-size: 11px;
    2581   background-position: calc(100% - 20px) center;
    2582   background-repeat: no-repeat;
    2583 }
    2584 .affilizz-wizard-wrapper .step__content input, .affilizz-wizard-wrapper .step__content select {
    2585   box-sizing: border-box;
    2586   padding: 8px 12px;
    2587   width: 100%;
    2588   max-width: 100%;
    2589   background-color: #fff;
    2590   border: 1px solid #a9b1c8;
    2591   border-radius: 4px;
    2592   align-self: stretch;
    2593   flex-grow: 0;
    2594 }
    2595 .affilizz-wizard-wrapper .step__content input::-webkit-input-placeholder, .affilizz-wizard-wrapper .step__content select::-webkit-input-placeholder {
    2596   color: #a9b1c8;
    2597   font-size: 14px;
    2598 }
    2599 
    2600 .affilizz-wizard-wrapper .step__content input:-moz-placeholder, .affilizz-wizard-wrapper .step__content select:-moz-placeholder {
    2601   color: #a9b1c8;
    2602   font-size: 14px;
    2603 }
    2604 
    2605 .affilizz-wizard-wrapper .step__content input::-moz-placeholder, .affilizz-wizard-wrapper .step__content select::-moz-placeholder {
    2606   color: #a9b1c8;
    2607   font-size: 14px;
    2608 }
    2609 
    2610 .affilizz-wizard-wrapper .step__content input:-ms-input-placeholder, .affilizz-wizard-wrapper .step__content select:-ms-input-placeholder {
    2611   color: #a9b1c8;
    2612   font-size: 14px;
    2613 }
    2614 
    2615 .affilizz-wizard-wrapper .step__content input:disabled, .affilizz-wizard-wrapper .step__content select:disabled {
    2616   background: #f0f3fa;
    2617   color: #a9b1c8;
    2618   border: 1px solid #d9deeb;
    2619 }
    2620 .affilizz-wizard-wrapper .step__content input:focus, .affilizz-wizard-wrapper .step__content select:focus {
    2621   border: 1px solid #404489;
    2622   box-shadow: 0px 0px 0px 2px rgba(29, 214, 161, 0.5);
    2623   border-radius: 4px;
    2624 }
    2625 .affilizz-wizard-wrapper .step__content__button {
    2626   background: #111453;
    2627   border-radius: 4px;
    2628   padding: 10px 18px;
    2629   position: relative;
    2630   font-size: 14px;
    2631   float: right;
    2632   color: #fff !important;
    2633 }
    2634 .affilizz-wizard-wrapper .step__content__button:after {
    2635   background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.99999%2012C0.796413%2011.998%200.598292%2011.9339%200.432119%2011.8163C0.265946%2011.6987%200.139633%2011.5331%200.0700584%2011.3418C0.000483952%2011.1505%20-0.00903286%2010.9425%200.0427756%2010.7456C0.0945842%2010.5487%200.205239%2010.3723%200.359975%2010.24L5.43999%206.00002L0.359975%201.77002C0.248536%201.68968%200.154862%201.58723%200.0847678%201.46908C0.0146733%201.35092%20-0.0303424%201.21959%20-0.0474343%201.08327C-0.0645262%200.946958%20-0.0532897%200.808583%20-0.0145364%200.676779C0.024217%200.544976%200.0896931%200.422571%200.177846%200.3172C0.266%200.211829%200.374901%200.125753%200.497793%200.0643394C0.620685%200.00292631%200.754949%20-0.032506%200.892141%20-0.0397475C1.02933%20-0.0469889%201.16654%20-0.0258842%201.29522%200.0222504C1.42389%200.070385%201.54125%200.144517%201.64%200.240022L7.64%205.24002C7.7515%205.33389%207.84115%205.451%207.90264%205.58314C7.96413%205.71528%207.99596%205.85927%207.99596%206.00502C7.99596%206.15077%207.96413%206.29476%207.90264%206.4269C7.84115%206.55905%207.7515%206.67615%207.64%206.77002L1.64%2011.77C1.46009%2011.9191%201.23364%2012.0005%200.99999%2012Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
    2636   content: "";
    2637   display: inline-block;
    2638   width: 8px;
    2639   height: 12px;
    2640   position: relative;
    2641   margin-left: 12px;
    2642 }
    2643 .affilizz-wizard-wrapper .step__illustration {
    2644   text-align: center;
    2645 }
    2646 .affilizz-wizard-wrapper .step__illustration h2 {
    2647   margin-top: 12px;
    2648 }
    2649 .affilizz-wizard-wrapper .step--current__content {
    2650   display: block;
    2651 }
    2652 .affilizz-wizard-wrapper .step__help {
    2653   box-sizing: border-box;
    2654   background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%231DD6A1FF' stroke-width='4' stroke-dasharray='4%2c 4' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    2655   border-radius: 4px;
    2656   padding: 2.25rem;
    2657   display: flex;
    2658   flex-direction: row;
    2659   align-items: flex-start;
    2660   gap: 1.5rem;
    2661   margin-bottom: 1.5rem;
    2662 }
    2663 .affilizz-wizard-wrapper .step__help__icon {
    2664   display: flex;
    2665   align-items: center;
    2666   justify-content: center;
    2667   width: 100px;
    2668   max-width: 100px;
    2669 }
    2670 .affilizz-wizard-wrapper .step__help__content h3 {
    2671   margin-top: 0;
    2672   font-size: 16px;
    2673   line-height: 24px;
    2674   color: #111453;
    2675 }
    2676 .affilizz-wizard-wrapper .step__help__content ol {
    2677   list-style-type: none;
    2678   margin: 0;
    2679 }
    2680 .affilizz-wizard-wrapper .step__help__content ol li {
    2681   counter-increment: step-counter;
    2682   padding-left: 15px;
    2683   position: relative;
    2684   margin-bottom: 10px;
    2685 }
    2686 .affilizz-wizard-wrapper .step__help__content ol li::before {
    2687   content: counter(step-counter);
    2688   margin-right: 10px;
    2689   color: #1dd6a1;
    2690   position: absolute;
    2691   left: 0;
    2692 }
    2693 .affilizz-wizard-wrapper .step__help__content ol li::marker {
    2694   color: #1dd6a1;
    2695 }
    2696 .affilizz-wizard-wrapper .step__help__content p:last-child {
    2697   margin-bottom: 0;
    2698 }
    2699 .affilizz-wizard-wrapper .step__actions {
    2700   padding: 20px 0;
    2701   display: flex;
    2702   flex-direction: row;
    2703   justify-content: space-between;
    2704   align-items: center;
    2705 }
    2706 .affilizz-wizard-wrapper .step__actions--mono-link {
    2707   justify-content: flex-end;
    2708 }
    2709 .affilizz-wizard-wrapper .step__actions .step__button {
    2710   display: inline-flex;
    2711   align-items: center;
    2712   gap: 14px;
    2713   padding: 10px 12px;
    2714 }
    2715 .affilizz-wizard-wrapper .ajax_error {
    2716   width: 100%;
    2717   text-align: left;
    2718   margin: 10px;
    2719   color: darkred;
    2720 }
    2721 .affilizz-wizard-wrapper .skip {
    2722   text-align: center;
    2723 }
    2724 .affilizz-wizard-wrapper .skip a {
    2725   color: #404489;
    2726 }
    2727 
    2728 .affilizz-admin-page-wrap {
    2729   font-family: "Rubik", Arial, Sans_serif;
    2730   display: flex;
    2731   min-height: 60vh;
    2732   margin-top: 0;
    2733 }
    2734 
    2735 .affilizz-plugin {
    2736   font-family: "Rubik", Arial, Sans_serif;
    2737   display: flex;
    2738   flex-direction: row;
    2739   border-radius: 4px;
    2740   overflow: hidden;
    2741   width: 100%;
    2742 }
    2743 .affilizz-plugin__sidebar {
    2744   flex: 0 0 300px;
    2745 }
    2746 .affilizz-plugin__body {
    2747   background: #fff;
    2748   padding: 40px;
    2749   flex-grow: 1;
    2750 }
    2751 .affilizz-plugin__body .description {
    2752   font-size: 14px;
    2753   color: #7a7db0;
    2754 }
    2755 .affilizz-plugin__body ul.description {
    2756   margin-left: 1.5rem;
    2757 }
    2758 .affilizz-plugin__body ul.description li {
    2759   list-style-type: disc;
    2760 }
    2761 
    2762 .affilizz-plugin-menu {
    2763   font-family: "Rubik", Arial, Sans_serif;
    2764 }
    2765 .affilizz-plugin-menu__header {
    2766   display: grid;
    2767   grid-template-columns: 44px 1fr;
    2768   grid-template-rows: repeat(2, 50%);
    2769   grid-template-areas: "a b" "a c";
    2770   align-content: space-between;
    2771   justify-content: space-around;
    2772   padding: 15px 0;
    2773   margin-bottom: 1.5rem;
    2774   margin-top: 1.5rem;
    2775 }
    2776 .affilizz-plugin-menu__header__icon {
    2777   grid-area: a;
    2778   display: flex;
    2779   flex-direction: column;
    2780   justify-content: center;
    2781 }
    2782 .affilizz-plugin-menu__header__icon img {
    2783   width: 36px;
    2784 }
    2785 .affilizz-plugin-menu__header__title {
    2786   grid-area: b;
    2787   font-weight: 500;
    2788   text-transform: uppercase;
    2789   color: #7a7db0;
    2790   font-size: 13px;
    2791 }
    2792 .affilizz-plugin-menu__header__description {
    2793   grid-area: c;
    2794   color: #111453;
    2795 }
    2796 .affilizz-plugin-menu__item {
    2797   display: grid;
    2798   grid-template-columns: 1fr 24px;
    2799   grid-template-rows: repeat(2, 50%);
    2800   grid-template-areas: "b a" "c a";
    2801   align-content: space-between;
    2802   justify-content: space-around;
    2803   padding: 15px;
    2804   text-decoration: none;
    2805   color: #7a7db0;
    2806 }
    2807 .affilizz-plugin-menu__item--active {
    2808   background: #fff;
    2809   border-left: 2px solid #1dd6a1;
    2810   color: #111453;
    2811 }
    2812 .affilizz-plugin-menu__item--active__description {
    2813   color: #1dd6a1;
    2814 }
    2815 .affilizz-plugin-menu__item--active .affilizz-plugin-menu__item__icon img {
    2816   filter: invert(64%) sepia(58%) saturate(585%) hue-rotate(111deg) brightness(97%) contrast(87%);
    2817 }
    2818 .affilizz-plugin-menu__item:active, .affilizz-plugin-menu__item:hover, .affilizz-plugin-menu__item:focus {
    2819   color: #111453;
    2820   outline: none;
    2821   box-shadow: none;
    2822 }
    2823 .affilizz-plugin-menu__item__icon {
    2824   grid-area: a;
    2825   display: flex;
    2826   flex-direction: column;
    2827   justify-content: center;
    2828 }
    2829 .affilizz-plugin-menu__item__icon img {
    2830   width: 65%;
    2831 }
    2832 .affilizz-plugin-menu__item__title {
    2833   grid-area: b;
    2834   font-weight: 500;
    2835 }
    2836 .affilizz-plugin-menu__item__description {
    2837   grid-area: c;
    2838   color: #7a7db0;
    2839 }
    2840 
    2841 .affilizz-plugin__pane {
    2842   -webkit-font-smoothing: antialiased;
    2843   -moz-osx-font-smoothing: grayscale;
    2844   font-family: "Rubik", Arial, Sans_serif;
    2845   font-size: 14px;
    2846 }
    2847 .affilizz-plugin__pane .affilizz-field-wrapper--api-key {
    2848   display: flex;
    2849   flex-wrap: wrap;
    2850   align-items: flex-end;
    2851   gap: 0 20px;
    2852 }
    2853 .affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field {
    2854   flex: 0 1 40%;
    2855 }
    2856 .affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field-main {
    2857   margin-bottom: 0.25rem !important;
    2858 }
    2859 .affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field input {
    2860   max-width: 100% !important;
    2861   width: 100%;
    2862   color: #7a7db0;
    2863 }
    2864 .affilizz-plugin__pane .affilizz-field-wrapper--api-key > a {
    2865   flex: 1;
    2866   margin-bottom: 18px;
    2867   display: flex;
    2868   align-items: center;
    2869   justify-content: flex-start;
    2870   gap: 10px;
    2871   color: #404489;
    2872   text-decoration: underline;
    2873 }
    2874 .affilizz-plugin__pane .affilizz-field-wrapper--api-key .description {
    2875   flex-basis: 100%;
    2876   color: #7a7db0;
    2877   font-style: italic;
    2878   font-size: 12px;
    2879 }
    2880 .affilizz-plugin__pane--danger .affilizz-plugin__pane__inner {
    2881   background: #fff2f6;
    2882   padding: 40px;
    2883   padding: 25px;
    2884   border-radius: 5px;
    2885   margin-top: 5px;
    2886   color: #e41f5a;
    2887   display: flex;
    2888   flex-direction: column;
    2889   gap: 10px;
    2890 }
    2891 .affilizz-plugin__pane--danger .affilizz-field__label, .affilizz-plugin__pane--danger label {
    2892   color: #e41f5a !important;
    2893   line-height: 1.5;
    2894 }
    2895 .affilizz-plugin__pane--danger .affilizz-field__label strong, .affilizz-plugin__pane--danger label strong {
    2896   font-weight: 500 !important;
    2897 }
    2898 .affilizz-plugin__pane--danger hr {
    2899   border-top: 1px solid #e41f5a;
    2900   border-bottom: none;
    2901   margin: 1.5rem 0;
    2902 }
    2903 .affilizz-plugin__pane--danger input[type=checkbox]:checked {
    2904   background: #e41f5a !important;
    2905   box-shadow: 0 0 0 1px #b91b4a !important;
    2906 }
    2907 .affilizz-plugin__pane--danger select:focus, .affilizz-plugin__pane--danger input[type=text]:focus, .affilizz-plugin__pane--danger .ts-wrapper.single .ts-control:focus, .affilizz-plugin__pane--danger .ts-wrapper.multi .ts-control:focus, .affilizz-plugin__pane--danger .affilizz-faux-select:focus {
    2908   box-shadow: 0px 0px 0px 2px rgba(214, 54, 56, 0.5) !important;
    2909 }
    2910 .affilizz-plugin__pane--danger .affilizz-plugin__pane__section__title {
    2911   color: #e41f5a;
    2912 }
    2913 .affilizz-plugin__pane__button--submit {
    2914   font-size: 14px;
    2915 }
    2916 .affilizz-plugin__pane__header {
    2917   display: flex;
    2918   padding: 0 0 15px 0;
    2919   border-bottom: 1px solid gray;
    2920   margin-bottom: 15px;
    2921 }
    2922 .affilizz-plugin__pane__header__text {
    2923   display: flex;
    2924   flex-direction: column;
    2925   flex: 1;
    2926   gap: 5px;
    2927   font-weight: font_weight_light;
    2928   color: #7a7db0;
    2929 }
    2930 .affilizz-plugin__pane__header__text h3 {
    2931   font-size: 24px;
    2932   font-weight: 400;
    2933   color: #111453;
    2934 }
    2935 .affilizz-plugin__pane__header__text p {
    2936   font-size: 14px;
    2937 }
    2938 .affilizz-plugin__pane__header__text * {
    2939   margin: 0;
    2940   flex: 1;
    2941 }
    2942 .affilizz-plugin__pane__header__icon {
    2943   width: 48px;
    2944 }
    2945 .affilizz-plugin__pane__header__icon img {
    2946   filter: invert(64%) sepia(58%) saturate(585%) hue-rotate(111deg) brightness(97%) contrast(87%);
    2947   width: 26px;
    2948 }
    2949 .affilizz-plugin__pane__header p.submit {
    2950   margin: 0;
    2951   padding: 0;
    2952   display: flex;
    2953   align-items: center;
    2954 }
    2955 .affilizz-plugin__pane__section__title {
    2956   color: #111453;
    2957   font-weight: 400;
    2958   margin: 1.5rem 0;
    2959 }
    2960 .affilizz-plugin__pane__section__title span {
    2961   background: #fff;
    2962   padding: 5px 1.5rem 0 0;
    2963 }
    2964 .affilizz-plugin__pane__section__title:after {
    2965   content: " ";
    2966   background: #d9deeb;
    2967   width: 100%;
    2968   display: block;
    2969   height: 1px;
    2970   margin-top: -10px;
    2971 }
    2972 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio label, .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox label {
    2973   color: #404489;
    2974   display: flex;
    2975   align-items: center;
    2976   gap: 0.5rem;
    2977 }
    2978 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio label small, .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox label small {
    2979   display: block;
    2980   font-size: 12px;
    2981   color: #7a7db0;
    2982   font-style: italic;
    2983 }
    2984 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio] {
    2985   border: none;
    2986   -webkit-appearance: none;
    2987   -moz-appearance: none;
    2988        appearance: none;
    2989   box-shadow: 0 0 0 1px #a9b1c8;
    2990 }
    2991 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:before {
    2992   content: "";
    2993   width: 6px;
    2994   height: 6px;
    2995   border-radius: 50%;
    2996   transform: scale(0);
    2997   transition: 120ms transform ease-in-out;
    2998   box-shadow: inset 1em 1em #fff;
    2999   margin: 5px 0 0 5px;
    3000 }
    3001 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:hover {
    3002   box-shadow: 0 0 0 1px #404489;
    3003 }
    3004 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked {
    3005   box-shadow: 0 0 0 1px #1dd6a1;
    3006   background: #1dd6a1;
    3007 }
    3008 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked:hover {
    3009   box-shadow: 0 0 0 1px #1dd6a1;
    3010 }
    3011 .affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked:before {
    3012   transform: scale(1);
    3013 }
    3014 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox] {
    3015   border: none;
    3016   -webkit-appearance: none;
    3017   -moz-appearance: none;
    3018        appearance: none;
    3019   box-shadow: 0 0 0 1px #a9b1c8;
    3020 }
    3021 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:before {
    3022   content: url('data:image/svg+xml; utf8, <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.94403 7.08803L0.288025 4.88003C0.124652 4.74424 0.0219124 4.54911 0.00240865 4.33757C-0.0170951 4.12602 0.0482342 3.9154 0.184025 3.75203C0.319816 3.58865 0.514945 3.48591 0.726486 3.46641C0.938027 3.44691 1.14865 3.51224 1.31203 3.64803L2.83203 4.91203L6.63203 1.04003C6.78585 0.888323 6.99364 0.803939 7.20968 0.80544C7.42572 0.80694 7.63232 0.894201 7.78403 1.04803C7.93573 1.20185 8.02011 1.40964 8.01861 1.62568C8.01711 1.84173 7.92985 2.04832 7.77603 2.20003L2.94403 7.08803Z" fill="white"/></svg>');
    3023   width: 6px;
    3024   height: 6px;
    3025   border-radius: 50%;
    3026   transform: scale(0);
    3027   transition: 120ms transform ease-in-out;
    3028   margin: 4px 0 0 4px;
    3029 }
    3030 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:hover {
    3031   box-shadow: 0 0 0 1px #404489;
    3032 }
    3033 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked {
    3034   box-shadow: 0 0 0 1px #1dd6a1;
    3035   background: #1dd6a1;
    3036 }
    3037 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked:hover {
    3038   box-shadow: 0 0 0 1px #1dd6a1;
    3039 }
    3040 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked:before {
    3041   transform: scale(1);
    3042 }
    3043 .affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox p.description {
    3044   font-style: italic;
    3045   margin-bottom: 0.75rem;
    3046 }
    3047 .affilizz-plugin__pane .affilizz-form .affilizz-field-main {
    3048   margin-bottom: 0.75rem;
    3049 }
    3050 .affilizz-plugin__pane .affilizz-form fieldset {
    3051   background: #f8f8ff;
    3052   padding: 20px;
    3053   border: 1px solid #d9deeb;
    3054   border-radius: 4px;
    3055   margin-top: 50px;
    3056 }
    3057 .affilizz-plugin__pane .affilizz-form fieldset p {
    3058   color: #111453;
    3059   font-style: italic;
    3060   font-size: 14px;
    3061 }
    3062 .affilizz-plugin__pane .affilizz-form fieldset p a {
    3063   color: #1dd6a1;
    3064   text-decoration: underline;
    3065 }
    3066 .affilizz-plugin__pane .affilizz-form fieldset > p {
    3067   margin-bottom: 0;
    3068 }
    3069 .affilizz-plugin__pane .affilizz-form fieldset p.description {
    3070   padding: 5px 0 10px;
    3071   color: #7a7db0;
    3072   font-size: 14px;
    3073   font-style: italic;
    3074 }
    3075 .affilizz-plugin__pane .affilizz-form fieldset p.description span {
    3076   color: #7a7db0;
    3077 }
    3078 .affilizz-plugin__pane .affilizz-form legend {
    3079   position: absolute;
    3080   color: #7a7db0;
    3081   margin: -50px 0 0 -25px;
    3082   padding-left: 3px;
    3083 }
    3084 .affilizz-plugin__pane .affilizz-form label {
    3085   margin-bottom: 5px;
    3086   color: #7a7db0;
    3087   display: block;
    3088 }
    3089 .affilizz-plugin__pane .affilizz-form input[type=text] {
    3090   max-width: 50%;
    3091   border-color: #d9deeb;
    3092   display: block;
    3093 }
    3094 
    3095 .affilizz-analytics {
    3096   display: none;
    3097   color: #7a7db0;
    3098   transition: all 0.5s ease-out;
    3099 }
    3100 .affilizz-analytics--open {
    3101   display: block;
    3102 }
    3103 .affilizz-analytics__toggle {
    3104   color: #7a7db0;
    3105   display: flex;
    3106   align-items: center;
    3107   gap: 7px;
    3108 }
    3109 .affilizz-analytics__toggle:focus, .affilizz-analytics__toggle:active {
    3110   outline: none;
    3111   box-shadow: none;
    3112   color: #404489;
    3113 }
    3114 .affilizz-analytics__toggle:hover {
    3115   color: #404489;
    3116 }
    3117 .affilizz-analytics__toggle svg {
    3118   width: 12px;
    3119   height: 12px;
    3120   margin-top: -1px;
    3121   margin-right: 0;
    3122 }
    3123 .affilizz-analytics__list {
    3124   margin-top: 15px;
    3125 }
    3126 .affilizz-analytics__wrapper {
    3127   background: #f8f8ff;
    3128   padding: 10px;
    3129   border: 1px solid #d9deeb;
    3130   border-radius: 4px;
    3131 }
    3132 .affilizz-analytics__item {
    3133   display: flex;
    3134   flex-wrap: wrap;
    3135   border-bottom: 1px solid #d9deeb;
    3136 }
    3137 .affilizz-analytics__item:last-child {
    3138   border-bottom: 0;
    3139 }
    3140 .affilizz-analytics__item__key, .affilizz-analytics__item__value {
    3141   padding: 8px 5px;
    3142 }
    3143 .affilizz-analytics__item__key {
    3144   flex: 1 1 20%;
    3145   color: #7a7db0;
    3146   font-weight: 500;
    3147   text-align: right;
    3148 }
    3149 .affilizz-analytics__item__key small {
    3150   display: block;
    3151   font-style: italic;
    3152   font-size: 10px;
    3153   font-weight: normal;
    3154 }
    3155 .affilizz-analytics__item__value {
    3156   flex: 1 1 80%;
    3157   color: #333333;
    3158 }
     2@font-face{font-display:block;font-family:affilizz-icons;font-style:normal;font-weight:400;src:url(../fonts/affilizz-icons/affilizz-icons.ttf?b2n8aj) format("truetype"),url(../fonts/affilizz-icons/affilizz-icons.woff?b2n8aj) format("woff"),url(../fonts/affilizz-icons/affilizz-icons.svg?b2n8aj) format("svg")}.affilizz-button{cursor:pointer;text-decoration:none}.affilizz-button--inline *{display:inline-block}.affilizz-button--inline svg{margin-left:5px}.affilizz-button--inline>svg{max-height:16px;max-width:16px}.affilizz-button-icons{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-right:5px}.affilizz-button-icons .dashicons,.affilizz-button-icons .dashicons-before{align-items:center;display:flex;justify-content:center;line-height:1}.affilizz-button-icons .dashicons-before:before,.affilizz-button-icons .dashicons:before{font-size:16px;opacity:.7;position:relative;top:2px}.affilizz-button--primary{background:#111453;border:none;border-radius:4px;color:#fff;font-size:16px;font-weight:400;padding:10px 12px}.affilizz-button--primary:active,.affilizz-button--primary:hover{background-color:#7af4d1;color:#fff;color:#111453;cursor:pointer}.affilizz-button--primary:disabled{background:#d9deeb;color:#fff}.affilizz-button[disabled]{opacity:.25;pointer-events:none}.affilizz-button--secondary{background:#fff;border:none;border-radius:4px;box-shadow:inset 0 0 0 1px #111453;color:#111453;font-size:16px;font-weight:400;padding:10px 20px}.affilizz-button--secondary:active,.affilizz-button--secondary:hover{background-color:#111453;color:#fff;cursor:pointer}.affilizz-button--secondary:active img,.affilizz-button--secondary:hover img{filter:brightness(0) invert(1)}.affilizz-button--primary-hover:active,.affilizz-button--primary-hover:hover{background-color:#7af4d1;box-shadow:none;color:#fff;color:#111453;cursor:pointer}.affilizz-button--create{background:#ff5722;border-radius:4px;display:inline-flex;margin-bottom:4px;margin-right:5px}.affilizz-button--create a{color:#fff;font-size:13px}.affilizz-button--create a.alt{color:#fff;font-size:13px;padding:0 5px}.affilizz-button--call{background:#1dd6a1;border-radius:4px;display:inline-block;margin-bottom:4px}.affilizz-button--call a{color:#fff;font-size:13px}.affilizz-button--hollow{align-items:center;border:1px solid #fff;border-radius:4px;color:#fff;display:flex;flex-direction:row;gap:5px;justify-content:center;padding:3px 5px}.affilizz-button--hollow:active,.affilizz-button--hollow:focus,.affilizz-button--hollow:hover{color:#fff}#create-affilizz-publication,#insert-affilizz-publication,.create-affilizz-publication,.insert-affilizz-publication{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:13px;font-weight:600;justify-content:center;padding:5px 7px 6px}#create-affilizz-publication *,#insert-affilizz-publication *,.create-affilizz-publication *,.insert-affilizz-publication *{pointer-events:none}#affilizz-floating-button{background:#1dd6a1;border-radius:4px;height:40px;opacity:0;padding:0 5px 4px;position:absolute;text-decoration:none;top:0;width:25px;z-index:6000}#affilizz-floating-button:after{background:#1dd6a1;content:"";height:8px;opacity:1;position:absolute;right:-4px;top:16px;transform:rotate(45deg);width:8px}#affilizz-floating-button:active,#affilizz-floating-button:focus{box-shadow:none;outline:none}#affilizz-floating-button img{margin-top:4px}#affilizz-floating-button *{pointer-events:none}#step-success-button{color:#fff}.wp-media-buttons{display:flex}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.affilizz-modal{align-items:center;background:rgba(17,20,83,.8);border-radius:4px;display:flex;font-family:Rubik,Arial,Sans_serif;font-size:14px;height:100vh;justify-content:space-around;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:-9999em;visibility:hidden;width:100vw;z-index:100102}.affilizz-modal__wrapper{background-color:#fff;border-radius:4px;box-shadow:0 0 1.5em rgba(0,0,0,.35);min-width:500px;z-index:100101}.affilizz-modal__header{align-items:center;background:#111453;border-radius:3px 3px 0 0;display:flex;flex-direction:row;justify-content:left;padding:20px 40px;position:relative}.affilizz-modal.has-error .affilizz-modal__actions{justify-content:center}.affilizz-modal.has-error.message-error .affilizz-modal__overtitle{color:#e41f5a}.affilizz-modal.has-error.message-error .affilizz-modal__logo{filter:brightness(0) saturate(100%) invert(17%) sepia(58%) saturate(6412%) hue-rotate(334deg) brightness(96%) contrast(85%)}.affilizz-modal__overtitle{color:#c5ffee;display:block;font-size:12px;font-weight:500;margin:0}.affilizz-modal__heading{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;flex-grow:1;font-weight:400;margin:0 0 0 1.5rem}.affilizz-modal__logo{margin-top:2px}.affilizz-modal__header__actions{padding:0 .75rem}.affilizz-modal__header__actions a{font-size:14px}.affilizz-modal__close{background:none;border:0;color:#e9eaff!important;cursor:pointer;font-size:20px!important;position:absolute;right:16px;text-decoration:none;top:16px;z-index:999}.affilizz-modal__close:hover{color:#e9eaff}.affilizz-modal__body{border-radius:0 0 4px 4px;color:#111453;min-width:640px;overflow-x:hidden;overflow-y:auto}.affilizz-modal__body :first-child{margin-top:0}.affilizz-modal__body :last-child{margin-bottom:0}.affilizz-modal__content{max-width:600px;min-width:640px}.affilizz-creation-modal .affilizz-modal__content{padding:0}.affilizz-modal__actions{align-items:center;border-top:1px solid #d9deeb;display:flex;flex-direction:row;gap:.5rem;justify-content:right;padding:20px 40px}.affilizz-modal__hint{background:#f8f8ff;border-radius:4px;color:#7a7db0;font-size:14px;padding:8px 14px}.affilizz-modal__hint a{color:#111453}.affilizz-modal .hidden,.affilizz-modal.hidden{opacity:0;visibility:hidden}.affilizz-modal .visible,.affilizz-modal.visible{opacity:1;pointer-events:auto;top:0;visibility:visible}.affilizz-modal__loader{border-radius:var(--border-radius)}.affilizz-modal__loader img{animation:spin 2s linear infinite;margin-right:10px;position:relative;top:1px}.affilizz-modal__title{font-size:1rem}.affilizz-modal-message{text-align:center}.affilizz-modal-message__title{font-size:1rem;font-weight:700;padding-bottom:20px}#affilizz-edit-publication-link{align-items:flex-start;align-self:flex-end;color:#111453;font-size:14px;gap:10px;padding:6px;text-decoration:underline}#affilizz-edit-publication-call,#affilizz-edit-publication-link{display:flex;justify-content:flex-end}*,:after,:before{box-sizing:border-box}.affilizz-select-option--floating{opacity:.5;z-index:9999}.affilizz-form{position:relative}.affilizz-form .ts-wrapper.single .ts-control,.affilizz-form .ts-wrapper.single .ts-control input{width:auto!important}.affilizz-form .ts-wrapper .ts-control{transition:var(--transition)!important}.affilizz-form .ts-wrapper .ts-control ::-moz-placeholder{color:var(--blue-400)!important;font-size:16px!important}.affilizz-form .ts-wrapper .ts-control ::placeholder,.affilizz-form .ts-wrapper .ts-control input{color:var(--blue-400)!important;font-size:16px!important}.affilizz-form .ts-wrapper:not(.input-active,.disabled,.has-items) .ts-control{background:var(--blue-0)!important;color:var(--blue-400)!important}.affilizz-form .ts-wrapper.has-items ::-moz-placeholder{display:none;visibility:hidden}.affilizz-form .ts-wrapper.has-items ::placeholder{display:none;visibility:hidden}.affilizz-form .ts-wrapper.input-active .ts-control{background:var(--white);box-shadow:0 0 0 .1875rem var(--stroke-green--light)!important;color:var(--blue-800)}.affilizz-form .ts-wrapper.loading .ts-control{border-radius:4px!important}.affilizz-form .ts-wrapper.loading .ts-dropdown{display:none!important}.affilizz-form__label{align-items:center;color:#404489;display:flex;flex-direction:row;font-size:12px;font-weight:400;justify-content:space-between;padding-bottom:3px}.affilizz-form__label__hint{color:#737af9;flex-shrink:1}.affilizz-form .ts-wrapper.multi .ts-control{align-items:center}.affilizz-form .ts-wrapper.multi .ts-control div{height:25px}.affilizz-form .ts-wrapper.multi .ts-control .affilizz-empty-publication-content-name{font-style:italic;font-weight:400;opacity:.5}.affilizz-form .affilizz-faux-select,.affilizz-form .ts-wrapper.multi .ts-control,.affilizz-form .ts-wrapper.single .ts-control,.affilizz-form input[type=text],.affilizz-form select{align-self:stretch;background:#fff;border:1px solid #a9b1c8;border-radius:4px;box-shadow:none;box-sizing:border-box;flex-grow:0;font-size:14px;line-height:1;max-width:100%;min-height:45px;padding:13px 8px 13px 12px;width:100%}.affilizz-form .affilizz-faux-select.dropdown-input,.affilizz-form .ts-wrapper.multi .ts-control.dropdown-input,.affilizz-form .ts-wrapper.single .ts-control.dropdown-input,.affilizz-form input[type=text].dropdown-input,.affilizz-form select.dropdown-input{border-color:#1dd6a1;margin:5px;max-width:calc(100% - 10px);min-height:30px;padding:8px 12px}.affilizz-form .affilizz-faux-select::-webkit-input-placeholder,.affilizz-form .ts-wrapper.multi .ts-control::-webkit-input-placeholder,.affilizz-form .ts-wrapper.single .ts-control::-webkit-input-placeholder,.affilizz-form input[type=text]::-webkit-input-placeholder,.affilizz-form select::-webkit-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:-moz-placeholder,.affilizz-form .affilizz-faux-select::-moz-placeholder,.affilizz-form .ts-wrapper.multi .ts-control:-moz-placeholder,.affilizz-form .ts-wrapper.multi .ts-control::-moz-placeholder,.affilizz-form .ts-wrapper.single .ts-control:-moz-placeholder,.affilizz-form .ts-wrapper.single .ts-control::-moz-placeholder,.affilizz-form input[type=text]:-moz-placeholder,.affilizz-form input[type=text]::-moz-placeholder,.affilizz-form select:-moz-placeholder,.affilizz-form select::-moz-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:-ms-input-placeholder,.affilizz-form .ts-wrapper.multi .ts-control:-ms-input-placeholder,.affilizz-form .ts-wrapper.single .ts-control:-ms-input-placeholder,.affilizz-form input[type=text]:-ms-input-placeholder,.affilizz-form select:-ms-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:focus,.affilizz-form .ts-wrapper.multi .ts-control:focus,.affilizz-form .ts-wrapper.single .ts-control:focus,.affilizz-form input[type=text]:focus,.affilizz-form select:focus{border:1px solid #404489;border-radius:4px;box-shadow:0 0 0 2px rgba(29,214,161,.5)}.affilizz-form .affilizz-faux-select:disabled,.affilizz-form .affilizz-faux-select:disabled input,.affilizz-form .ts-wrapper.multi .ts-control:disabled,.affilizz-form .ts-wrapper.multi .ts-control:disabled input,.affilizz-form .ts-wrapper.single .ts-control:disabled,.affilizz-form .ts-wrapper.single .ts-control:disabled input,.affilizz-form input[type=text]:disabled,.affilizz-form input[type=text]:disabled input,.affilizz-form select:disabled,.affilizz-form select:disabled input{background:#f0f3fa!important;border:#d9deeb!important;color:#a9b1c8!important}.affilizz-form .affilizz-faux-select .affilizz-option,.affilizz-form .ts-wrapper.multi .ts-control .affilizz-option,.affilizz-form .ts-wrapper.single .ts-control .affilizz-option,.affilizz-form input[type=text] .affilizz-option,.affilizz-form select .affilizz-option{padding-top:2px}.affilizz-form .affilizz-faux-select .recent,.affilizz-form .ts-wrapper.multi .ts-control .recent,.affilizz-form .ts-wrapper.single .ts-control .recent,.affilizz-form input[type=text] .recent,.affilizz-form select .recent{background:#a9b1c8;border-radius:4px;color:#fff;font-size:13px;margin-left:auto;padding:3px 4px}.affilizz-form .affilizz-faux-select img{margin-right:5px}.affilizz-form__field{margin:0}.affilizz-form__field .disabled .ts-control,.affilizz-form__field .disabled .ts-control input{background:#f0f3fa!important;border-color:#d9deeb!important;color:#a9b1c8!important;opacity:1!important}.affilizz-form__field .disabled .ts-control input::-moz-placeholder,.affilizz-form__field .disabled .ts-control::-moz-placeholder{color:#a9b1c8!important}.affilizz-form__field .disabled .ts-control input::placeholder,.affilizz-form__field .disabled .ts-control::placeholder{color:#a9b1c8!important}.affilizz-select-item>img{height:12px!important;padding:0!important;width:12px!important}.affilizz-select-item,.affilizz-select-option{border:none!important;box-shadow:none!important;color:#111453!important;text-shadow:none!important}.affilizz-select-item.affilizz-select-option,.affilizz-select-option.affilizz-select-option{font-weight:500}.affilizz-select-item--content-type-link,.affilizz-select-option--content-type-link{background:#ccf7fa!important}.affilizz-select-item--content-type-cta,.affilizz-select-option--content-type-cta{background:#fdf6a1!important}.affilizz-select-item--content-type-box,.affilizz-select-option--content-type-box{background:#fbdfde!important}.affilizz-select-item--content-type-card,.affilizz-select-option--content-type-card{background:#cfc7ff!important}.affilizz-select-item--content-type-carousel,.affilizz-select-option--content-type-carousel{background:#bfffbe!important}.affilizz-select-item--content-type-deal,.affilizz-select-option--content-type-deal{background:#ffa88e!important}.affilizz-select-item--text:first-letter,.affilizz-select-option--text:first-letter{text-transform:uppercase}.affilizz-select-item--content-type-deal .affilizz-select-option--subtext{color:#cb5735}.ts-dropdown-content{max-height:165px!important}.ts-dropdown-content .affilizz-select-option--subtext{color:#a9b1c8}.ts-dropdown-content{margin-bottom:0}.ts-dropdown-content .affilizz-inline-loader{align-items:center;background:#fff;color:#111453;display:flex;font-size:14px;gap:15px;justify-content:flex-start;line-height:35px;padding-left:12px}.ts-dropdown-content .affilizz-inline-loader img{max-width:20px}.ts-control>.item{font-size:1rem}#affilizz-publication-id-wrapper .ts-control>.item{align-items:center;display:flex;gap:8px;max-width:calc(100% - 34px)}#affilizz-publication-id-wrapper .ts-control>.item>.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-dropdown{border-radius:4px!important;box-shadow:0 4px 4px rgba(17,20,83,.4);margin:0!important;width:100%!important}.ts-dropdown .recent{background:#a9b1c8;border-radius:4px;color:#fff;font-size:13px;margin-left:auto;padding:2px 4px}.ts-dropdown [data-selectable].option{align-items:center;color:var(--blue-600)!important;display:flex;font-size:14px!important;padding:8px 12px!important}.ts-dropdown [data-selectable] .highlight{background:var(--background-orange--lighter)!important;border-radius:4px;color:var(--blue-600);font-size:14px;margin-right:4px;padding:0}.ts-dropdown .option{align-items:center;border-radius:4px;display:flex;min-height:35px;padding:0 0 0 12px}.ts-dropdown .affilizz-select-option{align-items:center;border-radius:4px;display:inline-flex;gap:4px;padding:4px 8px}.ts-dropdown .affilizz-select-option img{height:12px!important;padding:0!important;width:12px!important}#affilizz-publication-content-id-wrapper .ts-dropdown .option{gap:8px}#affilizz-publication-id-wrapper .ts-control:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2912_15560)'%3E%3Cg clip-path='url(%23clip1_2912_15560)'%3E%3Cpath d='m15.85 15.62-3.83-3.86a6.83 6.83 0 0 0 1.62-4.43A6.85 6.85 0 0 0 6.82.47 6.85 6.85 0 0 0 0 7.33a6.85 6.85 0 0 0 6.82 6.86 6.81 6.81 0 0 0 4.5-1.71l3.82 3.85a.5.5 0 0 0 .36.14.491.491 0 0 0 .46-.687.5.5 0 0 0-.11-.163ZM1 7.33a5.85 5.85 0 0 1 5.82-5.86 5.85 5.85 0 0 1 5.82 5.86 5.85 5.85 0 0 1-5.82 5.86A5.85 5.85 0 0 1 1 7.36v-.03Z' fill='%237A7DB0' style='fill:color(display-p3 .4798 .4913 .6917);fill-opacity:1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");content:" ";display:block;height:16px;margin-right:8px;width:16px}#affilizz-publication-id-ts-control{min-width:35%!important}.affilizz-block{--tag--default:#7a7db0;--tag--pink:#fec8ff;--tag--purple:#cfb8ff;--radius--xs:0.125rem;--radius:0.25rem;--radius--sm:0.375rem;--radius--md:0.5rem;--radius--lg:0.75rem;--white:#fff;--black:#000;--blue-0:#f8f8ff;--blue-50:#e9eaff;--blue-100:#d9deeb;--blue-150:#cdcffe;--blue-300:#a9b1c8;--blue-400:#7a7db0;--blue-600:#404489;--blue-800:#111453;--grey-50:#f0f3fa;--accent-blue-300:#737af9;--yellow-50:#fffaf5;--orange-50:#fff3e4;--red-50:#fff2f6;--red-500:#e41f5a;--green-100:#c5ffee;--green-200:#a3e8d2;--green-300:#7af4d1;--green-500:#1dd6a1;--block-padding-inline:2.5rem;--block-padding-block:2rem;--title-font:Rubik,sans-serif;--text-font:Rubik,sans-serif;--text-color--invert:var(--white);--text-color:var(--blue-800);--text-color--medium:var(--blue-600);--text-color--light:var(--blue-400);--text-color--lighter:var(--blue-300);--text-color--accent:var(--green-500);--text-blue--accent:var(--accent-blue-300);--text-red--accent:var(--red-500);--title-color:var(--blue-800);--title-color--medium:var(--blue-600);--title-color--light:var(--blue-400);--title-color--accent:var(--green-500);--stroke-color--dark:var(--blue-800);--stroke-color--medium:var(--blue-600);--stroke-color:var(--blue-400);--stroke-color--shade:var(--blue-300);--stroke-color--light:var(--blue-100);--stroke-color--accent:var(--green-500);--stroke-green--light:var(--green-200);--background-color:var(--white);--background-color--shade:var(--blue-100);--background-color--light:var(--blue-150);--background-color--lighter:var(--blue-50);--background-color--bright:var(--blue-0);--background-color--accent:var(--green-500);--background-yellow--lighter:var(--yellow-50);--background-red--lighter:var(--red-50);--background-orange--lighter:var(--orange-50);--background-grey--lighter:var(--grey-50);--background-green--lighter:var(--green-100);--background-green--medium:var(--green-300);--drop-shadow:0 0.25rem 0.25rem rgba(17,20,83,.2);--transition-easing:cubic-bezier(0.45,0,0.15,1);--transition-easing--in-out:cubic-bezier(0.4,0,0.1,1);--transition-duration:0.32s;--transition:all 0.32s cubic-bezier(0.45,0,0.15,1)}.affilizz-component-container p,.affilizz-modal p,.wpview[data-wpview-type~=affilizz] p{margin:0}.affilizz-component-container button,.affilizz-modal button,.wpview[data-wpview-type~=affilizz] button{cursor:pointer}.affilizz-component-container *,.affilizz-component-container :after,.affilizz-component-container :before,.affilizz-modal *,.affilizz-modal :after,.affilizz-modal :before,.wpview[data-wpview-type~=affilizz] *,.wpview[data-wpview-type~=affilizz] :after,.wpview[data-wpview-type~=affilizz] :before{box-sizing:border-box}.affilizz-component-container a,.affilizz-component-container button,.affilizz-modal a,.affilizz-modal button,.wpview[data-wpview-type~=affilizz] a,.wpview[data-wpview-type~=affilizz] button{-webkit-tap-highlight-color:transparent;cursor:revert}.affilizz-component-container menu,.affilizz-component-container ol,.affilizz-component-container ul,.affilizz-modal menu,.affilizz-modal ol,.affilizz-modal ul,.wpview[data-wpview-type~=affilizz] menu,.wpview[data-wpview-type~=affilizz] ol,.wpview[data-wpview-type~=affilizz] ul{list-style:none}.affilizz-component-container img,.affilizz-modal img,.wpview[data-wpview-type~=affilizz] img{max-width:100%}.affilizz-component-container table,.affilizz-modal table,.wpview[data-wpview-type~=affilizz] table{border-collapse:collapse}.affilizz-component-container input,.affilizz-component-container textarea,.affilizz-modal input,.affilizz-modal textarea,.wpview[data-wpview-type~=affilizz] input,.wpview[data-wpview-type~=affilizz] textarea{-webkit-user-select:auto}.affilizz-component-container textarea,.affilizz-modal textarea,.wpview[data-wpview-type~=affilizz] textarea{word-wrap:break-word;overflow-wrap:break-word;white-space:revert}.affilizz-component-container meter,.affilizz-modal meter,.wpview[data-wpview-type~=affilizz] meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}.affilizz-component-container ::-moz-placeholder,.affilizz-modal ::-moz-placeholder,.wpview[data-wpview-type~=affilizz] ::-moz-placeholder{color:unset}.affilizz-component-container ::placeholder,.affilizz-modal ::placeholder,.wpview[data-wpview-type~=affilizz] ::placeholder{color:unset}.affilizz-component-container :where([hidden]),.affilizz-modal :where([hidden]),.wpview[data-wpview-type~=affilizz] :where([hidden]){display:none}.affilizz-component-container :where([contenteditable]:not([contenteditable=false])),.affilizz-modal :where([contenteditable]:not([contenteditable=false])),.wpview[data-wpview-type~=affilizz] :where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;-webkit-user-select:auto}.affilizz-component-container :where([draggable=true]),.affilizz-modal :where([draggable=true]),.wpview[data-wpview-type~=affilizz] :where([draggable=true]){-webkit-user-drag:element}.affilizz-component-container ::-webkit-details-marker,.affilizz-modal ::-webkit-details-marker,.wpview[data-wpview-type~=affilizz] ::-webkit-details-marker{display:none}.affilizz-icon{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;aspect-ratio:1/1;box-sizing:content-box;display:flex;font-family:affilizz-icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;pointer-events:none;text-transform:none;transition:var(--transition);width:1.25rem}.affilizz-icon:before{align-self:center;margin:0 auto}.affilizz-icon--add:before{content:"\e908"}.affilizz-icon--remove:before{content:"\e909"}.affilizz-icon--pros:before{content:"\e906"}.affilizz-icon--cons:before{content:"\e907"}.affilizz-icon--table:before{content:"\e900"}.affilizz-icon--button:before{content:"\e901"}.affilizz-icon--card:before{content:"\e902"}.affilizz-icon--link:before{content:"\e903"}.affilizz-icon--search:before{content:"\e904"}.affilizz-icon--arrow-left:before{content:"\e905"}.affilizz-block__choice strong,.affilizz-block__label,.affilizz-block__product__informations,.affilizz-title{color:var(--title-color);font-family:var(--title-font);font-weight:500;line-height:1.25em;margin:0}.affilizz-block__choice strong mark,.affilizz-block__label mark,.affilizz-block__product__informations mark,.affilizz-title mark{color:var(--title-color--accent);font-weight:500}.affilizz-title--md{font-size:1.5rem!important}.affilizz-block__choice strong,.affilizz-title--sm{font-size:1rem!important}.affilizz-title--xs{font-size:.875rem!important}.affilizz-block__product__informations,.affilizz-title--xxs{font-size:.75rem!important}.affilizz-block__label,.affilizz-block__product__informations,.affilizz-title--thin{font-weight:400!important}.affilizz-title--light{color:var(--title-color--light)!important}.affilizz-title--centered{text-align:center!important}.affilizz-block__accordion__button,.affilizz-block__accordion__create,.affilizz-block__button{--button-height:2.75rem;--button-background:var(--blue-800);--button-color:var(--text-color--invert);--button-stroke:var(--stroke-color--dark);align-items:center;background:var(--button-background);border-radius:var(--radius);color:var(--button-color);cursor:pointer!important;display:inline-grid;font-size:.875rem;font-weight:500;gap:.5rem;grid-template-areas:"text";grid-template-columns:1fr;grid-template-rows:1fr;line-height:var(--button-height);min-height:var(--button-height);padding:0 1.5rem;text-align:center;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.affilizz-block__accordion__button:hover:not(.affilizz-block__button--inline,.affilizz-block__accordion__button,.affilizz-block__button--outline,.affilizz-block__accordion__create,.affilizz-block__button--disable),.affilizz-block__accordion__create:hover:not(.affilizz-block__button--inline,.affilizz-block__accordion__button,.affilizz-block__button--outline,.affilizz-block__accordion__create,.affilizz-block__button--disable),.affilizz-block__button:hover:not(.affilizz-block__button--inline,.affilizz-block__accordion__button,.affilizz-block__button--outline,.affilizz-block__accordion__create,.affilizz-block__button--disable){--button-background:var(--background-color--accent)}.affilizz-block__accordion__button .affilizz-icon,.affilizz-block__accordion__button:after,.affilizz-block__accordion__create .affilizz-icon,.affilizz-block__accordion__create:after,.affilizz-block__button .affilizz-icon,.affilizz-block__button:after{color:var(--button-color);font-size:1.25rem;grid-area:icon}.affilizz-block__accordion__create,.affilizz-block__button--sm{font-size:.8125rem}.affilizz-block__accordion__create,.affilizz-block__button--outline{--button-height:1.5rem;--button-background:var(--background-color);--button-color:var(--text-color);border:.125rem solid var(--button-stroke);padding:0 .5rem}.affilizz-block__accordion__create:hover,.affilizz-block__button--outline:hover{--button-color:var(--text-color--accent);--button-stroke:var(--stroke-color--accent)}.affilizz-block__button--disable{--button-background:var(--background-grey--lighter);--button-color:var(--text-color--lighter);cursor:auto!important}.affilizz-block__accordion__button,.affilizz-block__button--icon{grid-template-areas:"text icon";grid-template-columns:auto 1fr;grid-template-rows:1fr}.affilizz-block__button--invert{grid-template-areas:"icon text"}.affilizz-block__accordion__button,.affilizz-block__button--inline{--button-color:var(--text-color);background:transparent;font-size:.75rem;padding:0}.affilizz-block__accordion__button:hover,.affilizz-block__button--inline:hover{--button-color:var(--text-color--accent)}.affilizz-block__button--offset{margin-top:-.75rem}.affilizz-block__button--auto{width:100%}.affilizz-block__tag{background:var(--tag--default);border-radius:var(--radius--xs);color:var(--text-color--invert);font-size:.6875rem;font-weight:500;line-height:1em;margin:0;padding:.125rem .25rem}.affilizz-block__tag--default{background:var(--tag--default);color:var(--text-color)}.affilizz-block__tag--pink{background:var(--tag--pink);color:var(--text-color)}.affilizz-block__tag--purple{background:var(--tag--purple);color:var(--text-color)}.affilizz-block__tag__list{align-self:center;display:flex;gap:.25rem}.affilizz-block input{background:none;outline:0!important}.affilizz-block textarea{resize:none!important}.affilizz-block__field{--field-stroke-color:var(--stroke-color--shade);display:grid;grid-template-areas:"label" "input";grid-template-columns:1fr;grid-template-rows:1fr auto}.affilizz-block__field+*{margin-top:.5rem}.affilizz-block__field:hover .affilizz-block__input:not(.affilizz-block__input--quality){box-shadow:0 0 0 .1875rem var(--stroke-green--light)!important}.affilizz-block__field--search{--field-stroke-color:var(--stroke-color--medium);align-items:center}.affilizz-block__field--search .affilizz-icon{color:var(--text-color--medium);font-size:1.25rem;grid-area:input;padding-inline:.625rem}.affilizz-block__field--search+*{margin-top:1rem}.affilizz-block__field--quality{grid-template-areas:"icon input clone remove";grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr}.affilizz-block__field--quality input.affilizz-block__input{grid-column:icon/input;height:2rem;padding:0 .75rem 0 2.75rem!important;position:relative;z-index:2}.affilizz-block__field--quality input.affilizz-block__input,.affilizz-block__field--quality input.affilizz-block__input:focus,.affilizz-block__field--quality input.affilizz-block__input:hover{box-shadow:0 0 0 0 transparent!important}.affilizz-block__field--quality .affilizz-icon--cons,.affilizz-block__field--quality .affilizz-icon--pros{background:var(--background-grey--lighter);border:.0625rem solid var(--field-stroke-color);grid-area:icon;height:calc(2rem - 2px);position:relative;width:2rem;z-index:3}.affilizz-block__field--quality .affilizz-icon{border-bottom-left-radius:var(--radius);border-top-left-radius:var(--radius);font-size:1.125rem}.affilizz-block__field--quality .affilizz-icon--pros{color:var(--text-color--accent)!important}.affilizz-block__field--quality .affilizz-icon--cons{color:var(--text-red--accent)!important}.affilizz-block__field--quality .affilizz-block__add{margin-left:.5rem}.affilizz-block__field--quality .affilizz-block__add,.affilizz-block__field--quality .affilizz-block__remove{background:#fff;border:none;cursor:pointer!important;display:flex;justify-content:center;width:2rem}.affilizz-block__field--quality .affilizz-block__add i,.affilizz-block__field--quality .affilizz-block__remove i{color:var(--text-color--light)}.affilizz-block__field--quality .affilizz-block__add:hover i,.affilizz-block__field--quality .affilizz-block__remove:hover i{color:var(--text-color);transform:scale(1.1)}.affilizz-block__field--quality+*{margin-top:.25rem}.affilizz-block__field__list{margin-bottom:0}.affilizz-block__field__list+*{margin-top:.5rem}.affilizz-block__field.has-error .help{color:#e41f5a;margin-top:.125rem}.affilizz-block__field.has-error .affilizz-block__label{color:#e41f5a!important}.affilizz-block__field.has-error .affilizz-block__input{border-color:#e41f5a!important}.affilizz-block__input{border:.0625rem solid var(--field-stroke-color)!important;border-radius:var(--radius)!important;color:var(--text-color--medium)!important;font-size:1rem!important;grid-area:input;line-height:1.5rem!important;min-height:auto!important;padding:.625rem .75rem!important;transition:var(--transition)!important}.affilizz-block__input::-moz-placeholder{color:var(--text-color--lighter)!important}.affilizz-block__input::placeholder{color:var(--text-color--lighter)!important}.affilizz-block__input:focus{box-shadow:0 0 0 .1875rem var(--stroke-green--light)!important}.affilizz-block__input:focus+:not(i){color:var(--text-color)!important}.affilizz-block__input:focus,.affilizz-block__input:hover{--field-stroke-color:var(--stroke-color)}.affilizz-block__input--search{padding:.75rem .875rem .75rem 2.5rem!important}.affilizz-block__label{color:var(--text-color--medium);display:flex;font-size:.8125rem;grid-area:label;justify-content:space-between;margin-block-end:.125rem}.affilizz-block__label small{color:#7a7db0;font-size:.75rem;font-style:italic}@keyframes slide{0%{tranform:translate(0,0)}to{transform:translate(-66.6666666667%)}}.affilizz-block__product{align-items:center;background-color:#fff;border:.0625rem solid var(--stroke-color--shade);border-radius:var(--radius);cursor:pointer!important;display:grid;gap:.25rem .5rem;grid-template-areas:"image title" "image informations";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;padding:.5rem;position:relative;text-align:left;transition:var(--transition);width:100%;z-index:2}.affilizz-block__product--selected{background:linear-gradient(0deg,#eaf4ff 0,#fff);border-color:#1dd6a1}.affilizz-block__product--brand,.affilizz-block__product--loading{grid-template-areas:"image title title" "image brand price";grid-template-columns:auto auto 1fr}.affilizz-block__product--brand .accent-color{color:var(--text-color--accent);font-size:.875rem;font-weight:500}.affilizz-block__product--loading{border-color:var(--stroke-color--light)!important;grid-template-areas:"square line1 line1 line1 line1" "square line2 line2 line2 line2" "square line3 pipe line4 space";grid-template-columns:auto auto .0625rem auto 1fr;grid-template-rows:auto auto auto;transform:none!important}.affilizz-block__product--loading:before{display:none!important}.affilizz-block__product--loading:after{background:var(--background-grey--lighter);content:"";grid-area:pipe;height:100%;width:.0625rem}.affilizz-block__product--loading .affilizz-block__square{aspect-ratio:1/1;border-radius:var(--radius);grid-area:square;margin-right:.5rem;width:3.5rem}.affilizz-block__product--loading>*{border-radius:6.25rem;min-height:.75rem;overflow:hidden;position:relative}.affilizz-block__product--loading>:before{animation:slide 1.5s linear infinite;background:linear-gradient(to right,var(--background-grey--lighter) 0,var(--background-color) 33.33%,var(--background-grey--lighter) 66.66%,var(--background-color));content:"";display:block;height:100%;left:0;position:absolute;top:0;width:300%;z-index:-1}.affilizz-block__product--loading .affilizz-block__line{min-width:3rem}.affilizz-block__product--loading .affilizz-block__line--1{grid-area:line1}.affilizz-block__product--loading .affilizz-block__line--1:before{animation-delay:.25s}.affilizz-block__product--loading .affilizz-block__line--2{grid-area:line2}.affilizz-block__product--loading .affilizz-block__line--2:before{animation-delay:.5s}.affilizz-block__product--loading .affilizz-block__line--3{grid-area:line3}.affilizz-block__product--loading .affilizz-block__line--3:before{animation-delay:.75s}.affilizz-block__product--loading .affilizz-block__line--4{grid-area:line4}.affilizz-block__product--loading .affilizz-block__line--4:before{animation-delay:1s}.affilizz-block__product:before{border-radius:inherit;box-shadow:0 2px 1px rgba(17,20,83,.1);content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:var(--transition);width:100%;z-index:-1}.affilizz-block__product:not(.affilizz-block__product--selected):hover{border-color:var(--stroke-color);transform:translateY(-.0625rem);z-index:3}.affilizz-block__product:not(.affilizz-block__product--selected):hover:before{opacity:1}.affilizz-block__product__list{display:flex;flex-wrap:wrap;gap:.25rem;margin-inline:0}.affilizz-block__product__item{flex:0 0 100%}.affilizz-block__product__title{align-self:end;grid-area:title;margin:0}.affilizz-block__product__brand{align-items:center;display:flex;font-size:.75rem;gap:.25rem;grid-area:brand;margin:0}.affilizz-block__product__brand img{flex:0 0 1.25rem;max-width:1.25rem}.affilizz-block__product__price{border-left:.0625rem solid var(--stroke-color);color:var(--text-color--accent);font-size:.875rem;font-weight:500;grid-area:price;margin:0;padding-left:.5rem}.affilizz-block__product__informations{align-self:start;grid-area:informations;margin:0}.affilizz-block__product__image{aspect-ratio:1/1;grid-area:image;height:4rem;-o-object-fit:contain;object-fit:contain;width:4rem}.affilizz-block__product--not-affiliated{background:var(--background-red--lighter)!important;border:0;border-radius:var(--radius--lg);padding:1rem 1.5rem}.affilizz-block__product--not-affiliated .pretitle{color:#b91b4a;margin-bottom:.3125rem}.affilizz-block__product--not-affiliated .pretitle img{background-color:transparent!important;height:16px!important;padding:0!important;width:16px!important}.affilizz-block__product--not-affiliated .pretitle span{vertical-align:middle}*+.affilizz-block__product{margin-top:.375rem}*+.affilizz-block__product--loading{margin-top:1rem}.affilizz-block__accordion{display:grid;grid-template-areas:"content" "button";grid-template-columns:1fr;grid-template-rows:auto auto;position:relative}.affilizz-block__accordion__content{display:flex;flex-wrap:wrap}.affilizz-block__accordion__content>*{flex:0 0 100%}.affilizz-block__accordion__list{display:flex;flex-wrap:wrap;gap:.4rem}.affilizz-block__accordion__item{background:var(--background-color--bright);border-radius:var(--radius);display:grid;flex:0 0 100%;gap:.4rem 1.6rem;grid-template-areas:"brand price" "link button";grid-template-columns:1fr auto;grid-template-rows:auto auto;margin:0;padding:.8rem;padding-block-end:.4rem}.affilizz-block__accordion__brand{display:flex;grid-area:brand}.affilizz-block__accordion__brand p{align-items:center;display:flex;font-size:1.3rem;gap:.4rem;margin:0}.affilizz-block__accordion__brand img{width:2rem}.affilizz-block__accordion__brand .affilizz-block__tag__list{border-left:.1rem solid var(--stroke-color);margin-inline-start:.8rem;padding-inline-start:.8rem}.affilizz-block__accordion__price{align-items:center;display:flex;font-size:1.3rem;font-weight:500;gap:.4rem;grid-area:price}.affilizz-block__accordion__price p{margin:0}.affilizz-block__accordion__price .affilizz-block__tag__list{order:-1}.affilizz-block__accordion__link{font-size:1.1rem;grid-area:link;line-height:1.6rem;margin:0;outline:0!important;padding-block:.4rem}.affilizz-block__accordion__link:hover{text-decoration:underline}.affilizz-block__accordion__create{align-self:center;grid-area:button;margin-block-end:.4rem!important;margin-block-start:0!important;margin-inline-start:auto}.affilizz-block__accordion__button{font-weight:400;grid-area:button;justify-self:center!important}.affilizz-block__accordion__button:before{content:attr(data-collapse)}.affilizz-block__accordion__button:after{border:.2rem solid;border-bottom:0;border-left:0;content:"";grid-area:icon;height:.8rem;transform:translateY(25%) rotate(-45deg);transition:var(--transition);width:.8rem}.js-accordion .affilizz-block__accordion__content{opacity:0;overflow:hidden;transition:var(--transition)}.js-accordion.expand .affilizz-block__accordion__content{height:var(--accordion-height-open);opacity:1}.js-accordion.expand .affilizz-block__accordion__button:after{transform:translateY(25%) rotate(-45deg)}.js-accordion.expand .affilizz-block__accordion__button:before{content:attr(data-open)}.js-accordion:not(.expand) .affilizz-block__accordion__button:after{transform:translateY(-25%) rotate(-45deg) scale(-1)}.js-accordion:not(.expand) .affilizz-block__accordion__content{height:var(--accordion-height-close,auto)}.affilizz-block{background:var(--background-color);color:var(--text-color);max-height:80vh;overflow:visible;padding:var(--block-padding-block) var(--block-padding-inline)}.affilizz-block ::-moz-selection{background:var(--green-100)}.affilizz-block ::selection{background:var(--green-100)}.affilizz-block a{color:currentColor;outline:0!important}.affilizz-block+.affilizz-block{padding-block-start:0}.affilizz-block--border,.affilizz-block--reduce .affilizz-block__section--border{padding-block-end:1rem}.affilizz-block__alert+:not(.affilizz-block__section),.affilizz-block__section+:not(.affilizz-block__section){margin-top:1rem}.affilizz-block__section{padding:1rem 0 0}.affilizz-block__section .affilizz-block__title{margin-top:1rem}.affilizz-block__section--select{border-radius:var(--radius--lg);outline:.0625rem solid var(--background-color--light);outline-offset:-.0625rem;padding-block-end:1.25rem;padding:0!important;position:relative;z-index:10}.affilizz-block__section--select+.affilizz-block__section--border{margin-top:1.25rem}.affilizz-block__section--select:before{border:.75rem solid transparent;border-top:.75rem solid var(--background-color--light);bottom:0;content:"";display:block;height:.75rem;left:50%;position:absolute;transform:translate(-50%,100%);transform-origin:center top;width:.75rem;z-index:-1}.affilizz-block__section--select .affilizz-block__type__list{margin-top:1.25rem;padding-bottom:1rem}.affilizz-block__section--select .affilizz-block__product{background:var(--background-color--light);border:none;border-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit;cursor:auto!important;gap:.75rem;padding:1rem 1.5rem;transform:none!important}.affilizz-block__section--select .affilizz-block__product:before{display:none}.affilizz-block__section--select .affilizz-block__product+*{margin-top:1.25rem}.affilizz-block__section--select .affilizz-block__product__title{align-self:center;grid-row:1/-1}.affilizz-block__section--select .affilizz-block__product img{background-color:var(--background-color);border-radius:.125rem;height:4.5rem;padding:.25rem;width:4.5rem}.affilizz-block__section--border{background:var(--background-color--light);border-radius:var(--radius--lg);padding:1.75rem;position:relative;z-index:2}.affilizz-block__section--border+.affilizz-block__section--border{margin-top:1.25rem}.affilizz-block__section--border:before{background:var(--background-color);border-radius:var(--radius--sm);content:"";display:block;height:calc(100% - 2rem);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem);z-index:-1}.affilizz-block__section .brand-and-price{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.affilizz-block__section .brand-and-price>*{flex:1}.affilizz-block__section .brand-and-price>:first-child{justify-content:end}.affilizz-block__title{padding:0!important}.affilizz-block__title.affilizz-block__label+*,.affilizz-block__title.affilizz-block__product__informations+*,.affilizz-block__title.affilizz-title--thin+*{margin-top:.25rem}.affilizz-block .affilizz-block__choice .affilizz-block__label+strong,.affilizz-block .affilizz-block__choice .affilizz-block__product__informations+strong,.affilizz-block .affilizz-block__choice .affilizz-title+strong,.affilizz-block .affilizz-block__choice strong+.affilizz-block__label,.affilizz-block .affilizz-block__choice strong+.affilizz-block__product__informations,.affilizz-block .affilizz-block__choice strong+.affilizz-title,.affilizz-block .affilizz-block__choice strong+strong,.affilizz-block .affilizz-block__label+.affilizz-block__label,.affilizz-block .affilizz-block__label+.affilizz-block__product__informations,.affilizz-block .affilizz-block__label+.affilizz-title,.affilizz-block .affilizz-block__product__informations+.affilizz-block__label,.affilizz-block .affilizz-block__product__informations+.affilizz-block__product__informations,.affilizz-block .affilizz-block__product__informations+.affilizz-title,.affilizz-block .affilizz-title+.affilizz-block__label,.affilizz-block .affilizz-title+.affilizz-block__product__informations,.affilizz-block .affilizz-title+.affilizz-title,.affilizz-block__choice .affilizz-block .affilizz-block__label+strong,.affilizz-block__choice .affilizz-block .affilizz-block__product__informations+strong,.affilizz-block__choice .affilizz-block .affilizz-title+strong,.affilizz-block__choice .affilizz-block strong+.affilizz-block__label,.affilizz-block__choice .affilizz-block strong+.affilizz-block__product__informations,.affilizz-block__choice .affilizz-block strong+.affilizz-title,.affilizz-block__choice .affilizz-block strong+strong{margin-top:.625rem}.affilizz-block__section-title{color:#404489!important;font-size:1rem!important;padding:0!important}.affilizz-block__choice{background:var(--background-color);border:.0625rem solid var(--stroke-color--light);border-radius:var(--radius);cursor:pointer!important;display:flex;flex-wrap:wrap;justify-items:center;padding:0;position:relative;text-align:center;transition:var(--transition);z-index:2}.affilizz-block__choice:before{border-radius:inherit;box-shadow:var(--drop-shadow);content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:var(--transition);width:100%;z-index:-1}.affilizz-block__choice:hover{border-color:var(--stroke-color);transform:translateY(-.0625rem)}.affilizz-block__choice:hover:before{opacity:1}.affilizz-block__choice>*{flex:0 0 100%}.affilizz-block__choice span{font-size:1rem;line-height:1.25rem;padding:.75rem 1.5rem}.affilizz-block__choice strong{display:block;font-weight:600}.affilizz-block__choice img{aspect-ratio:16/9;border-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0;display:block;-o-object-fit:contain;object-fit:contain;order:-1;padding:.75rem 0;pointer-events:none}.affilizz-block__choice--blue img{background-color:var(--background-color--lighter)}.affilizz-block__choice--yellow img{background-color:var(--background-yellow--lighter)}.affilizz-block__choice__list{display:flex;gap:1rem;justify-content:center}.affilizz-block__choice__item{flex:1;max-width:13.125rem}.affilizz-block__accordion__button,.affilizz-block__accordion__create,.affilizz-block__button{border:none;justify-self:start}.affilizz-block__accordion__button:hover,.affilizz-block__accordion__create:hover,.affilizz-block__button:hover{border:none}*+.affilizz-block__accordion__button,*+.affilizz-block__accordion__create,*+.affilizz-block__button{margin-top:1rem}.affilizz-block__checkbox:selected+label:before{background:red!important}.affilizz-block__filter__list{background:var(--stroke-color--shade);border:.0625rem solid var(--stroke-color--shade);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:.0625rem;margin-inline:0;overflow:hidden}.affilizz-block__filter__list+p{margin-bottom:0!important}.affilizz-block__filter__item{background:var(--background-color);cursor:pointer;display:grid;flex:1 1 auto;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.affilizz-block__filter__item>*{grid-column:1/-1!important;grid-row:1/-1!important}.affilizz-block__filter__item.checked label{color:var(--text-color--medium)}.affilizz-block__filter__item.checked label:before{background:var(--background-green--lighter);opacity:1}.affilizz-block__filter__item.checked.checked-first label:before,.affilizz-block__filter__item.checked.checked-last label:before{background:var(--background-green--medium);opacity:1}.affilizz-block__filter__item input{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:unset!important;height:100%!important;margin:0!important;outline:none!important;pointer-events:none;transition:var(--transition)!important;width:100%!important}.affilizz-block__filter__item label{color:var(--text-color--lighter);font-size:.875rem;font-weight:500;line-height:1.75rem;padding-inline:.5rem;position:relative;text-align:center;transition:var(--transition);white-space:nowrap;width:100%;z-index:2}.affilizz-block__filter__item label:before{background:var(--background-green--medium);content:"";display:block;height:100%;left:50%;opacity:0;position:absolute;top:0;transform:translate(-50%);transition:var(--transition);width:calc(100% + .125rem);z-index:-1}.affilizz-block__filter__item:hover label{color:var(--text-color--medium)}.affilizz-block__filter__item:hover label:before{background:var(--background-green--lighter);opacity:1}*+.affilizz-block__filter{margin-top:1rem}.affilizz-block__back-button{align-items:center;background:var(--blue-0);border:1px solid var(--blue-300);border-radius:5px;display:flex;gap:.5rem;margin-bottom:1rem;margin-top:-.5rem!important;padding:.25rem .5rem}.affilizz-block__alert{background:var(--background-color--lighter);border-radius:var(--radius--lg);font-size:.875rem;line-height:1.375rem;padding:1rem 1.5rem}.affilizz-block__alert a{color:currentColor!important;text-decoration:underline}.affilizz-block__alert .affilizz-button--hollow{border-color:var(--blue-800);color:var(--blue-800)}.affilizz-block__alert .affilizz-button--hollow img{padding:0!important}.affilizz-block__alert__actions{display:flex;gap:.375rem;margin-top:.375rem}.affilizz-block__alert__actions a{padding:0 .25rem}.affilizz-block__alert--red{background:var(--background-red--lighter)}.affilizz-block__alert--orange{background:var(--background-orange--lighter)}.affilizz-block__type__item{margin-bottom:0}.affilizz-block__type__list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.affilizz-block__type__button{align-content:center;aspect-ratio:1/1;background:#fff;border:.0625rem solid var(--stroke-color--medium);border-radius:var(--radius);color:var(--text-color--medium);cursor:pointer!important;display:flex;flex:0 0 4.5rem;flex-wrap:wrap;justify-content:center;text-align:center;transition:var(--transition);width:4.5rem}.affilizz-block__type__button p{flex:0 0 100%;font-size:.875rem;font-weight:400;margin-bottom:0}.affilizz-block__type__button i{font-size:1.25rem;margin-bottom:.2em;order:-1}.affilizz-block__type__button.active{background:var(--background-green--lighter);border-color:var(--stroke-color-dark);color:var(--text-color)}.affilizz-block__type__button.disable{background:var(--background-grey--lighter);border-color:var(--stroke-color--shade);color:var(--text-color--lighter);cursor:default!important}.affilizz-block__merchant{display:block;font-size:.75rem;line-height:1.25rem;margin:0;text-align:center;width:100%}.affilizz-block__merchant mark{color:var(--text-color--accent);font-size:1rem;font-weight:500}.affilizz-block__merchant span{align-items:baseline;display:inline-flex;gap:.25rem}.affilizz-block__merchant img{align-self:center;-o-object-fit:contain;object-fit:contain;width:1.25rem}.affilizz-block__merchant--single span{border-right:.0625rem solid var(--stroke-color);margin-inline-end:.5rem;padding-inline-end:.5rem}.affilizz-block__message{color:var(--text-color--medium);font-size:.6875rem;font-style:italic;margin:0;padding-block:.25rem .75rem;text-align:center;transform:translateY(.2rem);transition:var(--transition)}.affilizz-block__infos{color:var(--blue-800);margin:1rem auto;text-align:center}.affilizz-block__infos__starting{align-items:center;display:flex;gap:5px;justify-content:center;margin-bottom:5px}.affilizz-block__infos__starting img{max-height:16px}.affilizz-block__infos__starting+br{display:none!important}.affilizz-block__infos .price{color:var(--text-color--accent);font-size:.875rem;font-weight:500}.affilizz-block__infos em{color:var(--blue-600);font-size:.8125rem;font-style:italic}.affilizz-block__infos img{max-width:1.5rem}.affilizz-block__more-button{align-items:center;cursor:pointer;display:flex;gap:5px;justify-content:center;margin:0 auto}.affilizz-block__more-button img{max-width:10px}*+.affilizz-block__merchant{margin-top:.5rem}.affilizz-block__offers{position:relative}.affilizz-block__offers:after,.affilizz-block__offers:before{content:"";height:1rem;position:absolute;width:100%;z-index:50}.affilizz-block__offers:before{background:linear-gradient(#fff,transparent);top:0}.affilizz-block__offers:after{background:linear-gradient(transparent,#fff);bottom:0}.affilizz-block__offers--scroller{max-height:50vh;overflow-x:hidden;overflow-y:auto;padding:1rem 0}.affilizz-block__price{color:var(--text-color--accent);font-size:.875rem;font-weight:500}.affilizz-block__shop{background:#f8f8ff;border-radius:var(--radius);display:flex;flex-direction:column;margin-bottom:.25rem;padding:.5rem}.affilizz-block__shop-lower,.affilizz-block__shop-upper{display:flex;flex-direction:row;justify-content:space-between}.affilizz-block__shop-lower{align-items:center;gap:1rem;margin-top:5px}.affilizz-block__shop-lower .affilizz-button{font-size:.75rem;padding:.125rem .3125rem}.affilizz-block__shop-left{align-items:center;display:flex;gap:5px}.affilizz-block__shop-left img{height:auto;max-width:16px}.affilizz-block__shop-right{align-items:center;display:flex;flex-direction:row;font-weight:700;gap:.25rem}.affilizz-block__shop p{font-size:.75rem;margin:0}.affilizz-block__shop:last-child{margin-bottom:1rem}.affilizz-block__shop__label{border-radius:3px;font-size:.6875rem;font-weight:700;line-height:1;padding:.125rem .1875rem}.affilizz-block__shop__label--marketplace{background:#7a7db0;color:#fff;margin-left:1rem}.affilizz-block__shop__label--refurbished{background:#fec8ff;color:var(--text-color)}.affilizz-block__shop__label--used{background:#cfb8ff;color:var(--text-color)}.affilizz-block__loader{align-items:center;background:hsla(0,0%,100%,.9);border-radius:var(--border-radius);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in;width:100%;z-index:100}.affilizz-block__loader>div{text-align:center}.affilizz-block__loader img{transform:rotate(90deg)}.affilizz-block__loader p{font-size:1rem}.affilizz-block__more-button{background-color:#fff;border:none;color:#111453}.affilizz__notice{--accent-color:#1dd6a1;background:#fff;background-position:20px;background-repeat:no-repeat;background-size:30px;border:none;border-left:2px solid var(--accent-color);color:#111453;font-family:Rubik,Arial,Sans_serif;margin-left:0;padding:1rem 1.5rem 1rem 4rem}.affilizz__notice strong{color:var(--accent-color)}.affilizz__notice--success{--accent-color:#1dd6a1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%231dd6a1'%3E%3Cpath d='M23.11 11.24a1 1 0 0 1-.89-.58 1 1 0 0 1 .42-1.35l3.86-2a1 1 0 1 1 .93 1.77l-3.86 2a1 1 0 0 1-.46.16ZM19.81 7.1a1 1 0 0 1-.3 0 1 1 0 0 1-.66-1.25l1.27-4.19a1.001 1.001 0 0 1 1.9.63L20.76 6.4a1 1 0 0 1-.95.7ZM29.02 17.45a1 1 0 0 1-.29 0l-4.21-1.28a1 1 0 0 1-.19-1.837 1 1 0 0 1 .76-.083l4.19 1.24a1.01 1.01 0 0 1-.28 2l.02-.04ZM1.02 21.87l-.49-.9a4.11 4.11 0 0 1-.34-3.18 4.19 4.19 0 0 1 2.08-2.51l4.21-2.22c3.27-1.72 5.82-5.17 6.15-7.31a2.09 2.09 0 0 1 3.89-.69l3.66 6.69-1.75 1-3.67-6.73h-.15c-.41 2.67-3.21 6.69-7.2 8.78l-4.23 2.25a2.209 2.209 0 0 0-1.09 1.31A2.09 2.09 0 0 0 2.26 20l.5.91-1.74.96Z' style='fill:%231dd6a1;fill-opacity:1'/%3E%3Cpath d='M5.25 24.97a4.28 4.28 0 0 1-3.75-2.2l-.5-.9 1.76-1 .49.9a2.3 2.3 0 0 0 3.07.9l4.23-2.22c4-2.09 8.93-2.17 11.42-1h.14l-3.68-6.71 1.75-1 3.67 6.69a2 2 0 0 1-.29 2.37 2.11 2.11 0 0 1-2.42.47c-2-.92-6.38-.75-9.66 1l-4.23 2.21a4.311 4.311 0 0 1-2 .49Z' style='fill:%231dd6a1;fill-opacity:1'/%3E%3Cpath d='M10.76 29a3.62 3.62 0 0 1-3.17-1.86l-1.68-3.07 1.75-1 1.68 3.07a1.63 1.63 0 0 0 2.18.63l1-.52.93 1.77-1 .52a3.67 3.67 0 0 1-1.69.46Z' style='fill:%231dd6a1;fill-opacity:1'/%3E%3Cpath d='m5.592 14.652-1.772.928 4.144 7.91 1.772-.928-4.144-7.91Z' style='fill:%231dd6a1;fill-opacity:1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' style='fill:%23fff;fill-opacity:1' transform='translate(0 1)' d='M0 0h30v28H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.affilizz__notice--warning{--accent-color:#dba617;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)' fill='%23dba617'%3E%3Cpath d='M10 0a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z' style='fill:%23dba617;fill-opacity:1'/%3E%3Cpath d='M11 4.86H9v6.43h2V4.86ZM11 12.57H9v2.57h2v-2.57Z' style='fill:%23dba617;fill-opacity:1'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' style='fill:%23fff;fill-opacity:1' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' style='fill:%23fff;fill-opacity:1' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.affilizz__notice--error{--accent-color:#e41f5a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%23e41f5a'%3E%3Cpath d='M5.52 19a4.22 4.22 0 0 1-3-1.24 4.23 4.23 0 0 1-1.21-3.54 4.49 4.49 0 0 1 1.33-2.56l2-2a1 1 0 1 1 1.41 1.42l-2.13 2.11a2.22 2.22 0 0 0-.65 1.58c0 .592.234 1.16.65 1.58a2.26 2.26 0 0 0 3.18 0l3-3.07a2.19 2.19 0 0 0 .67-1.59c0-.348-.082-.69-.24-1a.93.93 0 0 1 .13-1.11l.14-.14a.9.9 0 0 1 1.43.2 4.19 4.19 0 0 1 .54 2.06 4.19 4.19 0 0 1-1.25 3l-3 3.06a4.25 4.25 0 0 1-3 1.24ZM15.47 9.51a1 1 0 0 1-1-.78 1 1 0 0 1 .76-1.19 2.22 2.22 0 0 0 1.39-1 2.21 2.21 0 0 0 .29-1.68 2.25 2.25 0 0 0-2.68-1.71L9.09 4.28a2.24 2.24 0 0 0-1.46 1.08 1 1 0 0 1-1.36.39 1 1 0 0 1-.38-1.36 4.19 4.19 0 0 1 2.76-2.06l5.15-1.14a4.26 4.26 0 0 1 5.06 3.22 4.181 4.181 0 0 1-.55 3.2 4.151 4.151 0 0 1-2.65 1.86.78.78 0 0 1-.19.04ZM2 8.49a1 1 0 0 1-.07-2l1.47-.1a1 1 0 0 1 1.07.94 1 1 0 0 1-.93 1.06l-1.47.1H2ZM3.6 4.44a1 1 0 0 1-.78-.37L1.65 2.63a1 1 0 0 1 .496-1.593 1 1 0 0 1 1.064.333l1.17 1.44a1 1 0 0 1-.78 1.63Z' style='fill:%23e41f5a;fill-opacity:1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' style='fill:%23fff;fill-opacity:1' transform='translate(1 1)' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}@keyframes quarter-rotation{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(359deg)}}.wpview.wpview-wrap[data-wpview-type=affilizz-publication]{padding:15px;width:auto!important;z-index:100000!important}.mce-content-body [contentEditable=false][data-mce-selected][data-wpview-type=affilizz-publication]{border:2px solid #a9b1c8;border-radius:9px;outline-color:transparent;padding:14px}.mce-content-body [contentEditable=false][data-mce-selected][data-wpview-type=affilizz-publication] .affilizz-inline__indicator{background:#a9b1c8;border-radius:0 0 4px 4px}.affilizz-missing-publication{background:#dcdcde;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;margin-bottom:-10px;padding:20px;text-align:center;text-decoration:underline;text-decoration-color:#fff;text-underline-offset:5px}.affilizz-rendered-publication{align-items:center;border:1px dashed #7a7db0;border-radius:3px;display:flex;flex-direction:column;padding:1.5rem}.affilizz-rendered-publication+.affilizz-rendered-publication{margin-top:15px}.affilizz-loader{align-items:center;background:hsla(0,0%,100%,.8);border-radius:4px;color:#111453;display:flex;flex-direction:column;font-size:1.25em;height:100%;justify-content:center;position:absolute;visibility:hidden;width:100%;z-index:9999}.affilizz-loader img{animation:quarter-rotation 2.5s ease infinite}.affilizz-loader p{font-size:18px}.affilizz-inline{border:1px solid #c9c9cb;border-radius:4px;font-family:Rubik,Arial,Sans_serif;margin:15px 0;padding:15px 15px 0;position:relative;width:100%}.affilizz-inline__indicator{align-items:center;background:#c7c7c7;border-radius:2px;color:#1e1e1e;display:inline-flex;flex-direction:row;font-size:12px;font-weight:600;font-weight:300;gap:5px;justify-content:center;line-height:1;padding:3px 7px;position:absolute;top:-10px;z-index:2}.affilizz-inline__indicator img,.affilizz-inline__indicator svg{filter:invert(.75)}.mce-content-body .affilizz-inline__indicator{margin-top:-30px;top:inherit}.media-modal{z-index:999999!important}.affilizz-metabox__content{padding:6px 0 12px}.affilizz-metabox__footer{background:#f6f7f7;border-top:1px solid #dcdcde;display:flex;justify-content:flex-end;margin:0 -12px -12px;padding:10px}.affilizz-metabox__label{display:block;font-weight:700;margin-bottom:6px}.affilizz-metabox__description{background:var(--yellow-50);border:.0625rem solid #eed1b4;border-radius:4px;color:#a37648!important;margin:6px 1px 0 0!important;padding:12px}.wp-block-affilizz-publication{border:1px solid #c9c9cb;border-radius:4px;font-family:Rubik,Arial,Sans_serif;margin:30px 0;padding:5px;top:15px}.wp-block-affilizz-publication.affilizz-align-left .components-text-control__input{text-align:left}.wp-block-affilizz-publication.affilizz-align-center .components-text-control__input{text-align:center}.wp-block-affilizz-publication.affilizz-align-right .components-text-control__input{text-align:right}.affilizz-loading{align-items:center;display:flex;font-family:Rubik,Arial,Sans_serif;font-weight:500;gap:16px;justify-items:center;padding:2.25rem}.affilizz-loading svg{height:32px;width:32px}.affilizz-loading p{margin:0!important}.components-modal__frame.affilizz-modal__wrapper .components-modal__content{margin-top:0;max-width:600px;padding:0}.components-modal__frame.affilizz-modal__wrapper .components-modal__content:before{margin-bottom:0}.components-modal__frame.affilizz-modal__wrapper .components-modal__header{display:none}.affilizz-placeholder-wrapper{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23000' stroke-width='2' stroke-dasharray='2, 2'/%3E%3C/svg%3E");border-radius:4px;margin:-6px;padding:24px;width:calc(100% + 12px)}.affilizz-placeholder-wrapper .affilizz-placeholder{align-items:center;box-shadow:none;color:#1e1e1e;display:flex;flex-direction:column;gap:8px;text-align:center}.affilizz-placeholder-wrapper .affilizz-placeholder h2{align-items:center;display:flex;flex-direction:column;font-size:18px;gap:8px;margin-bottom:0}.affilizz-placeholder-wrapper .affilizz-placeholder h2>svg{height:32px;width:32px}.affilizz-placeholder-wrapper .affilizz-placeholder p{font-size:16px;line-height:22px;margin:0}.affilizz-placeholder-wrapper .affilizz-placeholder button{color:#1e1e1e;margin-top:5px}.affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__label{align-items:center;display:flex;flex-direction:row;font-family:Rubik,Arial,Sans_serif;font-weight:500;gap:16px}.affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__label svg{height:32px;margin-right:0;width:32px}.affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__instructions{background:#f8f8ff;border-radius:4px;color:#7a7db0;font-size:14px;padding:8px 14px}.affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__instructions a{color:#111453}.affilizz-placeholder-wrapper .affilizz-placeholder .components-button{background:#1dd6a1;font-size:14px;width:auto!important}.affilizz-placeholder-wrapper .affilizz-placeholder .components-button:hover{color:#fff!important}.affilizz-placeholder-wrapper .affilizz-placeholder .components-button:focus{--wp-admin-border-width-focus:1px;--wp-components-color-accent:#000}.affilizz-placeholder-wrapper .affilizz-placeholder .components-placeholder__fieldset{display:block}.affilizz_page_affilizz-wizard{margin-top:-32px;overflow:hidden}.affilizz_page_affilizz-wizard #adminmenuback,.affilizz_page_affilizz-wizard #adminmenuwrap,.affilizz_page_affilizz-wizard #wpadminbar,.affilizz_page_affilizz-wizard #wpbody-content .notice,.affilizz_page_affilizz-wizard #wpfooter{display:none}.affilizz_page_affilizz-wizard #wpcontent{margin:0;padding:0}.affilizz_page_affilizz-wizard #wpwrap{align-items:center;background:#0b0d30 conic-gradient(from 189.81deg at 60% 500px,#404489 -9.27deg,#111453 24.39deg,#111453 178.12deg,#1dd6a1 283.06deg,#404489 350.73deg,#111453 384.39deg);display:flex;flex-direction:column;justify-content:space-evenly;padding:1.5rem}.affilizz-wizard-wrapper{font-size:14px;margin:0 auto;max-width:640px}.affilizz-wizard-wrapper .header{align-items:start;display:flex;flex-direction:row;justify-content:left;padding:1.5rem}.affilizz-wizard-wrapper .header__brand{color:#fff;line-height:40px;margin:0 0 0 .75rem}.affilizz-wizard-wrapper .affilizz-wizard{border-radius:4px;overflow:hidden}.affilizz-wizard-wrapper .affilizz-wizard__footer{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:500;gap:10px;justify-content:center;padding:30px 0;text-transform:uppercase}.affilizz-wizard-wrapper .affilizz-wizard__skip a{color:#404489;font-size:12px}.affilizz-wizard-wrapper .steps{background:#fff}.affilizz-wizard-wrapper .steps ol{display:flex;flex-direction:row;justify-content:center;list-style-type:none;margin:0 auto;width:100%}.affilizz-wizard-wrapper .steps ol .step{background:#f8f8ff;border-bottom:2px solid #d9deeb;flex:1 1 0px;font-size:14px;margin:0;padding:12px 0 8px;text-align:center}.affilizz-wizard-wrapper .steps ol .step__number{display:block;font-weight:500}.affilizz-wizard-wrapper .steps ol .step a{color:#7a7db0;text-decoration:none}.affilizz-wizard-wrapper .steps ol .step--current{background:#fff;border-bottom-color:#1dd6a1;color:#111453}.affilizz-wizard-wrapper .steps ol .step--current a{color:#111453}.affilizz-wizard-wrapper .steps a[disabled]{color:#04b180;pointer-events:none;text-decoration:none}.affilizz-wizard-wrapper .step a{color:#404489;text-decoration:none}.affilizz-wizard-wrapper .step p{font-size:14px;line-height:1.5}.affilizz-wizard-wrapper .step__content{background:#fff;border-radius:0 0 4px 4px;display:none;font-family:Rubik,Arial,Sans_serif;padding:40px 80px}.affilizz-wizard-wrapper .step__content h2{color:#111453;font-size:24px}.affilizz-wizard-wrapper .step__content h2:first-child{margin-top:0}.affilizz-wizard-wrapper .step__content h3{color:#111453;font-size:20px;line-height:24px}.affilizz-wizard-wrapper .step__content a{align-items:center;color:#404489;display:inline-flex;font-size:14px;gap:4px}.affilizz-wizard-wrapper .step__content a img{margin-right:0}.affilizz-wizard-wrapper .step__content label{font-size:13px;font-weight:400}.affilizz-wizard-wrapper .step__content select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414Z'/%3E%3C/svg%3E");background-position:calc(100% - 20px);background-repeat:no-repeat;background-size:11px}.affilizz-wizard-wrapper .step__content input,.affilizz-wizard-wrapper .step__content select{align-self:stretch;background-color:#fff;border:1px solid #a9b1c8;border-radius:4px;box-sizing:border-box;flex-grow:0;max-width:100%;padding:8px 12px;width:100%}.affilizz-wizard-wrapper .step__content input::-webkit-input-placeholder,.affilizz-wizard-wrapper .step__content select::-webkit-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-wizard-wrapper .step__content input:-moz-placeholder,.affilizz-wizard-wrapper .step__content input::-moz-placeholder,.affilizz-wizard-wrapper .step__content select:-moz-placeholder,.affilizz-wizard-wrapper .step__content select::-moz-placeholder{color:#a9b1c8;font-size:14px}.affilizz-wizard-wrapper .step__content input:-ms-input-placeholder,.affilizz-wizard-wrapper .step__content select:-ms-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-wizard-wrapper .step__content input:disabled,.affilizz-wizard-wrapper .step__content select:disabled{background:#f0f3fa;border:1px solid #d9deeb;color:#a9b1c8}.affilizz-wizard-wrapper .step__content input:focus,.affilizz-wizard-wrapper .step__content select:focus{border:1px solid #404489;border-radius:4px;box-shadow:0 0 0 2px rgba(29,214,161,.5)}.affilizz-wizard-wrapper .step__content__button{background:#111453;border-radius:4px;color:#fff!important;float:right;font-size:14px;padding:10px 18px;position:relative}.affilizz-wizard-wrapper .step__content__button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12a1 1 0 0 1-.64-1.76L5.44 6 .36 1.77A1 1 0 1 1 1.64.24l6 5a1 1 0 0 1 0 1.53l-6 5A1 1 0 0 1 1 12Z' fill='%23fff'/%3E%3C/svg%3E");content:"";display:inline-block;height:12px;margin-left:12px;position:relative;width:8px}.affilizz-wizard-wrapper .step__illustration{text-align:center}.affilizz-wizard-wrapper .step__illustration h2{margin-top:12px}.affilizz-wizard-wrapper .step--current__content{display:block}.affilizz-wizard-wrapper .step__help{align-items:flex-start;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%231DD6A1FF' stroke-width='4' stroke-dasharray='4, 4'/%3E%3C/svg%3E");border-radius:4px;box-sizing:border-box;display:flex;flex-direction:row;gap:1.5rem;margin-bottom:1.5rem;padding:2.25rem}.affilizz-wizard-wrapper .step__help__icon{align-items:center;display:flex;justify-content:center;max-width:100px;width:100px}.affilizz-wizard-wrapper .step__help__content h3{color:#111453;font-size:16px;line-height:24px;margin-top:0}.affilizz-wizard-wrapper .step__help__content ol{list-style-type:none;margin:0}.affilizz-wizard-wrapper .step__help__content ol li{counter-increment:step-counter;margin-bottom:10px;padding-left:15px;position:relative}.affilizz-wizard-wrapper .step__help__content ol li:before{color:#1dd6a1;content:counter(step-counter);left:0;margin-right:10px;position:absolute}.affilizz-wizard-wrapper .step__help__content ol li::marker{color:#1dd6a1}.affilizz-wizard-wrapper .step__help__content p:last-child{margin-bottom:0}.affilizz-wizard-wrapper .step__actions{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:20px 0}.affilizz-wizard-wrapper .step__actions--mono-link{justify-content:flex-end}.affilizz-wizard-wrapper .step__actions .step__button{align-items:center;display:inline-flex;gap:14px;padding:10px 12px}.affilizz-wizard-wrapper .ajax_error{color:darkred;margin:10px;text-align:left;width:100%}.affilizz-wizard-wrapper .skip{text-align:center}.affilizz-wizard-wrapper .skip a{color:#404489}.affilizz-admin-page-wrap{margin-top:0;min-height:60vh}.affilizz-admin-page-wrap,.affilizz-plugin{display:flex;font-family:Rubik,Arial,Sans_serif}.affilizz-plugin{border-radius:4px;flex-direction:row;overflow:hidden;width:100%}.affilizz-plugin__sidebar{flex:0 0 300px}.affilizz-plugin__body{background:#fff;flex-grow:1;padding:40px}.affilizz-plugin__body .description{color:#7a7db0;font-size:14px}.affilizz-plugin__body ul.description{margin-left:1.5rem}.affilizz-plugin__body ul.description li{list-style-type:disc}.affilizz-plugin-menu{font-family:Rubik,Arial,Sans_serif}.affilizz-plugin-menu__header{align-content:space-between;display:grid;grid-template-areas:"a b" "a c";grid-template-columns:44px 1fr;grid-template-rows:repeat(2,50%);justify-content:space-around;margin-bottom:1.5rem;margin-top:1.5rem;padding:15px 0}.affilizz-plugin-menu__header__icon{display:flex;flex-direction:column;grid-area:a;justify-content:center}.affilizz-plugin-menu__header__icon img{width:36px}.affilizz-plugin-menu__header__title{color:#7a7db0;font-size:13px;font-weight:500;grid-area:b;text-transform:uppercase}.affilizz-plugin-menu__header__description{color:#111453;grid-area:c}.affilizz-plugin-menu__item{align-content:space-between;color:#7a7db0;display:grid;grid-template-areas:"b a" "c a";grid-template-columns:1fr 24px;grid-template-rows:repeat(2,50%);justify-content:space-around;padding:15px;text-decoration:none}.affilizz-plugin-menu__item--active{background:#fff;border-left:2px solid #1dd6a1;color:#111453}.affilizz-plugin-menu__item--active__description{color:#1dd6a1}.affilizz-plugin-menu__item--active .affilizz-plugin-menu__item__icon img{filter:invert(64%) sepia(58%) saturate(585%) hue-rotate(111deg) brightness(97%) contrast(87%)}.affilizz-plugin-menu__item:active,.affilizz-plugin-menu__item:focus,.affilizz-plugin-menu__item:hover{box-shadow:none;color:#111453;outline:none}.affilizz-plugin-menu__item__icon{display:flex;flex-direction:column;grid-area:a;justify-content:center}.affilizz-plugin-menu__item__icon img{width:65%}.affilizz-plugin-menu__item__title{font-weight:500;grid-area:b}.affilizz-plugin-menu__item__description{color:#7a7db0;grid-area:c}.affilizz-plugin__pane{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rubik,Arial,Sans_serif;font-size:14px}.affilizz-plugin__pane .affilizz-field-wrapper--api-key{align-items:flex-end;display:flex;flex-wrap:wrap;gap:0 20px}.affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field{flex:0 1 40%}.affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field-main{margin-bottom:.25rem!important}.affilizz-plugin__pane .affilizz-field-wrapper--api-key .affilizz-field input{color:#7a7db0;max-width:100%!important;width:100%}.affilizz-plugin__pane .affilizz-field-wrapper--api-key>a{align-items:center;color:#404489;display:flex;flex:1;gap:10px;justify-content:flex-start;margin-bottom:18px;text-decoration:underline}.affilizz-plugin__pane .affilizz-field-wrapper--api-key .description{color:#7a7db0;flex-basis:100%;font-size:12px;font-style:italic}.affilizz-plugin__pane--danger .affilizz-plugin__pane__inner{background:#fff2f6;border-radius:5px;color:#e41f5a;display:flex;flex-direction:column;gap:10px;margin-top:5px;padding:25px}.affilizz-plugin__pane--danger .affilizz-field__label,.affilizz-plugin__pane--danger label{color:#e41f5a!important;line-height:1.5}.affilizz-plugin__pane--danger .affilizz-field__label strong,.affilizz-plugin__pane--danger label strong{font-weight:500!important}.affilizz-plugin__pane--danger hr{border-bottom:none;border-top:1px solid #e41f5a;margin:1.5rem 0}.affilizz-plugin__pane--danger input[type=checkbox]:checked{background:#e41f5a!important;box-shadow:0 0 0 1px #b91b4a!important}.affilizz-plugin__pane--danger .affilizz-faux-select:focus,.affilizz-plugin__pane--danger .ts-wrapper.multi .ts-control:focus,.affilizz-plugin__pane--danger .ts-wrapper.single .ts-control:focus,.affilizz-plugin__pane--danger input[type=text]:focus,.affilizz-plugin__pane--danger select:focus{box-shadow:0 0 0 2px rgba(214,54,56,.5)!important}.affilizz-plugin__pane--danger .affilizz-plugin__pane__section__title{color:#e41f5a}.affilizz-plugin__pane__button--submit{font-size:14px}.affilizz-plugin__pane__header{border-bottom:1px solid gray;display:flex;margin-bottom:15px;padding:0 0 15px}.affilizz-plugin__pane__header__text{color:#7a7db0;display:flex;flex:1;flex-direction:column;font-weight:font_weight_light;gap:5px}.affilizz-plugin__pane__header__text h3{color:#111453;font-size:24px;font-weight:400}.affilizz-plugin__pane__header__text p{font-size:14px}.affilizz-plugin__pane__header__text *{flex:1;margin:0}.affilizz-plugin__pane__header__icon{width:48px}.affilizz-plugin__pane__header__icon img{filter:invert(64%) sepia(58%) saturate(585%) hue-rotate(111deg) brightness(97%) contrast(87%);width:26px}.affilizz-plugin__pane__header p.submit{align-items:center;display:flex;margin:0;padding:0}.affilizz-plugin__pane__section__title{color:#111453;font-weight:400;margin:1.5rem 0}.affilizz-plugin__pane__section__title span{background:#fff;padding:5px 1.5rem 0 0}.affilizz-plugin__pane__section__title:after{background:#d9deeb;content:" ";display:block;height:1px;margin-top:-10px;width:100%}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox label,.affilizz-plugin__pane .affilizz-form .affilizz-field.radio label{align-items:center;color:#404489;display:flex;gap:.5rem}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox label small,.affilizz-plugin__pane .affilizz-form .affilizz-field.radio label small{color:#7a7db0;display:block;font-size:12px;font-style:italic}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:0 0 0 1px #a9b1c8}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:before{border-radius:50%;box-shadow:inset 1em 1em #fff;content:"";height:6px;margin:5px 0 0 5px;transform:scale(0);transition:transform .12s ease-in-out;width:6px}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:hover{box-shadow:0 0 0 1px #404489}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked{background:#1dd6a1;box-shadow:0 0 0 1px #1dd6a1}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked:hover{box-shadow:0 0 0 1px #1dd6a1}.affilizz-plugin__pane .affilizz-form .affilizz-field.radio input[type=radio]:checked:before{transform:scale(1)}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:0 0 0 1px #a9b1c8}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:before{border-radius:50%;content:url('data:image/svg+xml; utf8, <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.94403 7.08803L0.288025 4.88003C0.124652 4.74424 0.0219124 4.54911 0.00240865 4.33757C-0.0170951 4.12602 0.0482342 3.9154 0.184025 3.75203C0.319816 3.58865 0.514945 3.48591 0.726486 3.46641C0.938027 3.44691 1.14865 3.51224 1.31203 3.64803L2.83203 4.91203L6.63203 1.04003C6.78585 0.888323 6.99364 0.803939 7.20968 0.80544C7.42572 0.80694 7.63232 0.894201 7.78403 1.04803C7.93573 1.20185 8.02011 1.40964 8.01861 1.62568C8.01711 1.84173 7.92985 2.04832 7.77603 2.20003L2.94403 7.08803Z" fill="white"/></svg>');height:6px;margin:4px 0 0 4px;transform:scale(0);transition:transform .12s ease-in-out;width:6px}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:hover{box-shadow:0 0 0 1px #404489}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked{background:#1dd6a1;box-shadow:0 0 0 1px #1dd6a1}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked:hover{box-shadow:0 0 0 1px #1dd6a1}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox input[type=checkbox]:checked:before{transform:scale(1)}.affilizz-plugin__pane .affilizz-form .affilizz-field.checkbox p.description{font-style:italic;margin-bottom:.75rem}.affilizz-plugin__pane .affilizz-form .affilizz-field-main{margin-bottom:.75rem}.affilizz-plugin__pane .affilizz-form fieldset{background:#f8f8ff;border:1px solid #d9deeb;border-radius:4px;margin-top:50px;padding:20px}.affilizz-plugin__pane .affilizz-form fieldset p{color:#111453;font-size:14px;font-style:italic}.affilizz-plugin__pane .affilizz-form fieldset p a{color:#1dd6a1;text-decoration:underline}.affilizz-plugin__pane .affilizz-form fieldset>p{margin-bottom:0}.affilizz-plugin__pane .affilizz-form fieldset p.description{color:#7a7db0;font-size:14px;font-style:italic;padding:5px 0 10px}.affilizz-plugin__pane .affilizz-form fieldset p.description span{color:#7a7db0}.affilizz-plugin__pane .affilizz-form legend{color:#7a7db0;margin:-50px 0 0 -25px;padding-left:3px;position:absolute}.affilizz-plugin__pane .affilizz-form label{color:#7a7db0;display:block;margin-bottom:5px}.affilizz-plugin__pane .affilizz-form input[type=text]{border-color:#d9deeb;display:block;max-width:50%}.affilizz-analytics{color:#7a7db0;display:none;transition:all .5s ease-out}.affilizz-analytics--open{display:block}.affilizz-analytics__toggle{align-items:center;color:#7a7db0;display:flex;gap:7px}.affilizz-analytics__toggle:active,.affilizz-analytics__toggle:focus{box-shadow:none;color:#404489;outline:none}.affilizz-analytics__toggle:hover{color:#404489}.affilizz-analytics__toggle svg{height:12px;margin-right:0;margin-top:-1px;width:12px}.affilizz-analytics__list{margin-top:15px}.affilizz-analytics__wrapper{background:#f8f8ff;border:1px solid #d9deeb;border-radius:4px;padding:10px}.affilizz-analytics__item{border-bottom:1px solid #d9deeb;display:flex;flex-wrap:wrap}.affilizz-analytics__item:last-child{border-bottom:0}.affilizz-analytics__item__key,.affilizz-analytics__item__value{padding:8px 5px}.affilizz-analytics__item__key{color:#7a7db0;flex:1 1 20%;font-weight:500;text-align:right}.affilizz-analytics__item__key small{display:block;font-size:10px;font-style:italic;font-weight:400}.affilizz-analytics__item__value{color:#333;flex:1 1 80%}

  • affilizz/trunk/assets/dist/css/public.css

    r3254716 r3259019  
    11@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;1,400;1,500&display=swap);
    2 @font-face {
    3   font-family: "affilizz-icons";
    4   src: url("../fonts/affilizz-icons/affilizz-icons.ttf?b2n8aj") format("truetype"), url("../fonts/affilizz-icons/affilizz-icons.woff?b2n8aj") format("woff"), url("../fonts/affilizz-icons/affilizz-icons.svg?b2n8aj") format("svg");
    5   font-weight: normal;
    6   font-style: normal;
    7   font-display: block;
    8 }
    9 .affilizz-button {
    10   text-decoration: none;
    11   cursor: pointer;
    12 }
    13 .affilizz-button--inline * {
    14   display: inline-block;
    15 }
    16 .affilizz-button--inline svg {
    17   margin-left: 5px;
    18 }
    19 .affilizz-button--inline > svg {
    20   max-width: 16px;
    21   max-height: 16px;
    22 }
    23 .affilizz-button-icons {
    24   display: flex;
    25   flex-direction: row;
    26   align-items: center;
    27   justify-content: center;
    28   margin-right: 5px;
    29 }
    30 .affilizz-button-icons .dashicons, .affilizz-button-icons .dashicons-before {
    31   display: flex;
    32   align-items: center;
    33   justify-content: center;
    34   line-height: 1;
    35 }
    36 .affilizz-button-icons .dashicons:before, .affilizz-button-icons .dashicons-before:before {
    37   font-size: 16px;
    38   top: 2px;
    39   position: relative;
    40   opacity: 0.7;
    41 }
    42 .affilizz-button--primary {
    43   background: #111453;
    44   padding: 10px 12px;
    45   font-weight: 400;
    46   font-size: 16px;
    47   color: #fff;
    48   border-radius: 4px;
    49   border: none;
    50 }
    51 .affilizz-button--primary:hover, .affilizz-button--primary:active {
    52   color: #fff;
    53   cursor: pointer;
    54   background-color: #7af4d1;
    55   color: #111453;
    56 }
    57 .affilizz-button--primary:disabled {
    58   background: #d9deeb;
    59   color: #fff;
    60 }
    61 .affilizz-button[disabled] {
    62   pointer-events: none;
    63   opacity: 0.25;
    64 }
    65 .affilizz-button--secondary {
    66   background: #fff;
    67   box-shadow: 0 0 0 1px #111453 inset;
    68   padding: 10px 20px;
    69   border: none;
    70   font-weight: 400;
    71   font-size: 16px;
    72   color: #111453;
    73   border-radius: 4px;
    74 }
    75 .affilizz-button--secondary:hover, .affilizz-button--secondary:active {
    76   cursor: pointer;
    77   background-color: #111453;
    78   color: #fff;
    79 }
    80 .affilizz-button--secondary:hover img, .affilizz-button--secondary:active img {
    81   filter: brightness(0) invert(1);
    82 }
    83 .affilizz-button--primary-hover:hover, .affilizz-button--primary-hover:active {
    84   color: #fff;
    85   cursor: pointer;
    86   background-color: #7af4d1;
    87   color: #111453;
    88   box-shadow: none;
    89 }
    90 .affilizz-button--create {
    91   display: inline-flex;
    92   background: #ff5722;
    93   border-radius: 4px;
    94   margin-right: 5px;
    95   margin-bottom: 4px;
    96 }
    97 .affilizz-button--create a {
    98   color: #fff;
    99   font-size: 13px;
    100 }
    101 .affilizz-button--create a.alt {
    102   color: #fff;
    103   font-size: 13px;
    104   padding: 0 5px;
    105 }
    106 .affilizz-button--call {
    107   display: inline-block;
    108   background: #1dd6a1;
    109   border-radius: 4px;
    110   margin-bottom: 4px;
    111 }
    112 .affilizz-button--call a {
    113   color: #fff;
    114   font-size: 13px;
    115 }
    116 .affilizz-button--hollow {
    117   border-radius: 4px;
    118   border: 1px solid #fff;
    119   padding: 5px;
    120   display: flex;
    121   flex-direction: row;
    122   align-items: center;
    123   justify-content: center;
    124   padding: 3px 5px;
    125   gap: 5px;
    126   color: #fff;
    127 }
    128 .affilizz-button--hollow:hover, .affilizz-button--hollow:active, .affilizz-button--hollow:focus {
    129   color: #fff;
    130 }
    131 
    132 .insert-affilizz-publication, #insert-affilizz-publication,
    133 .create-affilizz-publication, #create-affilizz-publication {
    134   display: flex;
    135   flex-direction: row;
    136   align-items: center;
    137   justify-content: center;
    138   padding: 5px 7px 6px;
    139   font-weight: 600;
    140   color: #fff;
    141   font-size: 13px;
    142 }
    143 .insert-affilizz-publication *, #insert-affilizz-publication *,
    144 .create-affilizz-publication *, #create-affilizz-publication * {
    145   pointer-events: none;
    146 }
    147 
    148 #affilizz-floating-button {
    149   width: 25px;
    150   height: 40px;
    151   background: #1dd6a1;
    152   position: absolute;
    153   top: 0;
    154   z-index: 6000;
    155   opacity: 0;
    156   padding: 0 5px 4px 5px;
    157   border-radius: 4px;
    158   text-decoration: none;
    159 }
    160 #affilizz-floating-button:after {
    161   opacity: 1;
    162   height: 8px;
    163   width: 8px;
    164   transform: rotate(45deg);
    165   content: "";
    166   position: absolute;
    167   background: #1dd6a1;
    168   right: -4px;
    169   top: 16px;
    170 }
    171 #affilizz-floating-button:focus, #affilizz-floating-button:active {
    172   outline: none;
    173   box-shadow: none;
    174 }
    175 #affilizz-floating-button img {
    176   margin-top: 4px;
    177 }
    178 #affilizz-floating-button * {
    179   pointer-events: none;
    180 }
    181 
    182 #step-success-button {
    183   color: #fff;
    184 }
    185 
    186 *,
    187 *:before,
    188 *:after {
    189   box-sizing: border-box;
    190 }
    191 
    192 .affilizz-select-option--floating {
    193   opacity: 0.5;
    194   z-index: 9999;
    195 }
    196 
    197 .affilizz-form {
    198   position: relative;
    199 }
    200 .affilizz-form .ts-wrapper.single .ts-control, .affilizz-form .ts-wrapper.single .ts-control input {
    201   width: auto !important;
    202 }
    203 .affilizz-form .ts-wrapper .ts-control {
    204   transition: var(--transition) !important;
    205 }
    206 .affilizz-form .ts-wrapper .ts-control ::-moz-placeholder {
    207   font-size: 16px !important;
    208   color: var(--blue-400) !important;
    209 }
    210 .affilizz-form .ts-wrapper .ts-control input, .affilizz-form .ts-wrapper .ts-control ::placeholder {
    211   font-size: 16px !important;
    212   color: var(--blue-400) !important;
    213 }
    214 .affilizz-form .ts-wrapper:not(.input-active, .disabled, .has-items) .ts-control {
    215   background: var(--blue-0) !important;
    216   color: var(--blue-400) !important;
    217 }
    218 .affilizz-form .ts-wrapper.has-items ::-moz-placeholder {
    219   display: none;
    220   visibility: hidden;
    221 }
    222 .affilizz-form .ts-wrapper.has-items ::placeholder {
    223   display: none;
    224   visibility: hidden;
    225 }
    226 .affilizz-form .ts-wrapper.input-active .ts-control {
    227   box-shadow: 0 0 0 0.1875rem var(--stroke-green--light) !important;
    228   background: var(--white);
    229   color: var(--blue-800);
    230 }
    231 .affilizz-form .ts-wrapper.loading .ts-control {
    232   border-radius: 4px !important;
    233 }
    234 .affilizz-form .ts-wrapper.loading .ts-dropdown {
    235   display: none !important;
    236 }
    237 .affilizz-form__label {
    238   display: flex;
    239   flex-direction: row;
    240   justify-content: space-between;
    241   align-items: center;
    242   padding-bottom: 3px;
    243   font-weight: 400;
    244   font-size: 12px;
    245   color: #404489;
    246 }
    247 .affilizz-form__label__hint {
    248   color: #737af9;
    249   flex-shrink: 1;
    250 }
    251 .affilizz-form .ts-wrapper.multi .ts-control {
    252   align-items: center;
    253 }
    254 .affilizz-form .ts-wrapper.multi .ts-control div {
    255   height: 25px;
    256 }
    257 .affilizz-form .ts-wrapper.multi .ts-control .affilizz-empty-publication-content-name {
    258   font-weight: normal;
    259   font-style: italic;
    260   opacity: 0.5;
    261 }
    262 .affilizz-form select, .affilizz-form input[type=text], .affilizz-form .ts-wrapper.single .ts-control, .affilizz-form .ts-wrapper.multi .ts-control, .affilizz-form .affilizz-faux-select {
    263   box-sizing: border-box;
    264   padding: 13px 8px 13px 12px;
    265   line-height: 1;
    266   width: 100%;
    267   max-width: 100%;
    268   min-height: 45px;
    269   font-size: 14px;
    270   box-shadow: none;
    271   background: #fff;
    272   border: 1px solid #a9b1c8;
    273   border-radius: 4px;
    274   align-self: stretch;
    275   flex-grow: 0;
    276 }
    277 .affilizz-form select.dropdown-input, .affilizz-form input[type=text].dropdown-input, .affilizz-form .ts-wrapper.single .ts-control.dropdown-input, .affilizz-form .ts-wrapper.multi .ts-control.dropdown-input, .affilizz-form .affilizz-faux-select.dropdown-input {
    278   margin: 5px;
    279   max-width: calc(100% - 10px);
    280   padding: 8px 12px;
    281   min-height: 30px;
    282   border-color: #1dd6a1;
    283 }
    284 .affilizz-form select::-webkit-input-placeholder, .affilizz-form input[type=text]::-webkit-input-placeholder, .affilizz-form .ts-wrapper.single .ts-control::-webkit-input-placeholder, .affilizz-form .ts-wrapper.multi .ts-control::-webkit-input-placeholder, .affilizz-form .affilizz-faux-select::-webkit-input-placeholder {
    285   color: #a9b1c8;
    286   font-size: 14px;
    287 }
    288 
    289 .affilizz-form select:-moz-placeholder, .affilizz-form input[type=text]:-moz-placeholder, .affilizz-form .ts-wrapper.single .ts-control:-moz-placeholder, .affilizz-form .ts-wrapper.multi .ts-control:-moz-placeholder, .affilizz-form .affilizz-faux-select:-moz-placeholder {
    290   color: #a9b1c8;
    291   font-size: 14px;
    292 }
    293 
    294 .affilizz-form select::-moz-placeholder, .affilizz-form input[type=text]::-moz-placeholder, .affilizz-form .ts-wrapper.single .ts-control::-moz-placeholder, .affilizz-form .ts-wrapper.multi .ts-control::-moz-placeholder, .affilizz-form .affilizz-faux-select::-moz-placeholder {
    295   color: #a9b1c8;
    296   font-size: 14px;
    297 }
    298 
    299 .affilizz-form select:-ms-input-placeholder, .affilizz-form input[type=text]:-ms-input-placeholder, .affilizz-form .ts-wrapper.single .ts-control:-ms-input-placeholder, .affilizz-form .ts-wrapper.multi .ts-control:-ms-input-placeholder, .affilizz-form .affilizz-faux-select:-ms-input-placeholder {
    300   color: #a9b1c8;
    301   font-size: 14px;
    302 }
    303 
    304 .affilizz-form select:focus, .affilizz-form input[type=text]:focus, .affilizz-form .ts-wrapper.single .ts-control:focus, .affilizz-form .ts-wrapper.multi .ts-control:focus, .affilizz-form .affilizz-faux-select:focus {
    305   border: 1px solid #404489;
    306   box-shadow: 0px 0px 0px 2px rgba(29, 214, 161, 0.5);
    307   border-radius: 4px;
    308 }
    309 .affilizz-form select:disabled, .affilizz-form select:disabled input, .affilizz-form input[type=text]:disabled, .affilizz-form input[type=text]:disabled input, .affilizz-form .ts-wrapper.single .ts-control:disabled, .affilizz-form .ts-wrapper.single .ts-control:disabled input, .affilizz-form .ts-wrapper.multi .ts-control:disabled, .affilizz-form .ts-wrapper.multi .ts-control:disabled input, .affilizz-form .affilizz-faux-select:disabled, .affilizz-form .affilizz-faux-select:disabled input {
    310   background: #f0f3fa !important;
    311   color: #a9b1c8 !important;
    312   border: #d9deeb !important;
    313 }
    314 .affilizz-form select .affilizz-option, .affilizz-form input[type=text] .affilizz-option, .affilizz-form .ts-wrapper.single .ts-control .affilizz-option, .affilizz-form .ts-wrapper.multi .ts-control .affilizz-option, .affilizz-form .affilizz-faux-select .affilizz-option {
    315   padding-top: 2px;
    316 }
    317 .affilizz-form select .recent, .affilizz-form input[type=text] .recent, .affilizz-form .ts-wrapper.single .ts-control .recent, .affilizz-form .ts-wrapper.multi .ts-control .recent, .affilizz-form .affilizz-faux-select .recent {
    318   background: #a9b1c8;
    319   border-radius: 4px;
    320   color: #fff;
    321   padding: 3px 4px;
    322   font-size: 13px;
    323   margin-left: auto;
    324 }
    325 .affilizz-form .affilizz-faux-select img {
    326   margin-right: 5px;
    327 }
    328 .affilizz-form__field {
    329   margin: 0;
    330 }
    331 .affilizz-form__field .disabled .ts-control, .affilizz-form__field .disabled .ts-control input {
    332   opacity: 1 !important;
    333   background: #f0f3fa !important;
    334   color: #a9b1c8 !important;
    335   border-color: #d9deeb !important;
    336 }
    337 .affilizz-form__field .disabled .ts-control::-moz-placeholder, .affilizz-form__field .disabled .ts-control input::-moz-placeholder {
    338   color: #a9b1c8 !important;
    339 }
    340 .affilizz-form__field .disabled .ts-control::placeholder, .affilizz-form__field .disabled .ts-control input::placeholder {
    341   color: #a9b1c8 !important;
    342 }
    343 
    344 .affilizz-select-item > img {
    345   width: 12px !important;
    346   height: 12px !important;
    347   padding: 0 !important;
    348 }
    349 
    350 .affilizz-select-option, .affilizz-select-item {
    351   color: #111453 !important;
    352   border: none !important;
    353   box-shadow: none !important;
    354   text-shadow: none !important;
    355 }
    356 .affilizz-select-option.affilizz-select-option, .affilizz-select-item.affilizz-select-option {
    357   font-weight: 500;
    358 }
    359 .affilizz-select-option--content-type-link, .affilizz-select-item--content-type-link {
    360   background: #ccf7fa !important;
    361 }
    362 .affilizz-select-option--content-type-cta, .affilizz-select-item--content-type-cta {
    363   background: #fdf6a1 !important;
    364 }
    365 .affilizz-select-option--content-type-box, .affilizz-select-item--content-type-box {
    366   background: #fbdfde !important;
    367 }
    368 .affilizz-select-option--content-type-card, .affilizz-select-item--content-type-card {
    369   background: #cfc7ff !important;
    370 }
    371 .affilizz-select-option--content-type-carousel, .affilizz-select-item--content-type-carousel {
    372   background: #bfffbe !important;
    373 }
    374 .affilizz-select-option--content-type-deal, .affilizz-select-item--content-type-deal {
    375   background: #ffa88e !important;
    376 }
    377 .affilizz-select-option--text::first-letter, .affilizz-select-item--text::first-letter {
    378   text-transform: uppercase;
    379 }
    380 
    381 .affilizz-select-item--content-type-deal .affilizz-select-option--subtext {
    382   color: #cb5735;
    383 }
    384 
    385 .ts-dropdown-content {
    386   max-height: 165px !important;
    387 }
    388 .ts-dropdown-content .affilizz-select-option--subtext {
    389   color: #a9b1c8;
    390 }
    391 
    392 .ts-dropdown-content {
    393   margin-bottom: 0;
    394 }
    395 .ts-dropdown-content .affilizz-inline-loader {
    396   display: flex;
    397   gap: 15px;
    398   justify-content: flex-start;
    399   align-items: center;
    400   padding-left: 12px;
    401   background: #fff;
    402   font-size: 14px;
    403   color: #111453;
    404   line-height: 35px;
    405 }
    406 .ts-dropdown-content .affilizz-inline-loader img {
    407   max-width: 20px;
    408 }
    409 
    410 .ts-control > .item {
    411   font-size: 1rem;
    412 }
    413 
    414 #affilizz-publication-id-wrapper .ts-control > .item {
    415   display: flex;
    416   align-items: center;
    417   gap: 8px;
    418   max-width: calc(100% - 34px);
    419 }
    420 #affilizz-publication-id-wrapper .ts-control > .item > .label {
    421   white-space: nowrap;
    422   overflow: hidden;
    423   text-overflow: ellipsis;
    424 }
    425 
    426 .ts-dropdown {
    427   margin: 0px !important;
    428   width: 100% !important;
    429   border-radius: 4px !important;
    430   box-shadow: 0px 4px 4px rgba(17, 20, 83, 0.4);
    431 }
    432 .ts-dropdown .recent {
    433   background: #a9b1c8;
    434   border-radius: 4px;
    435   color: #fff;
    436   padding: 2px 4px;
    437   font-size: 13px;
    438   margin-left: auto;
    439 }
    440 .ts-dropdown [data-selectable].option {
    441   font-size: 14px !important;
    442   color: var(--blue-600) !important;
    443   display: flex;
    444   align-items: center;
    445   padding: 8px 12px !important;
    446 }
    447 .ts-dropdown [data-selectable] .highlight {
    448   background: var(--background-orange--lighter) !important;
    449   border-radius: 4px;
    450   font-size: 14px;
    451   margin-right: 4px;
    452   color: var(--blue-600);
    453   padding: 0;
    454 }
    455 .ts-dropdown .option {
    456   display: flex;
    457   align-items: center;
    458   padding: 0;
    459   padding-left: 12px;
    460   border-radius: 4px;
    461   min-height: 35px;
    462 }
    463 .ts-dropdown .affilizz-select-option {
    464   border-radius: 4px;
    465   padding: 4px 8px;
    466   display: inline-flex;
    467   align-items: center;
    468   gap: 4px;
    469 }
    470 .ts-dropdown .affilizz-select-option img {
    471   width: 12px !important;
    472   height: 12px !important;
    473   padding: 0 !important;
    474 }
    475 
    476 #affilizz-publication-content-id-wrapper .ts-dropdown .option {
    477   gap: 8px;
    478 }
    479 
    480 #affilizz-publication-id-wrapper .ts-control::before {
    481   content: " ";
    482   background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2912_15560)'%3E%3Cg clip-path='url(%23clip1_2912_15560)'%3E%3Cpath d='M15.85 15.62L12.02 11.76C13.0689 10.5226 13.6432 8.95221 13.64 7.33002C13.6426 5.51674 12.9262 3.77634 11.6478 2.49042C10.3693 1.20449 8.63328 0.47791 6.82001 0.469971C5.00675 0.47791 3.27056 1.20449 1.99213 2.49042C0.713705 3.77634 -0.00271814 5.51674 -5.36294e-05 7.33002C-0.00271814 9.1433 0.713705 10.8836 1.99213 12.1696C3.27056 13.4555 5.00675 14.1821 6.82001 14.19C8.47818 14.1869 10.0782 13.5788 11.32 12.48L15.14 16.33C15.1877 16.3761 15.2442 16.4121 15.306 16.4362C15.3678 16.4602 15.4337 16.4717 15.4999 16.47C15.5646 16.4709 15.629 16.459 15.689 16.435C15.7491 16.411 15.8038 16.3753 15.85 16.33C15.8969 16.2835 15.934 16.2282 15.9594 16.1673C15.9848 16.1064 15.9979 16.041 15.9979 15.975C15.9979 15.909 15.9848 15.8436 15.9594 15.7827C15.934 15.7218 15.8969 15.6665 15.85 15.62ZM0.999946 7.33002C0.99728 5.78195 1.60839 4.2959 2.69929 3.19751C3.79018 2.09912 5.27197 1.47791 6.82001 1.46997C8.36806 1.47791 9.84985 2.09912 10.9407 3.19751C12.0316 4.2959 12.6426 5.78195 12.64 7.33002C12.6426 8.87808 12.0316 10.3641 10.9407 11.4625C9.84985 12.5609 8.36806 13.1821 6.82001 13.19C5.27716 13.1821 3.79983 12.565 2.70979 11.4731C1.61975 10.3812 1.0052 8.90285 0.999946 7.35999V7.33002Z' fill='%237A7DB0' style='fill:%237A7DB0;fill:color(display-p3 0.4798 0.4913 0.6917);fill-opacity:1;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    483   margin-right: 8px;
    484   width: 16px;
    485   height: 16px;
    486   display: block;
    487 }
    488 
    489 #affilizz-publication-id-ts-control {
    490   min-width: 35% !important;
    491 }
     2@font-face{font-display:block;font-family:affilizz-icons;font-style:normal;font-weight:400;src:url(../fonts/affilizz-icons/affilizz-icons.ttf?b2n8aj) format("truetype"),url(../fonts/affilizz-icons/affilizz-icons.woff?b2n8aj) format("woff"),url(../fonts/affilizz-icons/affilizz-icons.svg?b2n8aj) format("svg")}.affilizz-button{cursor:pointer;text-decoration:none}.affilizz-button--inline *{display:inline-block}.affilizz-button--inline svg{margin-left:5px}.affilizz-button--inline>svg{max-height:16px;max-width:16px}.affilizz-button-icons{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-right:5px}.affilizz-button-icons .dashicons,.affilizz-button-icons .dashicons-before{align-items:center;display:flex;justify-content:center;line-height:1}.affilizz-button-icons .dashicons-before:before,.affilizz-button-icons .dashicons:before{font-size:16px;opacity:.7;position:relative;top:2px}.affilizz-button--primary{background:#111453;border:none;border-radius:4px;color:#fff;font-size:16px;font-weight:400;padding:10px 12px}.affilizz-button--primary:active,.affilizz-button--primary:hover{background-color:#7af4d1;color:#fff;color:#111453;cursor:pointer}.affilizz-button--primary:disabled{background:#d9deeb;color:#fff}.affilizz-button[disabled]{opacity:.25;pointer-events:none}.affilizz-button--secondary{background:#fff;border:none;border-radius:4px;box-shadow:inset 0 0 0 1px #111453;color:#111453;font-size:16px;font-weight:400;padding:10px 20px}.affilizz-button--secondary:active,.affilizz-button--secondary:hover{background-color:#111453;color:#fff;cursor:pointer}.affilizz-button--secondary:active img,.affilizz-button--secondary:hover img{filter:brightness(0) invert(1)}.affilizz-button--primary-hover:active,.affilizz-button--primary-hover:hover{background-color:#7af4d1;box-shadow:none;color:#fff;color:#111453;cursor:pointer}.affilizz-button--create{background:#ff5722;border-radius:4px;display:inline-flex;margin-bottom:4px;margin-right:5px}.affilizz-button--create a{color:#fff;font-size:13px}.affilizz-button--create a.alt{color:#fff;font-size:13px;padding:0 5px}.affilizz-button--call{background:#1dd6a1;border-radius:4px;display:inline-block;margin-bottom:4px}.affilizz-button--call a{color:#fff;font-size:13px}.affilizz-button--hollow{align-items:center;border:1px solid #fff;border-radius:4px;color:#fff;display:flex;flex-direction:row;gap:5px;justify-content:center;padding:3px 5px}.affilizz-button--hollow:active,.affilizz-button--hollow:focus,.affilizz-button--hollow:hover{color:#fff}#create-affilizz-publication,#insert-affilizz-publication,.create-affilizz-publication,.insert-affilizz-publication{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:13px;font-weight:600;justify-content:center;padding:5px 7px 6px}#create-affilizz-publication *,#insert-affilizz-publication *,.create-affilizz-publication *,.insert-affilizz-publication *{pointer-events:none}#affilizz-floating-button{background:#1dd6a1;border-radius:4px;height:40px;opacity:0;padding:0 5px 4px;position:absolute;text-decoration:none;top:0;width:25px;z-index:6000}#affilizz-floating-button:after{background:#1dd6a1;content:"";height:8px;opacity:1;position:absolute;right:-4px;top:16px;transform:rotate(45deg);width:8px}#affilizz-floating-button:active,#affilizz-floating-button:focus{box-shadow:none;outline:none}#affilizz-floating-button img{margin-top:4px}#affilizz-floating-button *{pointer-events:none}#step-success-button{color:#fff}*,:after,:before{box-sizing:border-box}.affilizz-select-option--floating{opacity:.5;z-index:9999}.affilizz-form{position:relative}.affilizz-form .ts-wrapper.single .ts-control,.affilizz-form .ts-wrapper.single .ts-control input{width:auto!important}.affilizz-form .ts-wrapper .ts-control{transition:var(--transition)!important}.affilizz-form .ts-wrapper .ts-control ::-moz-placeholder{color:var(--blue-400)!important;font-size:16px!important}.affilizz-form .ts-wrapper .ts-control ::placeholder,.affilizz-form .ts-wrapper .ts-control input{color:var(--blue-400)!important;font-size:16px!important}.affilizz-form .ts-wrapper:not(.input-active,.disabled,.has-items) .ts-control{background:var(--blue-0)!important;color:var(--blue-400)!important}.affilizz-form .ts-wrapper.has-items ::-moz-placeholder{display:none;visibility:hidden}.affilizz-form .ts-wrapper.has-items ::placeholder{display:none;visibility:hidden}.affilizz-form .ts-wrapper.input-active .ts-control{background:var(--white);box-shadow:0 0 0 .1875rem var(--stroke-green--light)!important;color:var(--blue-800)}.affilizz-form .ts-wrapper.loading .ts-control{border-radius:4px!important}.affilizz-form .ts-wrapper.loading .ts-dropdown{display:none!important}.affilizz-form__label{align-items:center;color:#404489;display:flex;flex-direction:row;font-size:12px;font-weight:400;justify-content:space-between;padding-bottom:3px}.affilizz-form__label__hint{color:#737af9;flex-shrink:1}.affilizz-form .ts-wrapper.multi .ts-control{align-items:center}.affilizz-form .ts-wrapper.multi .ts-control div{height:25px}.affilizz-form .ts-wrapper.multi .ts-control .affilizz-empty-publication-content-name{font-style:italic;font-weight:400;opacity:.5}.affilizz-form .affilizz-faux-select,.affilizz-form .ts-wrapper.multi .ts-control,.affilizz-form .ts-wrapper.single .ts-control,.affilizz-form input[type=text],.affilizz-form select{align-self:stretch;background:#fff;border:1px solid #a9b1c8;border-radius:4px;box-shadow:none;box-sizing:border-box;flex-grow:0;font-size:14px;line-height:1;max-width:100%;min-height:45px;padding:13px 8px 13px 12px;width:100%}.affilizz-form .affilizz-faux-select.dropdown-input,.affilizz-form .ts-wrapper.multi .ts-control.dropdown-input,.affilizz-form .ts-wrapper.single .ts-control.dropdown-input,.affilizz-form input[type=text].dropdown-input,.affilizz-form select.dropdown-input{border-color:#1dd6a1;margin:5px;max-width:calc(100% - 10px);min-height:30px;padding:8px 12px}.affilizz-form .affilizz-faux-select::-webkit-input-placeholder,.affilizz-form .ts-wrapper.multi .ts-control::-webkit-input-placeholder,.affilizz-form .ts-wrapper.single .ts-control::-webkit-input-placeholder,.affilizz-form input[type=text]::-webkit-input-placeholder,.affilizz-form select::-webkit-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:-moz-placeholder,.affilizz-form .affilizz-faux-select::-moz-placeholder,.affilizz-form .ts-wrapper.multi .ts-control:-moz-placeholder,.affilizz-form .ts-wrapper.multi .ts-control::-moz-placeholder,.affilizz-form .ts-wrapper.single .ts-control:-moz-placeholder,.affilizz-form .ts-wrapper.single .ts-control::-moz-placeholder,.affilizz-form input[type=text]:-moz-placeholder,.affilizz-form input[type=text]::-moz-placeholder,.affilizz-form select:-moz-placeholder,.affilizz-form select::-moz-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:-ms-input-placeholder,.affilizz-form .ts-wrapper.multi .ts-control:-ms-input-placeholder,.affilizz-form .ts-wrapper.single .ts-control:-ms-input-placeholder,.affilizz-form input[type=text]:-ms-input-placeholder,.affilizz-form select:-ms-input-placeholder{color:#a9b1c8;font-size:14px}.affilizz-form .affilizz-faux-select:focus,.affilizz-form .ts-wrapper.multi .ts-control:focus,.affilizz-form .ts-wrapper.single .ts-control:focus,.affilizz-form input[type=text]:focus,.affilizz-form select:focus{border:1px solid #404489;border-radius:4px;box-shadow:0 0 0 2px rgba(29,214,161,.5)}.affilizz-form .affilizz-faux-select:disabled,.affilizz-form .affilizz-faux-select:disabled input,.affilizz-form .ts-wrapper.multi .ts-control:disabled,.affilizz-form .ts-wrapper.multi .ts-control:disabled input,.affilizz-form .ts-wrapper.single .ts-control:disabled,.affilizz-form .ts-wrapper.single .ts-control:disabled input,.affilizz-form input[type=text]:disabled,.affilizz-form input[type=text]:disabled input,.affilizz-form select:disabled,.affilizz-form select:disabled input{background:#f0f3fa!important;border:#d9deeb!important;color:#a9b1c8!important}.affilizz-form .affilizz-faux-select .affilizz-option,.affilizz-form .ts-wrapper.multi .ts-control .affilizz-option,.affilizz-form .ts-wrapper.single .ts-control .affilizz-option,.affilizz-form input[type=text] .affilizz-option,.affilizz-form select .affilizz-option{padding-top:2px}.affilizz-form .affilizz-faux-select .recent,.affilizz-form .ts-wrapper.multi .ts-control .recent,.affilizz-form .ts-wrapper.single .ts-control .recent,.affilizz-form input[type=text] .recent,.affilizz-form select .recent{background:#a9b1c8;border-radius:4px;color:#fff;font-size:13px;margin-left:auto;padding:3px 4px}.affilizz-form .affilizz-faux-select img{margin-right:5px}.affilizz-form__field{margin:0}.affilizz-form__field .disabled .ts-control,.affilizz-form__field .disabled .ts-control input{background:#f0f3fa!important;border-color:#d9deeb!important;color:#a9b1c8!important;opacity:1!important}.affilizz-form__field .disabled .ts-control input::-moz-placeholder,.affilizz-form__field .disabled .ts-control::-moz-placeholder{color:#a9b1c8!important}.affilizz-form__field .disabled .ts-control input::placeholder,.affilizz-form__field .disabled .ts-control::placeholder{color:#a9b1c8!important}.affilizz-select-item>img{height:12px!important;padding:0!important;width:12px!important}.affilizz-select-item,.affilizz-select-option{border:none!important;box-shadow:none!important;color:#111453!important;text-shadow:none!important}.affilizz-select-item.affilizz-select-option,.affilizz-select-option.affilizz-select-option{font-weight:500}.affilizz-select-item--content-type-link,.affilizz-select-option--content-type-link{background:#ccf7fa!important}.affilizz-select-item--content-type-cta,.affilizz-select-option--content-type-cta{background:#fdf6a1!important}.affilizz-select-item--content-type-box,.affilizz-select-option--content-type-box{background:#fbdfde!important}.affilizz-select-item--content-type-card,.affilizz-select-option--content-type-card{background:#cfc7ff!important}.affilizz-select-item--content-type-carousel,.affilizz-select-option--content-type-carousel{background:#bfffbe!important}.affilizz-select-item--content-type-deal,.affilizz-select-option--content-type-deal{background:#ffa88e!important}.affilizz-select-item--text:first-letter,.affilizz-select-option--text:first-letter{text-transform:uppercase}.affilizz-select-item--content-type-deal .affilizz-select-option--subtext{color:#cb5735}.ts-dropdown-content{max-height:165px!important}.ts-dropdown-content .affilizz-select-option--subtext{color:#a9b1c8}.ts-dropdown-content{margin-bottom:0}.ts-dropdown-content .affilizz-inline-loader{align-items:center;background:#fff;color:#111453;display:flex;font-size:14px;gap:15px;justify-content:flex-start;line-height:35px;padding-left:12px}.ts-dropdown-content .affilizz-inline-loader img{max-width:20px}.ts-control>.item{font-size:1rem}#affilizz-publication-id-wrapper .ts-control>.item{align-items:center;display:flex;gap:8px;max-width:calc(100% - 34px)}#affilizz-publication-id-wrapper .ts-control>.item>.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-dropdown{border-radius:4px!important;box-shadow:0 4px 4px rgba(17,20,83,.4);margin:0!important;width:100%!important}.ts-dropdown .recent{background:#a9b1c8;border-radius:4px;color:#fff;font-size:13px;margin-left:auto;padding:2px 4px}.ts-dropdown [data-selectable].option{align-items:center;color:var(--blue-600)!important;display:flex;font-size:14px!important;padding:8px 12px!important}.ts-dropdown [data-selectable] .highlight{background:var(--background-orange--lighter)!important;border-radius:4px;color:var(--blue-600);font-size:14px;margin-right:4px;padding:0}.ts-dropdown .option{align-items:center;border-radius:4px;display:flex;min-height:35px;padding:0 0 0 12px}.ts-dropdown .affilizz-select-option{align-items:center;border-radius:4px;display:inline-flex;gap:4px;padding:4px 8px}.ts-dropdown .affilizz-select-option img{height:12px!important;padding:0!important;width:12px!important}#affilizz-publication-content-id-wrapper .ts-dropdown .option{gap:8px}#affilizz-publication-id-wrapper .ts-control:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2912_15560)'%3E%3Cg clip-path='url(%23clip1_2912_15560)'%3E%3Cpath d='m15.85 15.62-3.83-3.86a6.83 6.83 0 0 0 1.62-4.43A6.85 6.85 0 0 0 6.82.47 6.85 6.85 0 0 0 0 7.33a6.85 6.85 0 0 0 6.82 6.86 6.81 6.81 0 0 0 4.5-1.71l3.82 3.85a.5.5 0 0 0 .36.14.491.491 0 0 0 .46-.687.5.5 0 0 0-.11-.163ZM1 7.33a5.85 5.85 0 0 1 5.82-5.86 5.85 5.85 0 0 1 5.82 5.86 5.85 5.85 0 0 1-5.82 5.86A5.85 5.85 0 0 1 1 7.36v-.03Z' fill='%237A7DB0' style='fill:color(display-p3 .4798 .4913 .6917);fill-opacity:1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");content:" ";display:block;height:16px;margin-right:8px;width:16px}#affilizz-publication-id-ts-control{min-width:35%!important}

  • affilizz/trunk/assets/src/scss/common/block.scss

    r3254716 r3259019  
    187187
    188188    &__choice {
     189        padding: 0;
    189190
    190191        display: flex;
    … …  
    285286    &__button {
    286287        justify-self: start;
     288        border: none;
     289
     290        &:hover {
     291            border: none;
     292        }
    287293    }
    288294
    … …  
    478484    &__type {
    479485
     486        &__item {
     487            margin-bottom: 0;
     488        }
     489
    480490        &__list {
    481491            display: flex;
    … …  
    486496
    487497        &__button {
     498            background: #fff;
    488499            display: flex;
    489500            flex-wrap: wrap;
    … …  
    505516                flex: 0 0 100%;
    506517                font-size: rem(14);
    507                 font-weight: 600;
    508 
     518                font-weight: 400;
    509519                margin-bottom: 0;
    510520            }
    … …  
    512522            i {
    513523                font-size: rem(20);
    514                 // height: rem(20);
    515524                margin-bottom: .2em;
    516525                order: -1;
    517                 // transform: scale(1.2);
    518526            }
    519527
    … …  
    764772    &__loader  {
    765773        position: absolute;
     774        border-radius: var(--border-radius);
    766775        background: rgba(255, 255, 255, 0.9);
    767776        top: 0;
    … …  
    790799        }
    791800    }
     801
     802    &__more-button {
     803        background-color: #fff;
     804        color: #111453;
     805        border: none;
     806    }
    792807}

  • affilizz/trunk/assets/src/scss/common/blocks/form.scss

    r3254716 r3259019  
    104104            .affilizz-block__add,
    105105            .affilizz-block__remove {
     106                border: none;
     107                background: #fff;
    106108                display: flex;
    107109                width: rem(32);
    … …  
    126128
    127129        &__list {
     130            margin-bottom: 0;
    128131            & + * {
    129132                margin-top: rem(8);

  • affilizz/trunk/assets/src/scss/common/blocks/product.scss

    r3254716 r3259019  
    11@keyframes slide {
    2     0%{
     2    0% {
    33        tranform: translate(0,0);
    44    }
    5     100%{
     5    100% {
    66        transform: translate(math.div(-100%,3)*2,0);
    77    }
    88}
    99
    10 .affilizz-block{
    11     &__product{
     10.affilizz-block {
     11    &__product {
     12        text-align: left;
     13        background-color: #fff;
    1214        display: grid;
    1315        grid-template-columns: auto 1fr;
    … …  
    3840
    3941        &--brand,
    40         &--loading{
     42        &--loading {
    4143            grid-template-columns: auto auto 1fr;
    4244            grid-template-areas:
    … …  
    5456        }
    5557
    56         &--loading{
     58        &--loading {
    5759            grid-template-columns: auto auto rem(1) auto 1fr;
    5860            grid-template-rows: auto auto auto;
    … …  
    6668            transform: none !important;
    6769
    68             &::before{
     70            &::before {
    6971                display: none !important;
    7072            }
    7173
    72             &::after{
     74            &::after {
    7375                content: "";
    7476                grid-area: pipe;
    … …  
    7981            }
    8082
    81             .affilizz-block__square{
     83            .affilizz-block__square {
    8284                grid-area: square;
    8385                aspect-ratio: 1/1;
    … …  
    9698                overflow: hidden;
    9799
    98                 &::before{
     100                &::before {
    99101                    // --background-grey--lighter: red;
    100102                    content: "";
    … …  
    115117            }
    116118
    117             .affilizz-block__line{
     119            .affilizz-block__line {
    118120                min-width: rem(48);
    119                 &--1{
     121                &--1 {
    120122                    grid-area: line1;
    121123
    122                     &::before{
     124                    &::before {
    123125                        animation-delay: .25s;
    124126                    }
    125127                };
    126                 &--2{
     128                &--2 {
    127129                    grid-area: line2;
    128                     &::before{
     130                    &::before {
    129131                        animation-delay: .25s * 2;
    130132                    }
    131133                };
    132                 &--3{
     134                &--3 {
    133135                    grid-area: line3;
    134                     &::before{
     136                    &::before {
    135137                        animation-delay: .25s * 3;
    136138                    }
    137139                };
    138                 &--4{
     140                &--4 {
    139141                    grid-area: line4;
    140                     &::before{
     142                    &::before {
    141143                        animation-delay: .25s * 4;
    142144                    }
    … …  
    145147        }
    146148
    147         &::before{
     149        &::before {
    148150            content: "";
    149151            display: block;
    … …  
    164166        }
    165167
    166         &:not(.affilizz-block__product--selected):hover{
     168        &:not(.affilizz-block__product--selected):hover {
    167169            border-color: var(--stroke-color);
    168170            z-index: 3;
    169171            transform: translate(0,rem(-1));
    170             &::before{
     172            &::before {
    171173                opacity: 1;
    172174            }
    173175        }
    174176
    175         &__list{
     177        &__list {
    176178            display: flex;
    177179            flex-wrap: wrap;
    … …  
    180182        }
    181183
    182         &__item{
     184        &__item {
    183185            flex: 0 0 100%;
    184186        }
    185187
    186         &__title{
     188        &__title {
    187189            grid-area: title;
    188190            align-self: end;
    … …  
    190192        }
    191193
    192         &__brand{
     194        &__brand {
    193195            grid-area: brand;
    194196
    … …  
    199201            margin: 0;
    200202
    201             img{
     203            img {
    202204                flex: 0 0 rem(20);
    203205                max-width: rem(20);
    … …  
    205207        }
    206208
    207         &__price{
     209        &__price {
    208210            grid-area: price;
    209211
    … …  
    217219        }
    218220
    219         &__informations{
     221        &__informations {
    220222
    221223            @extend .affilizz-title, .affilizz-title--thin, .affilizz-title--xxs;
    … …  
    225227        }
    226228
    227         &__image{
     229        &__image {
    228230            grid-area: image;
    229231

  • affilizz/trunk/assets/src/scss/common/blocks/reset.scss

    r3254716 r3259019  
     1.wpview[data-wpview-type~="affilizz"], .affilizz-modal, .affilizz-component-container {
     2    p {
     3        margin: 0;
     4    }
    15
    2     /* purgecss start ignore */
     6    button {
     7        cursor: pointer;
     8    }
    39
    4 /***
    5     The new CSS reset - version 1.7.3 (last updated 7.8.2022)
    6     GitHub page: https://github.com/elad2412/the-new-css-reset
    7 ***/
     10    *,
     11    *::before,
     12    *::after {
     13        box-sizing: border-box;
     14    }
    815
    9 /*
    10     Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    11     - The "symbol *" part is to solve Firefox SVG sprite bug
    12 */
    13 *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *, path, clipPath )) {
    14     all: unset;
    15     display: revert;
     16    a, button {
     17        cursor: revert;
     18        -webkit-tap-highlight-color: transparent;
     19    }
     20
     21    ol, ul, menu {
     22        list-style: none;
     23    }
     24
     25    img {
     26        max-width: 100%;
     27    }
     28
     29    table {
     30        border-collapse: collapse;
     31    }
     32
     33    input, textarea {
     34        -webkit-user-select: auto;
     35    }
     36
     37    textarea {
     38        white-space: revert;
     39        overflow-wrap: break-word;
     40        word-wrap: break-word;
     41    }
     42
     43    meter {
     44        -webkit-appearance: revert;
     45        appearance: revert;
     46    }
     47
     48    ::placeholder {
     49        color: unset;
     50    }
     51
     52    :where([hidden]) {
     53        display: none;
     54    }
     55
     56    :where([contenteditable]:not([contenteditable="false"])) {
     57        -moz-user-modify: read-write;
     58        -webkit-user-modify: read-write;
     59        -webkit-user-select: auto;
     60    }
     61
     62    :where([draggable="true"]) {
     63        -webkit-user-drag: element;
     64    }
     65
     66    ::-webkit-details-marker{
     67        display: none;
     68    }
    1669}
    17 
    18 /* Preferred box-sizing value */
    19 *,
    20 *::before,
    21 *::after {
    22     box-sizing: border-box;
    23 }
    24 
    25 /* Reapply the pointer cursor for anchor tags */
    26 a, button {
    27     cursor: revert;
    28     -webkit-tap-highlight-color: transparent;
    29 }
    30 
    31 /* Remove list styles (bullets/numbers) */
    32 ol, ul, menu {
    33     list-style: none;
    34 }
    35 
    36 /* For images to not be able to exceed their container */
    37 img {
    38     max-width: 100%;
    39 }
    40 
    41 /* removes spacing between cells in tables */
    42 table {
    43     border-collapse: collapse;
    44 }
    45 
    46 /* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
    47 input, textarea {
    48     -webkit-user-select: auto;
    49 }
    50 
    51 /* revert the 'white-space' property for textarea elements on Safari */
    52 textarea {
    53     white-space: revert;
    54    
    55     // Prevent textarea to expand his height
    56     overflow-wrap: break-word;
    57     word-wrap: break-word;
    58 }
    59 
    60 /* minimum style to allow to style meter element */
    61 meter {
    62     -webkit-appearance: revert;
    63     appearance: revert;
    64 }
    65 
    66 /* reset default text opacity of input placeholder */
    67 ::placeholder {
    68     color: unset;
    69 }
    70 
    71 /* fix the feature of 'hidden' attribute.
    72 display:revert; revert to element instead of attribute */
    73 :where([hidden]) {
    74     display: none;
    75 }
    76 
    77 /* revert for bug in Chromium browsers
    78 - fix for the content editable attribute will work properly.
    79 - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
    80 :where([contenteditable]:not([contenteditable="false"])) {
    81     -moz-user-modify: read-write;
    82     -webkit-user-modify: read-write;
    83     overflow-wrap: break-word;
    84     -webkit-line-break: after-white-space;
    85     -webkit-user-select: auto;
    86 }
    87 
    88 /* apply back the draggable feature - exist only in Chromium and Safari */
    89 :where([draggable="true"]) {
    90     -webkit-user-drag: element;
    91 }
    92 
    93 /* hide arrow in details on safari and ios */
    94 ::-webkit-details-marker{
    95     display: none;
    96 }
    97 
    98 /* purgecss end ignore */

  • affilizz/trunk/assets/src/scss/common/modal.scss

    r3254716 r3259019  
    168168
    169169    &__loader {
     170        border-radius: var(--border-radius);
    170171        img {
    171172            animation: spin 2s linear infinite;

  • affilizz/trunk/classes/API.php

    r3254716 r3259019  
    631631                wp_send_json_error(
    632632                    array(
    633                         'message' => sprintf( __( '"%s" type is not implemented yet.', 'affilizz' ), $type ),
     633                        'message' => sprintf( __( 'The "%s" publication type is not implemented yet.', 'affilizz' ), $type ),
    634634                    )
    635635                );

  • affilizz/trunk/classes/Core.php

    r3254716 r3259019  
    191191        wp_enqueue_style( 'affilizz-admin' );
    192192        wp_enqueue_style( 'tom-select' );
    193 
    194         // In-between-versions CSS changes for the admin
    195         wp_enqueue_style( 'affilizz-external-css', ( Assets::get_instance() )->get_diverted_css_file_url(), array(), AFFILIZZ_VERSION );
    196193    }
    197194

  • affilizz/trunk/classes/Util/Analytics.php

    r3254716 r3259019  
    1919        $locale                 = explode( '_', get_locale() );
    2020        $rendering_modes        = array(
    21             'webcomponent' => __( 'Web component', 'affilizz' ),
     21            'webcomponent' => __( 'Webcomponent', 'affilizz' ),
    2222            'ssr'          => __( 'Server-side rendering (SSR)', 'affilizz' )
    2323        );
    … …  
    161161            ],
    162162            'affilizz_selective_enqueue' => [
    163                 'key'   => __( 'Selective enqueue', 'affilizz' ),
     163                'key'   => __( 'Selective assets load', 'affilizz' ),
    164164                'value' => $selective_enqueing
    165165            ],

  • affilizz/trunk/classes/Util/Cron.php

    r3254716 r3259019  
    1717     */
    1818    public function __construct() {
    19         add_action( 'affilizz_hourly_cron', [ $this, 'check_media_existence' ] );
    20         add_action( 'admin_notices', [ $this, 'display_missing_media_notice' ] );
     19        add_action( 'affilizz_hourly_cron', array( $this, 'check_media_existence' ) );
     20        add_action( 'admin_notices', array( $this, 'display_missing_media_notice' ) );
    2121
    2222        // Connect to the API
    … …  
    2525        // Schedule events
    2626        if ( ! wp_next_scheduled( 'affilizz_hourly_cron' ) ) {
    27             wp_schedule_event( time(), 'hourly', 'affilizz_hourly_cron', array( false ) );
     27            wp_schedule_event( time(), 'hourly', 'affilizz_hourly_cron', array( false ) );
    2828        }
    2929    }

  • affilizz/trunk/classes/Util/Filters.php

    r3254716 r3259019  
    2525
    2626        // Add styles to the classic editor styles
    27         add_action( 'admin_init', array( $this, 'add_editor_style' ) );
     27        add_action( 'admin_init', array( $this, 'add_editor_style_classic' ) );
     28        add_action( 'enqueue_block_assets', array( $this, 'add_editor_style_classic' ) );
    2829
    2930        // Wrap the renders in a custom container
    … …  
    8283     * @return void
    8384     */
    84     public function add_editor_style() {
     85    public function add_editor_style_classic() {
    8586        add_theme_support( 'editor-style' );
    86         add_editor_style( AFFILIZZ_URL . 'assets/dist/css/admin.css' );
     87        if ( ! empty( get_current_screen() ) && get_current_screen()->is_block_editor() ) return;
     88        add_editor_style( AFFILIZZ_URL . 'assets/dist/css/admin.css?affilizz_version = ' . AFFILIZZ_ASSETS_BUILD_VERSION );
     89    }
     90    public function add_editor_style_gutenberg() {
     91        if ( ! is_admin() ) return;
     92        if ( empty( get_current_screen() ) || ! get_current_screen()->is_block_editor() ) return;
     93        wp_enqueue_style( 'affilizz-block-admin-css', AFFILIZZ_URL . 'assets/dist/css/admin.css' );
    8794    }
    8895

  • affilizz/trunk/classes/Util/Notices.php

    r3003902 r3259019  
    1515    public function __construct() {
    1616        // Clean up a bit the top of the admin pages when notices exist
    17         add_action( 'admin_enqueue_scripts', [ $this, 'clean_administration_notices' ] );
     17        add_action( 'admin_enqueue_scripts', array( $this, 'clean_administration_notices_classic' ) );
     18        add_action( 'enqueue_block_assets', array( $this, 'clean_administration_notices_gutenberg' ) );
    1819
    1920        // Deal with the missing media states notices
    20         add_action( 'all_admin_notices', [ $this, 'display_missing_channel_notice' ] );
    21         add_action( 'all_admin_notices', [ $this, 'display_missing_media_notice' ] );
     21        add_action( 'all_admin_notices', array( $this, 'display_missing_channel_notice' ) );
     22        add_action( 'all_admin_notices', array( $this, 'display_missing_media_notice' ) );
    2223    }
    2324
    … …  
    2829     * @return void
    2930     */
    30     public function clean_administration_notices() {
     31    public function clean_administration_notices_classic() {
     32        if ( ! empty( get_current_screen() ) && get_current_screen()->is_block_editor() ) return;
     33        wp_add_inline_style( 'affilizz-admin', ':not(.notice) + .notice { margin-top: 20px; }' );
     34    }
     35    public function clean_administration_notices_gutenberg() {
     36        if ( ! is_admin() ) return;
     37        if ( empty( get_current_screen() ) || ! get_current_screen()->is_block_editor() ) return;
    3138        wp_add_inline_style( 'affilizz-admin', ':not(.notice) + .notice { margin-top: 20px; }' );
    3239    }

  • affilizz/trunk/includes/i18n.php

    r3254716 r3259019  
    1818            'link'     => __( 'Link', 'affilizz' ),
    1919            'default'  => __( 'Publication', 'affilizz' ),
    20             'box'      => __( 'Table', 'affilizz' ),
     20            'box'      => _x( 'Table', 'Used as a short version for "price table" in compact interfaces', 'affilizz' ),
    2121            'card'     => __( 'Card', 'affilizz' ),
    2222            'cta'      => __( 'Button', 'affilizz' ),
    … …  
    145145            ),
    146146            'condition' => array(
    147                 'marketplace'   => __('Market Place', 'affilizz'),
    148                 'used'          => __('Used', 'affilizz'),
    149                 'refurbished'   => __('Refurbished', 'affilizz'),
     147                'marketplace'   => __( 'Marketplace', 'affilizz' ),
     148                'used'          => __( 'Used', 'affilizz' ),
     149                'refurbished'   => __( 'Refurbished', 'affilizz' ),
    150150                'abbreviations' => array (
    151                     'marketplace' => _x('MP', 'abbreviation of Market Place', 'affilizz'),
    152                     'used'        => _x('U', 'abbreviation of used', 'affilizz'),
    153                     'refurbished' => _x('R', 'abbreviation of refurbished', 'affilizz'),
     151                    'marketplace' => _x( 'MP', 'Abbreviation for "Marketplace"', 'affilizz' ),
     152                    'used'        => _x( 'U', 'Abbreviation for used', 'affilizz' ),
     153                    'refurbished' => _x( 'R', 'abbreviation for refurbished', 'affilizz' ),
    154154                ),
    155155            )
    … …  
    208208            'search'      => __( 'Error thrown while searching products in a create scenario.', 'affilizz' ),
    209209            'offer'       => __( 'Error thrown in modal while selecting the offer.', 'affilizz' ),
    210             'contents'    => __( 'Error thrown in modal while populating content IDs.', 'affilizz' ),
    211             'publication' => __( 'Error thrown in modal while searching URL.', 'affilizz' )
     210            'contents'    => __( 'Error thrown in modal while populating the publication contents list.', 'affilizz' ),
     211            'publication' => __( 'Error thrown in modal while fetching an URL.', 'affilizz' )
    212212        )
    213213    )

  • affilizz/trunk/init.php

    r3254716 r3259019  
    55 * Author URI: https://www.affilizz.com
    66 * Author: Affilizz, Dewizz SAS <wordpress@affilizz.com>
    7  * Version: 1.15.0
     7 * Version: 1.15.1
    88 * Requires at least: 5.9
    99 * Requires PHP: 7.3.0
    … …  
    1313if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
    1414
    15 define( 'AFFILIZZ_VERSION', '1.15.0' );
    16 define( 'AFFILIZZ_ASSETS_BUILD_VERSION', '18hBOULky6sAQlmA' );
     15define( 'AFFILIZZ_VERSION', '1.15.1' );
     16define( 'AFFILIZZ_ASSETS_BUILD_VERSION', 'lB2WutOuF1C7nE9C' );
    1717
    1818foreach ( array(
    … …  
    2626
    2727register_activation_hook( __FILE__, array( 'Affilizz\Install', 'install' ) );
    28 register_uninstall_hook( __FILE__, array( 'Affilizz\Install', 'uninstall' ) );
     28register_uninstall_hook( __FILE__, array( 'Affilizz\Core', 'uninstall' ) );
    2929
    3030// Allows translation of the plugin name

  • affilizz/trunk/readme.txt

    r3254716 r3259019  
    11=== Affilizz ===
    22Contributors: affilizz, romaincarlier
    3 Tags: gutenberg, affilizz, editor, block, affiliation, affiliate, ads
     3Tags: affilizz, block, affiliation, affiliate, ads
    44Requires at least: 5.9
    55Tested up to: 6.7.2
    6 Stable tag: 1.15.0
     6Stable tag: 1.15.1
    77Requires PHP: 7.3.0
    88License: GPLv2 or later
    … …  
    5353== Changelog ==
    5454
     55= 1.15.1 =
     56
     57* Fixes an issue when uninstalling / deleting the plugin from the plugins page in the back-office.
     58* Fixes PHP notations for the array callbacks in hooks.
     59* Fixes a warning while loading admin.css and inline admin styles for gutenberg (moved to enqueue_block_assets).
     60* Changes some translation source strings.
     61
    5562= 1.15.0 =
    5663
    … …  
    6269  * **Added** : An opening screen to choose between two modes to add affiliate content :
    6370    * Direct creation of affiliate widgets using textual search or merchant URL.
    64     * Allows for creation of magic links, multi- and mono-merchant buttons, price tables, card badges,
     71    * Allows for creation of magic links, multi- and mono-merchant buttons, price tables, card badges, (AI) deals, carousels.
    6572    * Browsing publications previously created in Affilizz to add affiliate widgets.
    6673  * **Added** : Administration options to share technical details to improve customer support.
    6774    * For developers : Technical output in the browser console.
    6875    * For users : Actionable in the administration pages in the back-office.
    69   * **Added :** Support for carousels / deals both in insertion and creation.
     76  * **Added** : Support for carousels / deals both in insertion and creation.
    7077  * **Added** : Creation of groups of content *(TinyMCE version only)*
    7178  * **Added** : Support for new code hooks to customize your Affilizz integration.
    … …  
    9097  * **Added** : All translations are now dealt with in a single file, PHP-side (i18n.php) to facilitate custom translations.
    9198    * The *affilizz_publications_javascript_l10n* filters allows to alter these imported translations.
    92   * **Improved** : Pre-rendering of affilizz blocks shortcodes allow for a 90% load time improvement on the edit pages (the more complex the greater the time gain).
     99  * **Improved** : Pre-rendering of Affilizz blocks shortcodes allow for a 90% load time improvement on the edit pages (the more complex the greater the time gain).
    93100  * **Improved** : Cache management for SSR / webcomponents situations.
    94101  * **Improved** : Allowed tags and attributes for the KSES filtering of the administration pages and scripts renders.
    … …  
    135142  * Adds class attributes to allowed tags and attributes in the plugin.
    136143  * Adds translations for the button opening process.
    137   * Limits searches in the publications table to local- and affilizz- ids columns.
     144  * Limits searches in the publications table to local- and Affilizz- ids columns.
    138145  * Prepares the works to move to the react-based version of the plugin.
    139146
    … …  
    146153* Changes local caching logic to only store in database cached version of SSR renders (not webcomponents).
    147154* Fixes various issues with the diverted asset file path (local cached version of the Affilizz assets).
    148 * Rewrites the selective enqueueing logic.
     155* Rewrites the selective assets loading logic.
    149156* Adds filters for multiple plugin variables :
    150157  * affilizz_publication_transient_key
    … …  
    225232* Updates translation files.
    226233* Updates the local caching mechanism to use real files and avoid rewriting after report of bugs from a user.
    227 * Adds option to delete the affilizz table.
     234* Adds option to delete the Affilizz table.
    228235* Moves the creation of the table to the insertion of blocks, thus being less invasive for testers.
    229236* Allows to load the rendering script selectively.
    … …  
    237244* Adds support for card format (from Affilizz).
    238245* Updates translation files.
    239 * Adds a verification of the need to regenerate tinyMCE previews of the affilizz blocks.
     246* Adds a verification of the need to regenerate tinyMCE previews of the Affilizz blocks.
    240247
    241248= 1.10.0 =

  • affilizz/trunk/templates/administration/page/settings/rendering.php

    r3167531 r3259019  
    44    $rendering_modes = array(
    55        'webcomponent' => array(
    6             'title'       => __( 'Web component (default)', 'affilizz' ),
     6            'title'       => __( 'Webcomponent (default)', 'affilizz' ),
    77            'description' => sprintf( __( '%1$sRecommended%2$s - Your affiliate content is loaded after the page.', 'affilizz' ), '<em>', '</em>' ) . ' ' . __( 'There is no conflict possible with your CSS&hellip;', 'affilizz' )
    88        ), 'ssr' => array(

  • affilizz/trunk/templates/administration/page/settings/technical.php

    r3254716 r3259019  
    2929        <li><?php _e( 'If you encounter issued where ads are displayed in the back-office editor but not on the live website', 'affilizz' ); ?> ;</li>
    3030        <li><?php _e( 'If you notice a script being rejected by standard adblockers', 'affilizz' ); ?> ;</li>
    31         <li><?php _e( 'If you are requested to do so by an affilizz administrator', 'affilizz' ); ?>.</li>
     31        <li><?php _e( 'If the Affilizz support team requests you to do so', 'affilizz' ); ?>.</li>
    3232    </ul>
    3333</div>
    … …  
    4242            <input type="checkbox" id="affilizz-selective-enqueue" name="affilizz-selective-enqueue" value="1" <?php checked( 1 == (int) get_option( 'affilizz_selective_enqueue' ), true, true ); ?> />
    4343            <span class="affilizz-field__label">
    44                 <?php _e( 'Enable selective script enqueuing', 'affilizz' ); ?>
     44                <?php _e( 'Enable conditional script loading', 'affilizz' ); ?>
    4545                <small><?php _e( 'Only load the script on pages containing our rendering tags.', 'affilizz' ); ?></small>
    4646            </span>

  • affilizz/trunk/templates/administration/page/wizard/success.php

    r2963967 r3259019  
    1010    <div class="step__help step__help--no-icon">
    1111        <div class="step__help__content">
    12             <h3><?php _e( 'You are all set!', 'affilizz' ); ?></h3>
     12            <h3><?php _e( 'You have completed the setup process', 'affilizz' ); ?></h3>
    1313            <p><?php _e( 'You can now insert any affiliate content from Affilizz into your pages. Start by :', 'affilizz' ); ?></p>
    1414            <ol class="list list--numbered list--numbered-accent">
Note: See TracChangeset for help on using the changeset viewer.