.atn-ci-cmp{background:var(--cic-bg);padding-top:var(--cic-pad-top);padding-bottom:var(--cic-pad-bottom)}.atn-ci-cmp__container{max-width:100%}.atn-ci-cmp__container--full{width:100%;max-width:none;padding-inline:16px}.atn-ci-cmp__panel{padding:var(--cic-panel-pad);border:1px solid var(--cic-panel-border-c);border-radius:var(--cic-panel-radius);background:var(--cic-panel-bg)}.atn-ci-cmp__heading{margin:0 0 6px;width:auto;max-width:none;color:var(--cic-heading-c);font-weight:700;line-height:1.25;text-transform:uppercase;letter-spacing:.05em}.atn-ci-cmp__text{margin:0 0 14px;color:var(--cic-text-c);line-height:1.45}.atn-ci-cmp__controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.atn-ci-cmp__field{display:flex;flex-direction:column;gap:5px;flex:1 1 200px;min-width:0}.atn-ci-cmp__field label{color:var(--cic-text-c);line-height:1.2}.atn-ci-cmp__select{width:100%;padding:10px 12px;border:1px solid var(--cic-field-border-c);border-radius:5px;background:var(--cic-field-bg);color:var(--cic-field-c);font-family:inherit;line-height:1.2;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 16px center,right 11px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.atn-ci-cmp__select:focus-visible{outline:2px solid var(--cic-bar-home);outline-offset:1px}.atn-ci-cmp__chart{display:flex;align-items:flex-end;justify-content:center;gap:40px;min-height:var(--cic-chart-h);margin-top:18px}.atn-ci-cmp__chart:empty{display:none}.atn-ci-cmp__bar{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.atn-ci-cmp__bar-value{color:var(--cic-field-c);font-weight:700;line-height:1.2;white-space:nowrap}.atn-ci-cmp__bar-track{display:flex;align-items:flex-end;width:var(--cic-bar-w);height:var(--cic-chart-h);border-radius:3px;background:var(--cic-track-bg)}.atn-ci-cmp__bar-fill{display:block;width:100%;border-radius:3px;background:var(--cic-bar-other);transition:height .35s ease}.atn-ci-cmp__bar--home .atn-ci-cmp__bar-fill{background:var(--cic-bar-home)}.atn-ci-cmp__bar-label{color:var(--cic-text-c);line-height:1.2;text-align:center}.atn-ci-cmp__empty{margin:14px 0 0;color:var(--cic-text-c);line-height:1.4;text-align:center}.atn-ci-cmp .atn-cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:2px solid transparent;border-radius:5px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.05em;line-height:normal;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.atn-ci-cmp .atn-cm-btn__arrow{flex:0 0 auto;width:14px;height:14px;transition:transform .18s ease}.atn-ci-cmp .atn-cm-btn:hover .atn-cm-btn__arrow,.atn-ci-cmp .atn-cm-btn:focus-visible .atn-cm-btn__arrow{transform:translate(3px)}.atn-ci-cmp .atn-cm-btn--primary{color:#001425;background:linear-gradient(180deg,#f6c641,#f5b51b 55%,#e3a400);box-shadow:0 6px 18px #f5b51b47}.atn-ci-cmp .atn-cm-btn--primary:hover,.atn-ci-cmp .atn-cm-btn--primary:focus-visible{color:#001425;transform:translateY(-2px);box-shadow:0 12px 26px #f5b51b6b}.atn-ci-cmp .atn-cm-btn--secondary{color:#f5b51b;background:#00132659;border-color:#e3a400}.atn-ci-cmp .atn-cm-btn--secondary:hover,.atn-ci-cmp .atn-cm-btn--secondary:focus-visible{color:#001425;background:#f5b51b;border-color:#f5b51b;transform:translateY(-2px)}.atn-ci-cmp .atn-cm-btn--ghost{color:#fff;background:transparent;border-color:#ffffff8c}.atn-ci-cmp .atn-cm-btn--ghost:hover,.atn-ci-cmp .atn-cm-btn--ghost:focus-visible{color:#f5b51b;border-color:#f5b51b;transform:translateY(-2px)}.atn-ci-cmp .atn-cm-btn--dark{color:#fff;background:#001425;border-color:#1e3a5c}.atn-ci-cmp .atn-cm-btn--dark:hover,.atn-ci-cmp .atn-cm-btn--dark:focus-visible{color:#f5b51b;border-color:#f5b51b;transform:translateY(-2px)}@media(max-width:749px){.atn-ci-cmp__field{flex:1 1 100%}.atn-ci-cmp__controls .atn-cm-btn{width:100%}.atn-ci-cmp__chart{gap:26px}}@media(prefers-reduced-motion:reduce){.atn-ci-cmp__bar-fill,.atn-ci-cmp .atn-cm-btn,.atn-ci-cmp .atn-cm-btn__arrow{transition:none}.atn-ci-cmp .atn-cm-btn:hover,.atn-ci-cmp .atn-cm-btn:focus-visible,.atn-ci-cmp .atn-cm-btn:hover .atn-cm-btn__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-atn-ci-compare.css.map */