icon-details{background-color:#f8f7f3;display:block;padding:32px 0 24px}@media (min-width:768px){icon-details{padding:56px 0 40px}}icon-details .id__box{margin-left:auto;margin-right:auto;max-width:1326px;padding-left:16px;padding-right:16px;width:100dvw}@media (min-width:1280px){icon-details .id__box{padding-left:32px;padding-right:32px}}@media (min-width:1328px){icon-details .id__box{padding-left:48px;padding-right:48px}}icon-details .id__headline h3{color:#0d0d0d;font-family:PPNeueMontreal-medium,sans-serif;font-size:24px;font-weight:400;letter-spacing:0;line-height:87%}@media (min-width:768px){icon-details .id__headline h3{font-size:32px;line-height:96%;width:70%}}@media (min-width:1280px){icon-details .id__headline h3{font-size:40px;line-height:110%}}icon-details .id__details{padding:32px 0 24px}@media (min-width:768px){icon-details .id__details{padding:56px 0}icon-details .id__details .swiper-wrapper{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}}icon-details .id__detail{background-color:#fff;border-radius:10px;box-shadow:0 7px 13px -10px hsla(0,0%,5%,.14);display:flex;flex-direction:column;padding:16px}@media (max-width:767px){icon-details .id__detail{flex:0 0 240px;height:auto!important}}@media (min-width:768px){icon-details .id__detail{padding:24px}}icon-details .id__detail-icon{height:40px;width:40px}@media (min-width:768px){icon-details .id__detail-icon{height:64px;width:64px}}icon-details .id__detail-icon img{display:block;height:auto}icon-details .id__detail-text{color:#0d0d0d;font-family:PPNeueMontreal-bold,sans-serif;font-size:20px;font-weight:400;letter-spacing:0;line-height:120%;margin-top:8px}icon-details .id__detail-text span{color:var(--d_highlight,inherit)}icon-details .id__progress-bar{align-items:center;display:flex;gap:16px;margin-top:8WWWpx}@media (min-width:768px){icon-details .id__progress-bar{display:none}}icon-details .id__progress-track{background-color:#e8e8e8;border-radius:1px;flex-grow:1;height:2px;overflow:hidden;position:relative}icon-details .id__navigation{background-color:#e8e8e8;border-radius:14px;display:flex;flex-shrink:0;gap:0;gap:8px;height:28px;overflow:hidden;padding:0 4px}icon-details .id__navigation button{align-items:center;background:none;border:none;color:#0d0d0d;cursor:pointer;display:flex;height:100%;justify-content:center;padding:0 8px}icon-details .id__navigation button:first-child{border-right:1px solid #e8e8e8}icon-details .id__navigation button .id__icon{fill:#0d0d0d;height:10px;width:10px}icon-details .id__navigation button:disabled{cursor:not-allowed;opacity:.5}