.ntop-solution-note{font-size:13px;color:#6b7280;text-align:left;white-space:nowrap;overflow-x:auto;margin:0 0 26px}.ntop-solution-layout{display:grid;gap:2px;background:#000}.ntop-solution-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:#000}.ntop-solution-tabs__btn{appearance:none;-webkit-appearance:none;--solution-overlay-opacity: 0;position:relative;display:block;width:100%;padding:0;border:0;border-radius:0;background:#fff;color:#001c29;line-height:1;aspect-ratio:370 / 380;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-align:left;transition:none}@media(hover:hover)and (pointer:fine){.ntop-solution-tabs__btn:hover{transform:none}.ntop-solution-tabs__btn:hover:after{--solution-overlay-opacity: .5;opacity:1}}.ntop-solution-tabs__btn.is-active{border-color:transparent}.ntop-solution-tabs__btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--solution-overlay-opacity));opacity:0;pointer-events:none;transition:opacity .2s ease}.ntop-solution-tabs__btn.is-active:after{--solution-overlay-opacity: .8;opacity:1}.ntop-solution-tabs__btn.is-active .ntop-solution-tabs__body{color:#fff}.ntop-solution-tabs__image{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:380px;background:#dce3e8;color:#718291;font-size:12px;font-weight:700;line-height:1.5;text-align:center;overflow:hidden}.ntop-solution-tabs__image img{width:100%;height:100%;object-fit:cover}.ntop-solution-tabs__body{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-content:center;gap:12px;padding:20px;background:transparent;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.48);transition:color .2s ease}.ntop-solution-tabs__name{font-size:22px;font-weight:900;letter-spacing:0}.ntop-solution-tabs__sp-break{display:none}.ntop-solution-tabs__en{color:#bca66a;font-family:din-2014-narrow,Oswald,sans-serif;font-size:16.5px;font-weight:800;letter-spacing:.06em}.ntop-solution-tabs__menu{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:transparent;color:#fff;font-family:Assistant,sans-serif;font-size:16.5px;font-weight:800;letter-spacing:.06em;line-height:1;text-align:center}.ntop-solution-tabs__menu:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:0;border-radius:inherit;background:#0000004d}.ntop-solution-tabs__menu-ring{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1;transform:rotate(-90deg)}.ntop-solution-tabs__menu-ring circle{stroke-dasharray:132;stroke-dashoffset:0}@media(hover:hover)and (pointer:fine){.ntop-solution-tabs__btn:hover .ntop-solution-tabs__menu-ring circle{animation:solution-menu-circle-redraw .65s ease-out}}@keyframes solution-menu-circle-redraw{0%{stroke-dashoffset:132}to{stroke-dashoffset:0}}.ntop-solution-tabs__menu span:not(.ntop-solution-tabs__menu-arrow){grid-area:1 / 1;z-index:2;font-size:.92em;transform:translateY(-2.56px)}.ntop-solution-tabs__menu-arrow{grid-area:1 / 1;z-index:2;align-self:end;margin-bottom:8px;font-size:.75em}.ntop-solution-tabs__btn.is-active .ntop-solution-tabs__menu span{opacity:0}.ntop-solution-tabs__btn.is-active .ntop-solution-tabs__menu:after{content:"";position:absolute;z-index:2;width:21.6px;height:21.6px;background:linear-gradient(currentColor,currentColor) center / 100% 1px no-repeat,linear-gradient(currentColor,currentColor) center / 1px 100% no-repeat;transform:rotate(45deg)}.ntop-solution-panels{display:none;max-height:0;overflow:hidden;opacity:0;transform:translateY(0);transition:max-height .6s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .6s cubic-bezier(.22,1,.36,1);margin:0}.ntop-solution-panels.has-active-panel{display:block;max-height:var(--solution-panel-height, 0);opacity:1;transform:translateY(0);margin:0 0 4px}.ntop-solution-panels--bottom{margin-bottom:4px}.ntop-solution-panel{display:none}.ntop-solution-panel.is-active{display:block;background:#000;padding:64px 26px 80px;animation:solution-panel-soft-show .42s ease both}.ntop-solution-panels--bottom .ntop-solution-panel.is-active{padding:64px 26px 16px}@keyframes solution-panel-soft-show{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ntop-solution-panel__head{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.ntop-solution-panel__lead{color:#bca66a;font-size:28px;font-weight:700;line-height:1.6}.ntop-challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ntop-challenge-card{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:13px 16px;border:1px solid #ffffff;border-radius:3px;background:#000;color:#fff;font-size:17.6px;font-weight:800;line-height:1.45;min-width:0;transition:border-color .2s ease,background-color .2s ease}.ntop-solution-panel.is-active .ntop-challenge-card{opacity:0;animation:challenge-card-fade-in .45s ease forwards}.ntop-solution-panel.is-active .ntop-challenge-card:nth-child(1){animation-delay:.08s}.ntop-solution-panel.is-active .ntop-challenge-card:nth-child(2){animation-delay:.16s}.ntop-solution-panel.is-active .ntop-challenge-card:nth-child(3){animation-delay:.24s}.ntop-solution-panel.is-active .ntop-challenge-card:nth-child(4){animation-delay:.32s}.ntop-solution-panel.is-active .ntop-challenge-card:nth-child(5){animation-delay:.4s}.ntop-solution-panel.is-active .ntop-challenge-card:nth-child(6){animation-delay:.48s}.ntop-solution-panel.is-active .ntop-challenge-card:nth-child(7){animation-delay:.56s}.ntop-solution-panel.is-active .ntop-challenge-card:nth-child(8){animation-delay:.64s}@keyframes challenge-card-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ntop-challenge-card span{margin-left:12px;color:#fff;font-size:21px;transition:color .2s ease}@media(hover:hover)and (pointer:fine){.ntop-challenge-card:hover{border-color:#fff;background:#fff;color:#000}.ntop-challenge-card:hover span{color:#000}}@media(max-width:768px){.ntop-solution-note{white-space:normal;overflow:visible;margin-bottom:28px}.ntop-solution-layout{gap:2px}.ntop-solution-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.ntop-solution-tabs__btn{aspect-ratio:auto}.ntop-solution-tabs__image{min-height:240px}.ntop-solution-tabs__body{padding:18px 20px}.ntop-solution-tabs__name{font-size:16px}.ntop-solution-tabs__sp-break{display:inline}.ntop-solution-tabs__body{gap:7px}.ntop-solution-panels{margin:0 0 4px}.ntop-solution-panel.is-active{padding:20px}.ntop-solution-panel__head{display:grid;gap:14px}.ntop-solution-panel__lead{font-size:18px;line-height:1.5}.ntop-challenge-grid{grid-template-columns:1fr;gap:12px}.ntop-challenge-card{font-size:14px}.ntop-challenge-card span{font-size:15px}}.ntop-solution.is-restoring .ntop-solution-panels,.ntop-solution.is-restoring .ntop-solution-panel,.ntop-solution.is-restoring .ntop-challenge-card{transition:none;animation:none;opacity:1}
/*# sourceMappingURL=/cdn/shop/t/96/assets/ntop-solution.css.map */