.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{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::backdrop{background:#0005}
.yi-drawer__heading{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;margin:0 0 32px}
.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:88px minmax(0,1fr);gap:16px;padding-bottom:28px;border-bottom:1px solid #dedfe3}
.yi-drawer__item img{width:88px;height:88px;object-fit:contain}
.yi-drawer__item a{color:inherit;text-decoration:none;font-size:16px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.yi-drawer__item p{font-size:14px;color:#5d6270;margin:8px 0 0;line-height:1.4}
.yi-drawer__quantity{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;grid-column:1/-1;border:1px solid #dedfe3;border-radius:4px;height:50px;overflow:hidden}
.yi-drawer__quantity button,.yi-drawer__quantity input{width:100%;min-width:0;height:48px;border:0;background:#fff;color:#121212;text-align:center;font:inherit;font-size:18px;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{font-size:14px;color:#5d6270;margin:24px 0 28px;line-height:1.5}
.yi-drawer__button{display:flex;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}