@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Kode+Mono:wght@400..700&family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Instrument+Serif:ital@0;1&family=Kode+Mono:wght@400..700&family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Instrument+Serif:ital@0;1&family=Kode+Mono:wght@400..700&family=MuseoModerno:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DynaPuff:wght@400..700&family=Instrument+Serif:ital@0;1&family=Kode+Mono:wght@400..700&family=MuseoModerno:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Kode+Mono:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&display=swap";.homepage{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;position:relative}.landing-canvas-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.banner{display:flex;font-family:Kode Mono,monospace;justify-content:center;align-items:center!important;z-index:500;padding:35px 0;border-radius:20px;width:100%;max-width:98%;background:#0f0f0f;color:#e0e0e0;font-size:25px;text-transform:uppercase;text-align:center;line-height:26px;margin-top:24px;letter-spacing:2px;overflow:hidden}.content{display:flex;width:100%;flex-direction:row;align-items:flex-start;height:calc(100% - 42px);box-sizing:border-box;justify-content:space-between}.intro-header{display:flex;flex-direction:column;gap:4px;width:152px;margin-bottom:60px}.intro-header h1{line-height:18px;color:#ffc4b1;text-transform:uppercase}.intro-header h2{line-height:15px;font-weight:600;color:#ffc4b1;text-transform:uppercase}.fade-in-word{opacity:0;animation:fadeInWord .1s ease forwards}.skip-intro{line-height:18px;color:#fffefd;text-transform:uppercase;text-decoration:none;padding:8px 20px;border-radius:8px;transition:all .3s ease;opacity:0;animation:fadeInWord 1.5s ease forwards;animation-delay:4s;width:fit-content;position:absolute;bottom:200px}.intro-image{width:555px;height:832px;scale:1.3;background:url(./image.png) no-repeat center center;background-size:cover}.intro-image:after{content:"";width:100%;height:100%;pointer-events:none;background:transparent;box-shadow:0 0 1px #ffffff1a,0 0 2px #0000001a;opacity:.1;z-index:1}.text-content{display:flex;flex-direction:column;width:50%;padding:30px;margin-left:80px;margin-top:30px}.model-container{display:flex;align-items:center;justify-content:center;height:100vh;border-radius:10px;overflow:hidden}.landing-body{max-width:850px;display:flex;flex-direction:column;color:#fffefd}.landing-header{display:flex;flex-direction:column;gap:4px;width:152px;margin-bottom:150px}.landing-header h1{line-height:18px;color:#ffc4b1;text-transform:uppercase}.landing-header h2{line-height:15px;font-weight:600;color:#ffc4b1;text-transform:uppercase}.landing-h1{margin:0}#start-button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;flex:none;flex-grow:0;font-weight:200;border-radius:32px;font-size:14px;padding:20px 100px}.audio-btn{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;width:60px;height:60px}.wordmark{width:82px;height:82px;scale:1.3;background:url(./image.png) no-repeat center center;background-size:cover}.credits-container{display:flex;flex-direction:row;align-items:center;width:100%;padding:20px;margin-top:140px}.fade-out{animation:fadeOut 1s forwards}.fade-in{animation:fadeIn 1s ease-in forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.intro-canvas-page{position:relative;width:100vw;height:100vh;background:linear-gradient(123.21deg,#282828 27.78%,#52231f 94.21%);overflow:hidden}.intro-canvas{position:absolute!important;top:0;left:0;width:100%;height:100%}.banner,.content{position:relative;z-index:2}.landing-canvas-page{position:relative;width:100vw;height:100vh;background:linear-gradient(123.21deg,#282828 27.78%,#52231f 94.21%);overflow:hidden}.full-screen-canvas{position:absolute!important;top:0;left:0;width:100%;height:100%}.content,.banner{position:relative;z-index:2}.marquee-center{width:100%;display:flex;justify-content:center;text-align:center}h1.landing-page{width:830px}.audio-start{padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;height:fit-content}.landing-body{margin-top:50px;font-size:10px!important;padding:20px}h1.landing-h1.landing-page{font-size:65px;font-weight:500}.audio-btn{transition:transform .2s ease,background-color .2s ease}.audio-btn:hover{transform:scale(1.05);background-color:#f0f0f0}.landing-canvas-page{opacity:1}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#282828;opacity:0;pointer-events:none;z-index:9999}.rfm-marquee-container{overflow-y:hidden}.logo-button{flex:1;background-color:#000000e6;border:none;color:#fff;font-size:20px;border-radius:19px;cursor:pointer;transition:background-color .3s ease;width:100%;font-family:Kode Mono,monospace;height:92px;text-transform:uppercase;letter-spacing:4px;margin-right:-10px;overflow:visible;position:relative;display:flex;align-items:center;justify-content:center;white-space:nowrap}.logo-button:hover{background-color:#000000d9}.logo-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:1rem;width:100%;box-sizing:border-box;padding:16px}.superimposed-logo{position:absolute;top:50%;left:200px;transform:translate(-140px,-50%);z-index:10;width:100px;height:auto;pointer-events:none}.superimposed-logo.super-landing{left:120px;z-index:-5}.superimposed-logo.super-landing{position:absolute;z-index:1;top:50%;left:3%;transform:translate(-50%,-50%);width:140px;height:auto}.metric-container{display:flex;justify-content:space-around;width:100%;padding:20px;box-sizing:border-box}.metric-widget{display:flex;flex-direction:row;align-items:center;padding:10px 20px;gap:6px;background:#2e2e2e;border-radius:16px;flex:1}.widget-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;gap:4px;flex:none;order:0;flex-grow:1;width:100%}.header{display:flex;flex-direction:row;align-items:center;padding:0 4px;gap:4px;flex:none;order:0;align-self:stretch;background:none;flex-grow:1;justify-content:space-between}.indicator{width:6px;height:6px;background:#fffefd;border-radius:2px;flex:none;order:0;flex-grow:0}.widget-label{line-height:13px;text-transform:uppercase;color:#fffefd;flex:none;order:1;flex-grow:0;white-space:nowrap}.change-tag{margin-left:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2px 4px;gap:10px;border-radius:4px;flex:none;order:2;flex-grow:0}.percent-change{font-family:Kode Mono,monospace;font-style:normal;padding:5px;font-weight:lighter!important;font-size:13px;border-radius:7px;line-height:13px;color:#fffefd;flex:none;order:0;flex-grow:0;white-space:nowrap}.stat{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;flex:none;order:1;align-self:stretch;flex-grow:0}.stat-info{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;flex:none;order:0;flex-grow:0}.icon{width:20px;height:20px;flex:none;order:0;flex-grow:0}.stat-content{line-height:20px;text-transform:uppercase;color:#fffefd;flex:none;order:1;flex-grow:0;white-space:nowrap}.graph-line{display:none;border:1px solid #ffeeeb;border-radius:3px;transform:scaleY(-1);flex:none;order:1;flex-grow:0}.selection-panel{display:flex;flex-direction:column;align-items:flex-start;padding-top:8px;gap:16px;width:377px;height:auto;right:16px;top:16px;border-radius:16px}.header-section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px;width:345px;height:47px;border-radius:16px;flex:none;order:0;align-self:stretch;flex-grow:0;gap:16px}.step-count-bar{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;width:152px;height:16px;flex:none;order:0;flex-grow:0}.step-count{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;width:60px;height:16px;flex:none;order:0;flex-grow:0}.current-step{width:40px;height:16px;font-family:DM Sans,sans-serif;font-style:normal;font-weight:600;font-size:12px;line-height:16px;text-transform:uppercase;color:#fffefd}.total-step{width:16px;height:16px;font-family:DM Sans,sans-serif;font-weight:600;font-size:12px;line-height:16px;text-transform:uppercase;color:#9b9b9b}.progress-bar{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;width:76px;height:4px;flex:none;order:1;flex-grow:0}.progress{width:12px;height:4px;background:#9b9b9b;border-radius:4px}.progress.filled{background:#c83c00}.choose-outfit-designs{width:345px;height:31px;font-family:Kode Mono,monospace;font-style:normal;font-weight:400;font-size:24px;line-height:31px;text-transform:uppercase;color:#fff;flex:none;order:1;align-self:stretch;flex-grow:0}.my-collection-block{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;width:100%;height:173px;flex:none;order:1;align-self:stretch;flex-grow:0}.my-collection{width:345px;height:20px;font-family:Kode Mono,monospace;font-size:16px;line-height:20px;text-transform:uppercase;color:#fff;margin:0 16px}.thumbnail-list{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:8px;width:100%;height:145px;flex:none;order:1;align-self:stretch;flex-grow:0}.thumbnail{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;width:109.67px;height:145px;background:#fff;border:1px dashed #9b9b9b;border-radius:4px;flex:none;flex-grow:1;position:relative}.empty-state-text{height:41px;font-family:Kode Mono,monospace;font-size:32px;line-height:41px;text-align:right;text-transform:uppercase;color:#9b9b9b}.collection-statistics-block{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;width:345px;height:248px;border-radius:32px;flex:none;order:2;align-self:stretch;flex-grow:1}.collection-statistics-header{width:345px;height:20px;font-family:Kode Mono,monospace;font-size:16px;line-height:20px;text-transform:uppercase;color:#fff}.info-widget{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;width:345px;height:53px;background:#3d3d3d;border-radius:8px;flex:none;order:1;align-self:stretch;flex-grow:0}.widget-header{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;width:313px;height:21px;flex:none;order:0;align-self:stretch;flex-grow:0}.widget-header-row{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;width:313px;height:21px;flex:none;order:0;align-self:stretch;flex-grow:0}.header-text{font-family:DM Sans,sans-serif;font-size:16px;line-height:21px;display:flex;align-items:center;color:#fffefd}.total-price-widget{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:16px 24px;gap:24px;height:83px;background:#3d3d3d;border:1px solid #222222;border-radius:16px;flex:none;order:3;align-self:stretch;flex-grow:0;margin:0 16px}.price{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:161px;height:51px;flex:none;order:0;flex-grow:1}.dollar-amount{font-family:Kode Mono,monospace;font-size:24px;line-height:31px;text-transform:uppercase;color:#9b9b9b;width:161px;height:31px}.total-design-price{font-family:DM Sans,sans-serif;font-weight:600;font-size:12px;line-height:16px;text-transform:uppercase;color:#9b9b9b;height:16px}.button-content{display:flex;flex-direction:row;justify-content:center;align-items:center}.button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px!important;width:125px!important;height:56px;background:#9b9b9b;border:none;border-radius:40px!important;flex:none;order:1;flex-grow:0;transition:background-color .2s ease}.button-disabled{cursor:not-allowed;background-color:#505050}#next-fabric-button{border:none;color:#fff;gap:4px;padding:16px 8px!important}.button-active{background-color:#c83c00;cursor:pointer!important}.button-active:hover{background-color:#e45f26}.button-text{font-family:DM Sans,sans-serif;font-size:14px;line-height:18px;text-align:center;color:#fffefd;margin-right:8px}.button-icon{display:flex;align-items:center;width:24px;height:24px;color:#fff}.button-text{height:18px;font-family:DM Sans,sans-serif;font-size:14px;line-height:18px;text-align:center;color:#fffefd}.button-icon{width:24px;height:24px}.thumbnail.occupied{background:#fff}.thumbnail.unoccupied{background:#222}.thumbnail-content{text-align:center;position:relative}.remove-button{position:absolute;top:110px;left:50%;transform:translate(-50%);background:#222;color:#fff;border:none;cursor:pointer;padding:5px 10px;border-radius:5px;z-index:1}.model-name{color:#fff}.model-image{width:100px;height:auto;display:block;margin:0 auto}.step-title{color:#fff;align-self:flex-start;margin-left:16px}#select-button{padding:0!important}.factory-overall-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#2e2e2e;border-radius:0 0 16px 16px;padding-bottom:16px}html{background-color:#3d3d3d}.app{display:flex;flex-direction:column;align-items:center;width:100%}.logo-container{display:flex;width:100%;gap:16px;align-items:center}.canvas-container{position:relative;margin:0 16px 16px;height:86vh;border-radius:10px;overflow:hidden;background:url(./assets/images/canvas-home.svg) center center no-repeat;background-size:cover}.canvas-container canvas{width:100%;height:100%;display:block}.details-container{position:absolute;top:3%;right:5%;margin-right:-26px;display:flex;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.outfit-details-rs{background-color:#0f0f0f;border-radius:16px}.collection-originality-metric{margin:0;width:100%}.metric-label{display:flex;margin-bottom:8px;color:#fff}.metric-bar-container{display:flex;height:6px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:8px;position:relative;box-sizing:border-box}.original-bar{background-color:#85e780;height:100%;width:70%;box-sizing:border-box}.plagiarized-bar{background-color:#ffc4b1;height:100%;width:30%;box-sizing:border-box}.metric-stats{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.original-percentage,.plagiarized-percentage{color:#fff}.summary-text{margin-top:15px;color:#fff}.collection-metric-container{background-color:#3d3d3d;padding:0 10px;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;width:353px;flex-direction:column;align-items:center;justify-content:center}.icon{width:20px;height:20px;flex:none;order:0;flex-grow:0;padding-right:8px}.color-circle{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:8px;vertical-align:middle}.card-selection-container{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;width:100%;box-sizing:border-box;margin:16px}.card-row{display:flex;gap:20px;justify-content:center;width:100%}.card{background-color:#505050;border-radius:4px;position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .3s}.card.selected{border:2px solid #FFF;background-color:#c83c00}.checkbox{position:absolute;top:15px;right:20px}.card-image{width:100px;height:100px;object-fit:cover}.card-info{text-align:left;margin-bottom:8px;margin-left:8px;align-self:flex-start}.fabric-name{color:#fff;margin:8px 0}.fabric-cost{color:#fff;margin:0}.img_container{width:148px;height:113px;margin:8px;background-color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center}.count-bar{display:flex;flex-direction:column;align-items:center}.steps{display:flex;align-items:center;margin-bottom:20px}.step-container{display:flex;align-items:center}.step{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 10px;cursor:pointer;transition:background-color .3s;color:#fffefd}.step.active{background-color:#3d3d3d;color:#fff;border:2px solid #9B9B9B}.line{width:96.5px;height:1px;background-color:#3d3d3d}.factory-title{color:#fffefd;align-self:flex-start}.toggle-container{display:flex;flex-direction:column;align-items:center;padding:0 16px;border-radius:16px;max-width:600px;min-width:345px;margin:0 auto}.toggle-buttons{display:flex;justify-content:center;margin-bottom:16px;background:#3d3d3d;border-radius:40px;overflow:hidden;width:100%}.toggle-button{background:#3d3d3d;color:#fffefd;border:none;padding:10px 20px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;transition:background-color .3s ease;border-radius:40px;flex:1;text-align:center}.toggle-button.active{background:#c83c00}.toggle-content{text-align:center;color:#fffefd}.logo{width:100px;height:auto}h2{font-family:Kode Mono,monospace;font-size:24px;margin-bottom:8px}p{font-family:DM Sans,sans-serif;font-size:16px}.item-description{margin-bottom:20px;color:#fffefd}.info-container{background:#222;border-radius:8px;padding:16px;margin-bottom:16px}#added-logo{margin-left:0!important}.text-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:left;padding:0 16px}.toggle-icon{font-size:24px;margin-right:12px;display:flex;align-items:center;color:#fff}:root{--font-family-kodo: "Kode Mono", serif;--font-family-dm-sans: "DM Sans", sans-serif;--landing-page: 64px;--accent-1: 32px;--accent-2: 24px;--accent-3: 20px;--accent-4: 16px;--accent-5: 14px;--accent-6: 12px;--font-style-normal: normal;--font-weight-light: lighter;--heading-1: 24px;--heading-2: 20px;--body-text-large: 18px;--body-text-medium: 16px;--body-text-small: 12px;--label-large: 12px;--label-small: 10px;--font-weight-semibold: 600}.landing-page{font-family:var(--font-family-kodo);font-size:var(--landing-page);font-weight:var(--font-weight-semibold)}.accent-1{font-family:var(--font-family-kodo);font-size:var(--accent-1);font-weight:var(--font-weight-light);font-style:var(--font-style-normal)}.accent-2{font-family:var(--font-family-kodo);font-size:var(--accent-2);font-weight:var(--font-weight-light);font-style:var(--font-style-normal)}.accent-3{font-family:var(--font-family-kodo);font-size:var(--accent-3);font-weight:var(--font-weight-light);font-style:var(--font-style-normal)}.accent-4{font-family:var(--font-family-kodo);font-size:var(--accent-4);font-weight:var(--font-weight-light);font-style:var(--font-style-normal)}.accent-5{font-family:var(--font-family-kodo);font-size:var(--accent-5);font-weight:var(--font-weight-light);font-style:var(--font-style-normal)}.accent-6{font-family:var(--font-family-kodo);font-size:var(--accent-5);font-weight:var(--font-weight-semibold)}.heading-1{font-family:var(--font-family-dm-sans);font-size:var(--heading-1);font-weight:var(--font-weight-semibold)}.heading-2{font-family:var(--font-family-dm-sans);font-size:var(--heading-2);font-weight:var(--font-weight-semibold)}.body-text-large{font-family:var(--font-family-dm-sans);font-size:var(--body-text-large);font-style:var(--font-style-normal)}.body-text-medium{font-family:var(--font-family-dm-sans);font-size:var(--body-text-medium);font-style:var(--font-style-normal)}.body-text-small{font-family:var(--font-family-dm-sans);font-size:var(--body-text-small);font-style:var(--font-style-normal)}.label-large{font-family:var(--font-family-dm-sans);font-size:var(--label-large)}.label-small{font-family:var(--font-family-dm-sans);font-size:var(--label-small);font-weight:var(--font-weight-semibold)}.design-card{width:350px;padding:20px 30px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;display:flex;flex-direction:column;margin:20px}.look-number{display:inline-block;background-color:#fee7e2cc;color:#d35f3d;padding:6px 10px;margin-bottom:15px;border-radius:32px}.title{margin:0 0 30px;color:#000;font-size:1.5em}.feature{display:flex;align-items:center;margin:10px 0}.icon{font-size:24px;margin-right:12px;display:flex;align-items:center;justify-content:center;color:#fff}.progress-bar-2{width:100%;height:12px;background-color:#f5f5f54d;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,#e74c3c,#f1c40f,#2ecc71)}.description{margin-bottom:20px;color:#000}.p_bar-description{margin-left:2.5em!important;color:#ddd;text-align:left;display:flex;flex-direction:row;justify-content:center;align-items:center}.cost-row{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.cost h2{margin:0;color:#000}.cost span{color:#ccc}.add-button{display:block;width:auto!important;background-color:#c83c00;color:#fff;border:none;border-radius:6px;padding:12px 20px;cursor:pointer;flex-shrink:0;transition:background-color .2s ease}.add-button:hover{background-color:#e45f26}.add-button:active{background-color:#a43100;transition:background-color .2s ease}.model-list-container{position:absolute;bottom:60px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px}.nav-button{border:2px solid #ffffff;background:transparent;color:#0f0f0f;border-radius:50%;width:56px;height:56px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#fff;transition:all .2s ease-in-out}.nav-button:hover{background-color:#f4e7e2}.model-buttons{display:flex;gap:10px;border:2px solid #ffffff;padding:8px;border-radius:24px;background:#fff}.model-button{background-color:#f0f0f0;color:#000;border:none;border-radius:16px;width:40px;height:40px;cursor:pointer;transition:all .3s ease;text-align:center}.model-button.active{border:2px solid #b93e22;color:#b93e22;background-color:#ffeeeb}.model-button:hover{background-color:#e6e6e6}.nav-button:disabled{cursor:not-allowed;opacity:.5}.budget-roller{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:80%;background-color:#fff}.number-display{display:flex;font-size:48px;font-weight:700;margin-bottom:24px;height:72px;overflow:hidden;width:100%;justify-content:space-between}.digit{display:flex;align-items:center;justify-content:center;height:100%;width:46px;overflow:hidden;position:relative;margin:2px;background-color:#f0f0f0;border-radius:5px}.digit-value{height:60px;display:flex;align-items:center;justify-content:center}.comma{display:flex;align-items:center;justify-content:center;width:20px}#roll-button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%!important}.roll-button:disabled{background-color:#ccc;cursor:not-allowed}.currency{display:flex;align-items:center;justify-content:center;margin-right:10px}.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.tutorial-box{background-color:#fff;border-radius:24px;padding:32px;width:484px;height:548px;box-shadow:0 4px 8px #0003;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.tutorial-video{width:100%;height:calc(100% - 60px)}video{clip-path:inset(2px 2px);clip-path:fill-box;overflow:hidden;margin-bottom:-1px;outline:none;border-radius:1px}#tutorial-button{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:20px;padding:10px 20px;color:#fff;border:none;cursor:pointer;width:100%!important}#next-button{padding:0 8px}.pagination-bar{margin-top:20px;display:flex;justify-content:center}.pagination-dot{width:10px;height:10px;margin:0 5px;background-color:#ccc;border-radius:50%}.pagination-dot.active{background-color:#c83c00}.build{z-index:2000!important}.fabric-nav-container{width:100%}.fabric-nav-child-container{display:flex;align-items:center}.section-number{margin:0;background-color:#1f1f1f;padding:12px 20px;border-radius:26px}.section-number.active{background-color:none;padding:12px 20px;border-radius:8px;border:none}.section-number.active{background-color:#3d3d3d;padding:12px 20px;border-radius:26px;border:1px solid white}.section-number.line{padding:0;background-color:#505050;margin:12px}.fabric-title-container{margin:0;width:100%;display:flex;align-items:center;justify-content:flex-start;padding-top:24px}.fabric-selection-container{margin-top:16px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:left;align-items:center;padding:0!important;gap:16px}.fabric-container{color:#fff;background-color:#505050;display:flex;justify-content:top;align-items:left;flex-direction:column;text-align:center;width:160px;height:174px;border-radius:20px}.expanded-container.fabric{height:90vh}.fabric-container>img{object-fit:contain;background-color:#fff;padding:20px;border-radius:10px;object-fit:cover;display:flex;align-items:center;justify-content:center;text-align:center;transition:all .3s ease-in-out}.fabric-container{padding:12px!important}.fabric-option-price,.fabric-option-title{text-align:center;font-size:.75rem}.fabric-description{color:#000;display:flex;flex-direction:column;margin:0 20px;gap:8px}.fabric-container>img{width:90px!important;height:100px!important;padding:10px;object-fit:fill}.fabric-img{width:100px!important;padding:10px!important}.fabric-options{margin-top:10px!important}.default-no-selection{text-align:center;padding:80px}.category-item{display:flex;align-items:center}.icon-padding{padding:10px}.text-container{display:flex;flex-direction:column}.category-title{font-weight:regular;font-size:16px;margin:0}.category-description{font-size:.9rem;color:#0f0f0f;margin-top:12px}.left-component.fabric{width:fit-content;padding:0 20px}div#fabric-only-container{transform:translate(-449px,80px)}.fabric-info-container{display:flex;flex-direction:row;width:100%!important;align-items:baseline}.fabric-info{margin-left:40px}#fabric-only-container{margin-top:-100px!important}.fabric-options{display:flex;justify-content:left;width:100%;align-items:center}.fabric-container{width:50%}.fabric-container.active{display:flex;justify-content:center;background-color:#c83c00;border:1px solid white;align-items:center;flex-direction:column}.fabric-container>img{width:90%!important;height:100px!important;padding:10px;object-fit:contain}.fabric-options{margin-top:15px!important}fabric-option-price,.fabric-option-title{text-align:center;font-size:.9rem}.fabric-option-price{text-align:center;font-size:1.1rem;color:#fff}.fabric-option-title{flex:1;text-align:left!important;display:flex;align-items:left}.fabric-container{width:42%;height:40%}.canvas-list{position:fixed;bottom:36px;left:20%;transform:translate(0);padding:10px}.vanguard-parent-container{position:absolute;z-index:100;display:flex;flex-direction:column;justify-content:center;height:100%;align-items:center;width:200px}.vanguard-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:fit-content;padding:10px;background:#cecece40;box-shadow:0 8px 32px #8b8b8b5e;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(10px);border-radius:30px;border:1px solid rgba(255,255,255,.18)}.vanguard{box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-radius:50%;height:90px;width:90px;margin:10px;position:relative;cursor:pointer;border:none}.vanguard-active{border:5px solid #c83c00}.vanguard-inner-circle{display:flex;justify-content:center;align-items:center;width:70px;height:70px;border-radius:50%;border:2px solid #ffc4b1;background-color:#fff;z-index:5}.logo-vanguard{width:60px;height:60px;z-index:0}.blink-animation{animation:blinkBackground 2s infinite ease-in-out}@keyframes blinkBackground{0%{background-color:#fff}50%{background-color:#ffc4b1}to{background-color:#fff}}.vanguard{position:relative}.vanguard-active:after{position:absolute;top:-8px;right:1px;width:25px;height:25px;z-index:100;display:flex;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;color:#fff;content:"1";background-color:#c83c00;border-radius:50%;pointer-events:none}.video-container{position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;overflow:hidden;z-index:9999}.full-screen-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%)}.video-controls{display:flex;z-index:9999;position:absolute;margin:20px;right:0}.skip-button{padding:20px;border-radius:30px;margin-right:10px;border:none;color:#fff;background-color:#c83c00;font-family:Kode Mono,monospace;cursor:pointer}.mute-button{border-radius:50%;width:50px;height:50px;background-color:#fff;color:#c83c00;border:none;cursor:pointer}body,html{margin:0;padding:0;font-family:Kode Mono,monospace;height:100vh;overflow:hidden}.homepage{display:flex;flex-direction:column;height:100%;position:relative}.header{z-index:100;width:100%;background:#0f0f0f;color:#e0e0e0;font-size:20px;text-transform:uppercase;text-align:center;line-height:26px;letter-spacing:2px}.content{display:flex;justify-content:space-between;align-items:center;height:calc(100% - 42px)}.intro-header{position:absolute;top:98px;left:80px;display:flex;flex-direction:column;gap:4px;width:152px}.intro-header h1{font-size:14px;line-height:18px;color:#ffc4b1;text-transform:uppercase}.intro-header h2{font-size:12px;line-height:15px;font-weight:600;color:#ffc4b1;text-transform:uppercase}.intro-body{max-width:599px;display:flex;flex-direction:column;gap:40px}.intro-body p{font-size:24px;line-height:31px;text-transform:uppercase;color:#fffefd}.fade-in-word{opacity:0;animation:fadeInWord .5s ease forwards}@keyframes fadeInWord{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skip-intro{font-size:14px;line-height:18px;color:#fffefd;text-transform:uppercase;text-decoration:none;padding:8px 20px;border-radius:8px;transition:all .3s ease;opacity:0;animation:fadeInWord 1.5s ease forwards;animation-delay:4s;width:fit-content}.skip-intro:hover{font-weight:800}.intro-image{width:555px;height:832px;scale:1.1;background:url(./image.png) no-repeat center center;background-size:cover}.intro-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:transparent;box-shadow:0 0 1px #ffffff1a,0 0 2px #0000001a;opacity:.1;z-index:1}.nav-button-tut.nav-done{background-color:#fff}.tutorial-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#fff;width:370px;border-radius:20px;height:fit-content;padding:20px;min-height:450px}.step-container.no-step{opacity:0!important}.nav-back,.nav-next{padding:10px 15px}img.step-image{width:fit-content!important;height:fit-content!important;max-width:200px;max-height:200px;margin-bottom:20px}img.step-image.all-vanguards-happy{max-width:300px}.navigation-buttons{display:flex;width:100%;justify-content:space-between}.vanguard-tutorial--parent-container{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-family:Kode Mono,monospace}.tutorial-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#fff;width:330px;border-radius:20px;height:fit-content;padding:20px;min-height:450px}.step-container{display:flex;width:100%;flex-direction:row}.vanguard-tutorial-step{width:200px;height:4px;border-radius:5px;margin:3px}.active-step{background-color:#9b9b9b}.inactive-step{background-color:#f0f0f0}.vanguard-tutorial-svg{display:flex}.vanguard-tutorial-step-description{text-align:center}.tutorial-description{font-size:12px!important;text-align:center;margin-bottom:16px!important}.next-btn{display:flex;flex-direction:row;justify-content:space-between;width:100%;font-family:DM Sans,sans-serif;font-weight:300;font-size:15px}.nav-button-tut{cursor:pointer;display:flex;align-items:center;user-select:none;-webkit-user-select:none}.nav-done{position:relative;padding:10px 15px;border-radius:10px;color:green;overflow:hidden;z-index:10;background-color:#0080001a}.hold-progress{position:absolute;top:0;left:0;height:100%;width:0%;pointer-events:none;background-color:#00800066;z-index:0;transition:width .1s linear}.ml-auto{margin-left:auto}.icon-left{margin-right:8px}.icon-done{margin-left:8px;color:green}.blink-done{animation:blinkDone 1s infinite ease-in-out}@keyframes blinkDone{0%{background-color:#0080001a}50%{background-color:#fff}to{background-color:#0080001a}}.step-content.active{display:flex!important;flex-direction:column!important;text-align:center;justify-content:center;align-items:center!important}.step-container{justify-content:center}.tutorial-funding-container{padding:20px;width:100%}.funding-container{background-color:#f0f0f0;width:100%;height:70px;border-radius:8px;display:flex;justify-content:space-evenly;align-items:center}.funding{text-transform:uppercase;margin:15px;background-color:#fff;padding:10px;border-radius:32px;font-weight:500;font-family:DM Sans,sans-serif}.funding-amount{margin:0 10px;font-size:1.4rem;color:#1d7b18}p.tutorial-description{max-width:300px}.assignment{color:#fff;width:55%}.vanguard-popup-step{display:flex;flex-direction:column;justify-content:center;align-items:center}.display-link-container{display:flex;height:auto!important;width:auto!important;align-items:flex-start;padding:16px;box-shadow:0 2px 4px #0000001a;border-radius:5px;background-color:#3d3d3d;color:#fff;position:relative}.link-preview-image{width:100px!important;height:100px!important;object-fit:cover;margin-right:16px;border-radius:5px}.link-details{flex:1;z-index:1}.link-title{font-size:1.2em;font-weight:700;color:#fff;z-index:2}.link-title:hover{text-decoration:underline}.link-description{margin-top:5px;color:#fff}@media (max-height: 870px){.display-link-container{padding:12px;height:160px}.link-preview-image{width:80px;height:80px;margin-right:12px}.link-details{flex:1}.link-title{font-size:1em}.link-description{font-size:.9em}}@media (max-width: 1250px){.display-link-container{padding:8px;max-width:300px}.link-preview-image{width:60px;height:60px;margin-right:8px}.link-title{font-size:.9em}.link-description{font-size:.8em}}.start-button-container{display:flex;width:100%;height:100%;justify-content:end;align-items:end;font-family:Kode Mono,serif;zoom:.9}.brand-create{text-transform:uppercase}.create-container{background-color:#2e2e2e;width:440px;height:260px;border-radius:20px;margin:20px;display:flex;flex-direction:column;justify-content:flex-start;transition:height 2s ease;width:500px}.logo img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:16px;background-color:#fff}.expanded-container.create{height:90vh;display:flex;width:500px}.create-step-container{display:flex;flex-direction:row;align-items:center;padding-bottom:8px;gap:10px;color:#fff}.steps{text-transform:uppercase;font-size:14px;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.step-parent-container{display:flex;align-items:center}.step-containers{display:flex;background-color:gray;width:15px;height:5px;border-radius:20px;margin:3px}.step-containers:nth-of-type(1){background-color:#fff}.brand-create{color:#fff;font-size:1.7rem;padding:0}.button-container{display:flex;border:1px solid #ffc4b1;background-color:#ffeeeb;padding:20px;border-radius:20px;justify-content:space-between;align-items:center;font-family:DM Sans,sans-serif;gap:24px}.button-description{font-size:16px;flex:1}.button-start{background-color:#c83c00;color:#fff;padding:24px 40px;border-radius:40px;display:flex;align-items:center;position:relative;overflow:hidden;cursor:pointer}.hold-progress-start{position:absolute;top:0;left:0;height:100%;width:0%;background-color:#a53505;z-index:0;transition:width .1s linear}.blink-start{animation:blinkStartButton 1s infinite ease-in-out}@keyframes blinkStartButton{0%{background-color:#c83c00}50%{background-color:#e74c3c}to{background-color:#c83c00}}.icon-right{margin-left:8px}.create-parent-container{display:flex;flex-direction:column}.create-parent{padding:32px 20px 20px;border-top-right-radius:20px;border-top-left-radius:20px}.body-create{padding:20px;height:100%}.new-container{display:flex;flex-direction:column;height:100%;color:#fff}.new-container.brand{justify-content:space-between}.font-style,.logo-style{margin:10px 0;text-transform:uppercase}.logo-container{display:flex}.logo{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;background-color:#3d3d3d;height:70px;width:70px;border-radius:20px;transition:all .3s ease-in-out}.logo.clicked{background-color:#c83c00;border:.5px solid white;transition:all .3s ease-in-out}.create-submit-container{display:flex;flex-direction:row;width:100%;background-color:#3d3d3d;justify-content:space-between;align-items:center;border-radius:20px;margin-top:none}.create-submit-container.ready-container{border:1px solid #ffc4b1;background-color:#ffeeeb;transition:all .3s ease-in-out}.create-description{display:flex;flex-direction:column;text-align:left;text-transform:uppercase;gap:4px}.create-submit{display:flex;justify-content:space-between;width:100%;padding:16px;height:110px;align-items:center;color:#9b9b9b}.create-btn{display:flex;padding:20px 30px;background-color:#505050;color:#9b9b9b;border-radius:30px;align-items:center;font-family:DM Sans,sans-serif}.ready-btn{background-color:#e74c3c!important;color:#fff!important}.brand-title{font-size:26px;color:#9b9b9b}.brand-ready{color:#000}.brand-desc{font-size:14px;font-family:DM Sans,sans-serif;letter-spacing:1px;color:#9b9b9b}.brand-desc-ready{color:#000}.section-one{display:flex;flex-direction:column}.hold-progress-create{position:absolute;top:0;left:0;height:100%;width:0%;background-color:#a53505;z-index:0;transition:width .1s linear}.blink-create{animation:blinkCreateButton 1s infinite ease-in-out}@keyframes blinkCreateButton{0%{background-color:#e74c3c}50%{background-color:#ff5e4e}to{background-color:#e74c3c}}.create-btn{position:relative;overflow:hidden;display:flex;padding:20px 30px;background-color:#505050;color:#9b9b9b;border-radius:30px;align-items:center;font-family:DM Sans,sans-serif}.button-create{position:relative;overflow:hidden}.create-btn{cursor:pointer}.disabled{pointer-events:none;opacity:.5}.logo-container.logos{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:flex-start;padding-left:0;padding-top:0;padding-right:0}#hotseat:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/fire-9CPwUCP7.svg) no-repeat center center;background-size:cover;opacity:.5;z-index:1}.tutorial-container{position:relative;z-index:2}#hotseat{background:linear-gradient(to bottom,#222,#753300);position:relative;overflow:hidden;color:#fff}#hotseat:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/fire-9CPwUCP7.svg) no-repeat center center;background-size:cover;opacity:.5;z-index:1}.tutorial-container{position:relative;z-index:2;padding:20px}.step-container,.vanguard-tutorial-svg,.vanguard-tutorial-step-description,.next-btn{position:relative;z-index:2}.hotseat-active-step{background-color:#f0f0f0}.hotseat-inactive-step{background-color:#9b9b9b}.hotseat-answer{background-color:#2e2e2e;border-radius:16px;margin-bottom:8px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s,border .3s;border:2px solid transparent;min-width:294px;min-height:40px}.hotseat-answer.checked{border:2px solid white}.hotseat-answer input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border:2px solid white;border-radius:50%;background-color:#222;margin:5px 10px;position:relative;padding:10px}.hotseat-answer input[type=radio]:checked{background-color:#fff}.hotseat-answer input[type=radio]:checked:before{content:"";position:absolute;top:2px;left:2.2px;width:16px;height:16px;border-radius:50%;background-color:#fff;box-shadow:0 0 0 2px #222}.hotseat-answer input[type=radio]:checked+label:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;box-sizing:border-box}.hotseat-answer label{flex-grow:1;padding:8px;border-radius:16px;transition:background-color .3s,border .3s;position:relative;text-align:left}.hotseat-result{display:flex;align-items:center;justify-content:space-between;background-color:#2e2e2e;min-width:294px;min-height:64px;border-radius:8px}.hotseat-funding{background-color:#222;color:#fff;min-width:95px;min-height:32px;display:flex;align-items:center;justify-content:center;border-radius:32px;padding:5px 10px;margin:10px}.hotseat-amount{color:#fff;font-size:1.2em;padding:5px 10px;margin:10px}.win{color:#85e780}.lose{color:#ffc4b1}#hotseat-quiz-inner-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.hotseat-button-container{display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1;margin-top:24px}.vanguard-tutorial-svg{margin-top:24px;margin-bottom:16px}#start-description{margin-bottom:81px!important}.hotseat-parent-container{position:absolute;width:100%;transform:translate(50%,50%)!important}.collection-container{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:24px;transition:all .3s ease-in-out}.new-container{justify-content:space-between}.breakdown{background-color:#3d3d3d;height:153px;border-radius:8px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.left-component.outfit{position:absolute;transform:translate(-450px);width:400px;min-height:200px;max-height:fit-content;margin-top:-20px!important;border-radius:16px 0 0 16px;background:linear-gradient(90.39deg,#f1f2f2a5 -.63%,#e5f0f366);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid white;padding:14px;transition:all .3s ease-in-out}.left-container{display:flex;flex-direction:column;width:100%;justify-content:center;transition:all .3s ease-in-out;gap:5px}.header-info .fabric{display:flex;flex-direction:row;width:95%;justify-content:space-between;align-items:center;margin:20px 20px 20px 0;transition:all .3s ease-in-out}.left-component{position:absolute;transform:translate(-480px);width:480px;min-height:500px;margin-top:-20px;border-radius:16px 0 0 16px;background:linear-gradient(90.39deg,#f1f2f2a5 -.63%,#e5f0f366);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid white;padding:24px;transition:all .3s ease-in-out;z-index:1}.cta-container{max-width:400px}.header-info{display:flex;justify-content:space-between;align-items:center;transition:all .3s ease-in-out}.info-item{display:flex;flex-direction:column;gap:6px;font-family:DM Sans,sans-serif!important;transition:all .3s ease-in-out;padding-left:20px;padding-right:20px}.cta-container{display:flex;justify-content:space-between;align-items:center;margin-top:24px;transition:all .3s ease-in-out}.cta-button{background-color:#d73f3f;color:#fff;padding:10px 20px;border:none;border-radius:24px;cursor:pointer;transition:all .3s ease-in-out}.cta-button-price{margin-left:16px;font-family:Kode Mono,serif;font-weight:light!important;transition:all .3s ease-in-out;scale:2.5;height:21px}.remove-button{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background:#d73f3f;color:#fff;border:none;border-radius:15px;padding:6px 14px;z-index:2;cursor:pointer;font-size:.9rem;text-align:center;transition:all .3s ease-in-out}.breakdown{opacity:1!important;padding:8px!important;transition:all .3s ease-in-out;margin-top:8px}.expanded-container.outfit{height:90vh}.higher{position:relative;z-index:9999}.lower{position:absolute}.metric-budget-container{margin-left:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:1rem;box-sizing:border-box}.metric-child-container{background-color:#2e2e2e;padding:12px;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex:1 1 240px;width:260px;box-sizing:border-box;height:80px}.metric-title{background-color:#3d3d3d;width:fit-content;padding:6px 10px;color:#fff;text-transform:uppercase;border-radius:32px;letter-spacing:1px;white-space:nowrap;margin-bottom:4px}.metric-amount{color:#fff;font-size:18px;padding-left:0}.metric-details{margin:0}@keyframes flipAnimation{0%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0);opacity:1}}.flip{animation:flipAnimation .6s ease-out}@media (max-width: 600px){.metric-title{font-size:.9rem}.metric-amount{font-size:1rem}}button.logo-button{height:77px}.hearts-ui-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:80px;background-color:#2e2e2e;border-radius:16px;padding:8px 8px 8px 12px;box-sizing:border-box;width:260px}@media (min-width: 1700px){.hearts-ui-container{max-width:340px}}.hearts-ui-left{display:flex;flex-direction:column;justify-content:center}.metric-title{color:#fff;margin-bottom:4px;font-size:12px}.hearts-ui-hearts{display:flex}.heart{width:24px;height:24px;margin-right:4px}.heart-icon{font-size:24px}.hearts-ui-right{display:flex;align-items:center}.hearts-ui-image{width:60px;height:60px;border-radius:50%;margin:8px}.flash-green{animation:flashGreen 1s ease-in-out 3}@keyframes flashGreen{0%,to{background-color:#2e2e2e}50%{background-color:#548636}}.flash-red{animation:flashRed 1s ease-in-out 3}@keyframes flashRed{0%,to{background-color:#2e2e2e}50%{background-color:#a15f20}}.collection-container{display:flex;justify-content:space-between;align-items:center;margin-top:16px;transition:all .3s ease-in-out}.selection-choice{display:flex;align-items:center;justify-content:center;border:3px dashed rgba(255,255,255,.391);border-spacing:100px;background-color:#222;width:138px;height:182px;border-radius:8px;transition:all .3s ease-in-out}.plus{font-size:4rem;color:#ffffff64;transition:all .3s ease-in-out}.breakdown{background-color:#3d3d3d;height:100px;border-radius:8px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.breakdown-desc{max-width:200px;text-align:center;font-family:DM Sans,sans-serif;transition:all .3s ease-in-out}.expanded-parent{display:flex;flex-direction:row;align-items:flex-start;gap:20px;transition:all .3s ease-in-out}.additional-column{width:300px;background-color:#f0f0f0;padding:20px;border-radius:8px;transition:all .3s ease-in-out}.left-component{position:absolute;transform:translate(-480px);width:460px;min-height:500px;max-height:fit-content;margin-top:-20px;border-radius:16px 0 0 16px;background:linear-gradient(90.39deg,#f1f2f2a5 -.63%,#e5f0f366);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid white;padding:24px;transition:all .3s ease-in-out}.left-container{display:flex;flex-direction:column;width:100%;justify-content:center;transition:all .3s ease-in-out}.header-info{display:flex;flex-direction:row;width:90%;justify-content:space-between;align-items:center;margin:20px;transition:all .3s ease-in-out}.span-price{background-color:#ffeeeb;color:#c83c00;padding:10px;border-radius:35px;font-size:20px;letter-spacing:1px;transition:all .3s ease-in-out}.model-title{display:flex;font-size:1.7rem;color:#000;transition:all .3s ease-in-out}.left-component{position:absolute;transform:translate(-480px);width:460px;min-height:500px;margin-top:-20px;border-radius:16px 0 0 16px;background:linear-gradient(90.39deg,#f1f2f2a5 -.63%,#e5f0f366);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid white;padding:24px;transition:all .3s ease-in-out}.left-container{display:flex;flex-direction:column;transition:all .3s ease-in-out}.header-info{display:flex;justify-content:space-between;align-items:center;transition:all .3s ease-in-out;gap:16px}.model-title{font-size:1.7rem;color:#000;transition:all .3s ease-in-out}.span-price{background-color:#ffeeeb;color:#c83c00;padding:10px 16px;border-radius:35px;font-size:1.2rem;font-weight:500;letter-spacing:1px;transition:all .3s ease-in-out}.info-item{display:flex;flex-direction:column;gap:6px;font-family:DM Sans,sans-serif!important;transition:all .3s ease-in-out}.info-title{margin-bottom:10px;color:#000;transition:all .3s ease-in-out}.info-description{font-size:.9rem;color:#333;line-height:1.4;transition:all .3s ease-in-out}.progress-bar{position:relative;width:100%;height:10px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;transition:all .3s ease-in-out}.progress-fill{height:100%;background-color:#5cb85c;border-radius:4px 0 0 4px;transition:all .3s ease-in-out}.cta-container{display:flex;justify-content:space-between;align-items:center;margin:20px 20px 16px;transition:all .3s ease-in-out}.cta-button{background-color:#c83c00;color:#fff;padding:10px 20px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease-in-out}.cta-price{font-size:1.2rem;font-weight:700;color:#000;transition:all .3s ease-in-out}.cta-button{display:flex;justify-content:center;align-items:center;padding:20px 40px;width:100%;transition:all .3s ease-in-out}.cta-button-price{font-family:Kode Mono,serif;font-weight:light!important;transition:all .3s ease-in-out}.info-flex{display:flex;align-items:center;transition:all .3s ease-in-out}.info-icon{flex:0 0 30px;text-align:center;margin-right:30px;font-size:2rem;transition:all .3s ease-in-out}.info-content{flex:1;transition:all .3s ease-in-out}.progress-bar{margin-bottom:10px;transition:all .3s ease-in-out}.selection-choice.active{position:relative;border:1px solid white;background-color:#fff;color:#000;transition:all .3s ease-in-out}.plus.imgae{display:flex;width:100%;height:100%;transition:all .3s ease-in-out}.plus.image>img{max-width:80%;max-height:80%;object-fit:contain;display:block;margin:auto;transition:all .3s ease-in-out}.remove-button{position:absolute;height:48px;width:120px;bottom:10%;transform:translateY(30%);left:7%;background:#222;color:#fff;border:none;border-radius:24px;padding:6px 14px;z-index:2;cursor:pointer;font-size:.9rem;text-align:center;transition:all .3s ease-in-out}.cta-button.disabled-button{background-color:#fff;color:#000;cursor:pointer;transition:all .3s ease-in-out}button.cta-button.remove{justify-content:center;background-color:#fff;color:#000;transition:all .3s ease-in-out}.breakdown{opacity:1!important;padding:24px!important;transition:all .3s ease-in-out}.create-submit{box-sizing:border-box;transition:background-color .3s ease-in-out,border-color .3s ease-in-out}.create-submit.active{background-color:#ffeeeb;border:1px solid #c83c00;border-radius:20px}.create-description>*{transition:all .3s ease-in-out}.create-description.active>*{color:#000!important;opacity:1;transition:all .3s ease-in-out}.create-btn{box-sizing:border-box;transition:background-color .3s ease-in-out,color .3s ease-in-out}.create-btn.h.active{background-color:#c83c00;color:#fff;transition:all .3s ease-in-out}.button-start.blink-none{background-color:#505050!important;cursor:auto;display:flex;text-align:center!important;flex-direction:row;justify-content:space-between}.not-start{display:flex;color:#ffffff14!important;box-sizing:border-box;z-index:0;cursor:none}.not-start>*{opacity:.2!important}.purchase-btn{display:flex;align-items:center}.button-start,.create-submit,.create-btn{box-sizing:border-box}.expanded-container{max-height:fit-content}.expanded-container.factory{height:90vh}.factory-container{height:100%;display:flex;flex-direction:column}.factory-title{text-transform:uppercase;font-size:1.4rem;margin-bottom:8px}.factory-about-products-container{position:relative;width:100%;height:48px;border-radius:30px;overflow:hidden;display:flex;align-items:center;margin-top:16px;margin-bottom:16px;border:solid;border-width:.5px;border-color:#505050;background-color:#292929}.toggle-slider{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#c83c00;border-radius:30px;transition:left .3s ease;z-index:1}.factory-toggle{position:relative;z-index:2;flex:1;text-align:center;color:#fff;border:none;outline:none;background:none;cursor:pointer;font-size:.9rem;text-transform:uppercase;padding:0}.about-container{display:flex;flex-direction:column}.factory-audit-container{font-size:1rem;margin:1rem 0}.factory-toggle-switch{display:flex;justify-content:left;width:100%}.factory-location-container{display:flex;flex-direction:row;background-color:#222;align-items:center;border-radius:10px;margin-bottom:16px;justify-content:space-evenly;padding:16px 16px 16px 24px}.location .location-container{margin:10px;display:flex;flex-direction:column}.location-container{margin-left:16px}#factory-img{width:50px!important;height:50px!important;border-radius:50%;background-color:#fff}.location-title,.location-description{margin:8px}.create-submit-container.factory{margin-top:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.persona-container{display:flex;flex-direction:column}.persona-container .banner{height:8px;margin-top:5px}.persona-all{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#fff;border-radius:10px;gap:23px;animation:fadeIn 1s ease-in}.persona-rs-ls{display:flex;flex-direction:row;align-items:stretch;justify-content:center;width:100%;max-width:98%;height:83vh;gap:23px}.persona-left-side{display:flex;flex:1;flex-direction:row;height:100%;border-radius:16px;background:linear-gradient(123.21deg,#282828 27.78%,#52231f 94.21%)}.left-left{display:flex;flex-direction:column;align-items:stretch;background-color:#0f0f0f;border-radius:16px;max-width:290px;padding:24px;margin:24px}.left-side,.right-side{flex:1;margin:10px}.persona-right-side{background-color:#2e2e2e;border-radius:16px;height:100%}.persona-image-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px;margin-top:8px}.persona-image-mini-container{display:flex;justify-content:left;align-items:center;margin-bottom:20px;margin-top:5em}.persona-image{width:20vh;height:20vh;padding:8px;border-radius:50%;background-color:#fff!important;background-repeat:no-repeat;background-size:cover;background-position:center;object-fit:contain}.persona-image-mini{width:75px;height:52px;border-radius:50%;background-color:#fff!important;background-repeat:no-repeat;background-size:cover;background-position:center}.persona-info{margin-top:16px;text-align:left}.right-side h2{margin-bottom:20px}.persona-card-container{display:flex;flex-direction:column;align-items:center;margin:24px}.persona-card-image{width:350px;height:536px;margin-bottom:10px}.download-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.download-button:hover{background-color:#0056b3}.additional-info{display:flex;flex-direction:column;padding:24px 48px 0 24px}.brandDesc{color:#ffc4b1}.links-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;overflow-y:auto;padding-right:12px}.replay-container{margin-bottom:16px}#replay-exp{margin-top:24px}.title-and-desc{margin-top:62px;margin-bottom:24px}.persona-card-to-download{background-color:#000;width:350px;margin-bottom:10px;border:none;padding:21px;border-radius:16px;height:622px}#download-img{background-color:transparent!important}.download-title-container{display:flex;flex-direction:row;min-height:76px;width:100%;border-radius:12px}.d-p-name{margin-top:0}.download-hearts-ui-container{display:flex;flex-direction:column;gap:16px;width:100%;margin-top:24px}.download-hearts-ui-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%}.download-hearts-ui-container .hearts-ui-container,.download-hearts-ui-container .metric-child-container{height:64px;min-width:155px;border-radius:16px;padding-top:24px;padding-bottom:24px}.download-hearts-ui-container .metric-child-container{width:170px;padding:8px 0 0 10px}.download-hearts-ui-container .metric-details{margin:0}.download-hearts-ui-container .metric-budget-container{height:64px;margin-left:0}.download-hearts-ui-container .heart-icon{width:16px;height:16px;margin:1px}.download-hearts-ui-container .heart{margin-right:-2.5px}.download-hearts-ui-container .hearts-ui-image{width:40px;height:40px}.download-hearts-ui-container .metric-title{font-size:8px;padding:6px}.brand-mark-container{display:flex;justify-content:center;margin-top:42px}.brand-mark{width:291px;height:42px;object-fit:contain}.social-share-buttons{display:flex;gap:16px;justify-content:center;margin-top:16px}.social-share-buttons button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:transform .2s ease}.social-share-buttons button:hover{transform:scale(1.1)}.text-gray{color:#c9c9c9}.text-white-bold{color:#fff;font-weight:700}.links-container::-webkit-scrollbar{width:8px}.links-container::-webkit-scrollbar-track{background:transparent;border-radius:4px}.links-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#555,#999);border-radius:4px}.links-container::-webkit-scrollbar-thumb:hover{background:#777}.email-container{display:flex;align-items:center;gap:16px;flex-direction:column;margin-top:16px}.email-top{display:flex;flex-direction:row;gap:10px}.email-input{width:100%;min-width:195px;padding:8px 16px;font-size:16px;color:#fffefd;border:2px solid #222222;border-radius:32px;background-color:#222;outline:none;transition:border-color .3s ease}.email-input:focus{border-color:#ccc}.send-email-button{padding:19px 32px;font-size:14px;color:#fff;background-color:#c83c00;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s ease}.send-email-button:disabled{background-color:#ccc;cursor:not-allowed}.send-email-button:hover:not(:disabled){background-color:#a83200}.email-status{margin-top:8px;font-size:14px;text-align:center}.email-input.success{color:#85e780;border-color:#1d7b18}.email-input.success::placeholder{color:#85e780;border-color:#85e780}.email-input.error{color:#ffc4b1;border-color:#ffc4b1}.email-input.error::placeholder{color:#ffc4b1}.download-area{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px;background-color:#50505090;width:100%;margin-bottom:0;overflow:visible;position:absolute;top:calc(83vh - 90px);width:340px;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #505050;box-shadow:0 4px 10px #0000004d}#or-block{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0}@media (max-height: 918px){.replay-container{margin-top:5px}}@media (max-height: 870px){#replay-exp{margin-top:30px}}@media (max-width: 1500px){.links-container{grid-template-columns:1fr}}