.collection-card{--ccard-justify: flex-start;position:relative;display:flex;flex-direction:column;gap:var(--ccard-media-gap, 1.2rem);height:100%;min-width:0;padding:var(--ccard-padding, 0);overflow:var(--ccard-overflow, visible);text-align:var(--ccard-align, left);background:var(--ccard-background, none);border:var(--ccard-border, none);border-radius:var(--ccard-radius, 0);box-shadow:var(--ccard-shadow, none)}.collection-card--align-center{--ccard-align: center;--ccard-justify: center}.collection-card--align-right{--ccard-align: right;--ccard-justify: flex-end}.collection-card--style-card{--ccard-background: var(--palette-surface, rgba(var(--color-foreground), .04));--ccard-border: var(--content-container-border, none);--ccard-radius: var(--collection-card-radius, 0);--ccard-shadow: var(--content-container-shadow, none);--ccard-overflow: hidden;--ccard-content-padding: 0 1.6rem 1.8rem;--ccard-media-radius: 0}.collection-card.gradient{background:rgb(var(--color-background));background:var(--gradient-background);background-attachment:scroll}.collection-card__content{display:flex;flex:1 1 auto;flex-direction:column;align-items:var(--ccard-justify);gap:var(--ccard-gap, .6rem);min-width:0;padding:var(--ccard-content-padding, 0)}.collection-card__content:empty{display:none}.collection-card__content>*{max-width:100%}.collection-card__content>:is(.collection-card-row,.collection-card-button--full){align-self:stretch}.collection-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.collection-card__link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.3rem}.collection-card--style-card .collection-card__link:focus-visible,.collection-card--overlay .collection-card__link:focus-visible{outline-offset:-.4rem}.collection-card--side{display:grid;grid-template-columns:minmax(0,var(--ccard-media-width, 40%)) minmax(0,1fr);grid-template-rows:auto;grid-auto-rows:1fr;container-type:inline-size}.collection-card--side.collection-card--media-right{grid-template-columns:minmax(0,1fr) minmax(0,var(--ccard-media-width, 40%))}.collection-card--side.collection-card--media-right>.collection-card-media{grid-column:2;grid-row:1}.collection-card--side>.collection-card-media:not(.collection-card-media--circle){display:flex;flex-direction:column}.collection-card--side>.collection-card-media:not(.collection-card-media--circle)>.collection-card-media__frame{flex:1 0 auto}.collection-card--side>.collection-card-media--circle{align-self:start}.collection-card--side>.collection-card__content{min-width:0;justify-content:var(--ccard-content-justify, center)}@container (max-width: 26rem){.collection-card--side>.collection-card-media,.collection-card--side.collection-card--media-right>.collection-card-media,.collection-card--side>.collection-card__content{grid-column:1 / -1;grid-row:auto}.collection-card--side>.collection-card__content{justify-content:flex-start}}.collection-card--overlay{--ccard-overflow: hidden;--ccard-radius: var(--media-container-radius, 0);--ccard-media-radius: 0;display:grid;gap:0;isolation:isolate}.collection-card--overlay>:is(.collection-card-media,.collection-card__content){grid-area:1 / 1}.collection-card--overlay>.collection-card-media{height:100%}.collection-card--overlay>.collection-card-media .collection-card-media__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,var(--ccard-overlay, .45)),rgba(0,0,0,calc(var(--ccard-overlay, .45) * .45)),rgba(0,0,0,calc(var(--ccard-overlay, .45) * .15)))}.collection-card--overlay>.collection-card__content{--color-foreground: 255, 255, 255;--color-foreground-secondary: 255, 255, 255;position:relative;z-index:2;justify-content:var(--ccard-content-justify, flex-end);padding:var(--ccard-content-padding, clamp(1.6rem, 4%, 3.2rem));color:#fff;pointer-events:none}.collection-card--overlay>.collection-card__content :is(a,button){pointer-events:auto}.collection-card-media{position:relative;min-width:0}.collection-card-media__frame.media{aspect-ratio:var(--ccard-ratio, 4 / 5);border-radius:var(--ccard-media-radius, var(--media-container-radius, 0));background:rgba(var(--color-foreground),.05)}.collection-card-media--contain .collection-card-media__frame>img{object-fit:contain}.collection-card-media--circle .collection-card-media__frame.media{aspect-ratio:1 / 1;border-radius:50%}.collection-card-media__placeholder{fill:rgba(var(--color-foreground),.35)}.collection-card--overlay>.collection-card-media .collection-card-media__frame{height:100%}@media(hover:hover)and (prefers-reduced-motion:no-preference){.collection-card-media--zoom .collection-card-media__frame>img{transition:transform .7s cubic-bezier(.22,.61,.36,1),filter .4s ease}.collection-card:is(:hover,:focus-within) .collection-card-media--zoom .collection-card-media__frame>img{transform:scale(1.06)}}@media(hover:hover){.collection-card-media--grayscale .collection-card-media__frame>img{filter:grayscale(1);transition:filter .4s ease}.collection-card:is(:hover,:focus-within) .collection-card-media--grayscale .collection-card-media__frame>img{filter:none}.collection-card:hover .collection-card-media--circle .collection-card-media__frame:before{opacity:1}}.collection-card--hover-line .collection-card-media__frame:before{content:"";position:absolute;bottom:0;left:50%;z-index:2;width:0;height:2px;background:rgb(var(--color-accent-1));transform:translate(-50%);transition:width .3s ease}.collection-card--hover-line:hover .collection-card-media__frame:before{width:100%}.collection-card .collection-card-media--circle .collection-card-media__frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:auto;height:auto;border-radius:inherit;background:none;box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground)),inset 0 0 0 .5rem rgb(var(--color-background));opacity:0;transform:none;transition:opacity .3s ease;pointer-events:none}.collection-card-title{margin:0;font-family:var(--ccard-title-font, var(--font-body-family));font-size:var(--ccard-title-size-mobile, var(--ccard-title-size, 1.6rem));font-style:var(--ccard-title-style, normal);font-weight:var(--ccard-title-weight, 500);line-height:1.3;letter-spacing:var(--ccard-title-spacing, normal);text-transform:var(--ccard-title-transform, none);color:var(--ccard-title-color, rgb(var(--color-foreground)));overflow-wrap:anywhere}@media screen and (min-width:750px){.collection-card-title{font-size:var(--ccard-title-size, 1.6rem)}}.collection-card-title--heading{--ccard-title-font: var(--font-heading-family);--ccard-title-style: var(--font-heading-style);--ccard-title-spacing: var(--font-heading-letter-spacing)}.collection-card-title--uppercase{--ccard-title-transform: uppercase;--ccard-title-spacing: .06em}.collection-card-title--arrow{display:inline-flex;align-items:center;gap:.4em}.collection-card--align-center .collection-card-title--arrow{justify-content:center}.collection-card-title__arrow{flex-shrink:0;width:.85em;height:.85em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}.collection-card:hover .collection-card-title__arrow{transform:translate(.25em)}.collection-card-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--ccard-lines);overflow:hidden}.collection-card-count,.collection-card-text{margin:0;font-size:var(--ccard-text-size-mobile, var(--ccard-text-size, 1.3rem));line-height:1.45;letter-spacing:var(--ccard-text-spacing, normal);text-transform:var(--ccard-text-transform, none);color:var(--ccard-text-color, rgba(var(--color-foreground-secondary), .8))}@media screen and (min-width:750px){.collection-card-count,.collection-card-text{font-size:var(--ccard-text-size, 1.3rem)}}.collection-card-count--uppercase,.collection-card-text--uppercase{--ccard-text-transform: uppercase;--ccard-text-spacing: .08em}.collection-card-count--badge{display:inline-grid;place-items:center;min-width:2.4em;padding:.25em .7em;font-weight:600;line-height:1.2;color:var(--ccard-text-color, rgb(var(--color-background)));background:rgb(var(--color-foreground));border-radius:10rem}.collection-card--overlay .collection-card-count--badge{color:var(--ccard-text-color, rgb(0, 0, 0));background:#fff}.collection-card-text>:first-child{margin-top:0}.collection-card-text>:last-child{margin-bottom:0}.collection-card-button{position:relative;z-index:2;display:inline-flex;max-width:100%;text-decoration:none;color:inherit}.collection-card-button .button{margin:0}.collection-card-button--full .button{width:100%}.collection-card-button--small .button{min-height:3.6rem;padding:.6rem 1.6rem;font-size:1.3rem}.collection-card-button--large .button{min-height:5.2rem;padding-inline:3.2rem;font-size:1.6rem}.collection-card-button__link{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--ccard-text-size, 1.4rem);font-weight:500;color:rgb(var(--color-foreground));text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.35rem}.collection-card-button__icon{display:grid;place-items:center;width:4.4rem;height:4.4rem;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.3);border-radius:50%;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.collection-card-button svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}.collection-card:hover .collection-card-button__link svg{transform:translate(.3rem)}.collection-card:hover .collection-card-button__icon{color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.collection-card--overlay:hover .collection-card-button__icon{color:#000}.collection-card-row{display:flex;flex-wrap:wrap;align-items:var(--ccard-row-align, center);justify-content:var(--ccard-row-justify, space-between);gap:var(--ccard-row-gap, .8rem);min-width:0}.collection-card-row>*{flex:0 1 auto;min-width:0}.collection-card-row>:is(.collection-card-count,.collection-card-button){flex-shrink:0}.collection-card-row--vertical{flex-direction:column;flex-wrap:nowrap;align-items:var(--ccard-row-justify, flex-start);justify-content:var(--ccard-row-align, flex-start)}.collection-list{display:block;width:var(--group-child-width, 100%);min-width:0}.collection-list .list__track>.collection-card,.collection-list .list__track>.collection-list__view-all{height:auto}.collection-list__view-all{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;min-height:16rem;padding:2.4rem;font-size:1.6rem;font-weight:500;text-align:center;text-decoration:none;color:rgb(var(--color-foreground));background:var(--palette-surface, rgba(var(--color-foreground), .04));border-radius:var(--media-container-radius, 0)}.collection-list__view-all-icon{display:grid;place-items:center;width:4.8rem;height:4.8rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:50%;transition:transform .3s ease,background-color .3s ease,color .3s ease}.collection-list__view-all-icon svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.collection-list__view-all:hover .collection-list__view-all-icon{color:rgb(var(--color-background));background:rgb(var(--color-foreground));transform:translate(.4rem)}.collection-list .list[data-fits] .list__track:has(>.collection-card .collection-card-media--circle){justify-content:center}.collection-list .pagination-wrapper{margin-top:3.2rem}@media screen and (min-width:750px){.list--layout-bento .list__track>.collection-card:not(.collection-card--overlay){display:grid;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);container-type:normal}.list--layout-bento .list__track>.collection-card:not(.collection-card--overlay)>.collection-card-media{grid-column:1 / -1;display:flex;grid-row:1 / -2;justify-content:var(--ccard-justify, flex-start);min-height:0;align-self:stretch}.list--layout-bento .list__track>.collection-card:not(.collection-card--overlay)>.collection-card__content{grid-column:1 / -1;grid-row:-2 / -1;justify-content:flex-start;min-width:0}.list--layout-bento .collection-card>.collection-card-media .collection-card-media__frame.media{flex:1 1 auto;height:100%;aspect-ratio:auto}.list--layout-bento .collection-card>.collection-card-media--circle{container-type:size;align-items:center}.list--layout-bento .collection-card>.collection-card-media--circle .collection-card-media__frame.media{flex:none;width:min(100cqw,100cqh);height:min(100cqw,100cqh)}}@media(prefers-reduced-motion:reduce){.collection-card-title__arrow,.collection-card-button svg,.collection-card-button__icon,.collection-list__view-all-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/collection-card.css.map */