.custom-materials{background-color:#f3f2ef;border-radius:1rem;padding:3%;position:relative;overflow:hidden}@media (min-width:900px){.custom-materials{padding:3% 4%}}.custom-materials:hover .custom-materials__add-btn{background-color:#ff4d0c}.custom-materials:hover .custom-materials__add-btn-plus:before,.custom-materials:hover .custom-materials__add-btn-plus:after{background-color:#fff}.custom-materials__covers-container{width:100%;height:100%;position:absolute;top:0;left:0}.custom-materials__covers-container .custom-materials__cover-image{object-fit:cover;opacity:0;will-change:top,left,opacity;border-radius:2px;height:26rem;transition:opacity .5s ease-in-out;position:absolute;overflow:hidden}.custom-materials__covers-container .custom-materials__cover-image--visible{opacity:1}@media (min-width:500px){.custom-materials__top{grid-template-columns:1fr 1fr;display:grid}}@media (min-width:1100px){.custom-materials__top{grid-template-columns:1fr 1fr 1fr;display:grid}}.custom-materials__content{flex-direction:column;gap:.6rem;display:flex;position:relative}@media (min-width:700px){.custom-materials__content{gap:.8rem}}.custom-materials__top-header{font-size:2rem;font-weight:500;line-height:2.6rem}@media (min-width:900px){.custom-materials__top-header{font-size:2.4rem;line-height:3.2rem}}.custom-materials__sub-top-header{color:#6d6d6c;font-size:1.8rem;line-height:2.6rem}@media (min-width:900px){.custom-materials__sub-top-header{font-size:2rem;line-height:2.8rem}}.custom-materials__bottom{justify-content:flex-end;padding-top:20%;display:flex}.custom-materials__add-btn{aspect-ratio:2;background-color:#fff;border-radius:30rem;width:100%;max-width:36rem;display:flex;position:relative;overflow:hidden}.custom-materials__add-btn:hover .custom-materials__add-btn-plus{display:none}.custom-materials__add-btn-hit-area{aspect-ratio:1;cursor:pointer;justify-content:center;align-items:center;width:50%;padding:6px;display:flex}.custom-materials__add-btn-hit-area:hover .custom-materials__add-btn-item{display:flex}.custom-materials__add-btn-item{background-color:#fff;border-radius:50%;flex-grow:1;justify-content:center;align-items:center;height:100%;display:none}.custom-materials__add-btn-plus{z-index:2;position:absolute;top:50%;left:50%}.custom-materials__add-btn-plus:before,.custom-materials__add-btn-plus:after{content:"";background-color:#f3f2ef;border-radius:2px;position:absolute}.custom-materials__add-btn-plus:before{width:4px;height:40px;top:-20px;left:-2px}.custom-materials__add-btn-plus:after{width:40px;height:4px;top:-2px;left:-20px}