.xhuvqp1 { border-radius: var(--x-global-border-radius, var(--x-border-radius-base)); }
.xhuvqp1::after { content: ""; border-radius: inherit; box-shadow: var(--x-box-shadow-extra-large); z-index: -1; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; display: block; }
.xhuvqp3 { background-color: rgba(0, 0, 0, 0.18); }
.xhuvqp5 { min-width: 5rem; }
.xhuvqp5::before { content: ""; background-color: var(--x-default-color-background); position: absolute; z-index: 1; border: var(--x-border-width-base) solid var(--x-default-color-border); border-radius: var(--x-global-border-radius, var(--x-border-radius-base)); display: block; transform: rotate(45deg); width: 2.5rem; height: 2.5rem; }
.xhuvqp7::before { bottom: -0.8rem; left: calc(50% - 1.25rem); }
.xhuvqp8::before { bottom: -0.8rem; left: 0.8rem; }
.xhuvqp9::before { bottom: -0.8rem; right: 0.8rem; }
.xhuvqpa::before { top: -0.8rem; left: calc(50% - 1.25rem); }
.xhuvqpb::before { top: -0.8rem; left: 0.8rem; }
.xhuvqpc::before { top: -0.8rem; right: 0.8rem; }
.xhuvqpd::before { right: -0.8rem; top: calc(50% - 1.25rem); }
.xhuvqpe::before { right: -0.8rem; top: 0.8rem; }
.xhuvqpf::before { right: -0.8rem; bottom: 0.8rem; }
.xhuvqpg::before { left: -0.8rem; top: calc(50% - 1.25rem); }
.xhuvqph::before { left: -0.8rem; top: 0.8rem; }
.xhuvqpi::before { left: -0.8rem; bottom: 0.8rem; }
.xhuvqpk { border-radius: var(--x-global-border-radius, var(--x-border-radius-base)); }
.xhuvqpf .xhuvqpk, .xhuvqpd .xhuvqpk, .xhuvqpe .xhuvqpk, .xhuvqpi .xhuvqpk, .xhuvqpg .xhuvqpk, .xhuvqph .xhuvqpk { min-height: 5rem; }