/* Piastrelle di maiolica: disegni originali (generati da uno script), ispirati alle confezioni M'Arricriu. */
:root {
  --maj-stella: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2240%22 height=%2240%22 viewBox=%220 0 40 40%22%3E%3Crect width=%2240%22 height=%2240%22 fill=%22%23fff%22/%3E%3Cg%3E%3Cpath d=%22M0 0h10a10 10 0 0 1-10 10zM40 0v10a10 10 0 0 1-10-10zM0 40v-10a10 10 0 0 1 10 10zM40 40h-10a10 10 0 0 1 10-10z%22 fill=%22%235A9BD5%22/%3E%3Cpath d=%22M0 0h5a5 5 0 0 1-5 5zM40 0v5a5 5 0 0 1-5-5zM0 40v-5a5 5 0 0 1 5 5zM40 40h-5a5 5 0 0 1 5-5z%22 fill=%22%23F2C14E%22/%3E%3Cpath d=%22M20.00,7.00 L22.37,14.27 L29.19,10.81 L25.73,17.63 L33.00,20.00 L25.73,22.37 L29.19,29.19 L22.37,25.73 L20.00,33.00 L17.63,25.73 L10.81,29.19 L14.27,22.37 L7.00,20.00 L14.27,17.63 L10.81,10.81 L17.63,14.27Z%22 fill=%22%231F4E8C%22/%3E%3Cpath d=%22M22.68,13.53 L22.55,17.45 L26.47,17.32 L23.60,20.00 L26.47,22.68 L22.55,22.55 L22.68,26.47 L20.00,23.60 L17.32,26.47 L17.45,22.55 L13.53,22.68 L16.40,20.00 L13.53,17.32 L17.45,17.45 L17.32,13.53 L20.00,16.40Z%22 fill=%22%235A9BD5%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%222.6%22 fill=%22%23F2C14E%22/%3E%3Cellipse cx=%2220%22 cy=%221.6%22 rx=%224.2%22 ry=%221.6%22 fill=%22%236E9F5B%22/%3E%3Cellipse cx=%2220%22 cy=%2238.4%22 rx=%224.2%22 ry=%221.6%22 fill=%22%236E9F5B%22/%3E%3Cellipse cx=%221.6%22 cy=%2220%22 rx=%221.6%22 ry=%224.2%22 fill=%22%236E9F5B%22/%3E%3Cellipse cx=%2238.4%22 cy=%2220%22 rx=%221.6%22 ry=%224.2%22 fill=%22%236E9F5B%22/%3E%3C/g%3E%3C/svg%3E");
  --maj-fiore: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2240%22 height=%2240%22 viewBox=%220 0 40 40%22%3E%3Crect width=%2240%22 height=%2240%22 fill=%22%23fff%22/%3E%3Cg%3E%3Cpath d=%22M0 0L7 0L0 7zM40 0L33 0L40 7zM0 40L0 33L7 40zM40 40L40 33L33 40z%22 fill=%22%231F4E8C%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(45 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(135 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(225 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(315 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(0 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(90 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(180 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(270 20 20)%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%225%22 fill=%22%23F2C14E%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%225%22 fill=%22none%22 stroke=%22%231F4E8C%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%2215.5%22 fill=%22none%22 stroke=%22%235A9BD5%22 stroke-width=%22.8%22 stroke-dasharray=%222 2.2%22/%3E%3C/g%3E%3C/svg%3E");
  --maj-strip: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2280%22 height=%2240%22 viewBox=%220 0 80 40%22%3E%3Cg%3E%3Crect width=%2240%22 height=%2240%22 fill=%22%23fff%22/%3E%3Cg%3E%3Cpath d=%22M0 0h10a10 10 0 0 1-10 10zM40 0v10a10 10 0 0 1-10-10zM0 40v-10a10 10 0 0 1 10 10zM40 40h-10a10 10 0 0 1 10-10z%22 fill=%22%235A9BD5%22/%3E%3Cpath d=%22M0 0h5a5 5 0 0 1-5 5zM40 0v5a5 5 0 0 1-5-5zM0 40v-5a5 5 0 0 1 5 5zM40 40h-5a5 5 0 0 1 5-5z%22 fill=%22%23F2C14E%22/%3E%3Cpath d=%22M20.00,7.00 L22.37,14.27 L29.19,10.81 L25.73,17.63 L33.00,20.00 L25.73,22.37 L29.19,29.19 L22.37,25.73 L20.00,33.00 L17.63,25.73 L10.81,29.19 L14.27,22.37 L7.00,20.00 L14.27,17.63 L10.81,10.81 L17.63,14.27Z%22 fill=%22%231F4E8C%22/%3E%3Cpath d=%22M22.68,13.53 L22.55,17.45 L26.47,17.32 L23.60,20.00 L26.47,22.68 L22.55,22.55 L22.68,26.47 L20.00,23.60 L17.32,26.47 L17.45,22.55 L13.53,22.68 L16.40,20.00 L13.53,17.32 L17.45,17.45 L17.32,13.53 L20.00,16.40Z%22 fill=%22%235A9BD5%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%222.6%22 fill=%22%23F2C14E%22/%3E%3Cellipse cx=%2220%22 cy=%221.6%22 rx=%224.2%22 ry=%221.6%22 fill=%22%236E9F5B%22/%3E%3Cellipse cx=%2220%22 cy=%2238.4%22 rx=%224.2%22 ry=%221.6%22 fill=%22%236E9F5B%22/%3E%3Cellipse cx=%221.6%22 cy=%2220%22 rx=%221.6%22 ry=%224.2%22 fill=%22%236E9F5B%22/%3E%3Cellipse cx=%2238.4%22 cy=%2220%22 rx=%221.6%22 ry=%224.2%22 fill=%22%236E9F5B%22/%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate(40 0)%22%3E%3Crect width=%2240%22 height=%2240%22 fill=%22%23fff%22/%3E%3Cg%3E%3Cpath d=%22M0 0L7 0L0 7zM40 0L33 0L40 7zM0 40L0 33L7 40zM40 40L40 33L33 40z%22 fill=%22%231F4E8C%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(45 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(135 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(225 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(315 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(0 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(90 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(180 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(270 20 20)%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%225%22 fill=%22%23F2C14E%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%225%22 fill=%22none%22 stroke=%22%231F4E8C%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%2215.5%22 fill=%22none%22 stroke=%22%235A9BD5%22 stroke-width=%22.8%22 stroke-dasharray=%222 2.2%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --maj-soft: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2280%22 height=%2280%22 viewBox=%220 0 80 80%22%3E%3Cg%3E%3Cg opacity=%220.07%22%3E%3Cpath d=%22M0 0h10a10 10 0 0 1-10 10zM40 0v10a10 10 0 0 1-10-10zM0 40v-10a10 10 0 0 1 10 10zM40 40h-10a10 10 0 0 1 10-10z%22 fill=%22%235A9BD5%22/%3E%3Cpath d=%22M0 0h5a5 5 0 0 1-5 5zM40 0v5a5 5 0 0 1-5-5zM0 40v-5a5 5 0 0 1 5 5zM40 40h-5a5 5 0 0 1 5-5z%22 fill=%22%23F2C14E%22/%3E%3Cpath d=%22M20.00,7.00 L22.37,14.27 L29.19,10.81 L25.73,17.63 L33.00,20.00 L25.73,22.37 L29.19,29.19 L22.37,25.73 L20.00,33.00 L17.63,25.73 L10.81,29.19 L14.27,22.37 L7.00,20.00 L14.27,17.63 L10.81,10.81 L17.63,14.27Z%22 fill=%22%231F4E8C%22/%3E%3Cpath d=%22M22.68,13.53 L22.55,17.45 L26.47,17.32 L23.60,20.00 L26.47,22.68 L22.55,22.55 L22.68,26.47 L20.00,23.60 L17.32,26.47 L17.45,22.55 L13.53,22.68 L16.40,20.00 L13.53,17.32 L17.45,17.45 L17.32,13.53 L20.00,16.40Z%22 fill=%22%235A9BD5%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%222.6%22 fill=%22%23F2C14E%22/%3E%3Cellipse cx=%2220%22 cy=%221.6%22 rx=%224.2%22 ry=%221.6%22 fill=%22%236E9F5B%22/%3E%3Cellipse cx=%2220%22 cy=%2238.4%22 rx=%224.2%22 ry=%221.6%22 fill=%22%236E9F5B%22/%3E%3Cellipse cx=%221.6%22 cy=%2220%22 rx=%221.6%22 ry=%224.2%22 fill=%22%236E9F5B%22/%3E%3Cellipse cx=%2238.4%22 cy=%2220%22 rx=%221.6%22 ry=%224.2%22 fill=%22%236E9F5B%22/%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate(40 40)%22%3E%3Cg opacity=%220.07%22%3E%3Cpath d=%22M0 0L7 0L0 7zM40 0L33 0L40 7zM0 40L0 33L7 40zM40 40L40 33L33 40z%22 fill=%22%231F4E8C%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(45 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(135 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(225 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%229%22 rx=%222%22 ry=%225%22 fill=%22%236E9F5B%22 transform=%22rotate(315 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(0 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(90 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(180 20 20)%22/%3E%3Cellipse cx=%2220%22 cy=%2211%22 rx=%224.6%22 ry=%228%22 fill=%22%23E58A3A%22 transform=%22rotate(270 20 20)%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%225%22 fill=%22%23F2C14E%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%225%22 fill=%22none%22 stroke=%22%231F4E8C%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%2215.5%22 fill=%22none%22 stroke=%22%235A9BD5%22 stroke-width=%22.8%22 stroke-dasharray=%222 2.2%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}