.selector{--c:50;--pico:8%}.selector__fungo{clip-path:polygon(0 0, calc(var(--c) * 1% + var(--pico)) 0, calc(var(--c) * 1% - var(--pico)) 100%, 0 100%)}.selector__coffee{clip-path:polygon(calc(var(--c) * 1% + var(--pico) - 1px) 0, 100% 0, 100% 100%, calc(var(--c) * 1% - var(--pico) - 1px) 100%)}.selector__linea{clip-path:polygon(calc(var(--c) * 1% + var(--pico) - 3px) 0, calc(var(--c) * 1% + var(--pico) + 3px) 0, calc(var(--c) * 1% - var(--pico) + 3px) 100%, calc(var(--c) * 1% - var(--pico) - 3px) 100%)}.selector__destello{clip-path:polygon(calc(var(--c) * 1% + var(--pico) - 26px) 0, calc(var(--c) * 1% + var(--pico) + 26px) 0, calc(var(--c) * 1% - var(--pico) + 26px) 100%, calc(var(--c) * 1% - var(--pico) - 26px) 100%)}.selector__vs{translate:calc(-50% + (var(--c) - 50) * 1vw) -50%;top:50%;left:50%}@media (max-width:767.98px){.selector{--pico:5%}.selector__fungo{clip-path:polygon(0 0, 100% 0, 100% calc(var(--c) * 1% - var(--pico)), 0 calc(var(--c) * 1% + var(--pico)))}.selector__coffee{clip-path:polygon(0 calc(var(--c) * 1% + var(--pico) - 1px), 100% calc(var(--c) * 1% - var(--pico) - 1px), 100% 100%, 0 100%)}.selector__linea{clip-path:polygon(0 calc(var(--c) * 1% + var(--pico) - 3px), 100% calc(var(--c) * 1% - var(--pico) - 3px), 100% calc(var(--c) * 1% - var(--pico) + 3px), 0 calc(var(--c) * 1% + var(--pico) + 3px))}.selector__destello{clip-path:polygon(0 calc(var(--c) * 1% + var(--pico) - 22px), 100% calc(var(--c) * 1% - var(--pico) - 22px), 100% calc(var(--c) * 1% - var(--pico) + 22px), 0 calc(var(--c) * 1% + var(--pico) + 22px))}.selector__vs{translate:-50% calc(-50% + (var(--c) - 50) * 1svh)}}