@font-face{font-family:Satoshi-Variable;src:url(/fonts/Satoshi/Satoshi-Variable.woff2)format("woff2");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Sunlight-Variable;src:url(/fonts/Sunlight/Sunlight%20VAR-VF.ttf.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Sunlight-Variable;src:url(/fonts/Sunlight/Sunlight%20Italic%20VAR-VF.ttf.woff2)format("woff2");font-weight:300 900;font-style:italic;font-display:swap}:root{--checker-size:44px;--color-dark:#000;--color-light:#fff;--color-asfr-comm:#ff7300;--name-font-size:100px;--text-font-size:60px;--border-radius:70px;--gradient-domdidier:linear-gradient(90deg, #f7ff00 33%, #0040ff 33%, #0040ff 66%, red 66%);--gradient-romont:linear-gradient(90deg, #f7ff00 33%, #0040ff 33%, #0040ff 66%, #f7ff00 66%);--gradient-bulle:linear-gradient(90deg, red, red);--gradient-grolley:linear-gradient(90deg, #e3d7a8 33%, #821d21 33%, #821d21 66%, #e3d7a8 66%);--gradient-flambeaux:linear-gradient(90deg, #ef651b, #ef651b);--gradient-christ-roi:linear-gradient(90deg, #000 33%, #1f8e6e 33%, #1f8e6e 66%, #000 66%);--gradient-dudingen:linear-gradient(90deg, #9b0302 50%, #4b8bc7 50%);--gradient-marly:linear-gradient(90deg, #f1de07 33%, #048001 33%, #048001 66%, #f1de07 66%);--gradient-moliere:linear-gradient(90deg, #fff 33%, #78aae5 33%, #78aae5 66%, #fff 66%);--gradient-veveyse:linear-gradient(90deg, #ffe43c 25%, #6a1c36 25%, #6a1c36 50%, #1f1b22 50%, #1f1b22 75%, #ffe43c 75%);--gradient-murten:linear-gradient(90deg, #05ab93 33%, #966abb 33%, #966abb 66%, #05ab93 66%);--gradient-maggenberg:linear-gradient(90deg, #fff 25%, #966abb 25%, #966abb 50%, #ef651b 50%, #ef651b 75%, #fff 75%);--gradient-vully:linear-gradient(90deg, #fff 33%, #712e3f 33%, #712e3f 66%, #fff 66%);--gradient-st-pierre:linear-gradient(90deg, #000 33%, #fece00 33%, #fece00 66%, #000 66%);--gradient-villard:linear-gradient(90deg, #fff 33%, #0e4085 33%, #0e4085 66%, #fff 66%);--current-groupe-bg:var(--gradient-domdidier)}*{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}.main-container{background:#c7c7c7;flex-direction:row;width:100vw;height:100vh;display:flex}.card-container{background:#c7c7c7;width:100%;height:100%;position:relative}.card{transform-origin:50%;width:1270px;height:1778px;font-family:Satoshi-Variable;font-weight:400;font-size:var(--text-font-size);color:var(--color-dark);text-transform:uppercase;background:repeating-conic-gradient(var(--color-light) 0 25%, var(--color-dark) 0 50%) center bottom / var(--checker-size) var(--checker-size);border-radius:var(--border-radius);flex-direction:column;padding:40px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.card:before{content:"";z-index:5;background:linear-gradient(#fff 30%,#fff0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.header{z-index:10;align-items:center;display:flex;position:relative}.logo{flex-shrink:0;margin-right:20px}.title{text-align:right;flex-grow:1;width:0;overflow:visible}.name{font-size:var(--name-font-size);font-variation-settings:"wdth" 100, "CNTR" 0;white-space:nowrap;transform-origin:0;font-family:Sunlight-Variable;font-style:italic;font-weight:900;line-height:1;display:inline-block;transform:scaleY(1.2)}.totem{line-height:1}.content{z-index:10;flex-direction:column;flex-grow:1;width:100%;display:flex;position:relative}.photo{border-radius:var(--border-radius);z-index:-2;flex-grow:1;width:100%;position:relative;overflow:hidden}.infos{width:100%;position:absolute;bottom:0;left:0}.infos:after{content:"";background:var(--color-dark);z-index:-1;border-radius:0 0 var(--border-radius) var(--border-radius);width:100%;height:75%;position:absolute;top:25%}.info-asfr,.info-groupe{border-radius:var(--border-radius);justify-content:space-between;padding:20px 40px;display:flex}.info-asfr{background:var(--color-light);overflow:hidden}.asfr-role{z-index:10;position:relative}.asfr-role:before{content:"";background-color:var(--asfr-before-color,#ff7300);z-index:-1;width:200%;height:200%;position:absolute;top:-50%;left:-30px}.info-groupe{background:var(--color-dark);color:var(--color-light)}.info-colors{z-index:-1;border-radius:var(--border-radius) var(--border-radius) 0 0;background:red;background:var(--current-groupe-bg);width:100%;height:80px;position:absolute;top:-10px}.card .infos.groupe-hidden:after{height:0%!important;top:100%!important}.option-container{z-index:100;background:#dcdcdc;flex-direction:column;gap:20px;width:50%;height:100vh;padding:30px;font-family:Satoshi-Variable;display:flex;position:relative;overflow-y:auto;box-shadow:-5px 0 15px #0000001a}.option-container h2{text-transform:uppercase;color:#333;margin-bottom:10px;font-size:20px}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{text-transform:uppercase;color:#666;font-size:12px;font-weight:700}.form-group input[type=text],.form-group select{border:1px solid #ccc;border-radius:6px;padding:10px;font-size:14px}.form-group input[type=file]{font-size:13px}.checkbox-group{cursor:pointer;align-items:center;flex-direction:row!important;gap:10px!important}.checkbox-group input{cursor:pointer;width:20px;height:20px}.download-button{color:#fff;text-transform:uppercase;cursor:pointer;background:#000;border:none;border-radius:8px;margin-top:10px;padding:15px;font-size:16px;font-weight:700;transition:background .2s}.download-button:hover{background:#333}.download-button:disabled{cursor:not-allowed;background:#ccc}.custom-dropdown-root{width:100%;font-family:Arial,sans-serif;position:relative}.custom-select-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ccc;border-radius:6px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}.dot-indicator,.option-dot{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:16px;height:16px}.custom-options-list{z-index:999;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;max-height:240px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.custom-option-item{cursor:pointer;align-items:center;gap:12px;padding:10px 14px;font-size:14px;transition:background .15s;display:flex}.custom-option-item:hover{background:#f3f4f6}.crop-trigger-button{color:#fff;text-transform:uppercase;cursor:pointer;background:#475569;border:none;border-radius:6px;width:fit-content;margin-top:4px;padding:8px 12px;font-size:13px;font-weight:700;transition:background .2s}.crop-trigger-button:hover{background:#334155}.crop-trigger-button:disabled{color:#94a3b8;cursor:not-allowed;background:#cbd5e1}.modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:12px;flex-direction:column;gap:16px;width:90%;max-width:600px;padding:24px;font-family:Satoshi-Variable;display:flex;box-shadow:0 10px 25px #0000004d}.modal-content h3{color:#1e293b;text-transform:uppercase;font-size:18px}.img-container{background-color:#f1f5f9;width:100%;max-height:400px;overflow:hidden}.img-container img{max-width:100%}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-btn{cursor:pointer;text-transform:uppercase;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:700}.modal-btn.primary{color:#fff;background:#22c55e}.modal-btn.primary:hover{background:#16a34a}.modal-btn.secondary{color:#475569;background:#e2e8f0}.modal-btn.secondary:hover{background:#cbd5e1}.options-toggle-btn,.options-close-btn{display:none}@media (width<=900px){.main-container{flex-direction:column;position:relative;overflow:hidden}.card-container{height:100vh;transition:height .3s cubic-bezier(.4,0,.2,1);position:relative;width:100%!important}.main-container.options-active .card-container{height:40vh}.options-toggle-btn{color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;z-index:90;white-space:nowrap;background:#000;border:none;border-radius:50px;padding:14px 28px;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s;display:block;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000004d}.options-toggle-btn:active{transform:translate(-50%)scale(.95)}.main-container.options-active .options-toggle-btn{opacity:0;pointer-events:none}.option-container{z-index:999;background:#fff;border-radius:24px 24px 0 0;padding:30px 24px 40px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -10px 35px #00000026;width:100%!important;height:60vh!important}.option-container.open{transform:translateY(0)}.options-close-btn{color:#334155;cursor:pointer;z-index:101;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:1;transition:background .2s;display:flex;position:absolute;top:16px;right:20px}.options-close-btn:hover{background:#e2e8f0}}