:root,.on-vp-wrap{--on-box-radius: 12px;--on-box-border: var(--on-vpm-border, var(--on-green-border, #80A690));--on-box-bg: var(--on-vpm-bg, var(--on-grad-soft, var(--on-green-tint, #E6EDE9)));--on-box-pad: 14px 18px;--on-box-min-h: 76px;--on-box-gap: 10px}@media screen and (max-width:420px){:root,.on-vp-wrap{--on-box-pad: 14px 12px}}.on-vp-addons{--on-vpa-radius: var(--on-box-radius)}.on-vp-addons--head{margin:14px 0 0}.on-vp-addons--list{margin:0}.on-vp-addons--head .on-vp-addons__head{margin-bottom:0}.on-vp-wrap .on-vp-multi{margin-top:var(--on-box-gap);margin-bottom:var(--on-box-gap)}.on-vp-wrap .on-vp-pair{padding:var(--on-box-pad);border:1px solid var(--on-box-border);border-radius:var(--on-box-radius);background:var(--on-box-bg);margin-bottom:8px}.on-vp-addons__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.on-vp-addons__title{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--on-text)}.on-vp-addons__note{font-size:12px;font-weight:500;color:var(--on-text-3);white-space:nowrap}.on-fbt--vp .on-fbt__head,.on-fbt--vp .on-fbt__nav{display:none!important}.on-fbt--vp .on-fbt__track{display:flex;flex-direction:column;gap:var(--on-box-gap, 16px);overflow:visible;scroll-snap-type:none;grid-auto-flow:row}.on-fbt--vp .on-fbt__track>*{flex:0 0 auto;width:100%;max-width:100%;min-width:0;scroll-snap-align:none}.on-fbt--vp .on-fbt__card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:var(--on-box-pad);border:1px solid var(--on-box-border);border-radius:var(--on-box-radius);background:var(--on-box-bg);min-height:var(--on-box-min-h)}.on-vp-multi__add{min-height:var(--on-box-min-h)}.on-fbt--vp .on-fbt__mediawrap{width:44px;height:44px;flex:none;border-radius:6px;overflow:hidden}.on-fbt--vp .on-fbt__mediawrap img,.on-fbt--vp .on-fbt__card img{width:44px;height:44px;object-fit:cover;display:block}.on-fbt--vp .on-fbt__info{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"titel titel storlek plus" "pris  farg  storlek plus";align-items:center;column-gap:10px;row-gap:2px;min-width:0}.on-fbt--vp .on-fbt__controls{display:contents}.on-fbt--vp .on-fbt__swatches{grid-area:farg;display:flex;flex-wrap:nowrap;gap:6px;margin-top:0;min-width:0;overflow:hidden}.on-fbt--vp .on-fbt__size-select{grid-area:storlek}.on-fbt--vp .on-fbt__add{grid-area:plus}.on-fbt--vp .on-fbt__title{grid-area:titel;font-size:14px;font-weight:700;line-height:1.25;color:var(--on-text);text-decoration:none;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-fbt--vp .on-fbt__price{grid-area:pris;font-size:14px;font-weight:800;color:var(--on-green-dark);white-space:nowrap}.on-fbt--vp .on-fbt__size-select{display:inline-block;max-width:92px;font-size:13px;padding:6px 8px;border:1px solid var(--on-size-bd);border-radius:6px;background:var(--on-white, #fff);color:var(--on-text)}.on-fbt--vp .on-szp-trigger{display:none}.on-fbt--vp .on-fbt__add{position:relative;width:34px;height:34px;min-width:34px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:0;line-height:0;flex:none}.on-fbt--vp .on-fbt__add:before{content:"+";font-size:20px;font-weight:700;line-height:1}.on-fbt--vp .on-fbt__add.is-chosen{background:var(--on-green-dark, #003D19)}.on-fbt--vp .on-fbt__add.is-chosen:before{content:"\2713";font-size:16px}.on-fbt--vp .on-fbt__add:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}@media screen and (max-width:480px){:root,.on-vp-wrap{--on-box-min-h: 76px;--on-box-pad: 10px 12px}.on-vp-addons__note{display:none}.on-fbt--vp .on-fbt__info{grid-template-columns:auto 1fr auto auto;grid-template-areas:"titel titel storlek plus" "pris  farg  farg    plus";column-gap:8px}.on-fbt--vp .on-fbt__title{font-size:13.5px}.on-fbt--vp .on-fbt__swatches{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;gap:5px}.on-fbt--vp .on-fbt__swatches::-webkit-scrollbar{display:none}.on-fbt--vp .on-fbt__swatch{flex:none}.on-fbt--vp .on-fbt__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-fbt--vp .on-fbt__size-select{max-width:62px;height:26px;min-height:26px;padding-block:0;font-size:12px}.on-fbt--vp .on-fbt__mediawrap,.on-fbt--vp .on-fbt__mediawrap img,.on-fbt--vp .on-fbt__card img{width:40px;height:40px}.on-fbt--vp .on-fbt__add{width:30px;height:30px;min-width:30px}}.on-vp-pair__gx{display:inline-flex;align-items:center;gap:2px;margin-inline-start:10px;padding:2px;border:1px solid var(--on-box-border);border-radius:999px}.on-vp-pair__gxb{-webkit-appearance:none;appearance:none;cursor:pointer;border:0;background:none;padding:4px 10px;border-radius:999px;color:var(--on-text-3);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1}.on-vp-pair__gxb.is-active{background:var(--on-green-dark);color:#fff}.on-vp-pair__gxb{position:relative}.on-vp-pair__gxb:after{content:"";position:absolute;inset-block:-12px;inset-inline:0}@media(hover:hover)and (pointer:fine){.on-vp-pair__gxb:not(.is-active):hover{color:var(--on-green-dark)}}.on-vp-pair__gxb:focus-visible{outline:2px solid var(--on-green);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/422/assets/on-vp-addons.css.map */