@media (max-width:767px){.circle-icon{align-items:center;border:var(--border-width) solid #bbb;border-radius:9999px;display:flex;height:var(--icon-size);justify-content:center;width:var(--icon-size)}}@media (min-width:768px) and (max-width:1023px){.circle-icon{align-items:center;border:var(--border-width) solid #bbb;border-radius:9999px;display:flex;height:var(--icon-size);justify-content:center;width:var(--icon-size)}}@media (min-width:1024px){.circle-icon{align-items:center;border:var(--border-width) solid #bbb;border-radius:9999px;display:flex;height:var(--icon-size);justify-content:center;width:var(--icon-size)}}@media (max-width:767px){.circle-icon--active{border-color:var(--icon-color)}}@media (min-width:768px) and (max-width:1023px){.circle-icon--active{border-color:var(--icon-color)}}@media (min-width:1024px){.circle-icon--active{border-color:var(--icon-color)}}@media (max-width:767px){.circle-icon__inner{border-radius:9999px;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}}@media (min-width:768px) and (max-width:1023px){.circle-icon__inner{border-radius:9999px;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}}@media (min-width:1024px){.circle-icon__inner{border-radius:9999px;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}}@media (max-width:767px){.circle-icon--active .circle-icon__inner{--tw-scale-x:.8;--tw-scale-y:.8;background-color:transparent;background-color:var(--icon-color);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:768px) and (max-width:1023px){.circle-icon--active .circle-icon__inner{--tw-scale-x:.8;--tw-scale-y:.8;background-color:transparent;background-color:var(--icon-color);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:1024px){.circle-icon--active .circle-icon__inner{--tw-scale-x:.8;--tw-scale-y:.8;background-color:transparent;background-color:var(--icon-color);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}