.jp-views{--jpv-line: rgba(28, 27, 25, .16);--jpv-ink: #1c1b19;--jpv-muted: #6f675b;--jpv-ai: #24364f;--jpv-paper: #f4f1ea;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px 30px;padding-top:18px;padding-bottom:4px;font-family:var(--font-body-family)}.jp-views__set{display:flex;align-items:center;gap:12px}.jp-views__label{font-size:11px;line-height:1;letter-spacing:.26em;text-transform:uppercase;color:var(--jpv-muted)}.jp-views__seg{display:inline-flex;align-items:stretch;background:#fff;border:1px solid var(--jpv-line);border-left:0;border-radius:2px}.jp-views__btn,.jp-views__col{-webkit-appearance:none;appearance:none;position:relative;margin:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:34px;background:transparent;color:#4a443b;border:0;border-left:1px solid var(--jpv-line);border-radius:0;transition:background-color .2s ease,color .2s ease}.jp-views__btn{width:40px}.jp-views__col{min-width:32px;padding:0 4px;font-family:var(--font-heading-family);font-size:17px;line-height:1;font-variant-numeric:lining-nums tabular-nums}.jp-views__btn:focus-visible,.jp-views__col:focus-visible{outline:2px solid var(--jpv-ai);outline-offset:2px;z-index:2}@media(hover:hover){.jp-views__btn:hover,.jp-views__col:hover{background:var(--jpv-paper);color:var(--jpv-ai)}.jp-views__btn[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-3px);white-space:nowrap;pointer-events:none;z-index:6;font-family:var(--font-body-family);font-size:10px;line-height:1;letter-spacing:.22em;text-transform:uppercase;padding:7px 9px 6px;background:var(--jpv-ink);color:var(--jpv-paper);border-radius:1px;opacity:0;transition:opacity .18s ease,transform .18s ease;transition-delay:0s}.jp-views__btn[data-tip]:hover:after,.jp-views__btn[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%);transition-delay:.35s}}html[data-jp-view=list] .jp-views__btn[data-jp-view=list],html[data-jp-view=grid] .jp-views__btn[data-jp-view=grid],html[data-jp-view=feed] .jp-views__btn[data-jp-view=feed],html[data-jp-cols="1"] .jp-views__col[data-jp-cols="1"],html[data-jp-cols="2"] .jp-views__col[data-jp-cols="2"],html[data-jp-cols="3"] .jp-views__col[data-jp-cols="3"],html[data-jp-cols="4"] .jp-views__col[data-jp-cols="4"],html[data-jp-cols="5"] .jp-views__col[data-jp-cols="5"],html[data-jp-cols="6"] .jp-views__col[data-jp-cols="6"]{background:var(--jpv-ai);color:var(--jpv-paper)}html[data-jp-view=list] .jp-views__cols,.jp-views__col[data-jp-cols="1"]{display:none}html[data-jp-view=feed] .jp-views__col[data-jp-cols="1"],html[data-jp-dev=m] .jp-views__col[data-jp-cols="1"]{display:inline-flex}html[data-jp-dev=t] .jp-views__col[data-jp-cols="5"],html[data-jp-dev=t] .jp-views__col[data-jp-cols="6"],html[data-jp-dev=m] .jp-views__col[data-jp-cols="4"],html[data-jp-dev=m] .jp-views__col[data-jp-cols="5"],html[data-jp-dev=m] .jp-views__col[data-jp-cols="6"],html[data-jp-dev=m]:not([data-jp-view=feed]) .jp-views__col[data-jp-cols="3"]{display:none}@media screen and (max-width:749px){.jp-views{justify-content:space-between;gap:10px 14px;padding-top:14px;padding-bottom:2px}.jp-views__set{gap:10px}.jp-views__label{font-size:10px;letter-spacing:.22em}.jp-views__btn{width:42px;height:40px}.jp-views__col{min-width:40px;height:40px;font-size:18px}}#product-grid{--jp-gap: var(--grid-mobile-horizontal-spacing, 8px);transition:opacity .22s ease}@media screen and (min-width:750px){#product-grid{--jp-gap: var(--grid-desktop-horizontal-spacing, 16px)}}html.jp-switching #product-grid{opacity:0}@media(prefers-reduced-motion:reduce){#product-grid{transition:none}html.jp-switching #product-grid{opacity:1}}html[data-jp-view=grid][data-jp-cols] #product-grid .grid__item{width:calc((100% - var(--jp-gap) * (var(--jp-cols) - 1)) / var(--jp-cols))!important;max-width:calc((100% - var(--jp-gap) * (var(--jp-cols) - 1)) / var(--jp-cols))!important}#product-grid .card__information .card__heading{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;letter-spacing:.01em}#product-grid .price,#product-grid .price-item{font-variant-numeric:lining-nums tabular-nums}html[data-jp-cols="5"][data-jp-view=grid] #product-grid .card__heading,html[data-jp-cols="6"][data-jp-view=grid] #product-grid .card__heading{font-size:13px}@media(hover:hover)and (prefers-reduced-motion:no-preference){#product-grid .card__media img{transition:transform .9s cubic-bezier(.2,.6,.2,1),opacity .4s ease}#product-grid .card-wrapper:hover .card__media img:first-child{transform:scale(1.035)}#product-grid .card-wrapper:hover .card__heading a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}}html[data-jp-view=list] #product-grid{display:block}html[data-jp-view=list] #product-grid .grid__item{width:100%!important;max-width:100%!important;margin:0;padding:14px 0;border-bottom:1px solid rgba(28,27,25,.1)}html[data-jp-view=list] #product-grid .grid__item:first-child{border-top:1px solid rgba(28,27,25,.1)}html[data-jp-view=list] #product-grid .card-wrapper,html[data-jp-view=list] #product-grid .card{display:flex;flex-direction:row;align-items:stretch;height:auto}html[data-jp-view=list] #product-grid .card-wrapper{width:100%}html[data-jp-view=list] #product-grid .card-wrapper>.card{flex:1 1 auto;width:100%;min-width:0}html[data-jp-view=list] #product-grid .card__inner{flex:0 0 170px;width:170px}html[data-jp-view=list] #product-grid .card>.card__content{flex:1 1 auto;display:flex;align-items:center;padding:0 24px}html[data-jp-view=list] #product-grid .card>.card__content .card__information{padding:0}html[data-jp-view=list] #product-grid .card__information .card__heading{-webkit-line-clamp:3;font-size:18px;line-height:1.45}@media screen and (max-width:749px){html[data-jp-view=list] #product-grid .card__inner{flex-basis:112px;width:112px}html[data-jp-view=list] #product-grid .card>.card__content{padding:0 14px}html[data-jp-view=list] #product-grid .card__information .card__heading{font-size:15px}}html[data-jp-view=feed] #product-grid{column-gap:4px;row-gap:4px}html[data-jp-view=feed] #product-grid .grid__item{width:calc((100% - 4px * (var(--jp-cols, 4) - 1)) / var(--jp-cols, 4))!important;max-width:calc((100% - 4px * (var(--jp-cols, 4) - 1)) / var(--jp-cols, 4))!important}html[data-jp-cols="1"][data-jp-view=feed] #product-grid{max-width:720px;margin-left:auto;margin-right:auto}html[data-jp-view=feed] #product-grid .card{background:transparent;box-shadow:none;border:0;position:relative}html[data-jp-view=feed] #product-grid .card>.card__content{height:0;padding:0;margin:0;overflow:visible;min-height:0}html[data-jp-view=feed] #product-grid .card__heading{font-size:0;line-height:0;opacity:0}html[data-jp-view=feed] #product-grid .card-information>*:not(.price){display:none}html[data-jp-view=feed] #product-grid .card__badge,html[data-jp-view=feed] #product-grid .quick-add{display:none}html[data-jp-view=feed] #product-grid .card-information .price{position:absolute;left:8px;bottom:8px;z-index:2;padding:5px 9px;border-radius:1px;background:#1c1b19d1;color:#f4f1ea;font-size:13px;opacity:0;transition:opacity .18s;pointer-events:none}html[data-jp-view=feed] #product-grid .card-information .price *{color:#f4f1ea}@media(hover:hover){html[data-jp-view=feed] #product-grid .card:hover .card-information .price,html[data-jp-view=feed] #product-grid .card:focus-within .card-information .price{opacity:1}}@keyframes jpCountShow{to{opacity:1}}@media screen and (max-width:749px){#ProductCount:not(.jp-count-ready){opacity:0;animation:jpCountShow 0s 1.2s forwards}}html[data-jp-view=grid][data-jp-cols="5"] #product-grid .product-card-wrapper .card__information .card__heading,html[data-jp-view=grid][data-jp-cols="6"] #product-grid .product-card-wrapper .card__information .card__heading{font-size:16px;line-height:1.38;-webkit-line-clamp:3}.jp-continuity{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:36px 16px 56px;min-height:120px;text-align:center}.jp-continuity__next{font-family:var(--font-heading-family);font-size:16px;line-height:1.4;text-decoration:underline;text-underline-offset:4px;color:inherit}.jp-continuity__status{font-family:var(--font-body-family);font-size:12px;letter-spacing:.03em;margin:0;opacity:.7}.jp-continuity__next[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/80/assets/jp-view-modes.css.map */