.tech-section{padding:20px 5px}.tech-container{display:flex;flex-direction:column;align-items:center}.tech-container>*{flex-grow:1}.tech-content{display:flex;justify-content:center;align-items:center}.tech-content h3{text-align:center}.tech-image-list{display:flex;flex-direction:column;align-items:center;justify-content:center}.tech-image{display:flex;justify-content:center;align-items:center}.tech-image img{width:100%;max-width:420px;height:auto;cursor:pointer}@media (min-width: 600px){.tech-container{flex-direction:row}}.dots-accordion-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:32px;min-height:900px;padding:32px 0}@media screen and (max-width: 1200px){.dots-accordion-container{flex-direction:column}}.dots-accordion-container>*{flex:1}.dots-accordion-container>div:first-child{flex-grow:2}.dots-accordion-container>div:last-child{flex-grow:1}.dots-image .hero__pic img{border-radius:var(--border-radius)}.dots-image{position:relative}.dots-image .dot-container{position:absolute;top:var(--coordinate-y, 0%);left:var(--coordinate-x, 0%);width:28px;height:28px}.dots-image .dot-container button{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;border-radius:50%;padding:0;border:none;background-color:var(--color-button-secondary-background);color:var(--color-button-secondary-text);cursor:pointer;transition:all .1s ease}.dots-image .dot-container button.active{background-color:var(--color-button-primary-background);color:var(--color-button-primary-text)}.dots-image .dot-container button img{width:16px;height:16px;transition:all .5s ease}.dots-image .dot-container button.active img{transform:rotate(45deg);filter:invert(1)}@media screen and (max-width: 768px){.dots-image .dot-container{width:20px;height:20px}.dots-image .dot-container button{font-size:16px}}.dots-image .dot-container .ping-effect{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;border-radius:50%;background-color:var(--color-button-secondary-background);opacity:.75;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.dots-image .dot-container button.active+.ping-effect{background-color:var(--color-button-primary-background)}.dots-accordion{width:100%;height:100%;interpolate-size:allow-keywords}.dots-accordion details{height:auto;padding:20px 0;transition:all .5s ease}.dots-accordion details:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.dots-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .5s ease}.dots-accordion summary::marker{content:"";justify-self:end}.dots-accordion summary .summary-title{display:flex;align-items:center;gap:8px}.dots-accordion summary .summary-icon{display:flex;align-items:center;justify-content:center}.dots-accordion summary .summary-icon img{width:16px;height:16px;transition:transform .5s ease}.dots-accordion details::details-content{transition:all .5s ease,content-visibility .5s allow-discrete;height:0;overflow:clip;padding-left:28px;padding-right:20px}.dots-accordion details[open]::details-content{height:auto}.dots-accordion details[open] summary .summary-icon img{transform:rotate(45deg)}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */