.the-protocol{padding-top:var(--spacing-section);padding-bottom:var(--spacing-section)}.the-protocol--dark{background-color:var(--color-surface-dark);color:#fff}.the-protocol__steps{display:flex;flex-direction:column;gap:3rem;align-items:center}.the-protocol__step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative;z-index:2;width:100%;max-width:300px}.the-protocol__icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:1.5rem;transition:border-color var(--duration-default) var(--ease-default),transform var(--duration-default) var(--ease-default)}.the-protocol__icon svg{width:32px;height:32px;fill:currentColor}.the-protocol__step:hover .the-protocol__icon{border-color:rgba(var(--color-primary-rgb),.5);transform:translateY(-5px);box-shadow:0 10px 30px -10px rgba(var(--color-primary-rgb),.3)}.the-protocol__phase{font-family:var(--font-heading);font-size:10px;text-transform:uppercase;letter-spacing:.25em;font-weight:700;color:var(--color-text-subtle);margin:0 0 .5rem}.the-protocol__heading{font-size:var(--font-size-xl);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;color:inherit;margin:0 0 .75rem;line-height:1.1}.the-protocol--dark .the-protocol__heading{color:#fff}.the-protocol__description{font-size:14px;color:var(--color-text-subtle);line-height:1.6;margin:0;max-width:240px}.the-protocol--dark .the-protocol__description{color:#fff9}.the-protocol__connector{display:none}@media screen and (min-width: 750px){.the-protocol__steps{flex-direction:row;gap:1rem;justify-content:space-between;align-items:flex-start}.the-protocol__connector{display:flex;align-items:center;justify-content:flex-end;flex:1;height:1px;background-color:var(--color-border);margin-top:32px;position:relative;opacity:.3;margin-left:1rem;margin-right:1rem}.the-protocol--dark .the-protocol__connector{background-color:#ffffff1a}.the-protocol__connector-arrow{width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);margin-right:-4px;border-color:inherit}.the-protocol--dark .the-protocol__connector-arrow{border-color:#ffffff4d;border-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-the-protocol.css.map */