.component-section.positioned{max-width:600px}.toast-grid{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;display:flex}.toast-grid .sf-btn{margin:5px}.toast-row{justify-content:space-around;margin:5px 0;display:flex}.mid-row{justify-content:space-between;gap:300px;margin:15px 0;display:flex}.left-col,.right-col{flex-direction:column;display:flex}@media screen and (max-width:900px){.toast-grid{gap:20px}.toast-grid .sf-btn:last-child{white-space:normal}.left-col,.right-col{gap:20px}.toast-grid .sf-btn{min-width:80px;font-size:13px}.mid-row{justify-content:center;gap:50px}.toast-row{gap:0}.component-section.positioned{max-width:300px}}
.components-section{grid-template-columns:1fr 1fr 1fr 1fr;width:100%;height:10vh;padding:20px;display:grid}.toast-position{justify-content:center;align-items:center;display:flex}.top-right{grid-area:1/3;justify-content:flex-end;align-items:flex-start}.delivery-notification{padding:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif}.delivery-notification h6{margin-top:0;margin-bottom:8px;font-size:16px}.delivery-notification p{margin:8px 0;font-size:14px}.order-details{margin:12px 0}.status-info{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.status-item{align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{background-color:#ddd;border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot.active{background-color:#4caf50}.delivery-map{border-radius:8px;margin:10px 0;position:relative;overflow:hidden}.map-image{object-fit:cover;border-radius:8px;width:100%;height:150px}.delivery-info{margin-top:8px;font-size:13px}.driver-info{justify-content:space-between;display:flex}.action-buttons-toast-container{gap:10px;margin-top:12px;display:flex}.track-btn,.contact-btn{cursor:pointer;border:none;border-radius:0;flex:1;padding:8px 0;font-size:14px}.toast-buttons-container{gap:10px;max-width:100%;margin-bottom:20px;display:flex}.btn-row{justify-content:space-around;gap:10px;width:100%;display:flex}.e-btn{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding:8px 12px;font-size:14px;overflow:hidden}.sample-content.toast-label-container{height:80px;margin-top:10px;position:relative}@media screen and (max-width:599px){.btn-row{flex-direction:row}.toast-buttons-container{flex-direction:column}.e-btn{padding:6px 8px;font-size:13px}}@media screen and (max-width:400px){.btn-row{margin:0 -5px}}