.dico-cmp{--dico-cmp-fade: .18s}.dico-cmp-head{margin:0 auto var(--dico-cmp-head-gap, 28px);max-width:620px;text-align:center}.dico-cmp-head h2{margin:0 0 8px}.dico-cmp-head .dico-cmp-intro{margin:0;font-size:13px;line-height:1.6}.dico-cmp-head .dico-cmp-intro>:first-child{margin-top:0}.dico-cmp-head .dico-cmp-intro>:last-child{margin-bottom:0}.dico-cmp-stage{position:relative;width:100%;max-width:var(--dico-cmp-stage, 32%);margin-inline:auto;aspect-ratio:var(--dico-cmp-ratio, 3 / 4)}.dico-cmp-shot{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;pointer-events:none;transition:opacity var(--dico-cmp-fade) ease}.dico-cmp-shot.is-on{opacity:1;pointer-events:auto}.dico-cmp-shot img{display:block;width:100%;height:100%;object-fit:cover}.dico-cmp-thumbs{display:flex;justify-content:center;gap:var(--dico-cmp-thumb-gap, 4px);margin-top:10px;padding-inline:12px;overflow-x:auto;scrollbar-width:none}.dico-cmp-thumbs::-webkit-scrollbar{display:none}.dico-cmp-thumb{flex:0 0 auto;width:var(--dico-cmp-thumb, 64px);aspect-ratio:var(--dico-cmp-ratio, 3 / 4);margin:0;padding:0;border:0;border-radius:0;background:none;cursor:pointer;opacity:.45;transition:opacity .15s ease;-webkit-appearance:none;appearance:none}.dico-cmp-thumb img{display:block;width:100%;height:100%;object-fit:cover}.dico-cmp-thumb.is-on,.dico-cmp-thumb:hover{opacity:1}.dico-cmp-thumb:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.dico-cmp-row{width:100%;max-width:var(--dico-cmp-row, 60%);margin:var(--dico-cmp-row-gap, 48px) auto 0}.dico-cmp-row-head{margin:0 0 16px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dico-cmp-row x-grid.product-grid{gap:var(--dico-cmp-card-gap, 40px)!important}.dico-cmp-row product-card .meta{text-align:center}.dico-cmp-row product-card .meta x-flex{width:100%;align-items:center;justify-content:center}.dico-cmp-row product-card .meta .header>x-flex{flex-direction:column}@media(max-width:777px){.dico-cmp-stage{max-width:calc(var(--dico-cmp-stage-m, 100%) - (2 * var(--dico-cmp-row-pad-m, 28px)))}.dico-cmp-thumbs{justify-content:flex-start}.dico-cmp-thumbs.is-short{justify-content:center}.dico-cmp-row{max-width:100%;padding-inline:var(--dico-cmp-row-pad-m, 28px)}.dico-cmp-row x-grid.product-grid{gap:var(--dico-cmp-card-gap-m, 20px)!important}.dico-cmp-row x-grid.product-grid>product-card:nth-child(n+3){display:none}.dico-cmp-head{margin-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/124/assets/dico-campaign.css.map */