@supports not (aspect-ratio:1/1){.element:before{content:"";float:left;padding-top:100%}.element:after{clear:both;content:"";display:block}}.white[data-v-de4a135b]{color:#fff}.white-border[data-v-de4a135b]{border-color:#fff}.white-bg[data-v-de4a135b]{background-color:#fff}.black[data-v-de4a135b]{color:#000}.black-border[data-v-de4a135b]{border-color:#000}.black-bg[data-v-de4a135b]{background-color:#000}.hover-white[data-v-de4a135b]:hover{color:#fff}.hover-white-border[data-v-de4a135b]:hover{border-color:#fff}.hover-white-bg[data-v-de4a135b]:hover{background-color:#fff}.hover-black[data-v-de4a135b]:hover{color:#000}.hover-black-border[data-v-de4a135b]:hover{border-color:#000}.hover-black-bg[data-v-de4a135b]:hover{background-color:#000}.hover-hovis-yellow[data-v-de4a135b]:hover{color:var(--hovis-yellow)}.hover-hovis-yellow-border[data-v-de4a135b]:hover{border-color:var(--hovis-yellow)}.hover-hovis-yellow-bg[data-v-de4a135b]:hover{background-color:var(--hovis-yellow)}.hover-hovis-wholemeal-brown[data-v-de4a135b]:hover{color:var(--hovis-wholemeal-brown)}.hover-hovis-wholemeal-brown-border[data-v-de4a135b]:hover{border-color:var(--hovis-wholemeal-brown)}.hover-hovis-wholemeal-brown-bg[data-v-de4a135b]:hover{background-color:var(--hovis-wholemeal-brown)}.hover-hovis-wheatgerm-brown[data-v-de4a135b]:hover{color:var(--hovis-wheatgerm-brown)}.hover-hovis-wheatgerm-brown-border[data-v-de4a135b]:hover{border-color:var(--hovis-wheatgerm-brown)}.hover-hovis-wheatgerm-brown-bg[data-v-de4a135b]:hover{background-color:var(--hovis-wheatgerm-brown)}.hover-hovis-granary-sky[data-v-de4a135b]:hover{color:var(--hovis-granary-sky)}.hover-hovis-granary-sky-border[data-v-de4a135b]:hover{border-color:var(--hovis-granary-sky)}.hover-hovis-granary-sky-bg[data-v-de4a135b]:hover{background-color:var(--hovis-granary-sky)}.hover-invert[data-v-de4a135b]{transition-duration:.5s;transition-property:color,border-color,background-color;transition-timing-function:ease-out}.centered-xy[data-v-582fda3f]{left:50%;top:50%;transform:translate(-50%,-50%)}