.subcollections{background:var(--bg);overflow:hidden}@media only screen and (max-width:767px){.subcollections .carousel--mobile-one{padding-right:var(--gutter-mobile);overflow-x:hidden}}.subcollection{transform:translateZ(0)}.carousel--inactive .subcollection:only-child{width:100%;margin-right:0}.subcollection__image{padding-top:var(--collection-image-padding-top);display:block;position:relative;overflow:hidden}.subcollection__image .placeholder-svg--overlayed{position:absolute;top:0;bottom:0;left:0;right:0}.subcollection__title{z-index:1;word-break:break-word;text-align:left;max-width:100%;color:var(--text);margin:0;padding:20px;position:absolute;bottom:0;left:0}.subcollection__title span{display:block;position:relative}.subcollection__title span:after{content:"";width:0;height:var(--BORDER-WIDTH);background:var(--text);transition:width .25s ease-in;position:absolute;top:100%;left:0}.supports-touch .subcollection__title span:after{content:none}.subcollection__image:hover .subcollection__title span:after{width:100%;transition:width .5s ease-out}.body--rounded-corners .subcollection--overlay,.body--rounded-corners .subcollection--below .subcollection__image{border-radius:var(--radius);overflow:hidden}.subcollection__card{color:var(--text);text-decoration:none;display:block}.subcollection--below .subcollection__image{padding-top:var(--collection-image-padding-top);display:block;position:relative;overflow:hidden}.subcollection--below .subcollection__title{text-align:center;padding:0;position:static}.subcollection--below .subcollection__title span:after{content:none}.subcollection__info{text-align:center;padding:14px 8px 4px}.subcollection__count{color:var(--text);opacity:.65;margin:5px 0 0;font-size:.875em}body:not(.no-outline) .subcollection:focus-within{outline:-webkit-focus-ring-color auto 5px;z-index:100;padding:2px}@media only screen and (max-width:479px){.mobile--one-third{width:calc((var(--wrapper-width) * .9 - var(--grid-gutter)) / 3)}.mobile--one-quarter{width:calc((var(--wrapper-width) * .9 - var(--grid-gutter)) / 4)}.mobile--one-fifth{width:calc((var(--wrapper-width) * .9 - var(--grid-gutter)) / 5)}.mobile--one-sixth{width:calc((var(--wrapper-width) * .9 - var(--grid-gutter)) / 6)}}