.collection-info{padding-top:0}.collection-info__inner{--padding-mobile: var(--inset-large-mobile);--padding-desktop: var(--inset-base-fluid);display:block;padding:var(--padding-mobile);border:rgb(var(--color-foreground)) .1rem solid}@media screen and (min-width: 750px){.collection-info{padding-top:1rem}.collection-info__inner{display:grid;grid-template-areas:"title title" "image text";gap:var(--spacing-grid-horizontal-desktop);padding:var(--padding-desktop)}}.collection-info__title{grid-area:title;max-width:350px;margin:0}.collection-info__media-item{grid-area:image}.collection-info__media{overflow:visible;width:100%}@media screen and (max-width: 749px){.collection-info__media{margin-top:2rem}}.collection-info__media--placeholder{position:relative;overflow:hidden}.collection-info__media--placeholder:after{content:"";position:absolute;width:100%;height:100%;background:rgba(var(--color-foreground),.04)}.collection-info__media--placeholder.collection-info__media{height:20rem}@media screen and (min-width: 750px){.collection-info__inner{grid-template-columns:calc(50% - 1rem) auto}.collection-info__media--placeholder.collection-info__media{height:30rem}}.collection-info__media--placeholder>svg{position:absolute;left:50%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:100%;fill:currentColor}.collection-info__content{grid-area:text;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;align-self:stretch;flex:1 1 auto;position:relative;overflow:hidden;z-index:1}.collection-info .collection-info__media-item>*{border-radius:var(--border-radius);overflow:hidden}.collection-info .global-media-settings{overflow:hidden!important}.collection-info__content>*{margin-top:2rem}@media screen and (min-width: 750px){.collection-info__content>*:first-child{margin-top:0}}.collection-info__content>.collection-info__text:empty~a{margin-top:2rem}.collection-info__content :last-child:is(.collection-info__heading){margin-bottom:0}.collection-info__content .collection-info__button+.collection-info__text,.collection-info__content .collection-info__text+.collection-info__button{margin-top:2rem}.collection-info__content>:not(.is-bottom-aligned)+.collection-info__button:last-child{padding-top:2rem;margin-top:auto}.collection-info__heading{word-break:break-word;margin-bottom:0}.collection-info__text p{word-break:break-word;margin-top:0}@supports not (inset: 10px){.collection-info__inner{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/756/assets/component-collection-info.css.map */
