.yi-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1100;max-width:min(580px,calc(100vw - 32px));padding:14px 20px;border:1px solid #dedfe3;border-radius:4px;background:#fff;color:#121212;box-shadow:0 3px 14px #0002;font-size:15px}
.yi-status.is-error{border-color:#b42318;color:#9a1b13}
.yi-status[hidden],.yi-drawer [hidden]{display:none!important}
.yi-drawer{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:76px 28px 32px;border:0;background:#fff;color:#121212;box-shadow:-4px 0 20px #0002;overflow-y:auto}
.yi-drawer[open]{display:flex;flex-direction:column}
.yi-drawer::backdrop{background:#0005}
.yi-drawer__heading{display:grid;flex:0 0 auto;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;margin:0 0 10px}
.yi-drawer h2{min-width:0;margin:0;font-size:24px;line-height:1.25;font-weight:600;overflow-wrap:anywhere}
.yi-drawer__success-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffe26d;color:#121212}
.yi-drawer__success-icon .icon-checkmark{display:block;width:16px;height:12px}
.yi-drawer__close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer}
.yi-drawer__close .svg-wrapper{width:20px;height:20px}
.yi-drawer__item{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;column-gap:12px;row-gap:12px;padding-bottom:16px;border-bottom:1px solid #dedfe3}
.yi-drawer__item img{width:56px;height:56px;border-radius:5px;object-fit:contain}
.yi-drawer__item-details{grid-column:2;min-width:0}
.yi-drawer__item a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:inherit;text-decoration:none;font-size:14px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
.yi-drawer__item p{font-size:12px;color:#5d6270;margin:4px 0 0;line-height:1.4;overflow-wrap:anywhere}
.yi-drawer__summary{flex:0 0 auto;margin:0 0 16px;color:#5d6270;font-size:13px;line-height:1.5}
.yi-drawer__items{flex:0 1 auto;min-height:100px;overflow-y:auto;overscroll-behavior:contain}
.yi-drawer__item+.yi-drawer__item{padding-top:16px}
.yi-drawer__item .yi-drawer__added{margin:0 0 2px;color:#28633b;font-weight:500}
.yi-drawer__quantity-block{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.yi-drawer__quantity-meta{flex:1 1 auto;min-width:0}
.yi-drawer__quantity-label{display:block;margin:0;color:#5d6270;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.yi-drawer__status{flex:0 0 auto;margin:0 0 16px;padding:10px 12px;border:1px solid #dedfe3;border-radius:4px;font-size:14px;line-height:1.4}
.yi-drawer__status.is-error{border-color:#b42318;background:#fff7f6;color:#9a1b13}
.yi-drawer__quantity{display:grid;flex:0 0 138px;grid-template-columns:38px minmax(0,1fr) 38px;width:138px;height:38px;box-sizing:border-box;border:1px solid #dedfe3;border-radius:4px;overflow:hidden}
.yi-drawer__quantity button,.yi-drawer__quantity input{box-sizing:border-box;width:100%;min-width:0;height:36px;padding:0;border:0;background:#fff;color:#121212;text-align:center;font:inherit;font-size:14px;appearance:textfield;-moz-appearance:textfield}
.yi-drawer__quantity button{display:grid;place-items:center;cursor:pointer;background:#f7f7f8}
.yi-drawer__quantity input{border-inline:1px solid #dedfe3}
.yi-drawer__quantity button:disabled{opacity:.4;cursor:default}
.yi-drawer__quantity .svg-wrapper{width:14px;height:14px}
.yi-drawer__quantity input::-webkit-inner-spin-button,.yi-drawer__quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.yi-drawer__note{flex:0 0 auto;font-size:12px;color:#5d6270;margin:16px 0 6px;line-height:1.5}
.yi-drawer__button{display:flex;flex:0 0 auto;box-sizing:border-box;justify-content:center;align-items:center;gap:4px;width:100%;min-height:50px;border:1px solid #ffe26d;border-radius:4px;background:#ffe26d;color:#121212;text-decoration:none;font:inherit;font-size:16px;cursor:pointer;margin-top:12px;padding:12px 16px}
.yi-drawer__button--secondary{background:#fff}
.yi-drawer__button:hover{border-color:#f9d650;background:#f9d650}
.yi-drawer__button--secondary:hover{background:#fff9df}
.yi-drawer button:focus-visible,.yi-drawer a:focus-visible,.yi-drawer input:focus-visible{outline:2px solid #121212;outline-offset:3px}
.yi-drawer__quantity input[aria-invalid=true]{background:#fff4f2}
@media(max-width:749px),(pointer:coarse){.yi-drawer{padding-right:20px;padding-left:20px}.yi-drawer__quantity{flex-basis:150px;grid-template-columns:44px minmax(0,1fr) 44px;width:150px;height:46px}.yi-drawer__quantity button,.yi-drawer__quantity input{height:44px}.yi-drawer__quantity input{font-size:16px}}