*,*:before,*:after{box-sizing:border-box}*:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}@font-face{font-family:V_Inter_Regular_375;src:url(/assets/V_Inter_Regular_375-B766ZlFx.woff2) format("woff2");font-weight:375;font-style:normal;font-display:swap}@font-face{font-family:V_Inter_Medium;src:url(/assets/V_Inter_Medium-CjOmqdNe.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:V_Inter_Semibold_580;src:url(/assets/V_Inter_Semibold_580-DU6XB_a-.woff2) format("woff2");font-weight:580;font-style:normal;font-display:swap}@layer utilities{.button-base{--button-color: var(--tint);--button-background: oklch( from var(--button-color) var(--lightness-100) var(--chroma-100) h );--button-gradient: oklch( from var(--button-color) var(--lightness-200) var(--chroma-200) h );--button-border: oklch( from var(--button-color) var(--lightness-300) var(--chroma-300) h );--button-highlight: rgb(255 255 255 / .8);--button-shadow: oklch( from var(--button-color) var(--lightness-400) var(--chroma-400) h );--button-border-size: 1px;--button-text: oklch( from var(--button-color) var(--lightness-1400) var(--chroma-1400) h );--button-gradient-size: 8px;background:var(--button-background);color:var(--button-text);box-shadow:inset 0 -1px 0 var(--button-shadow),inset 0 0 0 var(--button-border-size) var(--button-border),inset 0 calc(var(--button-border-size) + 1px) 0 var(--button-highlight),inset 0 calc(-1 * var(--button-gradient-size)) var(--button-gradient-size) -2px var(--button-gradient);outline:none;transition-property:background,color,scale,box-shadow;transition-duration:.2s;will-change:scale;forced-color-adjust:none;-webkit-tap-highlight-color:transparent}@media(prefers-color-scheme:dark){.button-base{--button-shadow: oklch( from var(--button-color) var(--lightness-200) var(--chroma-200) h );--button-highlight: rgb(255 255 255 / .15);box-shadow:inset 0 var(--button-border-size) 0 var(--button-highlight),inset 0 calc(-1 * var(--button-border-size)) 0 var(--button-shadow),inset 0 0 0 var(--button-border-size) var(--button-border),inset 0 var(--button-gradient-size) var(--button-gradient-size) -2px var(--button-gradient)}}.button-base:where([data-pressed]){--button-background: oklch( from var(--button-color) var(--lightness-200) var(--chroma-200) h )}.button-base:where([data-focus-visible]){outline:2px solid var(--focus-ring-color);outline-offset:2px}.button-base:where([data-variant=secondary]){--button-color: var(--gray)}.button-base:where([data-variant=quiet]){--button-background: none;--button-text: var(--text-color);box-shadow:0 0 0 1px transparent}.button-base:where([data-variant=quiet]):where([data-hovered],[data-pressed]){--button-background: var(--tint-200);--button-text: var(--tint-1400);box-shadow:0 0 0 1px var(--tint-200)}.button-base:where([data-selected]){--button-background: oklch(from var(--button-color) 55% c h);--button-border: oklch(from var(--button-color) 50% c h);--button-gradient: var(--button-border);--button-highlight: rgb(255 255 255 / .2);--button-shadow: oklch(from var(--button-color) 30% c h);--button-text: var(--highlight-foreground);box-shadow:inset 0 -1px 0 var(--button-shadow),inset 0 0 0 1px var(--button-border),inset 0 2px 0 var(--button-highlight),inset 0 calc(-1 * var(--button-gradient-size)) var(--button-gradient-size) var(--button-gradient)}@media(prefers-color-scheme:dark){.button-base:where([data-selected]){--button-highlight: rgb(255 255 255 / .4);--button-gradient: rgb(255 255 255 / .2);--button-shadow: var(--button-border);box-shadow:inset 0 1px 0 var(--button-highlight),inset 0 var(--button-gradient-size) var(--button-gradient-size) var(--button-gradient),inset 0 0 0 1px var(--button-border)}}.button-base:where([data-selected]):where([data-pressed]){--button-background: oklch(from var(--button-color) 50% c h)}.button-base:where([data-disabled]){box-shadow:none;--button-background: var(--border-color-disabled);--button-text: var(--text-color-disabled)}.button-base:where([data-disabled]):where([data-variant=quiet]){--button-background: none}@media(forced-colors:active){.button-base{--button-background: ButtonFace;--button-text: ButtonText;--button-border: ButtonBorder;box-shadow:inset 0 0 0 var(--button-border-size) var(--button-border)}.button-base:where([data-variant=quiet]){--button-border: transparent}.button-base:where([data-variant=quiet]):where([data-hovered],[data-pressed]){--button-border: ButtonBorder}.button-base:where([data-selected]){--button-background: Highlight;--button-text: HighlightText;--button-border: Highlight}.button-base:where([data-disabled]){--button-background: ButtonFace;--button-text: GrayText;--button-border: GrayText}.button-base:where([data-disabled]):where([data-variant=quiet]){--button-border: transparent}}.indicator{--indicator-color: var(--gray);--indicator-background: oklch( from var(--indicator-color) var(--lightness-100) var(--chroma-100) h );--indicator-border: oklch( from var(--indicator-color) var(--lightness-800) var(--chroma-800) h );--indicator-drop-shadow: 0 0;background:var(--indicator-background);box-shadow:inset 0 0 0 1px var(--indicator-border),inset 0 2px #fff,inset 0 -4px 2px oklch(from var(--indicator-color) 30% c h / .08),var(--indicator-drop-shadow);will-change:scale}@media(prefers-color-scheme:dark){.indicator{box-shadow:inset 0 1px #fff6,inset 0 4px 2px #ffffff1a,inset 0 0 0 1px var(--indicator-border),var(--indicator-drop-shadow)}}@media(forced-colors:active){.indicator{--indicator-background: ButtonFace;--indicator-border: ButtonBorder;box-shadow:inset 0 0 0 1px var(--indicator-border)}}.indicator[data-pressed],[data-pressed] .indicator{scale:.9}[data-selected]>.indicator,[data-indeterminate]>.indicator{--indicator-color: var(--highlight-background);--indicator-background: var(--indicator-color);--indicator-highlight: rgb(255 255 255 / .3);--indicator-shadow: oklch(from var(--indicator-color) 45% c h);--indicator-border: var(--indicator-background);box-shadow:inset 0 -1px 0 var(--indicator-shadow),inset 0 0 0 1px var(--indicator-border),inset 0 2px 0 var(--indicator-highlight),var(--indicator-drop-shadow)}@media(prefers-color-scheme:dark){[data-selected]>.indicator,[data-indeterminate]>.indicator{--indicator-highlight: rgb(255 255 255 / .5);--indicator-gradient: rgb(255 255 255 / .12);box-shadow:inset 0 1px 0 var(--indicator-highlight),inset 0 4px 2px var(--indicator-gradient),inset 0 0 0 1px var(--indicator-border),var(--indicator-drop-shadow)}}@media(forced-colors:active){[data-selected]>.indicator,[data-indeterminate]>.indicator{box-shadow:none}}.indicator[data-invalid],[data-invalid]>.indicator{--indicator-color: var(--invalid-color)}@media(forced-colors:active){.indicator[data-invalid],[data-invalid]>.indicator{--indicator-border: var(--invalid-color)}}.indicator[data-focus-visible],[data-focus-visible]>.indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.indicator[data-disabled],[data-disabled]>.indicator{background:var(--field-background);box-shadow:inset 0 0 0 1px var(--border-color-disabled)}.inset{--inset-background: var(--field-background);--inset-border: var(--border-color);--inset-border-size: 1px;--inset-shadow-offset: 2px;--inset-shadow-size: 4px;background:var(--inset-background);box-shadow:inset 0 0 0 var(--inset-border-size) var(--inset-border),inset 0 var(--inset-shadow-offset) var(--inset-shadow-size) #00000026,0 1px 0 var(--gray-50);transition:box-shadow .2s;forced-color-adjust:none}@media(prefers-color-scheme:dark){.inset{--inset-border: var(--gray-200);--border-color-hover: var(--gray-300);--inset-highlight: var(--gray-400);--inset-shadow-size: 6px;box-shadow:inset 0 calc(-1 * var(--inset-border-size)) 0 var(--inset-highlight),inset 0 0 0 var(--inset-border-size) var(--inset-border),inset 0 1px var(--inset-shadow-size) #000}}.inset:where([data-hovered],[data-pressed]){--inset-border: var(--border-color-hover)}@media(forced-colors:active){.inset{--inset-border: ButtonBorder;box-shadow:inset 0 0 0 var(--inset-border-size) var(--inset-border)}}.inset:where([data-invalid]){--inset-border: var(--invalid-color);--inset-highlight: var(--inset-border)}.inset:where([data-disabled]){box-shadow:inset 0 0 0 1px var(--border-color-disabled)}.inset.track{--inset-shadow-offset: 1px;--inset-shadow-size: 3px}@media(prefers-color-scheme:light){.inset.track{--inset-background: var(--gray-300);--inset-border: var(--gray-500);--inset-border-size: .5px}}@media(forced-colors:active){.inset.track{--inset-background: Field;--inset-border: ButtonBorder;--inset-border-size: 1px}}}.react-aria-SliderThumb{position:absolute;left:var(--slider-thumb-position);top:50%;transform:translate(-50%,-50%)}.react-aria-SliderFill{position:absolute;left:var(--slider-fill-offset, 0%);width:var(--slider-fill-size);top:50%;transform:translateY(-50%)}:root{--primary-color: #007782;--primary-color-hover: #097a85;--bg-search: #edf2f2;--button-over: #fbfcfc;--button-red: #d63638;--button-red-hover: #b32d2e;--bg-hover: #fafafb;--font-color-prim: #14191a;--font-color-home-product: #5a6566}body{font-family:V_Inter_Regular_375;font-size:16px}h2{font-family:V_Inter_Semibold_580;font-size:1.37rem}button{cursor:pointer}header{height:70px;width:100vw;position:sticky;top:0;z-index:3000;background-color:#fff;border-bottom:1px solid lightgrey}.container,.filtres{display:flex;max-width:1220px;width:100%;margin:0 auto}header .container{align-items:center;justify-content:space-between;gap:30px;max-width:1220px;width:100%;margin:20px auto}.nav-header{display:flex;gap:15px}.help,.country,.login,.sell-article,.logout{border:none;background-color:#fff;cursor:pointer}.login,label[for=picture]{color:var(--primary-color);padding:5px;border:1px solid lightgray;border-radius:5px}.login:hover{background-color:var(--button-over)}.logout{color:#fff;background-color:var(--button-red);padding:5px;border:1px solid lightgray;border-radius:5px}.logout:hover{background-color:var(--button-red-hover)}.sell-article{background-color:var(--primary-color);color:#fff;padding:5px;border:1px solid lightgray;border-radius:5px}.sell-article:hover{background-color:var(--primary-color-hover)}.search{background-color:var(--bg-search);border-radius:10px;border:none;flex:1;height:40px;padding:20px;display:flex;align-items:center}.search input:focus-visible{border:none}.search input{font-size:1.2rem;border:none;background-color:#edf2f2;width:100%;color:#8e8d8d}.hero{height:600px;margin-bottom:50px}.hero img{width:100%;height:600px;object-fit:cover}.filtres{display:flex;flex-direction:row;align-items:self-end;gap:80px;margin-bottom:30px;width:100%;min-height:50px;height:auto}.filtres>div{display:flex;gap:10px;align-items:center;justify-content:center}.filtres .sort-price{font-family:V_Inter_Regular_375;background-color:var(--bg-search);border-radius:20px;padding:8px 12px;border:1px solid lightgrey;cursor:pointer}input[type=range]{all:unset;position:absolute;width:100%;height:100%;margin:0;padding:0}.products{display:flex;flex-direction:column}.container{display:flex;flex-wrap:wrap;flex-shrink:0;gap:17px}.product{width:calc((100% - 68px)/5);margin-bottom:30px;text-decoration:none;color:inherit;flex-shrink:0}.product img{width:100%;height:350px;object-fit:cover;border-radius:5px;flex-shrink:0}.product span{font-size:.76rem;color:var(--font-color-home-product)}.product_desc{display:flex;flex-direction:row;width:100%}.offer{display:flex;align-items:flex-start;gap:50px;width:100%;margin-top:50px}.info{margin-bottom:15px}.pictures{display:flex;gap:15px;flex:2;align-items:flex-start}.pictures img{border-radius:5px}.main_picture{width:100%;flex:3}.thumb_picture{gap:15px;align-items:flex-start}.pictures .thumb_picture{display:flex;flex-direction:column;flex:1}.thumb_picture img{width:190px;height:calc(100%-30px) / 3;object-fit:cover}aside{display:flex;flex-direction:column;gap:30px;flex:1}.product_info,.user-info{display:flex;flex-direction:column;border:1px solid lightgray;border-radius:5px;padding:15px}.info{display:flex;flex-direction:column;gap:20px;justify-content:space-between}.info-details{display:flex;flex-direction:column}.price{display:flex;flex-direction:column;border-bottom:1px solid lightgray;padding-bottom:10px}.price span:last-child{color:var(--primary-color)}.priceTax{color:var(--primary-color);font-family:V_Inter_Medium;font-weight:500;font-size:1.1rem}.product_detail{display:flex;flex-direction:column;border-bottom:1px solid lightgray;padding-bottom:10px;gap:5px;margin-bottom:10px}.brand,.size,.etat,.couleur,.date{display:flex;justify-content:space-between}.product_info .description{border-bottom:1px solid lightgray;padding-bottom:10px;margin-bottom:10px}.product_actions{display:flex;flex-direction:column;gap:15px}.product_actions button:not(:first-child){color:var(--primary-color);height:44px;padding:0 16px;border:1px solid lightgray;border-radius:5px;font-weight:500;font-family:V_Inter_Medium;font-size:1.1rem;background-color:#fff}.product_actions .sell-article{height:44px;padding:0 16px;font-weight:500;font-family:V_Inter_Medium;font-size:1.1rem}.user-info{display:flex;flex-direction:row;align-items:center;gap:10px}.user-info p{font-weight:700}.user-info img{width:40px;object-fit:cover;border-radius:50%}section.container{justify-content:center;border:1px solid lightgray;border-radius:5px;width:500px;margin-top:50px}section.container h2{margin:35px 0;text-align:center}form{display:flex;flex-direction:column;width:400px}form input:not([type=range]),textarea{margin-bottom:56px;border:none;border-bottom:1px solid lightgrey;padding-bottom:8px;outline-width:0}input:focus-visible{outline:none;border-bottom:1px solid rgb(85,85,85)}input::placeholder{font-size:1.2rem;color:#a1a1a1}input[type=submit]{background-color:var(--primary-color);color:#fff;font-family:V_Inter_Medium;font-size:1.3rem;text-align:center;padding:10px;border-radius:5px;cursor:pointer}input[type=submit]:hover{background-color:var(--primary-color-hover)}section.container p{font-size:1.18rem;text-align:center;margin-bottom:30px}section.container p span{color:var(--primary-color);text-align:center;text-decoration:underline;margin-bottom:30px;cursor:pointer}#picture{display:none}section.publish label{margin-bottom:10px}section.publish label:last-child(){margin-bottom:20px}label[for=picture]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px}