.cgn-drawer{--cgn-gold:#fabb00;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#000;-webkit-font-smoothing:antialiased}.cgn-drawer *,.cgn-drawer *:before,.cgn-drawer *:after{box-sizing:border-box}.cgn-drawer p{margin:0}.cgn-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;transition:opacity .3s ease}.cgn-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(460px,100vw);background:#fff;border-left:3px solid #000;display:flex;flex-direction:column;transform:translate(104%);transition:transform .45s cubic-bezier(.2,.9,.2,1);box-shadow:-18px 0 #0000001f;outline:none}.cgn-drawer.is-open{pointer-events:auto}.cgn-drawer.is-open .cgn-drawer__overlay{opacity:1}.cgn-drawer.is-open .cgn-drawer__panel{transform:none}html.cgn-drawer-lock,html.cgn-drawer-lock body{overflow:hidden}.cgn-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;background:#000;color:#fff}.cgn-drawer__title{font-size:26px;font-weight:700;letter-spacing:-.03em}.cgn-drawer__title span{color:var(--cgn-gold)}.cgn-drawer__x{width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease}.cgn-drawer__x:hover{transform:rotate(90deg);background:#fff;color:#000}.cgn-drawer__x:focus-visible,.cgn-drawer button:focus-visible,.cgn-drawer a:focus-visible{outline:3px solid var(--cgn-gold);outline-offset:2px}.cgn-drawer__added{display:flex;align-items:center;gap:8px;background:var(--cgn-gold);border-bottom:2px solid #000;padding:12px 22px;font-weight:700;font-size:15px;animation:cgn-dr-in .35s ease both}.cgn-drawer__added.is-bad{background:#ffd9d6}.cgn-drawer__added[hidden]{display:none}@keyframes cgn-dr-in{0%{transform:translateY(-8px);opacity:0}}.cgn-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 22px 20px}.cgn-drawer.is-busy .cgn-drawer__body{opacity:.55;pointer-events:none;transition:opacity .15s}.cgn-drawer__items{list-style:none;margin:0;padding:0}.cgn-drawer__item{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:18px 0;border-bottom:2px solid #000;animation:cgn-dr-item .45s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(var(--i) * 60ms)}@keyframes cgn-dr-item{0%{transform:translate(24px);opacity:0}}.cgn-drawer__img{display:block;width:90px;height:90px;border-radius:12px;border:2px solid #000;overflow:hidden;background:#f3f3f3}.cgn-drawer__img img{width:100%;height:100%;object-fit:cover;display:block}.cgn-drawer__info{min-width:0;display:flex;flex-direction:column;gap:4px}.cgn-drawer__name{font-weight:700;font-size:17px;line-height:1.2;letter-spacing:-.02em;color:#000;text-decoration:none}.cgn-drawer__name:hover{text-decoration:underline;text-underline-offset:3px}.cgn-drawer__variant{font-size:14px;opacity:.65}.cgn-drawer__disc{font-size:13px;font-weight:700;color:#0b7a36}.cgn-drawer__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.cgn-drawer__qty{display:inline-flex;align-items:center;border:2px solid #000;border-radius:999px;height:40px}.cgn-drawer__qty button{width:36px;height:100%;border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:#000}.cgn-drawer__qty span{min-width:22px;text-align:center;font-weight:700}.cgn-drawer__price{display:flex;flex-direction:column;align-items:flex-end;font-size:16px}.cgn-drawer__price s{font-size:13px;opacity:.5}.cgn-drawer__rm{align-self:flex-start;background:none;border:0;padding:2px 0;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:#000;opacity:.6}.cgn-drawer__rm:hover{opacity:1}.cgn-drawer__recs{margin-top:22px}.cgn-drawer__recs:empty{display:none}.cgn-drawer__recs-title{font-weight:700;font-size:18px;letter-spacing:-.02em;margin-bottom:12px!important}.cgn-drawer__recs-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cgn-drawer__rec{border:2px solid #000;border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:4px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.cgn-drawer__rec:hover{transform:translateY(-3px) rotate(-1.5deg);box-shadow:4px 5px #000}.cgn-drawer__rec-img{display:block;aspect-ratio:1;border-radius:9px;overflow:hidden;background:#f3f3f3}.cgn-drawer__rec-img img{width:100%;height:100%;object-fit:cover;display:block}.cgn-drawer__rec-name{font-size:12.5px;font-weight:700;line-height:1.2;min-height:2.4em}.cgn-drawer__rec-price{font-size:13px}.cgn-drawer__rec-add{margin-top:auto;height:34px;border-radius:999px;border:2px solid #000;background:#000;color:#fff;font:700 13px Helvetica Neue,Helvetica,Arial,sans-serif;cursor:pointer}.cgn-drawer__rec-add:hover{background:var(--cgn-gold);color:#000}.cgn-drawer__rec-add[disabled]{opacity:.6;cursor:default}.cgn-drawer__foot{border-top:3px solid #000;padding:16px 22px 22px;background:#fff}.cgn-drawer__foot:empty{display:none}.cgn-drawer__line{display:flex;justify-content:space-between;gap:10px;font-size:15px;margin-bottom:6px!important}.cgn-drawer__line--disc{color:#0b7a36;font-weight:700}.cgn-drawer__line--total{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-top:4px!important}.cgn-drawer__saved{display:inline-block;background:#b9f2c8;border:2px solid #000;border-radius:999px;padding:4px 12px;font-weight:700;font-size:13px;margin-bottom:10px!important}.cgn-drawer__fine{font-size:13px;opacity:.6;margin-bottom:14px!important}.cgn-drawer .cgn-btn{display:flex;width:100%;align-items:center;justify-content:center;min-height:56px;border-radius:999px;background:#000;color:#fff!important;border:2px solid #000;font:700 17px Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:none;transition:transform .15s ease}.cgn-drawer .cgn-btn:hover{transform:translateY(-2px) rotate(-1deg)}.cgn-drawer__view{display:block;text-align:center;margin-top:12px;font-weight:700;font-size:14px;color:#000;text-decoration:underline;text-underline-offset:4px}.cgn-drawer__empty{text-align:center;padding:30px 6px}.cgn-drawer__empty-cards{position:relative;height:200px;margin:10px auto 22px;max-width:260px}.cgn-drawer__empty .cgn-mini{width:125px;font-size:13px;padding:12px}.cgn-drawer__empty .cgn-mini--b{left:10%}.cgn-drawer__empty .cgn-mini--w{left:44%}.cgn-drawer__empty-title{font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:22px!important}html.cgn-has-drawer .cgn-toast{display:none!important}.cgn-sticky{z-index:60}.cgn-sticky__inner{border:2px solid #fff;box-shadow:0 18px 40px #00000059,0 0 0 2px #000}.cgn-sticky__pick{position:relative;flex:none}.cgn-sticky__select{display:inline-flex;align-items:center;gap:10px;height:44px;border-radius:999px;border:2px solid #fff;background:#000;color:#fff;padding:0 16px;font:700 14px Helvetica Neue,Helvetica,Arial,sans-serif;cursor:pointer;max-width:170px;white-space:nowrap;-webkit-tap-highlight-color:transparent}.cgn-sticky__select span{overflow:hidden;text-overflow:ellipsis}.cgn-sticky__select svg{flex:none;transition:transform .2s ease;transform:rotate(180deg)}.cgn-sticky__pick.is-open .cgn-sticky__select svg{transform:none}.cgn-sticky__select:focus-visible{outline:3px solid #fabb00;outline-offset:2px}.cgn-sticky__menu{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translate(-50%);min-width:200px;margin:0;padding:6px;list-style:none;background:#fff;color:#000;border:2px solid #000;border-radius:16px;box-shadow:6px 7px #000,0 18px 40px #00000059;z-index:3;animation:cgn-pick-in .18s ease both}.cgn-sticky__menu[hidden]{display:none}.cgn-sticky__menu:after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:14px;background:#fff;border-right:2px solid #000;border-bottom:2px solid #000;transform:translate(-50%) rotate(45deg)}@keyframes cgn-pick-in{0%{opacity:0;transform:translate(-50%,8px)}}.cgn-sticky__menu li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;cursor:pointer;font:700 15px Helvetica Neue,Helvetica,Arial,sans-serif;outline:none;white-space:nowrap}.cgn-sticky__menu li b{font-weight:600;font-size:14px;opacity:.7}.cgn-sticky__menu li:hover,.cgn-sticky__menu li:focus-visible{background:#f3f3f3}.cgn-sticky__menu li[aria-selected=true]{background:#fabb00}.cgn-sticky__menu li[aria-selected=true] b{opacity:1}.cgn-sticky__menu li[aria-disabled=true]{opacity:.4;cursor:not-allowed;text-decoration:line-through}.cgn-sticky .cgn-btn{background:#fabb00!important;color:#000!important;border-color:#fabb00!important}.cgn-sticky .cgn-btn:hover{background:#fff!important;border-color:#fff!important}@media(max-width:749px){.cgn-drawer__panel{width:100vw;border-left:0}.cgn-drawer__head{padding:16px 18px}.cgn-drawer__body{padding:6px 18px 18px}.cgn-drawer__foot{padding:14px 18px calc(18px + env(safe-area-inset-bottom))}.cgn-drawer__item{grid-template-columns:76px 1fr}.cgn-drawer__img{width:76px;height:76px}.cgn-sticky__inner{padding:6px;gap:8px}.cgn-sticky__txt b{font-size:13px}.cgn-sticky__select{max-width:120px;height:42px;font-size:13px;padding:0 12px;gap:6px}.cgn-sticky__menu{min-width:190px}.cgn-sticky .cgn-btn{padding:0 16px;font-size:15px}}@media(prefers-reduced-motion:reduce){.cgn-drawer__panel,.cgn-drawer__overlay{transition:none}.cgn-drawer__item,.cgn-drawer__added{animation:none}}@media(max-width:749px){.cgn-sticky .cgn-sticky__inner{width:100%;max-width:100%;box-sizing:border-box;min-width:0}.cgn-sticky .cgn-sticky__txt{min-width:max-content;flex:0 0 auto}.cgn-sticky .cgn-sticky__select{min-width:0}.cgn-sticky .cgn-sticky__txt b{display:none}.cgn-sticky .cgn-sticky__txt span{font-weight:700;font-size:15px;white-space:nowrap}.cgn-sticky .cgn-btn{flex:1 1 auto;min-width:0;width:auto;white-space:nowrap;padding:0 12px}}@media(max-width:370px){.cgn-sticky .cgn-sticky__img{display:none}.cgn-sticky .cgn-sticky__inner{padding:6px 6px 6px 14px}.cgn-sticky .cgn-sticky__select{max-width:98px;padding:0 10px;gap:4px}.cgn-sticky .cgn-sticky__txt span{font-size:14px}.cgn-sticky .cgn-sticky__inner{gap:6px}.cgn-sticky .cgn-btn{padding:0 12px;font-size:14px}.cgn-sticky .cgn-sticky__menu{left:-6px;transform:none;animation-name:cgn-pick-in2}.cgn-sticky .cgn-sticky__menu:after{left:52px}.cgn-sticky .cgn-sticky__menu li{padding:11px 12px;font-size:14px}}@keyframes cgn-pick-in2{0%{opacity:0;transform:translateY(8px)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/cgn-drawer.css.map */