.glasses-detail-item{content:"";position:relative}.glasses-detail-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.1rem;background-color:var(--primary)}.glasses-details-list{margin:0}.border-principal{--bs-border-opacity: 1;border-color:rgba(var(--primary),var(--bs-border-opacity))!important}.border-top-2{border-top:2px var(--bs-border-style) var(--primary)!important}.detail-toggle-container{position:relative;padding:12px;cursor:pointer}.clickable{cursor:pointer}.try-on-button{border-radius:50% 50% 50% 0;width:7rem;height:7rem}.triangle{--angle: -90deg;position:absolute;right:0;top:50%;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%) rotate(var(--angle));transition:transform 2.5s ease}.triangle.rotated{--angle: 0deg}.triangle .triangle-shape{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--primary);animation:triangle-pulse 3.6s ease-in-out infinite;transform-origin:50% 60%}@keyframes triangle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.detail-toggle-container:hover .triangle .triangle-shape,.detail-toggle-container:focus .triangle .triangle-shape{animation-duration:3s}@media(prefers-reduced-motion:reduce){.triangle .triangle-shape{animation:none}}