.custom-columns__grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--column-gap, 24px);row-gap:var(--row-gap, 24px);align-items:var(--vertical-alignment, start)}@media screen and (min-width:750px)and (max-width:1199px){.custom-columns__grid{column-gap:min(var(--column-gap, 24px),5vw)}}.custom-columns__grid>.custom-column-block{min-width:0}@media screen and (max-width:749px){.custom-columns__grid{grid-template-columns:repeat(4,1fr)}}.custom-columns__grid--guides{counter-reset:column;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 1px,transparent 1px,transparent 40px)}.custom-columns__grid--guides .column__inner{counter-increment:column;position:relative;outline:1px dashed rgba(0,0,0,.15)}.custom-columns__grid--guides .column__inner:before{content:counter(column);position:absolute;top:0;left:0;z-index:10;padding:4px 10px;font-size:16px;font-weight:700;font-family:system-ui,-apple-system,sans-serif;color:#fff;border-bottom-right-radius:6px;pointer-events:none;line-height:1}.custom-columns__grid--guides .column__inner:after{content:attr(data-desktop-width) "/12";position:absolute;top:4px;left:38px;z-index:10;padding:2px 6px;font-size:10px;font-weight:500;font-family:system-ui,-apple-system,sans-serif;color:#0009;background:#ffffffe6;border-radius:3px;pointer-events:none;line-height:1.2;border:1px solid rgba(0,0,0,.1)}@media screen and (max-width:749px){.custom-columns__grid--guides .column__inner:after{content:attr(data-mobile-width) "/4"}}.custom-columns__grid--guides .column__inner[data-overflowed=true]:after{content:attr(data-desktop-width) "/12 \21b5";color:#b45000e6;background:#ffebcdf2;border-color:#b450004d}@media screen and (max-width:749px){.custom-columns__grid--guides .column__inner[data-overflowed=true]:after{content:attr(data-mobile-width) "/4 \21b5"}}.custom-columns__grid--guides>.custom-column-block:nth-child(4n+1) .column__inner:before{background-color:#e53935}.custom-columns__grid--guides>.custom-column-block:nth-child(4n+2) .column__inner:before{background-color:#43a047}.custom-columns__grid--guides>.custom-column-block:nth-child(4n+3) .column__inner:before{background-color:#1e88e5}.custom-columns__grid--guides>.custom-column-block:nth-child(4n+4) .column__inner:before{background-color:#fdd835;color:#333}.custom-columns__grid--guides>.custom-column-block:nth-child(4n+1) .column__inner{outline-color:#e5393566}.custom-columns__grid--guides>.custom-column-block:nth-child(4n+2) .column__inner{outline-color:#43a04766}.custom-columns__grid--guides>.custom-column-block:nth-child(4n+3) .column__inner{outline-color:#1e88e566}.custom-columns__grid--guides>.custom-column-block:nth-child(4n+4) .column__inner{outline-color:#fdd83566}.dofos-custom-columns .custom-columns__empty{text-align:center;padding:24px;border:2px dashed rgba(var(--color-foreground),.2);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.dofos-custom-columns .custom-columns__empty-title{margin:0;font-size:14px;font-weight:600;font-style:normal;color:rgba(var(--color-foreground),.6)}.dofos-custom-columns .custom-columns__empty-subtitle{margin:0;font-size:14px;font-style:italic;color:rgba(var(--color-foreground),.4)}@media(prefers-reduced-motion:no-preference){.dofos-custom-columns[data-entrance-animation]:not([data-entrance-animation=none]) .custom-columns__entrance-target{opacity:1;transform:none;filter:none;transform-origin:center center;transition:opacity var(--custom-columns-entrance-duration) cubic-bezier(.22,1,.36,1),transform var(--custom-columns-entrance-duration) cubic-bezier(.22,1,.36,1),filter var(--custom-columns-entrance-duration) cubic-bezier(.22,1,.36,1),clip-path var(--custom-columns-entrance-duration) cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--custom-columns-entrance-index, 0) * var(--custom-columns-entrance-stagger))}.dofos-custom-columns[data-entrance-state=hidden] .custom-columns__entrance-target{will-change:opacity,transform,filter,clip-path}.dofos-custom-columns[data-entrance-animation=reveal] .custom-columns__entrance-target{overflow:hidden;clip-path:inset(0 0 0 0)}.dofos-custom-columns[data-entrance-state=hidden] .custom-columns__entrance-target{pointer-events:none}.dofos-custom-columns[data-entrance-animation=fade][data-entrance-state=hidden] .custom-columns__entrance-target,.dofos-custom-columns[data-entrance-animation=slide][data-entrance-state=hidden] .custom-columns__entrance-target,.dofos-custom-columns[data-entrance-animation=reveal][data-entrance-state=hidden] .custom-columns__entrance-target{opacity:0}.dofos-custom-columns[data-entrance-animation=slide][data-entrance-direction=up][data-entrance-state=hidden] .custom-columns__entrance-target,.dofos-custom-columns[data-entrance-animation=reveal][data-entrance-direction=up][data-entrance-state=hidden] .custom-columns__entrance-target{transform:translateY(2rem)}.dofos-custom-columns[data-entrance-animation=slide][data-entrance-direction=down][data-entrance-state=hidden] .custom-columns__entrance-target,.dofos-custom-columns[data-entrance-animation=reveal][data-entrance-direction=down][data-entrance-state=hidden] .custom-columns__entrance-target{transform:translateY(-2rem)}.dofos-custom-columns[data-entrance-animation=slide][data-entrance-direction=left][data-entrance-state=hidden] .custom-columns__entrance-target,.dofos-custom-columns[data-entrance-animation=reveal][data-entrance-direction=left][data-entrance-state=hidden] .custom-columns__entrance-target{transform:translate(2rem)}.dofos-custom-columns[data-entrance-animation=slide][data-entrance-direction=right][data-entrance-state=hidden] .custom-columns__entrance-target,.dofos-custom-columns[data-entrance-animation=reveal][data-entrance-direction=right][data-entrance-state=hidden] .custom-columns__entrance-target{transform:translate(-2rem)}.dofos-custom-columns[data-entrance-animation=blur][data-entrance-state=hidden] .custom-columns__entrance-target{opacity:0;filter:blur(14px)}.dofos-custom-columns[data-entrance-animation=three_d][data-entrance-state=hidden] .custom-columns__entrance-target{opacity:0;transform:perspective(900px) rotateX(16deg) translateY(24px) scale(.96);transform-origin:50% 100%}.dofos-custom-columns[data-entrance-animation=reveal][data-entrance-direction=up][data-entrance-state=hidden] .custom-columns__entrance-target{clip-path:inset(100% 0 0 0)}.dofos-custom-columns[data-entrance-animation=reveal][data-entrance-direction=down][data-entrance-state=hidden] .custom-columns__entrance-target{clip-path:inset(0 0 100% 0)}.dofos-custom-columns[data-entrance-animation=reveal][data-entrance-direction=left][data-entrance-state=hidden] .custom-columns__entrance-target{clip-path:inset(0 0 0 100%)}.dofos-custom-columns[data-entrance-animation=reveal][data-entrance-direction=right][data-entrance-state=hidden] .custom-columns__entrance-target{clip-path:inset(0 100% 0 0)}}
/*# sourceMappingURL=/cdn/shop/t/187/assets/component-custom-columns.css.map */