@layer components{.blog-motif{display:none}@media (min-width:701px){.blog-motif{background:#f4f0f8;border-radius:6px;justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.blog-motif i{background:#d7c7ea;border:1px solid #b9a1d2;width:48px;height:70px;margin-left:-12px;display:block;transform:skewY(-15deg)}.motif-1{gap:8px}.motif-1 i{border-radius:4px;width:36px;height:55px;margin:0;transform:none}.motif-2 i{background:#8e72b0;border-radius:50%;width:64px;height:64px;transform:none}.motif-2 i:nth-child(2){background:#b5a0cf}.motif-2 i:last-child{background:#e1d6ed}.motif-3 i{opacity:.3;border-radius:50%;width:48px;height:48px;transform:none}.motif-3 i:nth-child(2){opacity:.6}.motif-3 i:last-child{opacity:1}.motif-4 i{background:linear-gradient(140deg,#eadff6,#a38abc);width:65px;height:65px;transform:rotate(-30deg)skewY(15deg)}}}
