.csm-type-label-wrapper[data-v-1fa9326e]{position:relative}.csm-type-label-wrapper[data-v-1fa9326e]>:first-child{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff3d}.csm-type-label-wrapper .csm-border-elevate[data-v-1fa9326e]{background:light;background:conic-gradient(#00000080 10%,#ffffff80,#00000080,#ffffff80 85%,#00000080 100%,#00000080 0);border-radius:inherit;top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;mix-blend-mode:screen;padding:1px;pointer-events:none;z-index:11}.csm-type-label-wrapper .csm-type-label[data-v-1fa9326e]{border-radius:clamp(1.0625rem,.86176rem + .82353vw,1.5rem);box-shadow:0 4px 8px #00000008;color:var(--color-text-default);display:inline-block;font-family:var(--font-family);font-size:clamp(1rem,.94265rem + .23529vw,1.125rem);font-style:normal;font-weight:550;letter-spacing:normal;line-height:160%;padding:clamp(.5rem,.38529rem + .47059vw,.75rem) clamp(1rem,.88529rem + .47059vw,1.25rem);position:relative}.csm-type-label-wrapper .csm-border-elevate[data-v-1fa9326e]{border-radius:clamp(1.0625rem,.86176rem + .82353vw,1.5rem);height:100%;position:absolute;width:100%}.csm-project-item{container-type:inline-size;display:flex;flex-direction:column;gap:clamp(1rem,.54118rem + 1.88235vw,2rem);position:relative;width:100%}.csm-project-item .csm-project-preview-wrapper{align-items:center;aspect-ratio:1;background-color:var(--color-bg-accent-dark);border-radius:clamp(32px,10cqw,56px);container-type:inline-size;display:flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;transition:all .6s cubic-bezier(.165,.84,.44,1)}.csm-project-item .csm-project-preview-wrapper.csm-project-preview-large{aspect-ratio:23/27}.csm-project-item .csm-project-preview-wrapper .csm-project-type-label{left:clamp(1.25rem,.67647rem + 2.35294vw,2.5rem);position:absolute;top:calc(clamp(1.25rem,.67647rem + 2.35294vw,2.5rem) + 1px)}.csm-project-item .csm-project-preview-wrapper .csm-project-preview{aspect-ratio:3/2;box-shadow:0 30px 20px -12px #5757571a,0 18px 26px -12px #00000026;height:auto;overflow:hidden;position:relative;transition:all .6s cubic-bezier(.165,.84,.44,1);width:65%;will-change:box-shadow}.csm-project-item .csm-project-preview-wrapper .csm-project-preview.--format-desktop{aspect-ratio:3/2;border-radius:5cqw;width:69%}@media screen and (min-width:768px){.csm-project-item .csm-project-preview-wrapper .csm-project-preview.--format-desktop{border-radius:4.4cqw;width:66%}}.csm-project-item .csm-project-preview-wrapper .csm-project-preview.--format-mobile{aspect-ratio:37/75;border-radius:5.6cqw;width:36%}@media screen and (min-width:768px){.csm-project-item .csm-project-preview-wrapper .csm-project-preview.--format-mobile{border-radius:5cqw;width:32%}}.csm-project-item .csm-project-preview-wrapper .csm-project-preview picture{height:100%}.csm-project-item .csm-project-preview-wrapper .csm-project-preview-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width:992px){.csm-project-item:hover .csm-project-preview-wrapper{transform:scale(.975)}.csm-project-item:hover .csm-project-preview-wrapper .csm-project-preview{box-shadow:0 30px 60px -12px #57575726,0 18px 36px -18px #00000014;transform:scale(1.08)}}.csm-project-item .csm-project-content-wrapper{display:flex;flex-direction:column;padding:0 clamp(.75rem,.52059rem + .94118vw,1.25rem);row-gap:clamp(.25rem,.25rem + 0vw,.25rem)}.csm-project-item .csm-project-content-wrapper .csm-project-product-title{color:var(--color-text-brand-contrast);font-family:var(--font-family);font-size:clamp(1rem,.94265rem + .23529vw,1.125rem);font-style:normal;font-weight:550;letter-spacing:normal;line-height:160%}.csm-project-item .csm-project-content-wrapper .csm-item-title{padding-right:4.5cqw}.csm-project-item .csm-project-content-wrapper .csm-item-title .csm-project-category{color:var(--color-text-lighter)}.csm-resource-item .csm-project-preview-wrapper{aspect-ratio:6/4.3}.csm-resource-item .csm-project-content-wrapper{row-gap:clamp(.75rem,.52059rem + .94118vw,1.25rem)}.csm-resource-item .csm-project-content-wrapper .csm-item-title .csm-project-category{color:var(--color-text-accent-light)}
