.yaris-garage{position:relative;width:calc(100% - 40px);max-width:1105.92px;height:737.28px;margin:35px auto;overflow:hidden;border-radius:22px;background:white;color:#06132d;container-type:inline-size}.yg-canvas{position:relative;width:1536px;height:1024px;transform:scale(.72);transform-origin:top left;font-family:Arial,Helvetica,sans-serif;isolation:isolate}.yg-canvas:before{content:'';position:absolute;inset:0;z-index:-1;background:#f4f8ff}.yg-canvas:after{content:'';position:absolute;z-index:-1;left:113px;top:-20px;width:1290px;height:860px;background:url('assets/garage-final-scene.webp') center/100% 100% no-repeat}.yg-top{position:absolute;left:44px;top:24px;right:45px;height:54px;display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:600}.yg-top>span{display:flex;align-items:center;gap:18px}.yg-top>span:before{content:'←';display:grid;place-items:center;width:54px;height:54px;background:#e9f1ff;color:#0755ff;border-radius:50%;font-size:30px;font-weight:400}.yg-top>div{display:flex;gap:24px}.yg-top button{display:grid;place-items:center;width:50px;height:50px;border:0;border-radius:50%;background:#e3edff;color:#0755ff;cursor:pointer}.yg-top button:last-child{background:#0755ff;color:#fff}.yaris-garage svg{width:27px;height:27px;flex-shrink:0}.yg-left{position:absolute;top:119px;left:34px;width:368px}.yg-left h2{font-size:58px;line-height:.99;letter-spacing:-2px;margin:0 0 18px;padding-left:20px}.yg-left h2 em{font-style:normal;color:#0755ff;white-space:nowrap}.yg-left>p{font-size:20px;line-height:1.4;color:#667fa7;margin:0 0 36px;padding-left:20px;width:390px}.yg-menu{display:grid;gap:10px}.yg-menu button{display:flex;align-items:center;gap:18px;width:100%;height:84px;padding:15px 18px;background:#ffffffed;border:1px solid #dce7f9;border-radius:20px;text-align:left;color:#081329;cursor:pointer}.yg-menu button.active{background:#0755ff;border-color:#0755ff;color:white}.yg-icon{display:grid;place-items:center;background:#edf3ff;color:#0755ff;width:54px;height:54px;border-radius:15px;flex-shrink:0}.yg-icon svg{width:34px;height:34px}.active .yg-icon{background:#ffffff0c;color:#fff}.yg-menu strong{display:block;font-size:18px;letter-spacing:-.3px}.yg-menu small{display:block;font-size:13px;line-height:1.4;color:#6883ad;margin-top:6px;white-space:nowrap}.yg-menu .active small{color:#edf3ff}.yg-menu b{margin-left:auto;color:#0755ff;font-size:30px;font-weight:400}.yg-menu .active b{color:white}.yg-centre{position:absolute;left:431px;top:243px;width:626px;height:468px}.yg-car{display:none}.yg-services{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;height:108px}.yg-services>button,.yg-services>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fffffff2;border:1px solid #e0e9f8;border-radius:20px;padding:9px 4px;color:#081329;cursor:pointer}.yg-services img{display:block;width:49px;height:49px;object-fit:contain;mix-blend-mode:normal}.yg-services span{font-size:13px;font-weight:500;white-space:nowrap}.yg-services b{color:#0755ff;font-size:32px;letter-spacing:2px;line-height:49px}.yg-right{display:contents}.yg-vehicle-card,.yg-panel,.yg-recent,.yg-documents{position:absolute;background:#fffffff5;border:1px solid #dce7f8;border-radius:26px;color:#081329}.yg-vehicle-card{left:1074px;top:98px;width:432px;height:184px;padding:22px}.yg-vehicle-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.yg-vehicle-card h3{display:flex;align-items:center;gap:12px;margin:0;font-size:29px;letter-spacing:-.8px;white-space:nowrap}.yaris-garage .toyota-mark{width:52px;height:38px}.yg-vehicle-card button{border:0;border-radius:13px;background:#e8efff;color:#0755ff;padding:13px 17px;font-size:15px;cursor:pointer;white-space:nowrap}.yg-vehicle-card>p{font-size:17px;color:#6883ad;margin:12px 0 18px}.yg-chips{display:flex;gap:10px}.yg-chips>span{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:13px 5px;background:#edf2ff;border-radius:15px;color:#0755ff;font-size:16px;white-space:nowrap}.yg-chips>span:first-child{color:#081329;font-weight:600}.yg-chips svg{width:20px;height:20px}.yg-panel{left:1082px;top:300px;width:424px;height:342px;padding:23px 25px}.yg-panel h3{font-size:24px;letter-spacing:-.6px;margin:0 0 10px}.yg-info-row{display:grid;grid-template-columns:25px 1fr 190px;gap:14px;align-items:center;min-height:43px;font-size:15px;position:relative}.yg-info-row:after{content:'';position:absolute;left:39px;right:0;bottom:0;height:1px;background:#dfe8f6}.yg-info-row:last-child:after{display:none}.yg-info-row>span{color:#738bb0}.yg-info-row strong{font-size:14px;font-weight:500;text-align:left}.yg-small-icon svg{width:22px;height:22px}.yg-panel>p{font-size:16px;line-height:1.5;color:#7088ad;margin:10px 0 15px}.yg-recent{left:1082px;top:659px;width:424px;height:327px;padding:23px}.yg-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.yg-panel-head h3{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:-.5px;margin:0;white-space:nowrap}.yg-panel-head h3 svg{width:32px;height:32px;color:#0755ff}.yg-panel-head>button{background:none;border:0;color:#0755ff;font-size:15px;white-space:nowrap;cursor:pointer}.yg-recent ol{list-style:none;padding:0;margin:0 0 0 18px}.yg-recent li{position:relative;border-left:1px solid #b7cef4;padding:0 0 16px 45px;min-height:58px;font-size:16px}.yg-recent li:before{content:'';position:absolute;left:-17px;top:0;width:32px;height:32px;border:2px solid #9aafcd;border-radius:50%;background:#fff;box-sizing:border-box}.yg-recent li.completed:before{content:'✓';display:grid;place-items:center;color:white;background:#04bf70;border-color:#04bf70;font-size:22px}.yg-recent li.scheduled:before{content:'◷';display:grid;place-items:center;color:white;background:#0755ff;border-color:#0755ff;font-size:25px}.yg-recent li:last-child{border-color:transparent}.yg-recent small{display:block;font-size:15px;color:#6b85af;margin-top:5px;white-space:nowrap}.yg-documents{left:33px;top:728px;width:1030px;height:258px;padding:21px}.yg-doc-grid{display:grid;grid-template-columns:repeat(3,1fr) 160px;gap:25px}.yg-doc{background:none;border:0;padding:0;text-align:left;min-width:0;cursor:pointer}.yg-doc-thumb{display:block;position:relative;height:103px;border-radius:10px;overflow:hidden;background-image:url('assets/garage-reference-detail.webp');background-repeat:no-repeat;background-size:1536px 1024px;background-position:-65px -796px}.yg-doc-thumb.mint{background-position:-321px -796px}.yg-doc-thumb.paper{background-position:-560px -796px}.yg-doc-thumb>*{display:none}.yg-doc>strong{display:block;font-size:17px;font-weight:600;margin:11px 0 7px;white-space:nowrap;letter-spacing:-.4px}.yg-valid{display:flex;align-items:center;gap:7px;font-size:16px;color:#6a85b0;white-space:nowrap}.yg-valid i{width:14px;height:14px;background:#06c275;border-radius:50%}.yg-doc:nth-child(3) .yg-valid i{background:#ffb500}.yg-add-document{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;border:1px dashed #b7ccf8;border-radius:18px;background:none;color:#6e87b1;font-size:14px;cursor:pointer}.yg-add-document b{font-size:38px;color:#0755ff;font-weight:400}.yg-disclaimer{position:absolute;left:36px;bottom:5px;color:#8297b5;font-size:8px;margin:0}.yaris-garage button:focus-visible,.yaris-garage a:focus-visible{outline:3px solid #f5bb45;outline-offset:3px}

/* Align the outer garage frame to the neighbouring content edges. */
.yaris-garage{max-width:none;background:#fff}.yg-canvas{margin-left:0}.yg-canvas:before{background:#fff}