campaign-selection{display:block;position:absolute;top:0;left:0;right:0;height:0;color:var(--selection-text, #111);font-family:Figtree,sans-serif;font-size:clamp(12px,1vw,16px);line-height:1.2}.campaign-selection-placeholder{margin-top:20px}.campaign-selection-placeholder:empty{display:block}campaign-selection *,campaign-selection *:before,campaign-selection *:after{box-sizing:border-box}campaign-selection [hidden]{display:none!important}campaign-selection button{font:inherit;cursor:pointer;color:inherit;border:0;background:transparent;padding:0}campaign-selection button:disabled{opacity:.5;cursor:not-allowed}campaign-selection button:focus-visible,campaign-selection input:focus-visible,campaign-selection [tabindex]:focus-visible{outline:2px solid var(--selection-accent);outline-offset:3px}campaign-selection svg{display:block;width:18px;height:18px}campaign-selection p,campaign-selection h2,campaign-selection h3{margin:0;color:inherit;font:inherit}.campaign-selection__panel{position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--selection-bg, #fff2db);box-shadow:0 -2px 12px #0000000d;visibility:hidden;pointer-events:none}campaign-selection.is-visible .campaign-selection__panel{visibility:visible;pointer-events:auto}campaign-selection.is-docked .campaign-selection__panel{position:absolute;top:var(--selection-dock-top);bottom:auto}.campaign-selection__inner{max-width:var(--selection-max, 1620px);margin-inline:auto;padding:var(--selection-padding-mobile, 16px) 20px calc(var(--selection-padding-mobile, 16px) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,auto);gap:5px 12px;align-items:center}.campaign-selection__message{grid-column:1;grid-row:1;color:var(--selection-accent);font-size:clamp(12px,2.8vw,16px);overflow-wrap:anywhere}.campaign-selection__view{grid-column:2;grid-row:1;text-align:right;justify-self:end}.campaign-selection__view strong{display:block;font-size:clamp(13px,3vw,18px);font-weight:700}.campaign-selection__view>span{display:inline-flex;gap:6px;align-items:center;margin-top:4px;color:#777}.campaign-selection__view svg{width:9px;height:12px;transform:rotate(90deg)}.campaign-selection__products{grid-column:1 / -1;grid-row:2;display:flex;gap:8px;min-width:0;align-items:stretch}.campaign-selection__thumbnails{display:flex;gap:14px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;flex:1;padding:8px 8px 7px 0;scrollbar-width:thin;scrollbar-color:#bbb transparent}.campaign-selection__thumbnail{flex:0 0 clamp(56px,14vw,76px);position:relative}.campaign-selection__thumbnail>button:first-child{display:block;width:100%;padding:5px;background:#fff;border:1px solid #ddd;border-radius:6px}.campaign-selection__thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.campaign-selection__thumbnail [data-selection-quantity]{position:absolute;bottom:3px;left:3px;padding:2px 5px;background:#111;color:#fff;border-radius:4px;font-size:11px;pointer-events:none}.campaign-selection__thumbnail-accessories{position:absolute;right:-4px;bottom:-5px;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.campaign-selection__thumbnail-accessories[hidden]{display:none}.campaign-selection__thumbnail-accessory{display:grid;width:24px;height:24px;place-items:center;overflow:hidden;margin-left:-6px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#333;font-size:10px;font-weight:700;box-shadow:0 1px 4px #0002}.campaign-selection__thumbnail-accessory img{width:100%;height:100%;aspect-ratio:1;object-fit:contain}.campaign-selection__thumbnail-accessory--more{background:#f5f5f5}campaign-selection .campaign-selection__remove{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;padding:3px;background:#333;color:#fff;border-radius:50%}.campaign-selection__remove svg{width:12px;height:12px}campaign-selection .campaign-selection__scroll{flex:0 0 28px;border-radius:6px;background:#00000008;display:grid;place-items:center}.campaign-selection__scroll svg{width:12px;height:20px}.campaign-selection__progress{grid-column:1 / -1;grid-row:3;position:relative;padding-top:5px;min-width:0}.campaign-selection__track{height:3px;background:var(--selection-track);position:relative}.campaign-selection__track>span{position:absolute;inset:0 auto 0 0;width:0;max-width:100%;background:var(--selection-accent)}.campaign-selection__markers{position:relative;height:36px}.campaign-selection__marker{position:absolute;top:0;left:var(--marker-position);width:max-content;max-width:33%;transform:translate(-50%);text-align:center;color:var(--selection-inactive);font-size:clamp(10px,2.4vw,14px)}.campaign-selection__marker:before{content:"";position:absolute;top:-7px;left:50%;width:11px;height:11px;border:1px solid currentColor;border-radius:50%;background:var(--selection-bg);transform:translate(-50%)}.campaign-selection__marker span{display:block;padding-top:9px;overflow-wrap:anywhere}.campaign-selection__marker.is-reached{color:var(--selection-accent)}.campaign-selection__marker:first-child{transform:none;text-align:left}.campaign-selection__marker:first-child:before{left:0}.campaign-selection__marker:last-child{transform:translate(-100%);text-align:right}.campaign-selection__marker:last-child:before{left:100%}.campaign-selection__marker.is-staggered span{padding-top:27px}.campaign-selection__summary{grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;min-width:0}.campaign-selection__prices{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:baseline;justify-content:flex-end}.campaign-selection__prices>strong{font-size:clamp(2rem,.276rem + 2.299vw,4rem);font-weight:600;color:var(--selection-text)}.campaign-selection__prices>s{font-size:clamp(1.4rem,.538rem + 1.149vw,2.4rem);font-weight:500;color:#999}.campaign-selection__off{background:var(--selection-off-bg);color:var(--selection-accent);padding:3px 7px;border-radius:3px;font-size:clamp(1.6rem,.566rem + 1.379vw,2.8rem);font-weight:600}campaign-selection .campaign-selection__checkout{color:var(--selection-button-text, white);background:var(--selection-button-bg, #ff8417);padding:12px 26px;min-width:156px;min-height:44px;border-radius:999px;font-weight:600}campaign-selection .campaign-selection__checkout:hover:not(:disabled){filter:brightness(.94)}.campaign-selection__error{grid-column:1 / -1;color:#b00020;padding:6px 0}.campaign-selection__dialog{width:calc(100% - 32px);max-width:640px;max-height:85vh;max-height:85dvh;margin:auto;padding:clamp(16px,2vw,24px);border:0;border-radius:8px;color:var(--selection-text);background:#fff;overflow-y:auto;overscroll-behavior:contain}.campaign-selection__dialog::backdrop{background:#0007}.campaign-selection__dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px}.campaign-selection__dialog h2{font-size:clamp(18px,1.6vw,22px);font-weight:700}.campaign-selection__dialog-heading button{padding:6px}.campaign-selection__dialog-heading svg{width:20px;height:20px}.campaign-selection__rows{display:grid;gap:10px}.campaign-selection__row{position:relative;display:grid;grid-template-columns:clamp(72px,18vw,120px) minmax(0,1fr);align-items:center;gap:clamp(10px,2vw,20px);padding:clamp(12px,1.5vw,16px);border:1px solid #ddd}.campaign-selection__row>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.campaign-selection__row h3{font-size:clamp(14px,1.5vw,18px);font-weight:700;overflow-wrap:anywhere;padding-right:20px}.campaign-selection__row-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-block:clamp(6px,1vw,10px)}.campaign-selection__row-price strong{font-size:clamp(18px,1.7vw,22px);font-weight:700}.campaign-selection__row-price s{font-size:13px;color:#888}.campaign-selection__row-accessories{display:grid;gap:6px;margin:0 0 clamp(8px,1vw,12px)}.campaign-selection__row-accessories[hidden]{display:none}.campaign-selection__row-accessory{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#f5f5f7}.campaign-selection__row-accessory img{display:block;width:40px;height:40px;border-radius:5px;object-fit:contain;background:#fff}.campaign-selection__row-accessory-title{min-width:0;overflow:hidden;font-size:13px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.campaign-selection__row-accessory-meta{color:#666;font-size:12px;white-space:nowrap}.campaign-selection__quantity-control{display:flex;width:100%;max-width:160px;border:1px solid #ccc;border-radius:3px;overflow:hidden}.campaign-selection__quantity-control button{display:grid;place-items:center;flex:0 0 34px;min-height:36px;background:#f5f5f5}.campaign-selection__quantity-control input{-webkit-appearance:textfield;appearance:textfield;min-width:0;width:100%;text-align:center;border:0;border-inline:1px solid #ddd;border-radius:0;font:inherit;color:inherit;background:#fff}.campaign-selection__quantity-control input::-webkit-inner-spin-button,.campaign-selection__quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.campaign-selection__row-remove{position:absolute;top:8px;right:8px;padding:4px!important}.campaign-selection__confirm{max-width:500px}.campaign-selection__confirm p{margin-block:20px;font-size:16px;line-height:1.5;white-space:pre-line}.campaign-selection__confirm-actions{display:flex;gap:20px;align-items:center;justify-content:flex-end}@media(min-width:750px){.campaign-selection-placeholder{margin-top:32px}.campaign-selection__inner{padding:var(--selection-padding, 20px) 60px;grid-template-columns:minmax(130px,auto) minmax(0,1fr) minmax(260px,auto);gap:10px 15px}.campaign-selection__message{grid-column:1 / -1;grid-row:1;text-align:center;font-size:clamp(1.4rem,.538rem + 1.149vw,2.4rem);font-weight:600;font-family:Figtree-SemiBold,Figtree,OPPOSans,sans-serif}.campaign-selection__progress{grid-row:2}.campaign-selection__view{grid-column:1;grid-row:3;text-align:left;justify-self:start}.campaign-selection__view strong{font-size:clamp(16px,1.4vw,22px)}.campaign-selection__view svg{transform:none}.campaign-selection__products{grid-column:2;grid-row:3}.campaign-selection__thumbnail{flex-basis:clamp(54px,5vw,80px)}.campaign-selection__summary{grid-column:3;grid-row:3;display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:clamp(260px,38vw,680px);flex-direction:column;align-items:end}.campaign-selection__prices>strong{font-size:clamp(2rem,.276rem + 2.299vw,4rem)}.campaign-selection__marker{font-size:clamp(12px,1vw,16px)}}@media(max-width:749px){.campaign-selection__products{display:none}.campaign-selection__progress{grid-row:2}.campaign-selection__summary{grid-row:3;grid-template-columns:minmax(0,1fr);justify-items:end}.campaign-selection__prices{width:100%;justify-content:flex-end;gap:5px 6px}.campaign-selection__prices>*{white-space:nowrap}.campaign-selection__prices>strong{order:2}.campaign-selection__prices>s{order:1}.campaign-selection__off{order:0}campaign-selection .campaign-selection__summary .campaign-selection__checkout{width:clamp(170px,46vw,220px);max-width:100%;min-width:0;padding:12px 18px;font-size:14px}}@media(prefers-reduced-motion:reduce){.campaign-selection__thumbnails{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/campaign-selection.css.map */