.pinsContainer__list{margin-top:30px}.pinListItem{border:1px solid #dedede;padding:15px;margin-bottom:1.25rem;display:block;width:100%}.pinListItem.-selected{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.pinListItem__name{position:relative;font-weight:700;display:block;width:100%;line-height:1.1;margin-bottom:16px;font-size:1rem}.pinListItem__name:before{content:"";position:absolute;left:0;bottom:-10px;width:1.875rem;height:1px;background:#dedede}.pinListItem__footer{margin-top:20px}.pinObject{width:100%;max-width:1200px;margin:0 auto;position:relative}.pinObject>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pinAttachment{width:35px;height:35px;transform:translate(-50%,-50%);z-index:1;cursor:pointer}.pinAttachment:after{content:"";position:absolute;top:50%;left:50%;display:block;height:100%;width:100%;border:1px solid color-mix(in srgb,var(--color-primary) 40%,transparent);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:pin 1.25s 0s infinite}.pinAttachment.-active,.pinAttachment.-hover:hover{z-index:2}.pinAttachment.-active:after,.pinAttachment.-hover:hover:after{visibility:hidden}.pinAttachment.-active .pin:before,.pinAttachment.-hover:hover .pin:before{transform:translate(-50%,-50%) scale(.9);background:color-mix(in srgb,var(--color-primary) 40%,transparent)}.pinAttachment.-active .pinContentAttachment,.pinAttachment.-hover:hover .pinContentAttachment{opacity:1!important;pointer-events:auto;transform:translate(-50%,-100%)}@keyframes pin{0%{transform:translate(-50%,-50%) scale(0);opacity:1}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.pin{display:block;position:relative;width:100%;height:100%;border-radius:50%}.pin:before{transform:translate(-50%,-50%) scale(1);width:35px;height:35px;background:color-mix(in srgb,var(--color-primary) 20%,transparent);transition:transform .3s ease-out,background .3s ease-out}.pin:after,.pin:before{content:"";position:absolute;top:50%;left:50%;border-radius:50%;display:block}.pin:after{transform:translate(-50%,-50%);width:15px;height:15px;background:var(--color-primary);color:var(--color-primary--text)}.pinAttachment{position:absolute!important}@media (max-width:767px){.pinContentAttachment{display:none}.pinAttachment,.pinAttachment .pin{width:1.5rem;height:1.5rem}.pinAttachment .pin:before{display:none}.pinAttachment .pin:after{content:attr(data-on);background:#3d3d3d;color:#fff;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;line-height:1;text-align:center;white-space:nowrap;font-size:13px}.pinAttachment:after{display:none}.pinAttachment.-selected .pin:after{background:var(--color-primary)}}@media (min-width:768px){.pin,.pin:before,.pinAttachment{width:2.5rem;height:2.5rem}.pin:after{width:1.25rem;height:1.25rem}.pinContent__footer .btn{padding:0 1.25rem;min-height:35px;height:35px;max-height:35px;font-size:.8125rem}.pinAttachment--left .pinContentAttachment{left:0;transform:translateY(-96%)}.pinAttachment--left .pinContentAttachmentContainer:before{transform:translateY(50%) rotate(45deg);left:.625rem}.pinAttachment--left.-active .pinContentAttachment,.pinAttachment--left.-hover:hover .pinContentAttachment{transform:translateY(-100%)}.pinAttachment--right .pinContentAttachment{left:auto;right:0;transform:translateY(-96%)}.pinAttachment--right .pinContentAttachmentContainer:before{transform:translateY(50%) rotate(45deg);left:auto;right:.625rem}.pinAttachment--right.-active .pinContentAttachment,.pinAttachment--right.-hover:hover .pinContentAttachment{transform:translateY(-100%)}.pinContentAttachment{position:absolute!important;top:0;left:50%;transform:translate(-50%,-96%);pointer-events:none;opacity:0;padding-bottom:1rem;transition:transform .3s ease-out,opacity .3s ease-out}.pinContentAttachmentContainer{position:relative;border-radius:.375rem;background-color:#fff;border:1px solid #dedede;box-shadow:8px 8px 24px -18px #42445a}.pinContentAttachmentContainer:before{content:"";display:block;width:1.25rem;height:1.25rem;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%) rotate(45deg);background-color:#fff;border-bottom:1px solid #dedede;border-right:1px solid #dedede;box-shadow:4px 8px 19px -10px #767676}.pinContent{position:relative;background-color:#fff;width:20rem;border-radius:.375rem;padding:.9375rem 1.5625rem}.pinContent__name{position:relative;font-weight:700;display:block;width:100%;line-height:1.1;margin-bottom:16px;font-size:1.0625rem}.pinContent__name:before{content:"";position:absolute;left:0;bottom:-10px;width:1.875rem;height:1px;background:#dedede}.pinContent__desc{line-height:1.1;font-size:1rem}.pinAttachment--template-circle[data-count],.pinAttachment--template-circle[data-count] .pin[data-count]{width:3.125rem;height:3.125rem}.pinAttachment--template-circle[data-count] .pin[data-count]:before{width:3.125rem;height:3.125rem;background:var(--color-primary)}.pinAttachment--template-circle[data-count] .pin[data-count]:after{content:attr(data-count);display:flex;justify-content:center;align-items:center;width:3.125rem;height:3.125rem;font-size:1.75rem;font-weight:700;line-height:1;white-space:nowrap;text-align:center}.pinAttachment--template-circle[data-count] .pinContentAttachment{display:none}.pinAttachment--template-circle[data-count]:after{display:none;animation:none}.pinAttachment--template-circle[data-count].-active .pin[data-count]:before,.pinAttachment--template-circle[data-count].-hover:hover .pin[data-count]:before{transform:translate(-50%,-50%) scale(1.2)}.pinAttachment--template-pin{width:1.5rem;height:1.875rem;transform:translate(-50%,-100%)}.pinAttachment--template-pin .pin{border-radius:0;width:1.5rem;height:1.875rem}.pinAttachment--template-pin .pin:before{display:none}.pinAttachment--template-pin .pin:after{content:"\f13a";color:var(--color-primary)!important;font-family:iconset!important;font-style:normal;font-weight:400!important;font-variant:normal;line-height:1;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:transparent;display:flex;justify-content:center;align-items:center;font-size:1.875rem;width:1.5rem;height:1.875rem;color:var(--color-primary)}.pinAttachment--template-pin:after{display:none;animation:none}}