.dessin-module{--bord:linear-gradient(180deg, #ffffff3d, #ffffff0f);--bord-vif:linear-gradient(180deg, #ffffff6b, #ffffff14);--ombre-bouton:0 3px 10px #0009;--reflet-bouton:inset 0 1px 0 #fff3;flex:none;margin:-8px;position:relative}:root[data-theme=light] .dessin-module{--ombre-bouton:0 3px 10px #0000001f;--reflet-bouton:inset 0 1px 0 #fff}.dessin-module .dessin{cursor:default;position:absolute;inset:8px}.dessin-module .coeur{background:radial-gradient(ellipse 80% 45% at 50% 0%, #ffffff24, transparent 70%), radial-gradient(circle at 55% 75%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 60%), linear-gradient(180deg, #1d1d1d, #111);width:100%;height:100%;box-shadow:var(--reflet-bouton), var(--ombre-bouton);border-radius:50%;position:relative;overflow:hidden}.dessin-module .coeur:after{content:"";border-radius:inherit;background:var(--bord);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dessin-module .dessin:hover .coeur:after{background:var(--bord-vif)}.dessin-module .coeur svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}:root[data-theme=light] .dessin-module .coeur{background:radial-gradient(80% 45% at 50% 0,#fff,#0000 70%),linear-gradient(#fff,#eceef2)}:root[data-theme=light] .dessin-module .coeur:after{background:linear-gradient(#fff,#00000024)}:root[data-theme=light] .dessin-module .coeur svg{filter:invert()hue-rotate(180deg)}