:root{--square-size: 240px;--square-font: 24px;--square-img: 80px;--square-text: 36px;--square-year: 25px;--rectangle-size: 400px;--rectangle-img: 100px;--rectangle-img-size: 75px;--rectangle-number-size: 60px;--rectangle-number-line-height: 45px;--rectangle-name-size: 22px;--picto-size: 330px;--picto-img: 70px;--picto-text: 36px;--picto-year: 25px}.type-widget{font-family:"avenirroman", sans-serif;text-align:center;display:flex;justify-content:center;align-items:center;margin:0 auto 1rem;border:2px solid}.type-widget .t-img{margin-bottom:10px}.type-widget .t-year{padding-top:3px;margin-top:0px;white-space:nowrap;border-top:1px solid}.type-widget .t-year .t-left{font-family:'avenirblack'}.type-widget-square{flex-direction:column;width:var(--s-size);height:var(--s-size)}.type-widget-square img{max-width:var(--s-img)}.type-widget-square .t-text{font-size:var(--s-text)}.type-widget-square .t-year{font-size:var(--s-year)}.type-widget-square.type-ocre{border-color:#c3996b;color:#c3996b}.type-widget-square.type-ocre .t-year{border-color:#c3996b}.type-widget-square.type-anthracite{border-color:#23282a;color:#23282a}.type-widget-square.type-anthracite .t-year{border-color:#23282a}.type-widget-square.type-blanc{border:1px solid #202020;background:#202020;color:#fff;position:relative}.type-widget-square.type-blanc:before{content:'';position:absolute;left:5px;top:5px;width:calc(100% - 10px);height:calc(100% - 10px);border:2px solid #fff}.type-widget-square.type-blanc .t-year{border-color:#fff}.type-widget-square.type-blanc.size-2:before{left:4px;top:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-width:1px}.type-widget-square.type-blanc.size-3:before{left:3px;top:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-width:1px}.type-widget-square.size-1{--s-size: calc(var(--square-size) * 1);--s-img: calc(var(--square-img) * 1);--s-text: calc(var(--square-text) * 1);--s-year: calc(var(--square-year) * 1);border-width:2px}.type-widget-square.size-1 .t-year{border-width:2px}.type-widget-square.size-2{--s-size: calc(var(--square-size) * 0.67);--s-img: calc(var(--square-img) * 0.67);--s-text: calc(var(--square-text) * 0.67);--s-year: calc(var(--square-year) * 0.67);border-width:1px}.type-widget-square.size-2 .t-year{border-width:1px}.type-widget-square.size-3{--s-size: calc(90px);--s-img: calc(var(--square-img) * 0.33);--s-text: calc(15px);--s-year: calc(var(--square-year) * 0.33);border-width:1px}.type-widget-square.size-3 .t-img{margin-bottom:0}.type-widget-square.size-3 .t-year{border-width:1px;font-size:10px}.type-widget-rectangle{flex-direction:row;align-items:flex-end;border-radius:10px;border:1px solid;background:#fff;padding:5px 20px 15px 5px;max-width:var(--r-size)}.type-widget-rectangle .t-year{display:flex;align-items:center;justify-content:space-between}.type-widget-rectangle .t-content{flex:1}.type-widget-rectangle .t-text{display:flex;align-items:end;margin-bottom:3px}.type-widget-rectangle .t-text .t-link{margin-left:auto;padding-left:5px;margin-bottom:3px}.type-widget-rectangle .t-text .t-number{font-size:var(--r-number-size);line-height:var(--r-number-line-height);font-family:'avenirblack'}.type-widget-rectangle .t-text .t-name{font-size:var(--r-name-size);font-family:'avenirblack';text-align:left;padding-left:3px;margin-bottom:2px;line-height:1.1}.type-widget-rectangle .t-year{align-items:center}.type-widget-rectangle .t-year .t-left{margin-left:auto;padding-top:2px;margin-right:10px}.type-widget-rectangle .t-img{margin-bottom:0;flex:0 0 var(--r-img)}.type-widget-rectangle.type-color-blanc{border:0;box-shadow:0 0 15px 15px rgba(0,0,0,0.02)}.type-widget-rectangle.type-color-encadre{border-color:#000}.type-widget-rectangle.type-color{background:#fff;border:0;border-radius:0;padding-top:15px}.type-widget-rectangle.type-color .t-img img{max-width:var(--r-img-size)}.type-widget-rectangle.type-background{background:#202020;color:#fff;border:0;border-radius:0;padding-top:15px}.type-widget-rectangle.type-background .t-link img{filter:brightness(0) invert(1)}.type-widget-rectangle.type-background .t-img img{max-width:var(--r-img-size)}.type-widget-rectangle.size-1{--r-size: calc(var(--rectangle-size) * 1);--r-img: calc(var(--rectangle-img) * 1);--r-img-size: calc(var(--rectangle-img-size) * 1);--r-number-size: calc(var(--rectangle-number-size) * 1);--r-number-line-height: calc(var(--rectangle-number-line-height) * 1);--r-name-size: calc(var(--rectangle-name-size) * 1)}.type-widget-rectangle.size-2{--r-size: calc(var(--rectangle-size) * 0.67);--r-img: calc(var(--rectangle-img) * 0.67);--r-img-size: calc(var(--rectangle-img-size) * 0.67);--r-number-size: calc(var(--rectangle-number-size) * 0.67);--r-number-line-height: calc(var(--rectangle-number-line-height) * 0.74);--r-name-size: calc(var(--rectangle-name-size) * 0.67);padding-top:10px}.type-widget-rectangle.size-2 .t-year{font-size:calc(1rem * 0.67)}.type-widget-rectangle.size-2 .t-year .t-left{margin-right:5px}.type-widget-rectangle.size-3{--r-size: calc(var(--rectangle-size) * 0.52);--r-img: calc(var(--rectangle-img) * 0.4);--r-img-size: calc(var(--rectangle-img-size) * 0.45);--r-number-size: calc(var(--rectangle-number-size) * 0.45);--r-number-line-height: calc(var(--rectangle-number-line-height) * 0.5);--r-name-size: 10px;padding-top:10px}.type-widget-rectangle.size-3 .t-year{font-size:10px}.type-widget-rectangle.size-3 .t-year .t-left{margin-right:5px;padding-top:1px}.type-widget-rectangle.size-3 .t-link{margin-bottom:0}.type-widget-rectangle.size-3 .t-link img{width:10px !important}.type-widget-picto{flex-direction:row;align-items:flex-end;border-radius:10px;border:1px solid;background:#fff;max-width:var(--p-size);padding:15px 20px 15px 5px}.type-widget-picto .t-img{margin:0 15px 9px;flex:0 0 var(--p-img)}.type-widget-picto .t-text{font-size:var(--p-text)}.type-widget-picto .t-year{font-size:var(--p-year)}.type-widget-picto.type-fond{border:0;box-shadow:0 0 15px 15px rgba(0,0,0,0.02)}.type-widget-picto.type-border{border-color:#202020}.type-widget-picto.type-anthracite{border:0;border-radius:0}.type-widget-picto.type-blanc{background:#202020;color:#fff;border:0;border-radius:0}.type-widget-picto.size-1{--p-size: calc(var(--picto-size) * 1);--p-img: calc(var(--picto-img) * 1);--p-text: calc(var(--picto-text) * 1);--p-year: calc(var(--picto-year) * 1)}.type-widget-picto.size-1 .t-year{border-width:2px}.type-widget-picto.size-2{--p-size: calc(var(--picto-size) * 0.67);--p-img: calc(var(--picto-img) * 0.67);--p-text: calc(var(--picto-text) * 0.67);--p-year: calc(var(--picto-year) * 0.67);padding:10px 20px 10px 5px}.type-widget-picto.size-2 .t-img{margin-bottom:7px}.type-widget-picto.size-2 .t-year{border-width:1px}.type-widget-picto.size-3{--p-size: calc(var(--picto-size) * 0.4);--p-img: calc(var(--picto-img) * 0.33);--p-text: calc(var(--picto-text) * 0.41);--p-year: calc(var(--picto-year) * 0.33);padding:8px 20px 8px 0}.type-widget-picto.size-3 .t-img{margin:0 10px 5px}.type-widget-picto.size-3 .t-year{border-width:1px;font-size:10px}
/*# sourceMappingURL=demo.css.map */