@keyframes vcl-animation{0%{transform:translate(-30%)}to{transform:translate(30%)}}.spangle-guides{border:1px solid #4abff1;border-radius:8px;margin:16px 6px}.spangle-guides__item{padding:16px 16px 10px}.spangle-guides__item--alt{background-color:#f8fafc}@media (min-width:1280px){.spangle-guides__item--alt{border-top:1px solid #cdd5df;border-bottom:1px solid #cdd5df}}.spangle-guides__item--alt .spangle-guides__image-wrapper{background-color:#fff}@media (min-width:1280px){.spangle-guides__item--alt .spangle-guides__image{max-width:85%;max-height:85%}.spangle-guides__item--sizes .spangle-guides__description-body{display:none}.spangle-guides__item--sizes .spangle-guides__image-wrapper{height:200px}}.spangle-guides__item--jiffy-spangles .spangle-guides__header{margin-bottom:18px}@media (min-width:1280px){.spangle-guides__item{padding:16px 0}.spangle-guides__header{margin-left:26px;margin-right:26px}}.spangle-guides__header-text{margin:0;font-size:16px}@media (min-width:992px){.spangle-guides__header-text{font-size:18px}}@media (min-width:1280px){.spangle-guides__header-text{font-size:20px}}.spangle-guides__wrapper{flex-direction:row;align-items:center;margin-top:8px;display:flex}@media (min-width:1280px){.spangle-guides__wrapper{flex-direction:column}}.spangle-guides__blocks--top .spangle-guides__image-wrapper{border:none;align-items:flex-start;margin-right:0;padding-top:0}@media (min-width:1280px){.spangle-guides__blocks--top .spangle-guides__image-wrapper{order:1;align-items:center;height:135px;margin-bottom:0}}.spangle-guides__blocks--top .spangle-guides__image{max-width:80px;max-height:80px}@media (min-width:1280px){.spangle-guides__blocks--top .spangle-guides__image{max-width:75%;max-height:75%}.spangle-guides__blocks--top .spangle-guides__image--center{max-width:100%;max-height:100%}.spangle-guides__blocks--top .spangle-guides__description{order:3}.spangle-guides__blocks--top .spangle-guides__step-wrapper{order:2;margin-bottom:6px;margin-right:0}.spangle-guides__blocks--top .spangle-guides__arrow-image{display:block}}.spangle-guides__blocks--top .spangle-guides__block{align-items:flex-start;margin-bottom:0}@media (min-width:1280px){.spangle-guides__blocks--top .spangle-guides__block{align-items:center}.spangle-guides__blocks{gap:18px;display:flex;position:relative}}.spangle-guides__block{flex-direction:row;align-items:center;margin-bottom:8px;display:flex}@media (min-width:1280px){.spangle-guides__block{flex-direction:column;flex:1;width:200px}}.spangle-guides__image-wrapper{aspect-ratio:1;border:1px solid #e1e1e5;border-radius:8px;justify-content:center;align-items:center;width:90px;margin-right:16px;padding:8px;display:flex;position:relative}@media (min-width:1280px){.spangle-guides__image-wrapper{width:200px;height:170px;aspect-ratio:unset;margin-bottom:10px;margin-right:0}}.spangle-guides__image{-o-object-fit:contain;object-fit:contain;max-width:74px;max-height:74px}@media (min-width:1280px){.spangle-guides__image{max-width:100%;max-height:100%}}.spangle-guides__image--grid6{max-width:70%;max-height:70%}@media (min-width:1280px){.spangle-guides__image--grid6{max-width:65%;max-height:65%}}.spangle-guides__image--grid8{max-width:90%;max-height:90%}@media (min-width:1280px){.spangle-guides__image--grid8{max-width:80%;max-height:80%}}.spangle-guides__step-wrapper{justify-content:center;width:30px;margin-right:18px;padding-top:4px;display:flex}.spangle-guides__step-image{height:30px}@media (min-width:1280px){.spangle-guides__step-image{height:28px}}.spangle-guides__grid-image{width:32px;height:32px;display:none;position:absolute;bottom:8px;left:8px}@media (min-width:1280px){.spangle-guides__grid-image{display:block}}.spangle-guides__grid-image-inline{width:35px;margin-left:16px;margin-right:24px}@media (min-width:1280px){.spangle-guides__grid-image-inline{display:none}}.spangle-guides__description{flex-grow:1}@media (min-width:1280px){.spangle-guides__description{text-align:center}}.spangle-guides__description-text{margin:0;font-weight:700}@media (min-width:992px){.spangle-guides__description-text{font-size:16px}}.spangle-guides__description-body{margin:0;font-size:13px;line-height:1.2}@media (min-width:992px){.spangle-guides__description-body{font-size:14px}}.spangle-guides__arrow-image{width:90px;display:none;position:absolute;top:140px}.spangle-guides__arrow-image--left{left:156px}.spangle-guides__arrow-image--right{right:156px}
/*# sourceMappingURL=spangle-guides-3a7dce424e45bbd8.css.map*/