@keyframes showModal{0%{transform:translate(110%)}to{transform:translate(0)}}@keyframes hideModal{0%{transform:translate(0)}to{transform:translate(110%)}}.b-icon{align-items:center;border-radius:50%;display:inline-flex;height:2.4rem;justify-content:center;overflow:hidden;position:relative;width:2.4rem;--tw-text-opacity:1;color:rgb(40 33 31/var(--tw-text-opacity,1))}@media(min-width:821px){.b-icon{height:6rem;max-width:6rem;width:6rem}}@media(any-hover:hover){.b-icon.-hover .b-icon__border.--mask,.b-icon:focus-visible .b-icon__border.--mask,.b-icon:hover .b-icon__border.--mask{--radar-mask:100%}.b-icon.-hover .b-icon__border.--unmask,.b-icon:focus-visible .b-icon__border.--unmask,.b-icon:hover .b-icon__border.--unmask{--radar-unmask:100%}.b-icon.-hover .b-icon__inner,.b-icon:focus-visible .b-icon__inner,.b-icon:hover .b-icon__inner{--tw-bg-opacity:1!important;background-color:rgb(231 32 19/var(--tw-bg-opacity,1))!important}.b-icon.-hover.-red .b-icon__inner,.b-icon:focus-visible.-red .b-icon__inner,.b-icon:hover.-red .b-icon__inner{--tw-bg-opacity:1!important;background-color:rgb(40 33 31/var(--tw-bg-opacity,1))!important}.b-icon.-hover.-red .b-icon__icon,.b-icon:focus-visible.-red .b-icon__icon,.b-icon:hover.-red .b-icon__icon{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.b-icon.-hover.-transparent .b-icon__icon,.b-icon:focus-visible.-transparent .b-icon__icon,.b-icon:hover.-transparent .b-icon__icon{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.b-icon.-black{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.b-icon.-black .b-icon__inner{--tw-bg-opacity:1;background-color:rgb(40 33 31/var(--tw-bg-opacity,1))}.b-icon.-red,.b-icon.-red .b-icon__icon{--tw-text-opacity:1;color:rgb(231 32 19/var(--tw-text-opacity,1))}.b-icon.-white,.b-icon.-white .b-icon__icon{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.b-icon__border{height:100%;left:0;position:absolute;top:0;transform:rotate(-10deg);width:100%}.b-icon__border.--mask{--radar-mask:0%;--gradient-length:0%;-webkit-mask-image:conic-gradient(transparent,transparent calc(var(--radar-mask) + var(--gradient-length)),#fff var(--radar-mask));mask-image:conic-gradient(transparent,transparent calc(var(--radar-mask) + var(--gradient-length)),#fff var(--radar-mask));transition:--radar-mask .4s ease}.b-icon__border.--unmask{--radar-unmask:0%;--gradient-length:0%;-webkit-mask-image:conic-gradient(#fff var(--radar-unmask),transparent calc(var(--radar-unmask) + var(--gradient-length)),transparent);mask-image:conic-gradient(#fff var(--radar-unmask),transparent calc(var(--radar-unmask) + var(--gradient-length)),transparent);transition:--radar-unmask .4s ease}.b-icon__inner{border-radius:50%;height:100%;left:50%;position:absolute;top:50%;width:100%}@media(min-width:821px){.b-icon__inner{height:50%;width:50%}}.b-icon__inner{transition:background-color .3s ease}.b-icon__icon,.b-icon__inner{transform:translate(-50%,-50%)}.b-icon__icon{display:block;height:1.6rem;left:50%;position:absolute;top:50%;transition:color .3s ease;width:1.6rem}a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span).-hover .b-icon__border.--mask,a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span):focus-visible .b-icon__border.--mask,a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span):hover .b-icon__border.--mask{--radar-mask:100%}a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span).-hover .b-icon__border.--unmask,a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span):focus-visible .b-icon__border.--unmask,a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span):hover .b-icon__border.--unmask{--radar-unmask:100%}a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span).-hover .b-icon.-black .b-icon__inner,a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span):focus-visible .b-icon.-black .b-icon__inner,a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span):hover .b-icon.-black .b-icon__inner{--tw-bg-opacity:1;background-color:rgb(231 32 19/var(--tw-bg-opacity,1))}a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span).-hover .b-icon.-transparent .b-icon__icon,a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span):focus-visible .b-icon.-transparent .b-icon__icon,a:has(.b-icon.-span):not(.-is-touch) a:has(.b-icon.-span):hover .b-icon.-transparent .b-icon__icon{--tw-text-opacity:1;color:rgb(231 32 19/var(--tw-text-opacity,1))}