.auction-section{background:#fff;border-radius:8px;margin:20px 0}.auction-section h2{color:#2d3748;margin-bottom:20px;font-size:20px;font-weight:600}.bids-stroke{display:flex;gap:5px;align-items:center}.lot-info{background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:6px}.lot-info .card-body{padding:15px}.auction-timer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background:#fff !important;border:1px solid #ddd !important;color:#2d3748 !important;border-radius:6px;gap:5px;padding:15px 0}.bid-label-text{display:block;margin-bottom:10px}.current_bid-item{display:flex;align-items:center;margin-bottom:5px}.current_bid-item .current-bid{font-weight:700;font-size:30px;color:#0186d7}.bid-label-more{font-size:15px;margin-right:10px;margin-left:5px}.bid-value .discount-percentage{font-size:15px}.auction-timer .card-body{padding:15px}.countdown-display{font-size:18px;font-weight:600;font-family:"Ubuntu",monospace}.bid-info{background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:6px}.bid-info .card-body{padding:15px}.bid-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center}.bid-item{padding:12px;background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.bids-label{font-size:15px;color:#333;font-weight:500;letter-spacing:.5px}.bids-value{font-size:15px;font-weight:500;color:#7b7b7b}.auction-buttons{display:flex;gap:30px;flex-wrap:wrap;align-items:baseline;margin-bottom:30px}.btn-bid,.btn-buynow{flex:1;min-width:200px;padding:15px;font-size:16px;font-weight:600;border:none;border-radius:6px;transition:all .2s ease;cursor:pointer;text-align:center}.btn-bid{background:#0186d7;color:#fff}.btn-bid:hover{background:#2c5aa0;transform:translateY(-1px);box-shadow:0 2px 4px rgba(49,130,206,.2)}.btn-bid:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.btn-buynow{background:#333;color:#fff}.btn-buynow:hover{background:#2f855a;transform:translateY(-1px);box-shadow:0 2px 4px rgba(56,161,105,.2)}.btn-buynow:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.shipping-calculator{background:#fff;border:1px solid #e2e8f0;border-radius:6px}.shipping-calculator .card-body{padding:15px}.additional-charges{padding:12px;border-radius:4px;margin-bottom:12px;font-size:15px;font-weight:500;background-color:#c8f1ff}.manifest-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.btn-outline-primary,.btn-outline-secondary{padding:6px 12px;border:1px solid;border-radius:4px;font-size:13px;font-weight:500;transition:all .2s ease;cursor:pointer;background:rgba(0,0,0,0)}.btn-outline-primary{border-color:#3182ce;color:#3182ce}.btn-outline-primary:hover{background:#3182ce;color:#fff}.btn-outline-secondary{border-color:#718096;color:#718096}.btn-outline-secondary:hover{background:#718096;color:#fff}.auction-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;display:none}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.modal-content-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1051;padding:20px}.modal-content{background:#fff;padding:24px;border-radius:8px;max-width:650px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.2);border:1px solid #e2e8f0}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.modal-header .modal-title{margin:0;font-size:18px;color:#2d3748;font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#718096;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f7fafc;color:#2d3748}.modal-body{margin-bottom:20px}.form-check{margin-bottom:12px;display:flex;align-items:flex-start;border-radius:4px}.form-check-input{margin-right:10px;margin-top:2px;width:16px;height:16px;cursor:pointer}.form-check-input[type=checkbox]{margin:0;margin-right:9px;margin-top:1px}.form-check-label{display:block;font-size:15px;line-height:1.4;color:#4a5568;cursor:pointer;flex:1}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#2d3748;font-size:14px}.form-control{width:100%;padding:3px 12px;border:1px solid #e2e8f0;border-radius:4px;font-size:14px;transition:all .2s ease;background:#fff}.form-control:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 2px rgba(49,130,206,.1)}.total-calculation{margin-top:20px;padding:16px;background:#f7fafc;border-radius:4px;border:1px solid #e2e8f0}.breakdown-row{display:flex;justify-content:space-between;margin-bottom:6px;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:13px}.breakdown-total{display:flex;justify-content:space-between;font-weight:600;font-size:14px;color:#2d3748;padding-top:8px;border-top:1px solid #3182ce}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease;min-width:80px}.btn-secondary{background:#718096;color:#fff}.btn-secondary:hover{background:#4a5568}.btn-primary{background:#0186d7;color:#fff}.btn-primary:hover{background:#2c5aa0;border:none}.btn-success{background:#333;color:#fff}.btn-success:hover{background:#2f855a}.auction-notification,.auction-message{position:fixed;top:20px;right:20px;z-index:1060;min-width:300px;border-radius:6px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideInRight .3s ease-out;font-family:inherit;font-size:13px;border-left:3px solid}.auction-buttons>div{display:flex;flex-direction:column;flex-grow:1}.auction-notification{background:#fff;border-left-color:#3182ce;color:#2d3748;border:1px solid #e2e8f0}.auction-message.success{background:#fff;border-left-color:#38a169;color:#22543d;border:1px solid #c6f6d5}.auction-message.error{background:#fff;border-left-color:#e53e3e;color:#742a2a;border:1px solid #fed7d7}.auction-message.info{background:#fff;border-left-color:#3182ce;color:#1a365d;border:1px solid #bee3f8}.notification-close{background:none;border:none;font-size:16px;cursor:pointer;color:inherit;opacity:.7;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;float:right;margin-left:12px}.notification-close:hover{background:rgba(0,0,0,.1);opacity:1}.winner-message{background:#f0fff4;border:1px solid #9ae6b4;color:#22543d;padding:20px;border-radius:6px;margin:16px 0;text-align:center}.winner-message h4{margin:0 0 12px 0;font-size:18px;font-weight:600}.winner-message p{margin:0 0 16px 0;font-size:14px;line-height:1.4}.condition-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:15px;font-weight:500}.condition-returns{background:#fef5e7;color:#744210;border:1px solid #fed7aa}.condition-salvage{background:#fed7d7;color:#742a2a;border:1px solid #feb2b2}.condition-brand_new{color:#0186d7}.description-text{font-size:15px;font-weight:500}.condition-used{background:#e2e8f0;color:#2d3748;border:1px solid #cbd5e0}.condition-shelf_pull{background:#bee3f8;color:#1a365d;border:1px solid #90cdf4}.text-success{color:#38a169 !important}.text-warning{color:#d69e2e !important}.text-danger{color:#e53e3e !important}.text-center{text-align:center}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mb-3{margin-bottom:12px}.ml-2{margin-left:8px}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media(max-width: 768px){.auction-section{padding:15px;margin:15px 0}.bid-grid{grid-template-columns:1fr;gap:8px}.bid-item{padding:10px}.auction-buttons{flex-direction:column;gap:8px}.btn-bid,.btn-buynow{min-width:100%;padding:12px;font-size:14px}.bid-value{font-size:14px}.modal-content{margin:10px;padding:20px}.modal-content-wrapper{padding:10px}.auction-notification,.auction-message{min-width:calc(100% - 40px);right:20px;left:20px}.manifest-actions{flex-direction:column}.winner-message{padding:16px 12px}.winner-message h4{font-size:16px}}@media(max-width: 480px){.auction-section h2{font-size:18px}.countdown-display{font-size:16px}.bid-value{font-size:14px}.modal-content{padding:16px}.form-control{padding:3px 10px;font-size:13px}}@media print{.auction-section{border:1px solid #000;box-shadow:none;background:#fff}.btn-bid,.btn-buynow,.modal-content,.auction-notification{display:none !important}}.auction-timer .card-body{padding:15px}.timer-label{color:#2d3748;font-size:20px;font-weight:500}.countdown-display{font-size:20px;font-weight:500;font-family:"Ubuntu",monospace}.card-body h5{color:#000;font-weight:500;font-size:20px;margin:0;margin-bottom:20px}.card-body-line{border:.5px solid #ddd;margin-bottom:20px}.additional-charges.mb-3{margin-bottom:20px}.current_price_unit{display:flex;font-weight:500;font-size:15px;gap:5px;margin-bottom:20px}.shipping-options{font-size:15px;border:1px solid #ddd;border-radius:4px;padding:15px 20px}.shipping-options a{color:#0186d7;text-decoration:underline}.btn.btn-outline-secondary.btn-sm{border:1px solid #ddd;background-color:#f2f2f2;color:#333;font-size:15px}div.manifest-actions{margin-top:20px}.auction-buttons p{margin:0;font-size:15px;font-weight:500}.bid-value.discount-percentage,.bid-label-more{font-size:15px;font-weight:500}.auction-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.auction-badge-item{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:5px 10px;font-size:12px;color:#856404;display:flex;align-items:center;gap:5px;transition:all .3s ease}.auction-badge-item i{font-size:14px}.auction-badge-item.updating{animation:badgePulse 1s ease-in-out}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 10px rgba(255,193,7,.5)}100%{transform:scale(1)}}.btn-bid-now-compact{font-size:12px;padding:6px 12px}.time-badge.ending{background:#f8d7da !important;border-color:#f5c6cb !important;color:#721c24 !important}.auction-notification{position:fixed;top:20px;right:20px;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:15px;z-index:10000;max-width:300px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.notification-close{background:none;border:none;font-size:18px;cursor:pointer;float:right;margin-left:10px}.custom-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox-container .checkmark{display:block;position:relative;padding-left:20px;cursor:pointer;user-select:none}.custom-checkbox-container .checkmark::before{content:"";position:absolute;top:3px;left:0;height:15px;width:15px;border:1px solid #777;border-radius:4px}.custom-checkbox-container input:checked~.checkmark::before{background-color:#0186d7;border-color:#0186d7}.checkmark::after{content:"";position:absolute;display:none}.custom-checkbox-container input:checked~.checkmark::after{display:block}.checkmark::after{content:"";position:absolute;display:none;left:4px;top:4px;width:6px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}#toast-container>div{opacity:1 !important}.input-group.date .input-group-btn .btn.btn-default,.input-group.time .input-group-btn .btn.btn-default,.input-group.datetime .input-group-btn .btn.btn-default{padding:6px 25px;border:1px solid rgba(0,0,0,0)}.form-group .btn-default:hover{border:none}.auction-buttons{margin-bottom:16px}.form-group.qty:has(input[type=hidden]) .wish_comp{margin:0}.form-group.qty:has(input[type=hidden]){padding:0;margin:0}.invalid-checkbox{border-color:#dc3545 !important;background-color:#f8d7da !important}.invalid-label{color:#dc3545 !important;font-weight:bold !important}.invalid-checkbox,.invalid-label{transition:all .3s ease}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}
#toast-container > .toast-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}
#toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}
#toast-container > .toast-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}