@keyframes outIn-1343bbc4{0%{transform:translate(0)}50%{transform:translate(calc(var(--_icon-r)*.5))}50.01%{transform:translate(calc(var(--_icon-r)*-.5))}to{transform:translate(0)}}@layer components.global{.icon-arrow[data-v-1343bbc4]{display:inline-block;aspect-ratio:1/1;border-radius:50%;position:relative;overflow:clip;background-color:var(--icon-bg-color,var(--_icon-bg-color,transparent));transition:background-color .3s ease;width:var(--_icon-r)}.icon-arrow[data-size=xs][data-v-1343bbc4]{--_icon-size:25%;--_icon-r:10px}.icon-arrow[data-size=sm][data-v-1343bbc4]{--_icon-size:25%;--_icon-r:12px}.icon-arrow[data-size=md][data-v-1343bbc4]{--_icon-size:25%;--_icon-r:15px}.icon-arrow[data-size=lg][data-v-1343bbc4]{--_icon-size:20%;--_icon-r:20px}.icon-arrow[data-color=black-white][data-v-1343bbc4]{--_icon-color:var(--Border-Contrast, #fff);--_icon-bg-color:var(--Surface-Contrast, #1a1a23)}@media(any-hover:hover){a:hover .icon-arrow[data-color=black-white][data-v-1343bbc4][data-v-1343bbc4]:not([data-hover=opacity]){--_icon-color:var(--Surface-Contrast, #1a1a23);--_icon-bg-color:var(--Border-Contrast, #fff)}}.icon-arrow[data-color=black-red][data-v-1343bbc4]{--_icon-color:var(--Border-Contrast, #fff);--_icon-bg-color:var(--Surface-Contrast, #1a1a23)}@media(any-hover:hover){a:hover .icon-arrow[data-color=black-red][data-v-1343bbc4][data-v-1343bbc4]:not([data-hover=opacity]){--_icon-bg-color:var(--Surface-Accent-Primary, #ff1a1a)}}.icon-arrow[data-color=white-black][data-v-1343bbc4]{--_icon-color:var(--Surface-Contrast, #1a1a23);--_icon-bg-color:var(--Border-Contrast, #fff)}@media(any-hover:hover){a:hover .icon-arrow[data-color=white-black][data-v-1343bbc4][data-v-1343bbc4]:not([data-hover=opacity]){--_icon-bgcolor:var(--Surface-Contrast, #1a1a23);--_icon-color:var(--Border-Contrast, #fff)}}.icon-arrow[data-color=red-white][data-v-1343bbc4]{--_icon-bg-color:var(--Surface-Accent-Primary, #ff1a1a);--_icon-color:var(--Border-Contrast, #fff)}@media(any-hover:hover){a:hover .icon-arrow[data-color=red-white][data-v-1343bbc4][data-v-1343bbc4]:not([data-hover=opacity]){--_icon-color:var(--Surface-Accent-Primary, #ff1a1a);--_icon-bg-color:var(--Border-Contrast, #fff)}}.icon-arrow[data-color=white-red][data-v-1343bbc4]{--_icon-color:var(--Surface-Accent-Primary, #ff1a1a);--_icon-bg-color:var(--Border-Contrast, #fff)}@media(any-hover:hover){a:hover .icon-arrow[data-color=white-red][data-v-1343bbc4][data-v-1343bbc4]:not([data-hover=opacity]){--_icon-bg-color:var(--Surface-Accent-Primary, #ff1a1a);--_icon-color:var(--Border-Contrast, #fff)}}.icon-arrow[data-v-1343bbc4]:after{content:"";display:block;background-color:var(--icon-color,var(--_icon-color));-webkit-mask-image:url(../assets/img/icon/right-arrow-mask.svg);mask-image:url(../assets/img/icon/right-arrow-mask.svg);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;aspect-ratio:1/2;position:absolute;top:50%;left:55%;translate:-50% -50%;width:var(--_icon-size)}@media(any-hover:hover){:is(a,button):hover .icon-arrow[data-v-1343bbc4]:after{animation:outIn-1343bbc4 .3s var(--base-cubic-bezier)forwards}}}