.coro-display-picker{--coro-display-picker-gap: 16px;--coro-display-picker-radius: 14px;--coro-display-picker-tile-height: 340px;--coro-display-picker-scrim: linear-gradient( to top, rgba(0, 0, 0, .66) 0%, rgba(0, 0, 0, .28) 45%, rgba(0, 0, 0, 0) 80% );--coro-display-picker-icon-bg: linear-gradient( 135deg, rgba(28, 36, 52, 1) 0%, rgba(58, 72, 94, 1) 100% );display:block;width:100%}.coro-display-picker__header{margin:0 auto 28px;max-width:820px;text-align:center}.coro-display-picker__title{margin:0 0 8px}.coro-display-picker__subheading{margin:0;font-size:16px;line-height:1.5;opacity:.82}.coro-display-picker__grid{display:grid;gap:var(--coro-display-picker-gap);grid-template-columns:repeat(var(--coro-display-picker-mobile-cols, 2),minmax(0,1fr))}.coro-display-picker--cols-mobile-1 .coro-display-picker__grid{--coro-display-picker-mobile-cols: 1}.coro-display-picker--cols-mobile-2 .coro-display-picker__grid{--coro-display-picker-mobile-cols: 2}@media(min-width:768px){.coro-display-picker--cols-desktop-3 .coro-display-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.coro-display-picker--cols-desktop-4 .coro-display-picker__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.coro-display-picker--cols-desktop-5 .coro-display-picker__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.coro-display-picker__tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;min-height:var(--coro-display-picker-tile-height);aspect-ratio:4 / 5;border-radius:var(--coro-display-picker-radius);background:#11151f;color:#fff;text-decoration:none;box-shadow:0 2px 8px #00000014;transition:transform .26s ease,box-shadow .26s ease;isolation:isolate}.coro-display-picker__tile:hover,.coro-display-picker__tile:focus-visible{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px #00000038}.coro-display-picker__tile:focus-visible{outline:2px solid currentColor;outline-offset:3px}.coro-display-picker__tile-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.coro-display-picker__tile-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.coro-display-picker__tile:hover .coro-display-picker__tile-image img{transform:scale(1.05)}.coro-display-picker__tile-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--coro-display-picker-scrim);z-index:1;pointer-events:none}.coro-display-picker__tile--icon-only .coro-display-picker__tile-image--placeholder{background:var(--coro-display-picker-icon-bg)}.coro-display-picker__tile--icon-only .coro-display-picker__tile-body{justify-content:center;align-items:center;text-align:center;top:0;bottom:0;display:flex;flex-direction:column}.coro-display-picker__tile-body{position:relative;z-index:2;padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px}.coro-display-picker__tile-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:8px;border-radius:10px;background:#ffffff24;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.coro-display-picker__tile-icon svg{width:20px;height:20px;fill:currentColor;stroke:currentColor}.coro-display-picker__tile--icon-only .coro-display-picker__tile-icon{width:64px;height:64px;margin-bottom:12px}.coro-display-picker__tile--icon-only .coro-display-picker__tile-icon svg{width:32px;height:32px}.coro-display-picker__tile-label{font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.01em}.coro-display-picker__tile-sublabel{font-size:14px;line-height:1.4;opacity:.84}.coro-display-picker__tile-badge{position:absolute;top:12px;right:12px;z-index:3;padding:4px 10px;border-radius:999px;background:#fffffff0;color:#111418;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 2px 6px #0000002e}@media(max-width:767px){.coro-display-picker{--coro-display-picker-gap: 12px}.coro-display-picker__tile{min-height:260px}.coro-display-picker__tile-body{padding:12px 14px 14px}.coro-display-picker__tile-label{font-size:17px}.coro-display-picker__tile-sublabel{font-size:12px}.coro-display-picker__tile-icon{width:34px;height:34px;margin-bottom:6px}.coro-display-picker__tile--icon-only .coro-display-picker__tile-icon{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.coro-display-picker__tile,.coro-display-picker__tile-image img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/coro-display-picker.css.map */