.atpc-pick{--atpc-ink: rgb(var(--text-color, 28 28 28));--atpc-line: rgb(var(--text-color, 28 28 28) / .15);margin:0;padding:0;border:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.atpc-pick__head{padding:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;width:100%}.atpc-pick__title{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}[dir=rtl] .atpc-pick__title{letter-spacing:0;font-size:13px}.atpc-pick__note{font-size:12px;opacity:.65}.atpc-pick__opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-width:420px}.atpc-pick__text{margin:0;font-size:12px;opacity:.7}.atpc-opt{position:relative;display:grid;gap:6px;padding:6px 6px 8px;border:1px solid var(--atpc-line);background:transparent;cursor:pointer;text-align:center;transition:border-color .18s,box-shadow .18s}.atpc-opt:hover{border-color:rgb(var(--text-color, 28 28 28) / .4)}.atpc-opt__input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.atpc-opt:has(.atpc-opt__input:checked){border-color:var(--atpc-ink);box-shadow:inset 0 0 0 1px var(--atpc-ink)}.atpc-opt:has(.atpc-opt__input:focus-visible){outline:1px solid var(--atpc-ink);outline-offset:3px}.atpc-opt__img{display:block;aspect-ratio:1;max-width:100%;overflow:hidden;background:#fff}.atpc-opt__img img{display:block;width:100%;height:100%;object-fit:contain}.atpc-opt__name{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;line-height:1.2}.atpc-opt__name i{flex:none;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000002e}.atpc-opt.is-out{cursor:not-allowed;opacity:.45}.atpc-opt__out{position:absolute;top:10px;left:50%;transform:translate(-50%);padding:2px 7px;background:var(--atpc-ink);color:#fff;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}cart-drawer>:not([slot]),cart-drawer>[slot=footer]>:not(:has([name=checkout])),.order-summary__body{transition:opacity .2s ease-out}html.is-cart-busy cart-drawer>:not([slot]),html.is-cart-busy cart-drawer>[slot=footer]>:not(:has([name=checkout])),html.is-cart-busy .order-summary__body{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}html.is-cart-busy button[name=checkout]{font-size:0;column-gap:0;cursor:progress}html.is-cart-busy button[name=checkout]>*{display:none}html.is-cart-busy button[name=checkout]:before{content:"";flex:none;width:14px;height:14px;margin-inline-end:10px;border-radius:50%;border:2px solid rgb(var(--button-text-color) / .3);border-top-color:rgb(var(--button-text-color));animation:atpc-spin .7s linear infinite}html.is-cart-busy button[name=checkout]:after{content:var(--cart-busy-label, "Updating cart");font:var(--button-font);letter-spacing:var(--button-letter-spacing)}@keyframes atpc-spin{to{transform:rotate(360deg)}}.cart-drawer__items>.atpc-group{margin-block-start:-.75rem}.atpc-group{display:grid;gap:8px}.atpc-kc{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:start;padding-inline-start:30px}.atpc-kc:before{content:"";position:absolute;inset-inline-start:12px;top:-8px;bottom:0;width:1.5px;background:#d5dde7}.atpc-kc.is-last:before{bottom:auto;height:38px}.atpc-kc:after{content:"";position:absolute;inset-inline-start:12px;top:29px;width:11px;height:1.5px;background:#d5dde7}.atpc-kc__media{width:52px;height:52px;border-radius:6px;overflow:hidden;background:#fff;margin-top:4px}.atpc-kc__img{display:block;width:100%;height:100%;object-fit:contain}.atpc-kc__card{display:grid;gap:6px;min-width:0;padding:10px 12px;border:1px solid #e3e9f0;border-radius:8px;background:#f7f9fb}.atpc-kc__top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 8px}.atpc-kc__title{margin:0;font-size:13px;font-weight:700;line-height:1.3}.atpc-kc__badge{padding:2px 8px;border-radius:99px;background:#071e4e;color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.06em;line-height:1.6;text-transform:uppercase;white-space:nowrap}[dir=rtl] .atpc-kc__badge{letter-spacing:0}.atpc-kc__for{margin:-3px 0 0;font-size:11.5px;line-height:1.35;opacity:.7}.atpc-kc__pick{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.atpc-kc__label{font-size:12.5px}.atpc-kc__label b{font-weight:600}.atpc-kc__dots{display:inline-flex;gap:7px}.atpc-dot{position:relative;width:24px;height:24px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--c, #ccc);box-shadow:0 0 0 1px #0003;cursor:pointer;transition:box-shadow .15s,transform .15s}.atpc-dot:hover:not(:disabled){transform:scale(1.08)}.atpc-dot[aria-checked=true]{box-shadow:0 0 0 2px #071e4e;cursor:default}.atpc-dot:focus-visible{outline:2px solid #071e4e;outline-offset:3px}.atpc-dot.is-out{opacity:.35;cursor:not-allowed}.atpc-dot.is-out:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1.5px;background:#8a1f2c;transform:rotate(45deg)}.atpc-kc.is-busy .atpc-kc__card{opacity:.55;pointer-events:none}.atpc-switching .atpc-dot{pointer-events:none}.atpc-kc.is-busy .atpc-kc__media{opacity:.5}.order-summary__body tr.line-item-row:has(+.atpc-group-row)>td{border-block-end-width:0}.order-summary__body .atpc-group-row>td{padding-block-start:0!important;border-block-start-width:0}.atpc-panel{margin-inline-start:9rem;border:1px solid #e3e9f0;border-radius:8px;background:#f7f9fb;overflow:hidden}.atpc-panel__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 16px;border-bottom:1px solid #e3e9f0}.atpc-panel__count{font-size:12.5px;line-height:1.4;opacity:.75}.atpc-panel__list{list-style:none;margin:0;padding:0}.atpc-prow{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:12px 16px;transition:opacity .15s}.atpc-prow+.atpc-prow{border-top:1px solid #e3e9f0}.atpc-prow .atpc-kc__media{margin-top:0}.atpc-prow__text{min-width:0}.atpc-prow .atpc-kc__title{font-size:13px;font-weight:600}.atpc-prow__colour{margin:2px 0 0;font-size:12.5px;line-height:1.4}.atpc-prow__colour b{font-weight:600}.atpc-prow .atpc-kc__dots{gap:10px}.atpc-prow.is-busy{opacity:.55;pointer-events:none}@media screen and (max-width:699px){.atpc-panel{margin-inline-start:0}}@media screen and (max-width:480px){.atpc-prow{grid-template-columns:44px minmax(0,1fr);padding:12px 14px}.atpc-prow .atpc-kc__media{width:44px;height:44px;grid-row:span 2;align-self:start}.atpc-prow .atpc-kc__dots{grid-column:2}}.atpc-toast{position:fixed;z-index:999999;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));margin-inline:auto;max-width:400px;box-sizing:border-box;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;background:#1c1c1c;color:#fff;font-size:13px;line-height:1.45;text-align:start;box-shadow:0 6px 24px #0000002e;opacity:0;transform:translateY(8px);transition:opacity .2s ease-out,transform .2s ease-out;pointer-events:none}.atpc-toast[hidden]{display:none}.atpc-toast.is-show{opacity:1;transform:none}.atpc-toast>span:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.atpc-toast__dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#f26d6d}@media(prefers-reduced-motion:reduce){.atpc-toast,.atpc-dot,.atpc-opt{transition:none}html.is-cart-busy button[name=checkout]:before{animation-duration:1.6s}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/afnan-travel-keychain.css.map */
