.skc{--skc-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 400' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M24 8 C130 3 213 11 330 7 C445 2 551 10 670 6 C790 2 878 7 970 9 Q991 10 994 31 C998 110 991 170 995 242 C998 291 992 329 993 369 Q992 391 971 392 C855 397 767 389 654 394 C539 399 451 391 334 395 C221 399 130 391 27 392 Q7 391 6 369 C2 291 9 232 5 161 C2 109 7 70 7 31 Q8 10 24 8 Z'/%3E%3C/svg%3E");--skc-media-w: 95px;--skc-image-h: 124px;background:var(--skc-bg, #fff);color:var(--skc-text, #082f44);padding:var(--skc-pt, 64px) 0 var(--skc-pb, 64px)}.skc__inner{box-sizing:border-box;width:calc(100% - 48px);max-width:1320px;margin:0 auto}.skc__header{text-align:center;margin-bottom:40px}.skc__heading{margin:0;color:var(--skc-text, #082f44)}.skc__subheading{max-width:620px;margin:10px auto 0}.skc__subheading p{margin:0}.skc__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 24px;margin:0;padding:0;list-style:none}.skc__item{display:flex;flex:0 0 calc((100% - 72px)/4);min-width:0;margin:0}.skc__card{position:relative;isolation:isolate;display:grid;grid-template-columns:var(--skc-media-w) minmax(0,1fr) auto;align-items:center;flex:1;gap:14px;box-sizing:border-box;min-height:100px;margin-top:18px;padding:22px 18px 22px 4px;color:var(--skc-text, #082f44);text-decoration:none}.skc__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--skc-card, #edf8ff);border-radius:16px;pointer-events:none;-webkit-mask-image:var(--skc-shape);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:var(--skc-shape);mask-size:100% 100%;mask-repeat:no-repeat}.skc__media{position:relative;display:block;align-self:stretch;min-width:0}.skc__image{position:absolute;left:-10px;top:50%;display:block;width:100%;height:var(--skc-image-h);max-width:none;object-fit:contain;object-position:center;transform:translateY(-50%) rotate(-3deg);transition:transform .25s ease;filter:drop-shadow(0 3px 4px rgba(8,47,68,.12))}.skc__text{display:flex;flex-direction:column;gap:4px;min-width:0}.skc .skc__title{margin:0;font-size:18px;line-height:1.15;color:var(--skc-text, #082f44);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.skc__benefit{font-family:var(--skc-benefit-font, cursive);font-weight:var(--skc-benefit-weight, 400);font-style:var(--skc-benefit-style, normal);font-size:var(--skc-benefit-size, 21px);line-height:1.05;color:var(--skc-accent, #045f9c)}.skc__arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:var(--skc-accent, #045f9c);color:#fff;box-shadow:4px 4px #082f442e;transition:transform .15s ease,box-shadow .15s ease}.skc__arrow svg{width:50%;height:50%;display:block}.skc__card:hover .skc__image{transform:translateY(-50%) rotate(2deg)}.skc__card:hover .skc__arrow{transform:translate(2px,2px);box-shadow:2px 2px #082f442e}.skc__card:focus-visible{outline:2px solid var(--skc-accent, #045f9c);outline-offset:4px;border-radius:16px}.skc__needs{margin-top:48px;text-align:center}.skc__needs-heading{margin:0 0 14px;font-weight:700}.skc__needs-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}.skc__need{display:inline-block;padding:10px 18px;border-radius:6px;background:var(--skc-accent, #045f9c);color:#fff;font-weight:600;line-height:1.2;text-decoration:none;box-shadow:4px 4px #082f442e;transition:transform .15s ease,box-shadow .15s ease}.skc__need:hover,.skc__need:focus-visible{color:#fff;transform:translate(2px,2px);box-shadow:2px 2px #082f442e}@media only screen and (max-width:1199px){.skc__item{flex-basis:calc((100% - 2 * 24px) / 3)}}@media only screen and (max-width:899px){.skc__item{flex-basis:calc((100% - 24px)/2)}}@media only screen and (max-width:599px){.skc{--skc-media-w: 84px;--skc-image-h: 109px}.skc__inner{width:calc(100% - 32px)}.skc__header{margin-bottom:28px}.skc__grid{gap:20px}.skc__item{flex-basis:100%}.skc__card{min-height:92px;padding:18px 16px 18px 12px}.skc__image{left:0}.skc .skc__title{font-size:20px}.skc__benefit{font-size:var(--skc-benefit-size-mobile, 21px)}.skc__needs{margin-top:36px}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/skippers-collections.css.map */